.bgWhite{ background: #fff; }
.bgGray{ background: #efefef}
.blue{ color: #29517b;}
.pink{ color: #eb7aac;}
body{ background: #fff; }
#fp-wrap{
    background: url(../photo/mainVisialBg.jpg) top 4px center / 1800px auto no-repeat, url(../img/snsBg.png) bottom center / 1800px auto no-repeat; letter-spacing: 0.05em; font-size: 1.3rem;
    color: #000; font-feature-settings: "palt";
}
.low #fp-wrap{ background: url(../img/snsBg.png) top 201px center / 1800px 163px no-repeat, #fafafa;letter-spacing: 0.05em;}
.content__body { margin: 0; padding: 30px;}

.sp{ display: none; }

.bold{ font-weight: bold;}
.pink{ color: #dd73a2;}
.center{ text-align: center;}
.new{}
.new:after{ content: ""; display: block; position: absolute; width: 84px; height: 28px; background: url(../img/new.png) center center /100% auto; top: -20px; left: 20px;}


#fp-wrap a{ color: #000; transition: 0.6s;}
#fp-wrap a:hover{ opacity: 0.7;}
article > a{ display: block;}
.trStoryBox a{display: block;}

body.cx_smartphoneview{ background: #fff; }
.cx_smartphoneview  .content__body { margin: 0 0px; padding: 15px;}
.cx_smartphoneview .sp{ display: block; }
.cx_smartphoneview .pc{ display: none; }

@media print{ .cx_imgProtect{ display: none; } img{ display: none; } }

.menu--default a { box-sizing: border-box; height: auto; padding-top: 0; border-right: 1px solid #e7e6e6; }
.menu--2.menu--default li:nth-child(1) a,
.menu--2.menu--default li:nth-child(2) a{ border-bottom: 1px solid #e7e6e6; }
.menu--default li { box-sizing: border-box; background: none;}
.l-mainvisual{ margin-top: 10px; }
.content__title{ background: none; margin-top: 20px; }
.content{ background: none; margin: 45px 0; }
.content.bgGray{ padding: 45px 0 45px; background: #efefef;}
.news-list__item { display: table; width: 100%; padding: 10px 0; border-bottom: none; }
.news-list__item__text time, 
.news-list__item__text a{ color: #fff; display: inline-block; font-size: 1.3rem; vertical-align: top; }
.news-list__item__text time{ margin-right: 20px; }

#news{ min-height: 240px; }
.news-list{ margin-top: 20px; }
.content p{ line-height: 1.7; }

.cx_smartphoneview #news{ background: #98b4d5; padding-top: 10px ; padding-bottom: 30px ; margin-top: -15px; }
.cx_smartphoneview .news-list__item__text time{ display: block; width: 100% }

p.read{ font-size: 2.1rem; text-align: center; font-weight: bold; line-height: 1.6;}

.content__subtitle {font-size: 1.7rem; color: #fff; border-bottom: none; margin-bottom: 15px; background: #555;padding: 8px 10px;font-weight: bold; letter-spacing: 0;}
.block__title{ text-align: center; margin-top: 20px; margin-bottom: 40px;}
.cast-list{ letter-spacing: 0.4em;}
.cast-list dl{ text-align: center;  }
.cast-list dl dt{ text-align: right; font-weight: bold;}

.cx_smartphoneview .news-list__item__text time, 
.cx_smartphoneview .news-list__item__text a{font-size: 1.2rem;}
.cx_smartphoneview #news .content__title { padding-bottom: 0;}
.cx_smartphoneview p.read{ font-size: 1.8rem;}
/*.cx_smartphoneview #fp-wrap{ background: url(../img/sp_bg.jpg) top center / 100% auto no-repeat;}
.cx_smartphoneview .low #fp-wrap{ background: url(../img/loPagebg_sp.jpg) top center / 750px auto no-repeat, url(../img/bgBottom.jpg) bottom center / 1800px auto no-repeat; letter-spacing: 0.1em;}*/


.cast-list dd span {
    font-size: 0.7em;
    display: block;
    font-weight: 100;
    margin-left: 31px;
    letter-spacing: 0;;
}



.staffList_box{}
.staffList_box dt {
    font-weight: bold;
    font-size: 1.1em;
    width: 20%;
    display: inline-block;
    padding: 10px 0;
    box-sizing: border-box;
    letter-spacing: 0.2em;
    position: relative;
}
/*.staffList_box dt:after{
    content: "・・・";
    position: absolute;
    right: -20px; top:5px;
    font-size: 0.4em;
    letter-spacing: 0;;
}*/
.staffList_box dd {
    font-size: 1.1em;
    display: inline-block;
    width: 80%;
    vertical-align: top;
    margin-bottom: 15px;
    background:none;
    padding: 10px 20px;
    box-sizing: border-box;
    font-weight: bold;
}
.staffList_box dd span {
    font-size: 0.7em;
    display: block;
    font-weight: 100;
}
.staffList_box dd span.sp{ display: none; }

.story_backnumber{ color: #000; }
.story_backnumber a{ color: #000; }


.cx_smartphoneview .staffList_box dt { width: 100%; padding: 10px 20px; background: #dfdfdf}
.cx_smartphoneview .staffList_box dd { width: 100%; margin-bottom: 0px; }
.cx_smartphoneview .staffList_box dd span.sp{ display: inline; }



.qa_area{  }
.qa_area dt{ font-weight: bold; padding-top: 6px; padding-left: 48px; background: url(../img/iconQ.png) top 3px left / 40px auto no-repeat; min-height: 54px; line-height: 1.8;}
.qa_area dd{ font-style: italic; padding-left: 48px; background: url(../img/iconA.png) top 2px left 1px / 40px auto no-repeat; min-height: 54px; line-height: 1.8; margin-top: 0.8em;}
.qa_area dd + dd{ font-style: italic; padding-left: 30px; background: none ; min-height: 30px; line-height: 1.8; margin-top: 0.6em;}
.qa_area dd + dt{ margin-top: 2.4em;}

.qa_area dt.line2{padding-top: 0px; }

.cx_smartphoneview .qa_area dt {padding-left: 60px;background: url(../img/iconQ.png) top 8px left / 46px auto no-repeat; }
.cx_smartphoneview .qa_area dd { padding-left: 60px; background: url(../img/iconA.png) top 8px left 1px / 46px auto no-repeat; }


.mutters .thn a{ border-radius: 50%; overflow: hidden; display: block; width: 32px; height: 32px;}




.content__title__link { top: 50%; transform: translate(0, -50%);}
.content__title a{ transition: 0.3s; }
.content__title a:hover{ opacity: 0.6; }

/*.low .content__body{ margin: 45px 0;}*/

.cx_instagram_target ul{ font-size: 0; line-height: 0; letter-spacing: 0; margin: 0 -0.4%;}
.cx_instagram_target li{ width: 33.3%; display: inline-block; padding: 0.4%; box-sizing: border-box;}
.cx_instaqgram_refresh{ width: 100%; margin-top: 20px;}
.cx_instaqgram_refresh a{ display: block; text-align: center; background: #e95894; color: #fff; padding: 12px;}


.cx_smartphoneview .content__title__link { top: auto; transform: translate(0, 0);}
.cx_smartphoneview .mutters .thn a{ width: 64px; height: 64px;}
.cx_smartphoneview #fp-l .mutters .nam { height: auto;}



.ccAccent{ font-size: 0.3em; text-align: center; margin: 0px auto 10px auto;}
.ccAccent_{ font-size: ; text-align: center; margin: 0px auto 10px auto;}

.story_backnumber .news-list__item__text time{ color: #000; }
.backnumber__title {
    height: auto;
    margin: 10px auto;
    background: none;
    text-indent: 0;
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    padding: 20px 0 0;
}

.backnumber__list{
    margin: 0px 20px 0;
    padding-bottom: 20px;
}
.story_backnumber .news-list__item + .news-list__item{ border-top: 1px solid #999; }


.gnav{ position: relative;}
.gnav:after,
.gnav:before,
.gnav ul:after,
.gnav ul:before,
.gnavInner:after,
.gnavInner:before{ content: ""; display: block; position: absolute; background: #666; z-index: 10;}

.gnav:after{ width: 9px; height: 1px; left: 156px; top: 82px;}
.gnav:before{ width: 1px; height: 9px; left: 160px; top: 78px;}
.gnav ul:after{ width: 9px; height: 1px; left: 316px; top: 82px;}
.gnav ul:before{ width: 1px; height: 9px; left: 320px; top: 78px;}
.gnavInner:after{ width: 9px; height: 1px; left: 476px; top: 82px;}
.gnavInner:before{ width: 1px; height: 9px; left: 480px; top: 78px;}

.gnav ul{ font-size: 0; line-height: 0; letter-spacing: 0; position: relative;}
.gnav li{ width: 160px; height: 82px; display: inline-block; transition: 0.3s;}}
.gnav li img{ transition: 0.3s;}
.gnav li:hover{ background: #ddd;}
.gnav li:hover img{ opacity: 0.9;}

.gnav li.cmsn{ background: #bbb;}
.gnav li.cmsn img{ opacity: 0.3;}
.gnav li.cmsn:hover{ background: #bbb;}


.trStoryBox{ padding: 0 45px; position: relative;}
.trStoryBox .cx_video_player{ position: relative;background: #000;; }
.trStoryBox .cx_video_player img{ opacity: 0.8; transition: 0.3s;;}
.trStoryBox .cx_video_player:hover img{ opacity: 1;}

.trStoryBox .cx_video_player:after,
.trStoryBox .cx_video_player:before{ content: ""; left:50%; top: 50%; position: absolute; transform: translate(-50%, -50%); transition: 0.12s ease-in-out; display: block; }
.trStoryBox .cx_video_player:after{  width: 80px; height: 80px; border: 1px solid #fff; border-radius: 50%; margin-top: -10px;}
.trStoryBox .cx_video_player:before{ width: 0; height: 0; border-left: 30px solid #fff; border-top: 17px solid transparent; border-bottom: 17px solid transparent; z-index: 10; margin-left: 4px;margin-top: -10px; }

.trStoryBox .cx_video_player.txt:after,
.trStoryBox .cx_video_player.txt:before{ display: none}
.trStoryBox .cx_video_player.txt{ background: none; text-align: left;}
.trStoryBox .cx_video_player.txt img{ display: inline-block; margin: 0 10px; vertical-align: middle;}
.trStoryBox .cx_video_player.txt p{ display: inline-block; margin: 0 10px; vertical-align: middle;}


.trStoryBox .cx_video_player:hover:after{ height: 0; border-radius: 0;}
.trStoryBox .cx_video_player:hover:before{border-top: 0px solid transparent; border-bottom: 0 solid transparent;}
.trStoryTl{ width: 210px; text-align: center; margin: -55px auto 0; background: #fff; display: block; padding-top: 15px; position: relative;}
.bgGray .trStoryTl{ background: #efefef;}
.trStoryBox time{font-size: 1.8rem; letter-spacing: 0; font-weight: bold; color: #dd73a2;}
.trStoryBox time span{font-size: 2.4rem;}
.trStoryBox .moreTxt{ margin: 0 0 0 auto; display: block; text-align: right;}

.grid__item-l h1{ margin: 15px 0 10px; height: 32px;}



.grid__item-l{ width: 310px; height: auto; display: inline-block; margin: 0; vertical-align: top; position: relative; max-height: 370px; padding-bottom: 40px;}
.grid__item-l time{ display: block; position: absolute; bottom: 0;}
.grid__item-l time:before{ content: ""; width: 10px; height: 2px; background: #000; margin: 0px 5px 0 0; display: inline-block; vertical-align: middle;}

.contents_area{ font-size: 0; line-height: 0; letter-spacing: 0; margin: 0 -10px; overflow: /*hidden;*/}
.ccc:after{ content: ""; display: block; clear: both ; width: 100%; height: 0px;}
.contents_area article{ font-size: 1.3rem; line-height: 1.7; letter-spacing: 0.1em; margin: 0 10px 30px; float: left;}
.contents_area article.grid__item-s{margin: 0 10px 20px; width: 310px;}
.grid__item-l.grid__item-sBox{margin: 0 0px 0px;}


#twitter{ margin: 45px 0; min-height: 544px;}
#Instagram { margin: 45px 0; min-height: 571px;}

#twitter .content__body{ padding: 0; background: none; letter-spacing: 0;}
#Instagram .content__body{ padding: 0; background: none; letter-spacing: 0;}
#fp-l .muttersWrap .mutters{padding: 15px 0;}

.mutters .thn a { border-radius: none; overflow:visible; display: block; width: 32px; height: 32px;}

#fp-wrap .content__title__link a{ background: #dd73a2; color: #fff;}
.cx_instagram_target ul{ margin: 0 -4px;}
.cx_instagram_target li {
    width: 210px; display: inline-block; padding:0; margin: 2px;; box-sizing: border-box; height: 210px; background: #dcdcdc; vertical-align: top; overflow: hidden;
    position: relative;
}
.cx_instagram_target li img{ max-width: none; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

#fp-wrap .instMoreBtn a{
    display: block;
    background: #dd73a2;
    padding: 1.2em;
    font-size: 1.1em;
    text-align: center;
    color: #fff;
    margin-top: 10px;
}



.cx_smartphoneview .content { margin: 45px 15px;}
.cx_smartphoneview .contents_area { margin: 0;}
.cx_smartphoneview .contents_area article { margin: 0 20px 60px;}
.cx_smartphoneview .grid__item-l{ height: auto; max-height: none; padding-bottom: 0;}
.cx_smartphoneview .grid__item-l h1 { height: 54px;}
.cx_smartphoneview .grid__item-l h1 img{ height: 100%; width: auto;}
.cx_smartphoneview .grid__item-l time { display: block; position: relative; bottom: 0; margin-top: 10px;}
.cx_smartphoneview .contents_area article.grid__item-s{ float: left; height: auto; width: 305px; margin: 0 5px 60px 10px;}
.cx_smartphoneview .contents_area article.grid__item-s + article.grid__item-s{  margin: 0 10px 60px 5px;}

.cx_smartphoneview .gnav{ background: #ededed;}


.cx_smartphoneview  #twitter {margin: 0 0px; padding: 45px 20px 25px; background: #eee;}
.cx_smartphoneview  #Instagram {margin: 0 0px; padding: 20px 20px 45px; background: #eee;}
.cx_smartphoneview .cx_instagram_target li { width: 300px;}

.cx_smartphoneview  #twitter .content__title,
.cx_smartphoneview  #Instagram .content__title{ height: 78px;}

.cx_smartphoneview  #twitter .content__title img,
.cx_smartphoneview  #Instagram .content__title img{ height: 100%; width: auto;}

.cx_smartphoneview #fp-l .muttersWrap { font-size: 1.3rem;}



.chartBox{ margin: -15px -20px;}
.cx_smartphoneview .chartBox{ margin: 20px -10px;}





span.cimg{ cursor: pointer !important; line-height: 1; padding: 4px 2px;}

.chartBox{ position: relative;}
.chartBox img.cimg{ position: absolute; display: block; cursor: pointer !important; opacity: 0;   -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.chartBox img.cimg:hover{ opacity: 0.4; cursor: pointer!important;}
img.cimg{ cursor: pointer !important; display: block;}


.c_popup_bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(210, 236, 248, 0.7 ); display: none;}
.box{
    width: 740px; height: 460px; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%);background: #000;z-index: 1000;
    box-shadow: 8px 8px 30px rgba(0,0,0,0.2);
    background: -moz-linear-gradient(right, #366ca4 30%, #FFF 70%);
    background: -webkit-linear-gradient(right, #366ca4 30%, #FFF 70%);
    background: linear-gradient(to left, #366ca4 30%, #FFF 70%);
    display: none;
}

.box.bgPink{
    background: -moz-linear-gradient(right, #eb7aac 30%, #FFF 70%);
    background: -webkit-linear-gradient(right, #eb7aac 30%, #FFF 70%);
    background: linear-gradient(to left, #eb7aac 30%, #FFF 70%);
}
.box.bgYellow{
    background: -moz-linear-gradient(right, #fcf068 30%, #FFF 70%);
    background: -webkit-linear-gradient(right, #fcf068 30%, #FFF 70%);
    background: linear-gradient(to left, #fcf068 30%, #FFF 70%);
}
.box.bgGray{
    background: -moz-linear-gradient(right, #e5eefe 30%, #FFF 70%);
    background: -webkit-linear-gradient(right, #e5eefe 30%, #FFF 70%);
    background: linear-gradient(to left, #e5eefe 30%, #FFF 70%);
}
.box.bgOrange{
    background: -moz-linear-gradient(right, #f1b347 30%, #FFF 70%);
    background: -webkit-linear-gradient(right, #f1b347 30%, #FFF 70%);
    background: linear-gradient(to left, #f1b347 30%, #FFF 70%);
}
.box.bgBlack{
    background: -moz-linear-gradient(right, #000 30%, #ccc 70%);
    background: -webkit-linear-gradient(right, #000 30%, #ccc 70%);
    background: linear-gradient(to left, #000 30%, #ccc 70%);
}
.c_popup_bg.active,
.box.active{display: block;}


.photo_area{ width: 47%; overflow: hidden; height: 100%; display: inline-block;}
.chrt_txt{ width: 52%; display: inline-block; vertical-align: top;

}
.chrt_txt h1{
    height: 100px;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 30px;
    padding-right: 20px;
}
.chrt_txt h1 img{ height: 100%; width: auto;}

.txtBox {
    background: rgba(255, 255, 255, 0.8);
    margin: 0 20px 20px 0px;
    border-radius: 4px;
    padding: 15px;
    height: 220px;
    overflow-y: scroll;
}
.txt{ font-size: 14px; line-height: 1.7; }

.p_close{
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    background: #fff;
    right: -40px;
    top: -40px;
}
.p_close:before,
.p_close:after{ content: ""; width: 70%; height: 2px; background: #333; display: block; position: absolute; top: 50%; left: 50%;}
.p_close:before{ transform: translate(-50%, -50%) rotate(45deg);}
.p_close:after{ transform: translate(-50%, -50%) rotate(135deg);}




.cx_smartphoneview .p_close { width: 80px; height: 80px; right: 0; top: -80px;}

.cx_smartphoneview .box { width: 90%; height: auto;}
.cx_smartphoneview .photo_area{width: 100%; padding: 20px 18% 0; box-sizing: border-box; margin: 0 auto;}
.cx_smartphoneview .chrt_txt{ width: 100%; background: rgba(255, 255, 255, 0.8); margin-top: -300px; }
.cx_smartphoneview .chrt_txt h1{ height: 160px; margin-top: 0px; margin-bottom: 20px; }
.cx_smartphoneview .txtBox { margin: 0 20px 20px 20px; padding: 20px;  height: auto; max-height: 300px; box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.2);}
.cx_smartphoneview p.txt{font-size: 1.4rem;}


.intv-list__item{ width: 25%; display: inline-block ; box-sizing: border-box ;padding: 0 5px 10px; text-align: center; line-height: 1; vertical-align: top;}
.intv-list__item img{ margin-bottom: 0.3em;}
.intv-list__item p{ line-height: 1.2;}


.cx_smartphoneview .intv-list__item{ width: 50%;}


.photo-1{ padding: 0 60px}

.msg_btn{position: relative;}
.msg_btn img + img{ position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); transition: 0.15s;}
.msg_btn img + img:hover{ opacity: 0;}
.msg_box{min-height: 600px;}
.msg_box iframe{min-height: 600px;}

#photo000{
    position: absolute;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -47%);
    display: none;
}
#photo000.active{ display: block;}

.pop_inner_pl5 h2{ margin-bottom: 15px;}
.pop_inner_pl5 h3{
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 15px;
    color: #dd73a2;
    letter-spacing: -0.03em;
}
.pop_text{ margin-bottom: 15px; padding: 0 30px;}
.pop_linkbox{ text-align: center; margin-bottom: 10px;}
.pop_linkbox a{
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background: #e95894;
    padding: 1em 1.2em;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 0.4em solid #5e3145;
    border-right: 0.4em solid #c3658f;
    border-left: 0.4em solid #e175a5;
    border-top: 0.4em solid #f580b4;
}

.pop_note{ font-size: 0.8em; margin-bottom: 15px; padding: 0 30px 10px;}
.pop_time{ font-weight: bold; font-size: 1.1em; text-align: center; margin-bottom: 20px;}





.cx_smartphoneview .pop_inner_pl5 h2{ margin-bottom: 10px;}
.cx_smartphoneview .pop_inner_pl5 h3{ text-align: center; font-weight: bold; font-size: 0.9em;margin-bottom: 5px;}
.cx_smartphoneview .pop_text{ margin-bottom: 10px; padding: 0 15px; font-size: 0.7em;}
.cx_smartphoneview .pop_linkbox{ margin-bottom: 5px;}
.cx_smartphoneview .pop_linkbox a{ font-size: 0.8em;}

.cx_smartphoneview .pop_note{ font-size: 0.5em; margin-bottom: 10px; padding: 0 15px 5px;}
.cx_smartphoneview .pop_time{ font-weight: bold; font-size: 0.7em; text-align: center; margin-bottom: 10px;}

.cx_smartphoneview .bnrBox{ padding:  0 15px;}