@charset "utf-8";
/* CSS Document */

#headerArea{position: absolute;top: 0;left: 0;z-index: 99;background: rgba(255,255,255,1);}
#sideBox nav#sidr{ padding-top:50px;}
#sideBox .contentsList .titleTxt a{ font-size:67.5%; color:#000;}

.btnBox a{ color:#000;}

#headerArea #headerAreaInner{padding: 0.2em 0.3em 0.2em 0.6em;width: 100%;}
#headerArea .logoBox{width: 38%;}
.secBox > .sectionInner{padding-top: 4em;}
.secBox > .sectionInner > .titleBox{margin: 0 0 1.5em;}
#headerArea #headerAreaInner h1 {margin: 0;}

/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
.colorfulBorderTop-sp:before{
    content:"";
    display:block;
    width:100%;
    height:1em;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#91dab9+0,91dab9+20,fdf691+20,fdf691+40,fac98f+40,fac98f+60,f690bd+60,f690bd+80,c994c7+80,c994c7+100 */
    background: #91dab9; /* Old browsers */
    background: -moz-linear-gradient(left,  #91dab9 0%, #91dab9 20%, #fdf691 20%, #fdf691 40%, #fac98f 40%, #fac98f 60%, #f690bd 60%, #f690bd 80%, #c994c7 80%, #c994c7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #91dab9 0%,#91dab9 20%,#fdf691 20%,#fdf691 40%,#fac98f 40%,#fac98f 60%,#f690bd 60%,#f690bd 80%,#c994c7 80%,#c994c7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #91dab9 0%,#91dab9 20%,#fdf691 20%,#fdf691 40%,#fac98f 40%,#fac98f 60%,#f690bd 60%,#f690bd 80%,#c994c7 80%,#c994c7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91dab9', endColorstr='#c994c7',GradientType=1 ); /* IE6-9 */

}
.bgGradationBottom-sp{position:relative;}
.bgGradationBottom-sp:after{content:"";display:block;width:100%;height: 11em;position:absolute;left:0;bottom:0;z-index:-1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(241,241,241,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(241,241,241,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(241,241,241,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}


.btnBox .txtBox{font-size:140%; font-weight:bold;}

/*--- mainView ---*/
#mainView{max-width: 1920px;margin: 0 auto;/* overflow: hidden; */}
#mainView *{min-height: inherit;}
#mainView .sectionInner{overflow:hidden;background: url(../../images/20210115/bg_main.jpg) no-repeat top center/cover;}
#mainView .imgMainBox{width: 100%;}
#mainView .imgMain {margin: 0 auto 0%;width: 84%;text-align: center;}
#mainView .txtTtl{margin: 15% auto 7%;width: 60%;}
body.appPage #mainView .txtTtl{margin: 0 auto 18%;width: 100%;}/*アプリ経由版*/
#mainView #slideBox{min-height: 65vw;}
#mainView #slideBox img{width: 100%; height: 100%; -o-object-fit: cover;object-fit: cover;}
#mainView #slideBox .slide01 img{object-position: 45% 0%;}
#mainView #slideBox .slide02 img{object-position: 50% 0%;}
#mainView #slideBox .slide03 img{object-position: 53% 0%;}
#mainView #slideBox .slide04 img{object-position: 50% 0%;}
#mainView #slideBox .slide05 img{object-position: 76% 0%;}
#mainView .bgBox{padding: 1em 3em 0em 3em;}
#mainView .bgBox .imgBox{width: 100%;padding: 12% 8% 34% 8%;}
#mainView .bgBox .icoTokuten{position:absolute;top: -5%;left: -16%;width: 50%;margin:0;padding:0;}
#mainView .bgBox .fukidashi01{position:absolute;top: 22%;left: -7%;width: 31%;margin:0;padding:0;}
#mainView .bgBox .fukidashi02{position:absolute;top: -2%;right: -9%;width: 36%;margin:0;padding:0;}
#mainView .bgBox .fukidashi03{position:absolute;top: 12%;right: -10%;width: 36%;margin:0;padding:0;}
#mainView .bgBox .icoUsagi{position:absolute;bottom: 0%;right: -8%;width: 40%;margin:0;padding:0;}
#mainView .bgBox .fukidashi_cpn{width: 17vw;}
/*#mainView .txtBox .tac{ padding:0 1em;}*/
#mainView .imgFukidashi01{top: -19%;left: -13%;width: 40%;z-index: 2;}
#mainView .imgFukidashi02{top: -20%;right: -14%;width: 44%;z-index: 1;}
#mainView .imgFukidashi03{top: 49%;right: 0%;width: 23%;}
#mainView .imgFukidashi04{top: 72%;left: -8%;width:24%;z-index: 1;}
#mainView .imgFukidashi05{top: 34%;left: -9%;width: 21%;z-index: 1;}
#mainView .imgFukidashi06{top: 52%;left: 9%;width:18%;z-index: 1;}
#mainView .imgFukidashi07{top: 25%;right: -64%;width: 56%;z-index: 1;display: none;}
#mainView .mainViewInner > .txtBox{padding: 0 2em 2em;}
#mainView .mainViewInner > .txtBox > p{width: 90%;margin:0 auto;}
#mainView .mainViewInner > .txtBox .inTxtBox{width:100%;}
#mainView .mainViewInner > .txtBox .inTxtBox > p{width: 100%;}
#mainView .btnBox .btnForm{width: 100%;}
#mainView .btnBox .btnSample{width: 65%;margin-top: 3%;}
#mainView .videoBox{position: fixed;top: 0%;left: 0;width: 100%;padding-bottom: 88%;height: 0;overflow: hidden;z-index: -1;}
#mainView .videoBox:before{content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url(../../images/bk1.png) repeat center; opacity:0.6; z-index:1;}
#mainView .videoBox iframe {margin: 0 auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#mainView .videoBox video {margin: 0 auto;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);width: auto;height: 100%;}
#mainView .slick-initialized .slick-slide
{
    outline: none;
}
/* Dots */
#mainView .slick-dotted.slick-slider
{
    margin-bottom: 0;
}
#mainView .slick-dots *{min-height: initial;}
#mainView .slick-dots
{
    position: absolute;
    bottom: -8%;
    display: block;
    width: 100%;
    height: 0.4em;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    font-size: calc(10px + 1vw);
    min-height: 0px;
    z-index: 1;
}
#mainView .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 3em;
    height: 0.4em;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
#mainView .slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #b3b3b3;
}
#mainView .slick-dots li button:hover,
#mainView .slick-dots li button:focus
{
    outline: none;
}
#mainView .slick-dots li button:hover:before,
#mainView .slick-dots li button:focus:before
{
    opacity: 1;
}
#mainView .slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#mainView .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
#mainView .slick-dots li.slick-active button
{
    background: #666666;
}
#mainView .btnBox{margin-top: 3%;padding:0px 15vw; }
#mainView .cpnBnr{ display:block; margin:0.5em auto;}
#breadcrumbArea{width: 100%;}

#midokoro .midokoro_Ttl{width:60%;margin: 0 auto 1em; }
#midokoro iframe{width: 85%;height:47vw;}

/*お知らせ*/
#oshiraseTel{margin-bottom: 0em;margin-top: 1em;}
/*--- 内部リンク ---*/
#menuBox01{margin: 4% 0;padding: 0 1%;}
#menuBox01 > .sectionInner{}
#menuBox01 ul li{padding:1% 1%;width: 49%;text-align: center;border: 1px solid #4c4c4c;margin: 0 0 1%;}
#menuBox01 ul li:first-child{}
#menuBox01 ul li:last-child{}
#menuBox01 ul li:nth-child(2){/*border-left:1px solid #4c4c4c;*/}
#menuBox01 ul li:nth-child(3){}
#menuBox01 ul li:nth-child(4){}
#menuBox01 ul li a:visited,
#menuBox01 ul li a:link{}
#menuBox01 ul li a:hover{}
#menuBox01 ul li a:after{display: none;}
#menuBox01 ul li a:hover:after{display: none;}

/*プログラムアップデート*/
#programUPdateSec .programUpdateBox .namber{font-size: 240%;}
#programUPdateSec .programUpdateBox dl{width: 100%;padding: 5% 0;height: auto;}
#programUPdateSec .programUpdateBox .n_program01 .programUPImg,#programUPdateSec .programUpdateBox .n_program02 .programUPImg,#programUPdateSec .programUpdateBox .n_program03 .programUPImg{margin-top: 1em;}
#programUPdateSec .programUpdateBox .n_program01 .blue_t,
#programUPdateSec .programUpdateBox .n_program02 .purple_t,
#programUPdateSec .programUpdateBox .n_program03 .pink_t{font-size: 200%;}

/*--- 英語と出会うNOVA KIDSチャンネル ---*/
#eigotodeauSec{margin: 0% 0 0 0;position: relative;z-index: 0;background: transparent;}
#eigotodeauSec > .sectionInner{padding-top: 3em;}
#eigotodeauSec .subTtl{margin: 0% 0 2%;}
#eigotodeauSec .txtBox{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
#eigotodeauSec .txtBox .leftBox{width: 36%;order: 2;margin: 0 auto;display: none;}
#eigotodeauSec .txtBox .rightBox{width: 100%;padding: 0 0 0 1%;order: 1;}
#eigotodeauSec .txtBox .rightBox .imadake_campaign{margin-top: 3em;}
#eigotodeauSec .txtBox .rightBox .imadake_campaign h4{font-size: 130%;line-height:1.2;background: #ffff00;display: inline-block;}
#eigotodeauSec .txtBox .rightBox .imadake_campaign .txt01{color:#00a3c7;font-weight:bold;font-size: 130%;line-height:1.2;}
#eigotodeauSec .pointBox{justify-content: space-between;margin: 0 auto 3em;width: auto;}
#eigotodeauSec .pointBox li{width: 100%;height: auto;min-width: 46%;margin: 0 auto 4%;padding: 5%;}
#eigotodeauSec .pointBox li img{max-width: 150px;margin: 0 auto 1em;}
#eigotodeauSec .pointBox .pointTitle{font-size: 125%;}
#eigotodeauSec .pointBox .pointTxt{padding: 3% 0 0;}
#eigotodeauSec .pointBox li:nth-child(1),
#eigotodeauSec .pointBox li:nth-child(2),
#eigotodeauSec .pointBox li:nth-child(3){height: auto;}
/*--- KIDSチャンネルプログラム ---*/
#channelProgramSec{}
#channelProgramSec .sectionInner .titleBox{margin-bottom: 1em;}
#channelProgramSec .programBoxArea{margin-top: 2.5em;}
#channelProgramSec .programBox{padding: 1.5em;margin: 0 0 8% 0;}
#channelProgramSec .programBox #target03{}
#channelProgramSec .programBox .txtBox{/*margin-bottom: 3em;*/}
#channelProgramSec .lessonBox{padding-bottom: 1em;}
#channelProgramSec .lessonBox h4{margin: 0.5em auto 0;}
#channelProgramSec .lessonBox h5{}
#channelProgramSec .lessonBox h6 span{padding: 0.2em;}
#channelProgramSec .lessonBox .txtBox{}
#channelProgramSec .lessonBox .txtBox .txt03{width: auto;}
#channelProgramSec .lessonBox .txtBox .txt{margin-right: 0;margin-bottom: 1em;}
#channelProgramSec .lessonBox .txtBox .img{}
#channelProgramSec #programSec .lessonBoxInner .inTitleBox{padding: 1em 0 1.1em;}
#channelProgramSec #programSec .lessonBoxInner .inTitleBox h5{margin: 0 auto;width: 85%;}
#channelProgramSec #programSec .lessonBoxInner .inTitleBox p{position: absolute;right: 1em;top: 0.7em;}
#channelProgramSec #programSec .lessonBoxInner .programRegular{display: block;}
#channelProgramSec #programSec .lessonBoxInner .txtBox p{margin-bottom: 0.8em;}
#channelProgramSec #programSec .lessonBoxInner .txtBox .dailyPro dt{width: 100%;text-align: left;margin-right: 0;margin-bottom: 1%;padding: 0.4em;}
#channelProgramSec #programSec .lessonBoxInner .txtBox .dailyPro dd{width: 100%;margin-bottom: 3%;}
#channelProgramSec .specialLesson {margin-top: 1.5em;}
#channelProgramSec .specialLesson .spLesson{width:100%;}
#channelProgramSec .specialLesson .newProBox h6{padding: 1em 0 1.3em;}
#channelProgramSec .specialLesson .newProBox h6 span{top:-2%;left: -3%;}
#channelProgramSec .specialLesson .newProBox .txt{padding-left: 1em;padding-right: 1em;}
#channelProgramSec .specialLesson .newProBox .txtBox {padding: 0.5em 1em 1em;}
#channelProgramSec .specialLesson .newProBox .txtBox .txt{padding-left: 0; margin-top: 0;margin-bottom: 0;}
#channelProgramSec .specialLesson .skill {margin-top: 2em;}
#channelProgramSec .specialLesson .skill p{width: 100%;}
#channelProgramSec .specialLesson .skill .tyugaku p{}
#channelProgramSec .specialLesson .skill .tyugaku .txt{padding-right: 0;}

#channelProgramSec .movieBoxArea.movieRegular{width: auto;margin-left: 0;margin-bottom: 2.5em;margin-top: -1em;}
/*2022年1月19追加 小学生*/
#channelProgramSec #target02 .specialLesson .speachBox{padding-bottom: 1em;}
#channelProgramSec #target02 .specialLesson .courseBox{margin-top:1em;}
#channelProgramSec #target02 .specialLesson .eikenBox{background-color: #FBD8C1;}
#channelProgramSec #target02 .specialLesson .courseBox{background-color: #FDF0DF!important;}

/*2022年1月19追加 中高学生*/
#channelProgramSec #target03 .specialLesson .example .txtColorPurple{position: relative;}
#channelProgramSec #target03 .specialLesson .example .txtColorPurple span{background-color: #E5D9E8;border-radius: 50vw;padding: 0.3em 1em 0.3em 1.7em;}
#channelProgramSec #target03 .specialLesson .txt03{width: 100%;} 
#channelProgramSec #target03 .specialLesson .txt03 .txt_right1,#channelProgramSec #target03 .specialLesson .txt03 .txt_right2,#channelProgramSec #target03 .specialLesson .txt03 .txt_right3,#channelProgramSec #target03 .specialLesson .txt03 .txt_right4{padding: 0 0 0 1em;}
#channelProgramSec #target03 .specialLesson .txt03 .txtPurple{color: #7F428D;font-weight: 500;}
#channelProgramSec .specialLesson .eiken .txtColorPurple{font-size: 110%;}
#channelProgramSec .specialLesson .eiken{padding: 1.5em 1em;background-color:#E5D9E8;margin-bottom: 2em;}

#channelProgramSec .specialLesson .photo_flex li{width: 100%;}
/*--- プログラム内部リンク ---*/
#channelProgramSec #menuBox02{margin: 0 auto;margin-bottom: 4%;width: 100%;}
#channelProgramSec #menuBox02 > .sectionInner{max-width: calc(986px + 6em);margin: 0 auto;}
#channelProgramSec #menuBox02 ul li{margin: 0 0 0.5em;padding:4% 0 8%;filter: drop-shadow(0.1em 0.1em 0.1em #000);width: auto;}
#channelProgramSec #menuBox02 ul li a:visited,
#channelProgramSec #menuBox02 ul li a:link{}
#channelProgramSec #menuBox02 ul li a:hover{}
#channelProgramSec #menuBox02 ul li a:after{top:55%;}
#channelProgramSec #menuBox02 ul li a:hover:after{ top:55%;}
/*--- endプログラム内部リンク ---*/

/*-レベルの目安20200819*/
#channelProgramSec .levelBox {max-width: 815px;margin: 5% auto 1.5em auto;}
#channelProgramSec .levelBox .pullBtnBox{width: 70%;margin: 0 auto;}
#channelProgramSec .levelBox .pullBtn{min-width: 190px;width: 100%;margin: 0% auto 0%;cursor: pointer;}
/*
#channelProgramSec .levelBox .up{display: none;}
#channelProgramSec .levelBox .open .down{display: none;}
#channelProgramSec .levelBox .open .up{display: block;}*/
#channelProgramSec .levelBox .contentsBox{background: #F3F7FF;padding: 0.5em 1em;margin: 3% 0 0 0;}
#channelProgramSec .levelBox .contentsBox table{margin-bottom: 0; margin: 0 auto; width: 100%;}
#channelProgramSec .levelBox .contentsBox tr{border: none; border-bottom: dotted 2px #263683;}
#channelProgramSec .levelBox .contentsBox tr:last-child{border-bottom: none;}
#channelProgramSec .levelBox .contentsBox th{border: none;font-size: 100%;color: #263683;font-weight: bold;padding: 0 0em;line-height: 1.2em;width: 24%;}
#channelProgramSec .levelBox .contentsBox th .txtSizeS{font-size: 75%;}
#channelProgramSec .levelBox .contentsBox td{font-size: 90%; border: none;padding: 2% 0 1% 2%;}
#channelProgramSec .btnBox{margin-top:0;}

/*--- 英語が初めてのお子様に ---*/
#hajimeteSec{}
#hajimeteSec p{}
#hajimeteSec .hajimeteBox{}
#hajimeteSec .hajimeteBox dl{width: 85%;padding: 5%;margin: 0 auto 5%;}
#hajimeteSec .hajimeteBox dt {margin-bottom: 5%;}
#hajimeteSec .hajimeteBox dt span{margin: 3% auto 5%;}
#hajimeteSec .hajimeteBox dd {width: 50%;margin: 0 auto;}
#hajimeteSec .hajimeteBox .hajimeteTxt{width: 100%;margin-top: 5%;}
#hajimeteSec .hajimeteBox .hajimeteTxt span{}

/*--- 生徒様の声 ---*/
#seitokoeSec{}
#seitokoeSec .seitokoeBox {padding: 1.5em 1.5em 3em; border-top: 6px solid #26b7c6;}
#seitokoeSec .seitokoeBox .subTtl{}
#seitokoeSec .seitokoeBox .txtBox{width: 100%;padding: 0 0 0 0;}
#seitokoeSec .seitokoeBox .imgBox{width: 40%;max-width: none;margin: 0 auto 0.5em;}

/*--- 簡単予約＆レッスン受講 ---*/
#yoyakuLessonSec{}
#yoyakuLessonSec .img{width: 65%;margin:0 auto;}

/*--- 12月特別配信プログラム ---*/
#spProgramSec{background: url(../../images/bg_snow.png) no-repeat center top 2% / 100% auto, #f29f8f;overflow: hidden;}
#spProgramSec .spProgram{margin: 0 0 2em;}
#spProgramSec .btnProgramSchedule{margin: 7% auto 16%;width: 100%;}
#spProgramSec .lessonList{display:block;}
#spProgramSec .lessonList li{width: 80%;margin:0 auto 5%;}
#spProgramSec .contentsInBox{position:relative;}
#spProgramSec .contentsInBox .imgUsagi{position:absolute;left: -9%;bottom: -1%;width: 30%;}
#spProgramSec .contentsInBox .imgTree{position:absolute;right: -11%;bottom: -1%;width: 22%;}

/*--- ryoukinSec ---*/
#ryoukinSec .txtTtl{ margin-bottom:0;}
#ryoukinSec .jukouBox{ margin:0 auto 2em; position:relative;}
#ryoukinSec .jukouBox .leftBox{ position:absolute; left:0; padding:0 3% 3% 0; background-color:#fff; width:35%;}
#ryoukinSec .jukouBox .rightBox{width: auto;padding:3%;margin:0 0 0 35%;}
#ryoukinSec .jukouBox .rightBox h3{ font-size:100%;}
#ryoukinSec .jukouBox .rightBox p{ font-size:75%;}
#ryoukinSec .imgCampaign{margin: 1em 0 0em;}
#ryoukinSec .levelBox .pullBtn{width: 40%;margin: 5% auto 6%;}
/*2020年8月20日レベルの目安ここから*/
#ryoukinSec .levelBox .contentsBox{margin-bottom: 8%; padding: 0.8em 1em 0.5em;}
#ryoukinSec .levelBox .contentsBox th{padding: 0 1.2em;}
#ryoukinSec .levelBox .contentsBox td{/*font-size: 100%;*/}
#ryoukinSec .levelBox h3{max-width: 170px;width: 100%;margin: 1.3em auto 2em;}
/*2020年8月20日レベルの目安ここまで*/


/*--- nagareSec ---*/
#nagareSec{ background-size:250vw;}
#nagareSec .sectionInner{/* padding: 1em 2em 5em; */}
#nagareSec .stepBox{ margin:0 auto 2em;}
#nagareSec .stepBox li{ font-size:112.5%;}
#nagareSec .stepBox li:nth-child(1),
#nagareSec .stepBox li:nth-child(7),
#nagareSec .stepBox li:nth-child(8){padding: 1em 1em 1em;}
#nagareSec .stepBox li .txtBtn{ bottom:1em; left:0; right:0;}
#nagareSec .stepBox li .txtBtn a{ margin:0 auto;}


/*--- cmMovieSec ---*/
#cmMovieSec{background:#2aa0c5;}
#cmMovieSec:before{content:"";display:block;width:100%;height: 2em;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ee93ad+0,ee93ad+50,000000+50,000000+100 */background: #ee93ad; /* Old browsers */background: -moz-linear-gradient(left,  #ee93ad 0%, #ee93ad 50%, #000000 50%, #000000 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left,  #ee93ad 0%,#ee93ad 50%,#000000 50%,#000000 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  #ee93ad 0%,#ee93ad 50%,#000000 50%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee93ad', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}
#cmMovieSec *{color:#fff;}
#cmMovieSec .sectionInner{max-width: calc(880px + 4em);padding-top:3.5em;}
#cmMovieSec .imgLogo {max-width:182px;} 
#cmMovieSec .titleBox{margin-bottom:3em;}
#cmMovieSec .titleBox .txtTtl {margin:0 0 0.5em 0;width: 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#cmMovieSec .titleBox .txtTtl img{width: calc(100% - 2.5em);height: auto;}
#cmMovieSec .titleBox .txtTtl:before{content:"";display:inline-block;width: 2em;height: 2em;background:url(../../images/img_livestation_cm.png) no-repeat center / cover;}
#cmMovieSec .titleBox .leftBox{width:24%;display: none;}
#cmMovieSec .titleBox .rightBox {width: 100%;margin: 0 auto;}
#cmMovieSec .movieBox{max-width:420px; margin:0 auto;}
#cmMovieSec .movieBox .leftBox{width: 100%;padding-right: 0; margin-bottom:3em;}
#cmMovieSec .movieBox .rightBox{width: 100%;padding-left: 0;}
#cmMovieSec .movieInBox{margin:0 auto 1em;max-width:635px;position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
#cmMovieSec .movieInBox iframe{margin:0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-width:none;max-height:none;}
#cmMovieSec .movieBox dt{text-align:center;margin-bottom: 1em;font-size: 113%;}
#cmMovieSec .movieBox dt span{display:inline-block; border-bottom:2px solid #fff;}

/*--- 【ポップアップ】cmMovieSec ---*/
#cmMoviePopBox{background:#2aa0c5;max-width: 850px;margin: 0 auto;}
#cmMoviePopBox .sectionInner{max-width: 650px;padding: 3em 2em 3em 2em;}
#cmMoviePopBox .titleBox{margin-bottom:1em;}
#cmMoviePopBox p{color:#fff;}
#cmMoviePopBox .txtDescription{font-size: 113%;font-weight: bold;margin-bottom:1em;line-height: 1.4;text-align: left;}
#cmMoviePopBox .txt{font-size: 87%;line-height: 1.6;}
#cmMoviePopBox .txt a{color:#FFEB3B; text-decoration:underline;}
#cmMoviePopBox .txt a:hover{color:#FFC107;}
#cmMoviePopBox .movieBox{width: 100%; margin: 0 auto;}
#cmMoviePopBox .movieInBox{margin:0 auto 1em;width: 100%;position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
#cmMoviePopBox .movieInBox iframe{margin:0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mfp-close-btn-in .mfp-close{}
#modal-close{position:absolute;top: 0em;right: 0em;margin:0;padding:0;color:transparent;opacity:1;display: block;}
#modal-close img{display: block;}

/*--- footerSec ---*/
#footerSec p a{ color:#ee93ad; font-weight:bold;}
#footerSec #footerCopyright{ width:100%; order:4;}
#footerSec #footerCopyright p{ text-align:center;}
#footerSec #faqPage{ width:100%; order:2; margin:0.5em auto; padding:0 0 0.5em; border-bottom:1px dashed #ee93ad;}
#footerSec #faqPage p{ text-align:center;}
#footerSec #policyPage{ width:100%; order:2; margin:0.5em auto; padding:0 0 0.5em; border-bottom:1px dashed #ee93ad;}
#footerSec #policyPage p{ text-align:center;}
#footerSec #transactionsPage{ width:100%; order:3; margin:0.5em auto; padding:0 0 0.5em; border-bottom:1px dashed #ee93ad;}
#footerSec #transactionsPage p{ text-align:center;}
#footerSec #footerLogo{ width:100%; order:3; margin:2em auto 1.5em;}

/*--- sidemenu ---*/
#sideBox #sidr_top{width: 100%;}
#sideBox #sidr_bottom{width: 100%;}




/*----- IE11 にのみ適用 -----*/
@media all and (-ms-high-contrast: none) {
    /*--- mainView ---*/
    *::-ms-backdrop, #mainView .slick-initialized .slick-slide {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    *::-ms-backdrop, #mainView .slick-initialized .slick-slide img {
        opacity: 0;
    }
}