@charset "utf-8";

/* ================================================================================
    [INDEX]
    A: common style
        0. reset
        1. global
        2. header
        3. content
        4. footer
        5. other
            list
    B: page style
        1. top
        2. contentslist
        3. performerlist
        4. serieslist
        5. movielist
        6. newslist
        7. movie
        8. news
        9. about Kawaiian
        10. dailyimage
        11. decomail
        12. mypage
        13. notmember
        14. exception
        15. gacha
        16. unitContent
        17. point
================================================================================ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    0. reset html5-doctor-reset-stylesheet
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
ul li, ol li{list-style-type:none;} /* add */
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
img{vertical-align: bottom;} /* add */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    1. global
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
html {
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%;
}
body {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.4;
}
body, th, td {
    color: #000;
    font-family: sans-serif;
}
input, textarea, select {
    padding: 0;
    color: #000;
    font-size: 1.6rem;
}
input[type="submit"], input[type="text"], textarea {
    -webkit-appearance: none;
}
a {
    color: #e9536d;
    text-decoration: none;
}
.cBox {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    2. header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
header {
    position: relative;
}
header #logo {
    padding: 10px 8px;
}
header #logo img {
    max-width: 50%;
    height: auto;
}/*
header .headerNav {
    position: absolute;
    right: 15px;
    top: 10px;
    width: 10%;
    text-align: right;
}
header .headerNav img {
    max-width: 100%;
}
header .badge {
    position: absolute;
    right: -8px;
    top: -8px;
    background: url(../img/common/bg_badge.png) no-repeat 50% 53%;
    -webkit-background-size: contain;
    background-size: contain;
    padding: 4px;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    letter-spacing: -0.1em;
}*/
header .bnr_pointexchange {
    position: absolute;
    top: 10px;
    right: 8px;
    max-width: 40%;
    text-align: right;
}
@media screen and (min-width: 768px) {
    header .bnr_pointexchange {
        max-width: 35%;
    }
}
@media screen and (min-width: 1024px) {
    header .bnr_pointexchange {
        max-width: 25%;
    }
}
header .bnr_pointexchange img {
    max-width: 100%;
    height: auto;
}
@media screen and (min-width: 768px) {
    header .bnr_pointexchange img {
        height: 66px;
        width: auto;
    }
}
header nav ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}
header nav li {
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    text-indent: -999em;
}
header nav li a {
    position: relative;
    display: block;
    padding-top: 14px;
    padding-bottom: 14px;
}
nav .gacha {
    background: #e9536d url(../img/common/gnav_gacha01.png) no-repeat center center;
    -webkit-background-size: 53px 13px;
    background-size: 53px 13px;
}
nav .recent {
    background: #f07d90 url(../img/common/gnav_recent01.png) no-repeat center center;
    -webkit-background-size: 48px 17px;
    background-size: 48px 17px;
}
nav .news {
    background: #e9536d url(../img/common/gnav_news01.png) no-repeat center center;
    -webkit-background-size: 44px 17px;
    background-size: 44px 17px;
}
nav .movie {
    background: #f07d90 url(../img/common/gnav_movie01.png) no-repeat center center;
    -webkit-background-size: 47px 14px;
    background-size: 47px 14px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    3. contentWrap
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#contentWrap {
    padding-top: 10px;
    padding-bottom: 15px;
}
.diagonaline {
    position: relative;
}
.diagonaline:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    background: url(../img/common/bg_line_moto.gif) repeat-x left top;
    -webkit-background-size: 7px 7px;
    background-size: 7px 7px;
    width: 100%;
    height: 7px;
}
#gacha.diagonaline:before {
    background: url(../img/common/bg_line.gif) repeat-x left top;
    -webkit-background-size: 7px 7px;
    background-size: 7px 7px;
}
.searchBox {
    margin-bottom: 15px;
    border-bottom: 2px solid #ef8093;
    background: url(../img/common/bg_dot.gif) left top;
    padding: 22px 10px 15px;
}
.searchBox h2 {
    margin-bottom: 10px;
    background: url(../img/common/head_search.png) no-repeat center top;
    -webkit-background-size: 301px 24px;
    background-size: 301px 24px;
    text-indent: -999em;
    height: 24px;
}
.searchBox .performersearch li {
    margin-bottom: 4px;
    background: #f59aac;
}
.searchBox .performersearch li a {
    position: relative;
    display: block;
    padding: 13px 19px 13px 34px;
    color: #fff;
    font-weight: bold;
}
.searchBox .performersearch li a:before {
    position: absolute;
    top: 40%;
    left: 19px;
    display: block;
    content: '';
    background-image: url(../img/common/icons.png);
    background-position: -10px 0;
    -webkit-background-size: 50px 30px;
    background-size: 50px 30px;
    width: 7px;
    height: 8px;
}
.searchBox .performersearch li a:after {
    position: absolute;
    top: 50%;
    right: 12px;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    margin-top: -4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.searchBox .groupsearch {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.searchBox .groupsearch li {
    display: table-cell;
    height: 47px;
    vertical-align: middle;
    text-align: center;
    line-height: 1.1;
    font-size: 10px;
    font-size: 1.0rem;
}
.searchBox .groupsearch-first li:nth-child(2n+1), .searchBox .groupsearch-second li:nth-child(2n) {
    background: #f28599;
}
.searchBox .groupsearch-first li:nth-child(2n), .searchBox .groupsearch-second li:nth-child(2n+1) {
    background: #f59aac;
}
.searchBox .groupsearch li a {
    display: block;
    padding-right: 2px;
    padding-left: 2px;
    color: #fff;
    font-weight: bold;
}
/*
.searchBox .groupsearch li {
    float: left;
    width: 20%;
    height: 47px;
    text-align: center;
    line-height: 1.1;
    font-size: 10px;
    font-size: 1.0rem;
}
.searchBox .groupsearch li .disnon {
    display: none;
}
@media screen and (min-width:500px) {
    .searchBox .groupsearch li .disnon {
        display: block;
    }
}
.searchBox .groupsearch li:nth-child(2n+1) {
    background: #f28599;
}
.searchBox .groupsearch li:nth-child(2n) {
    background: #f59aac;
}
.searchBox .groupsearch li a {
    display: block;
    padding-right: 2px;
    padding-left: 2px;
    color: #fff;
    font-weight: bold;
}
.searchBox .groupsearch li .line1 {
    padding-top: 18px;
    padding-bottom: 18px
}
.searchBox .groupsearch li .line2 {
    padding-top: 13px;
    padding-bottom: 13px;
}
.searchBox .groupsearch li .line3 {
    padding-top: 8px;
    padding-bottom: 8px
} */
#bottomArea {
    position: relative;
}
/*
#bottomArea:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    background: url(../img/common/bg_line.gif) repeat-x left top;
    -webkit-background-size: 7px 7px;
    background-size: 7px 7px;
    width: 100%;
    height: 7px;
} */
#bottomArea .aboutArea {
	margin-top: 15px;
    padding-bottom: 22px;
    text-align: center;
}
#bottomArea .aboutArea img {
    max-width: 93%;
    height: auto;
}
.arrow a {
    position: relative;
    padding-left: 15px;
    color: #666;
}
.arrow a:before {
    position: absolute;
    top: 30%;
    left: 3px;
    display: block;
    content: '';
    background-image: url(../img/common/icons.png);
    background-position: -20px 0;
    -webkit-background-size: 50px 30px;
    background-size: 50px 30px;
    width: 7px;
    height: 8px;
}
.bgwave {
    background: url(../img/common/bg_wave.gif);
    -webkit-background-size: 5px 5px;
    background-size: 5px 5px;
}
.bgoline {
    background: url(../img/common/bg_oline.gif);
    -webkit-background-size: 4px 4px;
    background-size: 4px 4px;
}
.annotation {
    position: relative;
    padding: 10px 10px 10px 25px;
    font-size: 1.2rem;
}
.annotation:before {
    position: absolute;
    top: 10px;
    left: 10px;
    content: "※";
}
.notification {
    margin: 0 10px 10px;
    border: 1px solid #e32647;
    font-size: 1.4rem;
}
.notification a:before {
    position: relative;
    content: "・";
}
.notification a {
    position: relative;
    display: block;
    padding: 10px;
    color: #e32647;
}
.notification a + a {
    padding-top: 0;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    4. footer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
footer {
    background: #f4f4f4 url(../img/common/bg_footer.png) repeat;
    padding: 10px 0;
    text-align: center;
}
footer ul {
    display: table;
    margin-bottom: 10px;
    width: 100%;
}
footer ul li {
    display: table-cell;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    font-size: 1.4rem;
    width: 33%;
}
footer ul li+li {
    border-left: 1px solid #ccc;
}
footer ul li a {
    color: #00f;
}
footer small {
    color: #999;
    font-size: 1.2rem;
}

/* -----------------------------------------------------------------------------
    other
----------------------------------------------------------------------------- */
.listBox {
    text-align: center;
}
.column {
    margin: 0 auto;
    padding: 10px 0 0 0;
    width: 309px;
    text-align: center;
}
.column li {
    position: relative;
    float: left;
    margin-bottom: 10px;
    background: #fff;
    width: 152px;
}
.column li:nth-child(2n+1) {
    margin-right: 5px;
}
.column img {
    width: 100%;
    height: auto;
}
.column .tagNew {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 40%;
}
.column .tagSugotoku {
    position: absolute;
    top: 50px;
    right: 3px;
    width: 40px;
    height: 32px;
}
.column li .listttl {
    padding: 9px;
    color: #666;
    font-size: 1.2rem;
    line-height: 1.2;
}

.mopo {
    display: block;
    margin-top: -15px;
}
.pagination {
    position: relative;
    overflow: hidden;
    margin: 4.16655% 1.6666% 5.5554%;
    padding-top: 5.5554%;
}
.pagination_list {
    position: relative;
    left: 50%;
    float: left;
}
.pagination_list-around {
    width: 74.4444%;
}
.pagination_item {
    position: relative;
    left: -50%;
    float: left;
    border: #d9d9d9 1px solid;
}
.pagination_item + .pagination_item {
    margin-left: 0.2em;
}
.pagination_item-more {
    border: none;
}
.pagination_item-next:first-child:last-child {
    float: right;
}
.pagination_item-prev + .pagination_item-next {
    float: right;
}
.pagination_txt {
    font-size: 1.4rem;
}
.pagination_txt-current, .pagination_txt-here {
    display: block; padding: 0.4em 0.8em;
}
.pagination_txt-more {
    padding: 0 0.3em;
}
.pagination_link {
    display: block;
    padding: 0.4em 0.8em;
    color: #0000ef;
    white-space: nowrap;
}
.pagination_link-prev:before {
    content: "«";
}
.pagination_link-next:after {
    content: "»";
}
.btngroup {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}
.cf { zoom: 1; }
.cf:after { content: ""; display: block; clear: both; }

/* -----------------------------------------------------------------------------
    dcmFavorite
----------------------------------------------------------------------------- */
.dcmFavorite {
    margin: 0 10px 15px;
    border: 2px solid #f8ccd3;
    background: url(../img/dcmfavorite/bg_dcmfavorite.png) repeat left top;
    background-size: 14px;
    padding: 10px 0;
    text-align: center;
}
.dcmFavorite-bgnone {
    margin: 15px auto;
    text-align: center;
}
.dcmFavorite .introduction span {
    position: relative;
}
.dcmFavorite .introduction span:before {
    display: block;
    position: absolute;
    top: 6px;
    left: -40px;
    content: "";
    background: url(../img/dcmfavorite/arrow_dcmfavorite.png) no-repeat left top;
    background-size: 28px 26px;
    width: 28px;
    height: 26px;
}
.dcmFavorite .introduction {
    margin-bottom: 8px;
    font-size: 1.5rem;
    line-height: 1.2;
    color: #4d4d4d;
}
.dcmFavorite .introduction em {
    color: #e32647;
    font-style: normal;
}
.dcmFavorite .latestContents {
    margin: 0 10px 15px;
    border-bottom: 1px dashed #e3adb6;
    padding-bottom: 15px;
}
.dcmFavorite .latestContents a {
	display: block;
	margin: 0 auto;
    width: 260px;
}
.dcmFavorite .latestContents .ttl {
    background: #fff;
    padding: 10px;
    width: 240px;
    font-size: 1.2rem;
    line-height: 1.3;
    color: #666;
    text-align: left;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    1. top
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#topPhoto {
    text-align: center;
}
#topPhoto .photoBox img {
    border: 1px solid #d40028;
    max-width: 98%;
    height: auto;
}
#topPhoto .performer {
    position: relative;
    overflow: hidden;
    padding: 15px 15px 10px;
}
#topPhoto .performer dl {
    position: relative;
    left: 50%;
    float: left;
}
#topPhoto .performer dt, #topPhoto .performer dd {
    position: relative;
    left: -50%;
    float: left;
}
#topPhoto .performer dt {
    padding-right: 15px;
}
#topPhoto .performer dt:after {
    position: absolute;
    top: 30%;
    right: 4px;
    display: block;
    content: '';
    background-image: url(../img/common/icons.png);
    background-position: 0 0;
    -webkit-background-size: 50px 30px;
    background-size: 50px 30px;
    width: 7px;
    height: 8px;
}/*
#topPhoto .arrow {
    padding: 0 15px 15px;
    font-size: 1.3rem;
} */
#topPhoto .btn a {
    display: block;
    margin: 0 auto 15px;
    border-radius: 4px;
    background-color: #f0788c;
    padding: 9px 0;
    width: 180px;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
}
#topNews {
    margin-bottom: 15px;
    padding: 17px 0 10px;
    border-bottom: 2px solid #ef8093;
    background: url(../img/common/bg_wave.gif);
    -webkit-background-size: 5px 5px;
    background-size: 5px 5px;
}
#topNews h2 {
    background: #e9536d url(../img/top/head_topnews01.png) no-repeat center center;
    -webkit-background-size: 215px 19px;
    background-size: 215px 19px;
    padding: 12px 15px;
    text-indent: -999em;
}

#topNews .link_box {
    margin: 0 auto;
    width: 309px;
    display: none;
}
#topNews .link_box ul {
    margin-top: 10px;
}
#topNews .link_box li {
    float: left;
    width: 50%;
    text-align: center;
}
#topNews .link_box li a {
    text-decoration: underline;
}

#topNews .more a {
    display: block;
    border-top: 2px solid #f7c4cd;
    border-bottom: 2px solid #f7c4cd;
    background: #fad9de url(../img/top/btn_topnews.png) no-repeat center center;
    -webkit-background-size: 108px 16px;
    background-size: 108px 16px;
    padding: 10px;
    text-indent: -999em;
}
#topBnr {
    margin-bottom: 15px;
    border-bottom: 2px solid #ef8093;
    padding-bottom: 15px;
    text-align: center;
}
#topBnr .item+.item {
    margin-top: 10px;
}
#topBnr img {
    max-width: 100%;
    height: auto;
}
#topBnr.notmember {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
#gacha {
    position: relative;
    border-bottom: 5px solid #808080;
    background: url(../img/top/bg_gacha.png);
    -webkit-background-size: 26px 5px;
    background-size: 26px 5px;
    padding: 20px 0 17px;
    text-align: center;
}
#gacha h2 {
    margin-bottom: 10px;
}

#gacha .gacha_announcement img {
    margin-bottom: 6px;
}

#gacha .gachaBox {
    position: relative;
    margin: 0 auto 7px;
    border: 2px solid #e9536d;
    background: #fff;
    width: 250px;
    height: 210px;
}
#gacha h3 {
    font-size: 1.2rem;
}
.gacha_promotion {
    margin-bottom: 15px;
    border-top: 2px solid #ef8093;
    border-bottom: 2px solid #ef8093;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff58c; /*fff58c*/
    /*font-weight: bold;
    color: #4d4d4d; */

}
.gacha_promotion span {
    background: linear-gradient(transparent 80%, #faafbb 80%);
}
.gachaoff {
    position: absolute;
    background-color: rgba(0,0,0,0.4);
    text-align: center;
    width: 250px;
    height: 210px;
    z-index: 100;
}
.gachaoff img {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    width: 140px;
    height: 143px;
}
.gachabnr {
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    2. contentslist
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.contentslist #ttl {
    border-top: 2px solid #f7bfc9;
    border-bottom: 2px solid #ef8093;
    padding: 10px 0;
    width: 100%;
}
.contentslist #ttl .nameBox {
    float: left;
    padding-top: 20px;
    text-align: center;
}
.contentslist #ttl .thumb {
    position: relative;
    float: left;
    background: url(../img/contentlist/bg_contentlist_ttl.png) no-repeat 12px top;
    -webkit-background-size: 25px 22px;
    background-size: 25px 22px;
    width: 150px;
    text-align: center;
}
.contentslist #ttl .thumb img {
    border-radius: 50%;
    border: 2px solid #ef8093;
}
.contentslist #ttl .nameBox .name {
    position: relative;
    padding: 0 16px;
    font-size: 2.0rem;
}
.contentslist #ttl .nameBox .name span {
    position: relative;
}
.contentslist #ttl .nameBox .name span:before {
    position: absolute;
    top: 30%;
    left: -15px;
    content: '';
    background-image: url(../img/common/icons.png);
    background-position: -30px 0;
    -webkit-background-size: 50px 30px;
    background-size: 50px 30px;
    width: 9px;
    height: 9px;
}
.contentslist #ttl .nameBox .name span:after {
    position: absolute;
    top: 30%;
    right: -15px;
    content: '';
    background-image: url(../img/common/icons.png);
    background-position: -30px 0;
    -webkit-background-size: 50px 30px;
    background-size: 50px 30px;
    width: 9px;
    height: 9px;
}
.contentslist #ttl .nameBox .group {
    margin-bottom: 15px;
    font-size: 1.3rem;
    font-weight: bold;
}
.contentslist #ttl .nameBox .group .feather {
    position: relative;
}
.contentslist #ttl .nameBox .group .feather span {
    padding-right: 5px;
    padding-left: 5px;
}
.contentslist #ttl .nameBox .group .feather span:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    content: '';
    background: url(../img/contentlist/bg_group.png) repeat-x left bottom;
    -webkit-background-size: 60px 3px;
    background-size: 60px 3px;
    width: 100%;
    height: 3px;
}
.contentslist #ttl .nameBox .group .feather:before {
    position: absolute;
    bottom: -8px;
    left: -11px;
    content: '';
    background-image: url(../img/contentlist/bg_group_l.png);
    -webkit-background-size: 11px 10px;
    background-size: 11px 10px;
    width: 11px;
    height: 10px;
}
.contentslist #ttl .nameBox .group .feather:after {
    position: absolute;
    bottom: -8px;
    right: -11px;
    content: '';
    background-image: url(../img/contentlist/bg_group_r.png);
    -webkit-background-size: 11px 10px;
    background-size: 11px 10px;
    width: 11px;
    height: 10px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    3. performerlist
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#performerList {
    border-top: 2px solid #f7bfc9;
    padding-top: 15px;
    padding-bottom: 15px;
}
#performerList h2 {
    margin-bottom: 20px;
    text-align: center;
}
#performerList .group {
    margin: 10px 10px 20px 22px;
    font-size: 1.6rem;
    font-weight: bold;
}
#performerList .group .feather {
    position: relative;
}
#performerList .group .feather span {
    padding-right: 5px;
    padding-left: 5px;
}
#performerList .group .feather span:after {
    position: absolute;
    bottom: -6px;
    left: 0;
    content: '';
    background: url(../img/performerlist/bg_group.png) repeat-x left bottom;
    -webkit-background-size: 75px 4px;
    background-size: 75px 4px;
    width: 100%;
    height: 4px;
}
#performerList .group .feather:before {
    position: absolute;
    bottom: -9px;
    left: -12px;
    content: '';
    background-image: url(../img/performerlist/bg_group_l.png);
    -webkit-background-size: 14px 12px;
    background-size: 14px 12px;
    width: 14px;
    height: 12px;
}
#performerList .group .feather:after {
    position: absolute;
    bottom: -9px;
    right: -12px;
    content: '';
    background-image: url(../img/performerlist/bg_group_r.png);
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
}
#performerList ul {
    padding-left: 10px;
}
#performerList li {
    float: left;
    margin-right: 3px;
    margin-bottom: 10px;
    width: 99px;
    text-align: center;
}
#performerList li .listttl .ruby {
    font-size: 1.0rem;
    color: #cacaca;
}
#performerList .listttl span {
    position: relative;
    font-size: 1.2rem;
}
#performerList .listttl span:before {
    position: absolute;
    top: 35%;
    left: -10px;
    content: '';
    background-image: url(../img/common/icons.png);
    -webkit-background-size: 50px 30px;
    background-size: 50px 30px;
    width: 5px;
    height: 5px;
}
#performerList .nmb .listttl span:before {
    background-position: -43px 0;
}
#performerList .skills .listttl span:before {
    background-position: -30px -10px;
}
#performerList .listttl span:after {
    position: absolute;
    top: 35%;
    right: -10px;
    content: '';
    background-image: url(../img/common/icons.png);
    -webkit-background-size: 50px 30px;
    background-size: 50px 30px;
    width: 5px;
    height: 5px;
}
#performerList .nmb .listttl span:after {
    background-position: -43px 0;
}
#performerList .skills .listttl span:after {
    background-position: -30px -10px;
}
#performerList .thumb {
    position: relative;
    margin-bottom: 5px;
}
#performerList .thumb img {
    border-radius: 50%;
}
#performerList .nmb .thumb img {
    border: 2px solid #ef8093;
}
#performerList .skills .thumb img {
    border: 2px solid #a0d9f6;
}
#performerList .more {
    margin: 0 10px;
    padding: 12px;
    text-align: center;
}
#performerList .nmb.more {
    background: #ef8093;
}
#performerList .skills.more {
    background: #a0d9f6;
}
#performerList .nmb.more+.group {
    margin-top: 25px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    4. serieslist
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#seriesList {
    border-top: 2px solid #f7bfc9;
    padding-top: 15px;
    padding-bottom: 15px;
}
#seriesList h2 {
    margin-bottom: 20px;
    text-align: center;
}
#seriesList ul {
    margin: 0 10px;
}
#seriesList ul li {
    margin-bottom: 10px;
    font-size: 1.2rem;
    text-align: center;
}
#seriesList li .bnr {
    margin: 0 auto 7px;
    border-radius: 11px;
    background: #cacaca;
    width: 300px;
    height: 100px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    5. movielist
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.movielist #ttl {
    border-top: 2px solid #f7bfc9;
    border-bottom: 2px solid #ef8093;
    padding: 8px 0;
}
.movielist #ttl h2 {
    background: #ed758a;
    padding: 10px;
    text-align: center;
}
#movieList .more a {
    display: block;
    border-top: 2px solid #f7c4cd;
    border-bottom: 2px solid #f7c4cd;
    background: #fad9de url(../img/top/btn_topnews.png) no-repeat center center;
    -webkit-background-size: 108px 16px;
    background-size: 108px 16px;
    padding: 10px;
    text-indent: -999em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    6. newslist
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.newslist #ttl {
    border-top: 2px solid #f7bfc9;
    border-bottom: 2px solid #ef8093;
    padding: 8px 0;
}
.newslist #ttl h2 {
    background: #ed758a;
    padding: 10px;
    text-align: center;
}
#articleList .more a {
    display: block;
    border-top: 2px solid #f7c4cd;
    border-bottom: 2px solid #f7c4cd;
    background: #fad9de url(../img/top/btn_topnews.png) no-repeat center center;
    -webkit-background-size: 108px 16px;
    background-size: 108px 16px;
    padding: 10px;
    text-indent: -999em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    7. movie
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.pagest #ttl {
    border-top: 2px solid #f7bfc9;
    border-bottom: 2px solid #ef8093;
    padding: 15px;
    color: #666;
}
.pagest .date {
    padding: 12px 10px;
    text-align: right;
    color: #666;
    font-size: 1.2rem;
}
.movie .movieArea {
    margin: 0 auto;
    padding-bottom: 25px;
    width: 300px;
}
.movie .movieArea .movieBox {
    margin-bottom: 10px;
}
.pagest dl {
    display: table;
}
.pagest dl+dl {
    margin-top: 8px;
}
.pagest dt, .pagest dd {
    display: table-cell;
}
.pagest dt {
    position: relative;
    padding-right: 10px;
    white-space: nowrap;
}
.pagest dt:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: ':';
}
.pagest dd {
    padding-left: 10px;
}
.pagest .performer dd, .pagest .performer dd a {
    color: #ef8093;
}
.pagest .series dd, .pagest .series dd a {
    color: #3fa7f3;
}
.pagest .pager .prev {
    float: left;
    padding-left: 20px;
}
.pagest .pager .next {
    float: right;
    padding-right: 20px;
    text-align: right;
}
.pagest .pager .prev a, .pagest .pager .next a {
    position: relative;
}
.pagest .pager .prev a:before {
    position: absolute;
    top: 55%;
    left: -10px;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.pagest .pager .next a:after {
    position: absolute;
    top: 55%;
    right: -10px;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    8. news
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.news .newsArea {
    margin: 0 auto;
    padding-bottom: 25px;
    width: 300px;
}
.news .newsArea .thumb {
    margin-bottom: 15px;
    width: 300px;
    height: 144px;
    background: #cacaca;
}
.news .newsArea p {
    margin-bottom: 20px;
    line-height: 1.4;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    9. about Kawaiian TV
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#aboutKawaiiantv {
    position: relative;
    margin-bottom: 14px;
    border-top: 2px solid #f7bfc9;
    text-align: center;
}
#aboutKawaiiantv:after {
    position: absolute;
    bottom: -14px;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 4px;
}
#aboutKawaiiantv .inner {
    margin: 0 10px 10px;
    background: #fff;
    padding: 15px;
}
#aboutKawaiiantv .logo {
    margin-bottom: 16px;
}

#aboutKawaiiantv h2 {
    margin-bottom: 13px;
}
#aboutKawaiiantv h3 {
    margin-bottom: 18px;
    color: #e9536d;
}
#aboutKawaiiantv p {
    color: #666;
    line-height: 1.4;
    text-align: left;
}

#aboutKawaiiantv .thumb {
    padding-top: 15px;
    background: #fff;
    text-align: center;
}
#aboutKawaiiantv .thumb img {
    border: 2px solid #e11673;
    max-width: 100%;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    10. dailyimage
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.dailyimagelist .month {
    padding: 10px 10px 0;
}
.dailyimagelist {
    padding-bottom: 10px;
}
.dailyimage {
    text-align: center;
}
.dailyimage .photoBox img {
    border: 1px solid #d40028;
    max-width: 98%;
    height: auto;
}
.dailyimage .name {
    padding: 10px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    11. decomail
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.decomail h2 {
    margin-bottom: 10px;
    text-align: center;
}
.decomail h2 img {
    max-width: 100%;
    height: auto;
}
.decomail .annotation {
    padding: 0 0 5px 0;
    font-size: 1.3rem;
    text-align: center;
}
.decomail .annotation a {
    color: #0000ef;
}
.decomail .annotation:before {
    content: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    12. mypage
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#mypageGadgetArea {
    width: 320px;
    height: 240px;
    overflow: hidden;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    13. notmember TOP
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#notMember {
    margin-bottom: 15px;
    padding: 17px 15px 5px;
    border-bottom: 2px solid #ef8093;
    background: url(../img/common/bg_wave.gif);
    -webkit-background-size: 5px 5px;
    background-size: 5px 5px;
    text-align: center;
}
.notMember_ttl {
    margin-bottom: 0.5em;
    text-align: left;
}
.notMember_ttl span {
    background-color :#d35887;
    padding: 5px 0;
    color:#fff;
    font-size: 1.6rem;
    line-height:1.8;
    text-align: left;
}
.notMember_txt {
    margin-bottom: 1em;
    text-align: left;
}
.notMember_about {
    margin-bottom: 0.5em;
}
.notMember_about img {
    max-width: 100%;
    height: auto;
}
.notmember_promotionItem {
    margin: 15px auto;
}
.notmember_promotionItem-nogutter {
    margin-left: -15px;
    margin-right: -15px;
}
.notmember_promotionImg {
    max-width: 100%;
    height: auto;
}
.notmember_promotionImg-wfull {
    width: 100%;
    height: auto;
}
.notmenber_textlink {
    text-decoration: underline;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    14. exception
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.exception {
    padding: 10px;
    min-height: 100px;
}
.exception h2 {
    margin-bottom: 10px;
    background: url(../img/common/icon_exception.png) no-repeat left center;
    -webkit-background-size: 23px 18px;
    background-size: 23px 18px;
    padding-left: 28px;
    color: #e32647;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    15. gacha
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#gachaAnimationContent,
#gachaResult
{
    display: none;
}

.gachaMypage,
#gachaContent {
    text-align: center;
}

.gachaMypage .photoBox,
#gachaContent .photoBox,
.idolgacha .photoBox {
    margin-bottom: 15px;
    text-align: center;
}

img#gachaAnimationContent,
.gachaMypage .photoBox img,
#gachaContent .photoBox img,
.idolgacha .photoBox img {
    max-width: 100%;
    height: auto;
}

.gachaMypage .performers ,
#gachaContent .performers {
    margin-bottom: 10px;
}
.gachaMypage .performers span a,
#gachaContent .performers span a,
.idolgacha .performers span a {
    color: #ef8093;
}
.gachaMypage .descriptionBox,
#gachaContent .descriptionBox{
    margin-bottom: 20px;
}

.pinkpager {
    text-align: center;
}
.pinkpager .inner {
    position: relative;
    margin: 0 auto;
    width: 300px;
}
.pinkpager .prev {
    position: absolute;
    left: 20px;
    top: 25%;
}
.pinkpager .next {
    position: absolute;
    right: 20px;
    top: 25%;
}
.numberBox {
    overflow: hidden;
}
.numberBox ul {
    position: relative;
    left: 50%;
    float: left;
}
.numberBox ul li {
    position: relative;
    left: -50%;
    float: left;
    padding: 10px;
}
.numberBox .number {
    background: #ef8093;
}
.numberBox li:first-child {
    border-radius: 5px 0 0 5px;
}
.numberBox li:last-child {
    border-radius: 0 5px 5px 0;
}
.numberBox .number a {
    color: #fff;
}
.numberBox .active {
    position: relative;
}
.numberBox .active {
    color: #ef8093;
}
.numberBox .active {
    background: #ef8093 url(../img/gacha/bg_pager_active.png) no-repeat center center;
    background-size: 23px 23px;
    -webkit-background-size: 23px 23px;
}
.pinkpager .prev a, .pinkpager .next a {
    color: #ef8093;
}
.pinkpager .prev a:before {
    position: absolute;
    top: 20%;
    left: -15px;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 6px transparent;
    border-right: solid 6px #ef8093;
    border-bottom: solid 6px transparent;
    border-left: solid 6px transparent;
}
.pinkpager .next a:after {
    position: absolute;
    top: 20%;
    right: -15px;
    display: block;
    content: '';
    width: 0;
    height:0;
    border-top: solid 6px transparent;
    border-right: solid 6px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 6px #ef8093;
}
.idolgacha .series {
    border-top: 2px solid #f7bfc9;
    border-bottom: 2px solid #f7bfc9;
    background: url(../img/gacha/series_bg.png) repeat left top;
    background-size: 32px 32px;
    padding-top: 8px;
    padding-bottom: 10px;
}
.idolgacha .album {
    position: relative;
    border-top: 2px solid #f7bfc9;
    background: url(../img/gacha/album_bg.png) repeat left top;
    background-size: 32px 32px;
    padding-top: 8px;
    padding-bottom: 10px;
    text-align: center;
}
.idolgacha .ttl {
    margin-bottom: 10px;
    background: rgba(44,158,218,0.8);
    padding: 8px 0;
    text-align: center;
}
.idolgacha .album .ttl .date {
    display: block;
    color: #fff;
}
.idolgacha .album .ttl .seriesname {
    color: #fff100;
    font-size: 2rem;
}
.idolgacha .album .albumTtl {
    margin-bottom: 10px;
    background: rgba(44,158,218,0.8);
    padding: 8px 0;
    text-align: center;
    display: table;
    width: 100%;
}
.idolgacha .album .albumTtl li {
    display: table-cell;
    vertical-align: middle;
}
.idolgacha .album .albumTtl .pager {
    width: 19px;
}
.idolgacha .album .albumTtl .pagerPrev {
    padding-left: 10px;
}
.idolgacha .album .albumTtl .pagerNext {
    padding-right: 10px;
}
.idolgacha .album .albumTtl .date {
    display: block;
    color: #fff;
    font-size: 1.4rem;
}
.idolgacha .album .albumTtl .seriesname {
    color: #fff100;
    font-size: 2rem;
}
.idolgacha .contentArea {
    background: #fff;
    padding-bottom: 10px;
}
.idolgacha .seriesList {
    padding: 0 15px;
}
.idolgacha .seriesList li {
    display: table;
    width: 100%;
}
.idolgacha .seriesList li+li {
    border-top: 1px solid #898989;
}
.idolgacha .seriesList li .thumb, .idolgacha .seriesList li .txt {
    display: table-cell;
}
.idolgacha .seriesList li .thumb, .idolgacha .thumbList li .thumb {
    position: relative;
    border-radius: 4px;
    border: #ef8093 2px solid;
    width: 76px;
    height: 76px;
    overflow: hidden;
}
.idolgacha .seriesList li .thumb img , .idolgacha .thumbList li .thumb img {
    position: absolute;
    top: -10%;
    left: 0;
    height: 120px;
    width: auto;
}
.idolgacha .seriesList li .thumb .img_portrait , .idolgacha .thumbList li .thumb .img_portrait {
    position: absolute;
    top: -10px;
    left: 0;
    height: auto;
    width: 80px;
}
.idolgacha .seriesList li .thumb .img_landscape , .idolgacha .thumbList li .thumb .img_landscape {
    position: absolute;
    top: 0;
    left: -10px;
    height: 80px;
    width: auto;
}
.idolgacha .seriesList li .thumb .img_landscape_l , .idolgacha .thumbList li .thumb .img_landscape_l {
    position: absolute;
    top: 0;
    left: -30px;
    height: 80px;
    width: auto;
}
.idolgacha .seriesList li .thumb .img_landscape_m , .idolgacha .thumbList li .thumb .img_landscape_m {
    position: absolute;
    top: 0;
    left: -20px;
    height: 80px;
    width: auto;
}
.idolgacha .seriesList li .thumb .img_square , .idolgacha .thumbList li .thumb .img_square {
    width: 80px;
    height: 80px;
}
.idolgacha .seriesList li .thumb+.txt {
    padding-left: 20px;
}
.idolgacha .seriesList li .txt .date {
    position: relative;
    padding-left: 1.2em;
    background: url(../img/gacha/icon_seriesdate.png) no-repeat left 30%;
    background-size: 16px 16px;
    color: #666;
}
.idolgacha .seriesList li .txt .seriesname {
    color: #ff7baa;
    font-size: 1.8rem;
    line-height: 1.2;
}
.idolgacha .seriesList li a {
    display: block;
    padding: 12px 0;
}
.idolgacha .album .albumpager .prev {
    position: absolute;
    top: 30px;
    left: 10px;
}
.idolgacha .album .albumpager .next {
    position: absolute;
    top: 30px;
    right: 10px;
}
.idolgacha .thumbList {
    margin: 0 auto;
    padding-top: 10px;
    padding-left: 10px;
    width: 310px;
}
.idolgacha .thumbList li {
    float: left;
    margin-right: 3px;
    margin-bottom: 10px;
    width: 99px;
    text-align: center;
}
.idolgacha .thumbList li:nth-child(3n+1) {
    clear: both;
}
.idolgacha .thumbList .thumb {
    margin: 0 auto;
}
.idolgacha .thumbList .txt {
    color: #666;
    font-size: 1.2rem;
}
.idolgacha .thumbList .txt .groupname {
    margin-top: 0.3em;
}
.idolgacha .thumbList .nophoto .thumb {
    background: #ffb0cc;
}
.idolgacha .thumbList .nophoto .thumb img {
    position: relative;
    top: 3px;
    left: 0;
    width: 70px;
    height: auto;
    text-align: center;
}
.idolgacha .album .listlink {
    margin-top: 12px;
}
.idolgacha .album .gachalink {
    margin-top: 15px;
}
.idolgacha .album .photoBox {
    padding-top: 10px;
}
.idolgacha .album .performers {
    padding-bottom: 15px;
}
.idolgacha .album .performers li:first-child:nth-last-child(1) {
    width: 100%;
}
.idolgacha .album .performers li:first-child:nth-last-child(n+2),
.idolgacha .album .performers li:first-child:nth-last-child(n+2) ~ li {
    float: left;
    width: 50%;
}
.idolgacha .album .performers li:nth-child(n+3) {
    margin-top: 0.3em;
}
.idolgacha .btnAlbumlink {
    margin: 30px auto 0;
    padding-bottom: 10px;
    width: 300px;
}
.idolgacha .album .photopager {
    position: relative;
    height: 30px;
}
.idolgacha .album .photopager li a {
    color: #ef8093;
}
.idolgacha .album .photopager .prev a:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "<";
}
.idolgacha .album .photopager .prev {
    position: absolute;
    left: 10px;
    top: -1px;
    padding-left: 0.8em;
}
.idolgacha .album .photopager .next {
    position: absolute;
    right: 10px;
    top: -1px;
    padding-right: 0.8em;
}
.idolgacha .album .photopager .next a:after {
    position: absolute;
    right: 0;
    top: 0;
    content: ">";
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    16. unitContent
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.unitcontent #ttl {
    border-top: 2px solid #f7bfc9;
    border-bottom: 2px solid #ef8093;
    padding: 8px 0;
}
.unitcontent #ttl h2 {
    background: #ed758a;
    padding: 10px;
    text-align: center;
    color: #fff;
}
.unitcontent #ttl h2 span {
    background: url(../img/unitcontent/icon_ttl.png) no-repeat left bottom;
    -webkit-background-size: 20px 21px;
    background-size: 20px 21px;
    padding-top: 5px;
    padding-left: 25px;
}
.unitcontent .more a {
    display: block;
    border-top: 2px solid #f7c4cd;
    border-bottom: 2px solid #f7c4cd;
    background: #fad9de url(../img/top/btn_topnews.png) no-repeat center center;
    -webkit-background-size: 108px 16px;
    background-size: 108px 16px;
    padding: 10px;
    text-indent: -999em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    17. point
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#modalContent {
    display: none;
    z-index: 102;
    position: fixed;
    width: 300px;
    /*margin: 50px auto; */
    margin: 10px auto 0;
    border-radius: 4px;
    border: 2px solid #fff;
    background: #fffee5;
}
#modalOverlay {
    z-index: 101;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0,0,0,0.6);
}
#modalContent {
    background-image: url(../img/point/modal_bg02.png), url(../img/point/modal_bg01.png);
    background-position: top left, top left;
    background-repeat: repeat, repeat;
    background-size: 30px 36px, 45px 45px;
    text-align: center;
}
#modalContent .ttl {
    position: absolute;
    top: -27px;
    left: 15px;
}
#modalContent .notice:before {
    position: absolute;
    top: 2px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #fdb8c3;
}
#modalContent .notice {
    position: relative;
    margin-top: 40px;
    margin-bottom: 15px;
    background: #fa7087;
    padding: 8px 0;
    color: #fff;
    font-size: 1.6rem;
}
#modalContent .notice:after {
    position: absolute;
    bottom: 2px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #fdb8c3;
}
#modalContent .notice span:before {
    position: absolute;
    bottom: 7px;
    left: -25px;
    content: "";
    width: 25px;
    height: 1px;
    background: #fff;
    transform: rotate(60deg);
}
#modalContent .notice span {
    position: relative;
}
#modalContent .notice span:after {
    position: absolute;
    bottom: 7px;
    right: -25px;
    content: "";
    width: 25px;
    height: 1px;
    background: #fff;
    transform: rotate(-60deg);
}
.point .pointArea {
    margin: 0 auto 15px;
    border-radius: 4px;
    border: 2px solid #fac8d0;
    background: #fff;
    width: 270px;
}
.point .pointtbl {
    font-size: 90%;
}
.point .pointtbl th, .point .pointtbl td {
    padding: 7px;
    line-height: 1.2;
    vertical-align: middle;
}
.point .pointtbl th {
    width: 230px;
    text-align: left;
}
.point .pointtbl td {
    width: 40px;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
}
.point .pointtbl .double th, .point .pointtbl .double td,
.point .pointtbl .total th, .point .pointtbl .total td {
    color: #e32647;
}
.point .pointtbl .double td {
    background: #fff2f4;
}
.point .pointtbl .total th, .point .pointtbl .total td {
    border-top: 1px solid #fa7d92;
    background: #ffdee3;
    padding-top: 12px;
}
.point .pointtbl .daily th, .point .pointtbl .bonus th, .point .pointtbl .specialbonus th {
    background: url(../img/point/icon_point.png) no-repeat 8px 42%;
    background-size: 16px 17px;
    padding-left: 30px;
}
.point .pointtbl .double th {
    background: #fff2f4 url(../img/point/icon_point2.png) no-repeat 8px 42%;
    background-size: 16px 33px;
    padding-left: 30px;
}
.point .pointtbl .total th {
    background: #ffdee3 url(../img/point/icon_pointtotal.png) no-repeat 6px 50%;
    background-size: 20px 20px;
    padding-left: 30px;
    font-size: 1.4rem;
}
.point .pointtbl td span {
    margin-right: 3px;
    font-size: 1.8rem;
}
.point .pointtbl .specialbonus th span {
    display: block;
    font-size: 1.2rem;
    font-weight: normal;
}
.point .pointtbl .total span {
    font-size: 2.0rem;
}
#modalContent .promotionBtn a {
    display: block;
    margin: 0 auto 15px;
    border-radius: 4px;
    border: 1px solid #fff;
    box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
    -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
    background: #e73557;
    background: url(../img/point/btn_promotion_bg.png), -moz-linear-gradient(top, #e73557 0%, #dd1e3b 100%);
    background: url(../img/point/btn_promotion_bg.png), -webkit-linear-gradient(top, #e73557 0%,#dd1e3b 100%);
    background: url(../img/point/btn_promotion_bg.png), linear-gradient(to bottom, #e73557 0%,#dd1e3b 100%);
    background-repeat: repeat, no-repeat;
    background-position: left top, left top;
    background-size: 10px 16px, 100% 100%;
    padding: 8px 0;
    width: 90%;
    font-size: 1.3rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
}
#modalClose {
   /*margin-bottom: 12px;*/
  position: fixed;
  top: 0;
  right: 5px;
  z-index: 103;
}
#modalClose img {
    /* margin: 0 auto; */
    border-radius: 3px;
    background: #fa7087;
    /*padding: 8px 29px 8px 10px; */
    padding: 10px ;
    cursor: pointer;
}
.point #ttl {
    border-top: 2px solid #f7bfc9;
    border-bottom: 2px solid #ef8093;
    padding: 8px 0;
}
.point #ttl h2 {
    background: #ed758a;
    padding: 10px;
    text-align: center;
    color: #fff;
}
.exchange #ttl span {
    background: url(../img/point/icon_exchange_ttl.png) no-repeat left center;
    background-size: 18px 15px;
    padding-left: 23px;
}
.point .pointsys {
    margin-top: 10px;
    margin-bottom: 15px;
    background: url(../img/point/bg_pointsys.png) repeat left top;
    background-size: 45px 45px;
    padding: 10px 5px;
    text-align: center;
}
.point .pointsys h3 {
    margin-bottom: 10px;
    height: 24px;
    overflow: hidden;
    line-height: 1;
}
.point .pointsys h3 span:before {
    position: absolute;
    top: 0;
    left: -14px;
    content: "";
    background: url(../img/point/bg_pointsys_ttl.png) left center;
    background-size: 14px 24px;
    width: 14px;
    height: 24px;
}
.point .pointsys h3 span {
    position: relative;
    display: block;
    margin: 0 auto;
    background: #f07589;
    width: 130px;
    padding: 5px;
    color: #fff;
}
.point .pointsys h3 span:after {
    position: absolute;
    top: 0;
    right: -14px;
    content: "";
    background: url(../img/point/bg_pointsys_ttl.png) right center;
    background-size: 14px 24px;
    width: 14px;
    height: 24px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.point .pointsys p+p {
    margin-top: 10px;
}
.point .pointsys p img {
    max-width: 100%;
    height: auto;
}
.point .pointsys strong {
    background: linear-gradient(transparent 60%, #ffbfca 60%);
    padding-bottom: 3px;
}
.point .keeping {
    display: table;
    margin: 0 3% 15px;
    border-radius: 4px;
    border: #fac8d0 2px solid;
    background: #ffe5ea;
    padding: 10px 0;
    width: 93%;
    font-weight: bold;
    color: #e32647;
}
.point .keeping dt, .point .keeping dd {
    display: table-cell;
    vertical-align: middle;
}
.point .keeping dt {
    background: url(../img/point/icon_pointtotal.png) no-repeat 12px center;
    background-size: 20px 20px;
    padding-left: 40px;
    text-align: left;
    font-size: 1.6rem;
}
.point .keeping dd {
    padding-right: 12px;
    text-align: right;
    font-size: 1.3rem;
}
.point .keeping dd span {
    margin-right: 3px;
    font-size: 2.1rem;
}
.point .target .typeTab {
    padding-left: 5px;
    border-bottom: 3px solid #e32647;
}
.point .target .typeTab li {
    float: left;
    margin-left: 5px;
    border-radius: 4px 4px 0 0;
    background: #f593a3;
    padding: 10px 15px 8px;
    font-size: 1.3rem;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}
.point .target .typeTab .selected {
    background: #e32647;
}
.point .target .targetList .hide {
    display: none;
}
.point .target .targetList div {
    background: url(../img/point/bg_targetList.png) repeat left top;
    background-size: 10px 10px;
    padding: 15px 10px;
}
.point .target .bnrList li {
    text-align: center;
}
.point .target .bnrList li img {
    max-width: 100%;
    height: auto;
}
.point .target .bnrList li+li {
    margin-top: 10px;
}

.txt_blink {
    margin-bottom: 20px;
    -webkit-animation: blink 1s ease-in-out infinite alternate;
    animation: blink 1s ease-in-out infinite alternate;
    text-align: center;
    /* color: red; */
}
@-webkit-keyframes blink {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes blink {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.sgtkContents {
  max-width:1200px;
  line-height: 1.5;
  padding: 10px;
  margin: 2em auto;
}