@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------
***                                                            ファーストビュー
----------------------------------------------------------------------------*/

#mainView{background:url(https://www.nova.co.jp/ochanoma/images_shin/top/img_header2602.jpg) no-repeat top right 100%/cover;max-width: 1200px;margin: 0 auto 0;}/*--------2022.09.16-----------*/
#mainView .mainViewInner{max-width:1200px;width: 100%;margin:0 auto;padding: 40px 0px 40px 0;border-top: none;position:relative; }
#mainView .bgBox{/*border:1px solid #fff;*/display:inline-block;/*padding: 2em 2em;*/width: 50%;}/*--------2022.09.16-----------*/
#mainView .cmBtn{ position:absolute; right:0%; bottom:4%;}/*--------2022.09.16-----------*/
#mainView .kakikoshu{ position:absolute; right:-1%; bottom:50%;}/*--------2022.09.16-----------*/
.pc { display: block !important; }
.sp { display: none !important; }
/*--------2022.09.16-----------*/
#mainView .bgBox .ttlBox02{margin-top: 13px;}
#mainView .bgBox .sabttlBox{color: #00ADA4;font-size: 30px;}
#mainView .bgBox .sabttlBox .boxInner{font-size: 40px;color: #000;}
#mainView .ttl-h2 {margin: 0.8em 0 0 0;line-height: 1.8em;text-shadow: 0px 0px 10px #fff;}
#mainView .taikenTxt{font-size: 25px;font-weight: bold;}
#mainView .formBox{margin: 1em 0 0 0}
#mainView .formBox .formBtn{padding: 0.5em 1em 0.5em;font-size:200%;width: 80%;box-shadow:0px 5px 10px 1px rgb(0 0 0 / 30%);}

/*--------2022.09.16-----------*/


/*-- お茶の間留学キャンペーンPOPUP--*/
.popup_wrap input {display: none;}
.popup_overlay {display: flex;justify-content: center;overflow: auto;position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);opacity: 0;transition: opacity 0.5s, transform 0s 0.5s;transform: scale(0);}
.popup_trigger { position: absolute; width: 100%; height: 100%;}
.popup_wrap input:checked ~ .popup_overlay { opacity: 1; transform: scale(1); transition: opacity 0.5s;}
.open_btn {position: relative;cursor: pointer; transition: .3s ease;}
.open_btn:hover{ transition: .3s ease;opacity:0.8;}
.close_btn { position: absolute; top: 2%; right: 1%; font-size:35px; cursor: pointer;font-weight: bold;line-height: 0.4em;}
.close_txt{font-size: 13px;}

.popup_content { position: relative;align-self: center;max-width:800px;width: 95%; box-sizing: border-box; background: #fff; line-height: 1.4em; transition: 0.5s;height: auto;margin: 4em auto;border: solid 15px #DA594E;}
.popup_content p{margin: 0; text-align: center; font-size: 105%;}
.popup_content p .small{font-size: 85%;}
.popup_content .txtBtn{font-size: 90%;}
.popup_content .smalltxt{font-size: 75%; text-align: left; width: 92%; margin: 1em auto 0;}
.popup_content img{width: 100%;}
#campaignSec{text-align: center;}
#campaignSec .cp_banner img{margin: 2em auto 1em;}
#campaignSec .pop_txt{position: absolute; top: 57%;font-size: 105%;color: #333; width: 100%;}
#campaignSec .address_register{padding-left: 5%;}
#campaignSec a{color:#2d8cff; }

#campaignSec .taikenBox{font-size: 19px;font-weight: bold;}
#campaignSec .taiken{color:#000;width: 40%;padding: 0.7em; font-size: 170%;}
#campaignSec .formBox{margin: 1em 0 0;}

/*--------2021.02.14カリキュラムボタン設置-----------*/
#btnBox {max-width: 900px;margin: 3em auto 0;}
#btnBox .contentsUl2{width: 80%; margin: 0.6em auto 0;}
#btnBox .contentsUl2 li{margin: 0 0.3em 1em;}
#btnBox .contentsUl2 li a{display: block; background: #fff; border: solid 2px #00b2bc; padding: 0.4em 1.5em; font-size: 180%; border-radius: 40px; color: #00b2bc;}
#btnBox .contentsUl2 li a:hover{text-decoration: none; background: #00b2bc; color: #fff;}
/*--------2021.02.14-----------*/

/*-- ochanomaSec --*/
#ochanomaSec .sectionInner{padding-top:50px;}
#ochanomaSec .listBox li a{text-decoration: none; margin: 0 1em 1em; padding: 15px 0.2em; border: 3px solid #00b2bc; border-radius: 10px; width: 180px; text-align: center; display: block;}
#ochanomaSec .listBox li a:hover{opacity: 0.5; cursor: pointer;}
#ochanomaSec .listBox li img{margin-top: 10px;}
#ochanomaSec .listBox .numberTxt{width: 20%;background-color: #00ada4;text-align: center;color: #FFF;border-radius: 20px;margin: 0px auto 10px;font-size: 20px;}

#ochanomaSec .listBox .tac{font-size: 17px;font-weight: bold;line-height: 1.3;}

/*-- TVコマーシャル動画！ --*/
#tvcmSec{ background-color:#00ada4;}
#tvcmSec .sectionInner{ padding:3em 0;}
#tvcmSec .movieBox{ max-width:420px; height:auto; /*background-color:#000;*/ padding:0 10px; margin:0 2em;}
#tvcmSec .movieBox iframe{ border:none; width:100%; height:100%; padding:0 10px; border-left:5px dashed #fff; border-right:5px dashed #fff;}
#tvcmSec .sectionInner h3{ color:#fff; font-size:2.25rem; line-height:1.2em; margin:0 0 1em;}
#tvcmSec .sectionInner p{ color:#fff;}

/*-- 選べる講師 --*/
#lessonStyleSec{}
#lessonStyleSec .contentsBox{max-width:960px; margin:0 auto; text-align:center;}
#lessonStyleSec .contentsBox .txtAnnotation{display:inline-block; margin:2em 0 0;}
#lessonStyleSec .nativeKoushiBox{max-width:450px;width: 50%;/*background: #fff;*/border: #00b2bc solid 1px;}
#lessonStyleSec .philippinesKoushiBox{max-width:450px;width: 50%;/*background: #fff;*/border: #00b2bc solid 1px;}
#lessonStyleSec .koushiDL{display: flex;flex-direction: column;height: 100%;}
#lessonStyleSec .koushiDL .koushiTtl{background:#00b2bc;color:#fff;text-align:center;font-size: 180%;line-height: 1;padding: 1em 0em 0.8em;}
#lessonStyleSec .koushiDL .koushiSubTtl{position: relative;font-size: 145%;font-weight: bold;padding: 1.5em 0 0.5em 8.3em;line-height: 1;}
#lessonStyleSec .koushiDL .koushiSubTtl .koushiImg{margin: 0 0 0;display:inline-block;position: absolute;bottom: 0;left: 0;}
#lessonStyleSec .koushiContents{padding:1em 2em;}
#lessonStyleSec .koushiContents.lesson{height: 270px;}
#lessonStyleSec .lessonTypeBox{margin-bottom: 3em;}
#lessonStyleSec .lessonTypeBox:last-child{margin-bottom:0;}
#lessonStyleSec .lessonTypeBox .lessonTypeDL{}
#lessonStyleSec .lessonTypeBox .lessonTypeDT{font-size: 130%;}
#lessonStyleSec .lessonTypeBox .lessonTypeDT .txtSmall{font-size:80%;}
#lessonStyleSec .lessonTypeBox .lessonTypeDT:before{content:""; display:inline-block; width:1em; height:1em; background:#00b2bc; border-radius:50%; margin:0 0.4em 0 0;}
#lessonStyleSec .lessonTypeBox .lessonTypeDD{position: relative;padding: 0 0 0 1.8em;}
#lessonStyleSec .lessonTypeBox .lessonTypeDD .txt{margin:0;}
#lessonStyleSec .lessonTypeBox .lessonTypeDD .img{position:absolute;bottom: 0;right:0;margin: 0;}
#lessonStyleSec .lessonTypeBox .lessonTypeDD .imgph{position:absolute;bottom: 0;right:0;margin: 0;}
#lessonStyleSec .lessonPlanBox .lessonPlanDT .planLinkBtn{background: #f7931e; color: #fff; padding: 0.5em 1.3em; line-height: 1; border-radius: 50vw; display: flex; justify-content: left; position: relative; width: 100%; font-size: 15px; text-decoration: none;}
#lessonStyleSec .lessonPlanBox .lessonPlanDT .planLinkBt a:hover{opacity: 0.5;}
#lessonStyleSec .lessonPlanBox .lessonPlanDT .planLinkBtn .yellow{color: #ffff00; font-size: 90%; margin-left: 3em;}
#lessonStyleSec .lessonPlanBox .lessonPlanDT .planLinkBtn:after{content: "";display: block;width: 0.5em;height: 0.5em;position: absolute;top: calc(50% - 0.35em);right: 1em;border-top: 3px solid #fff;border-right: 3px solid #fff;transform: rotate(45deg);/* box-shadow: 0px 0px 0px 9px rgba(255,255,255,1); */}
#lessonStyleSec .lessonPlanBox .lessonPlanDT .txtLabel{color:#ffff00;font-size: 90%;}
#lessonStyleSec .lessonPlanBox .lessonPlanDD{padding: 0.2em 1em 0;margin:0 0 1em;}
#lessonStyleSec .lessonPlanBox .lessonPlanDD:last-child{margin:0;}
#lessonStyleSec .lessonTypeBox .planBox{padding:0;margin: 2em 0 0;}
#lessonStyleSec .philippinesKoushiBox .koushiDL .koushiSubTtl{padding: 1.5em 0 0.5em 4em;}
#lessonStyleSec .philippinesKoushiBox .koushiDL .koushiSubTtl .koushiImg{left:initial; right:0;}
#lessonStyleSec .philippinesKoushiBox .lessonTypeDD{position:relative;}
#lessonStyleSec .philippinesKoushiBox .lessonPlanBox .lessonPlanDT{margin-bottom: 1em;}
#lessonStyleSec .osusumeBox .osusumeDT{background: #f2f2f2; padding: 0.3em; margin-bottom: 0.5em;}
#lessonStyleSec .osusumeBox .osusumeDD .blue{color: #00b2bc;}

/*-- オンラインでも駅前留学クオリティ --*/
#lessonPriceSec{overflow:hidden;}
#lessonPriceSec .txtBox p{margin:0 0 1.3em 0;}
#lessonPriceSec .contentsBox{}
#lessonPriceSec .contentsBox .txtBox{min-width: 580px;}

/*-- レッスンについて --*/
#curriculumSec .contentsBox{max-width: 650px;margin: 0 auto;}
#curriculumSec .listBox{margin:2em 0 0 0;}

/*-- かんたん接続 --*/
#deviceSec .hituyouBox{max-width: 960px;margin: 0 auto;border: 7px solid #e6e6e6;padding: 2em 2em;}
#deviceSec .hituyouBox li .txtBox{margin-bottom: 0;}
#deviceSec .ttlInBox{display:inline-flex;justify-content:center;align-items:center;border: 3px solid #e6e6e6;padding: 1.5em;width: 10em;height: 10em;}
#deviceSec .listItem{padding: 0 1.5em;}
#deviceSec .listItem:not(:last-child){border-right: 1px dashed #ccc;}
#deviceSec .listItem:last-child{padding-right:0;}
#deviceSec .listItem .txtBox{max-width: 150px;padding: 1em 0.5em 0em 0;}
#deviceSec .ttl-h5{font-size: 110%;}
#deviceSec .hituyouItemInternet{}
#deviceSec .hituyouItemInternet .txtBox{max-width: 200px;padding: 1em 0 0em 0;margin-bottom: 0.5em;}

/*-- 生徒様の声 --*/
#VoiceSec{position: relative;}
#VoiceSec::before{content: "";position: absolute;width: 100%;height:100%;left: 0;top: 0;background: #ccc;background-image: linear-gradient( -45deg, #ccc 25%, #fff 25%, #fff 50%, #ccc 50%, #ccc 75%, #fff 75%, #fff);background-size: 7px 7px;background-attachment: fixed;z-index: -1;opacity: 0.3;}
#VoiceSec .ttlBox .ttl-h3 .txtMain{background: none;}
#VoiceSec .ttlBox .ttl-h3:before{display: none;}
#VoiceSec .voiceBox{border: 1px solid #ccf0f2;position: relative;max-width: 720px;width: 95%;padding: 3em 2em;margin: 2em auto;background: #fff;}
#VoiceSec .voiceBox::before{content: "";display: block;background: url(https://www.nova.co.jp/ochanoma/images_shin/studentvoice/img_contents01.png)no-repeat;width: 20px;height: 18px;position: absolute;top: 1em;left: 1em;}
#VoiceSec .voiceBox::after{content: "";display: block;background: url(https://www.nova.co.jp/ochanoma/images_shin/studentvoice/img_contents01.png)no-repeat;width: 20px;height: 18px;position: absolute;bottom: 1em;right: 1em;transform: rotate(180deg);}

#VoiceSec .voiceBtn{margin-top: 3em;}
#VoiceSec .voiceBtn a{font-size: 195%;padding: 0.5em 1em 0.5em;max-width: 290px;background: linear-gradient(to bottom,  rgba(144,102,175,1) 0%,rgba(144,102,175,1) 50%,rgba(130,91,156,1) 50%,rgba(130,91,156,1) 100%);border-radius: 50vw;color: #fff;font-weight: bold;}

#VoiceSec .slideBox{width: 100%;margin: 0 auto;padding: 0 0 1em;}
#VoiceSec .voice_slide{margin: 0 1em 0;background: #fff;border: 1px solid #ccf0f2;height: auto;display: flex;flex-direction: column; max-width: 800px; padding: 3em 2em;}
#VoiceSec .voice_slide button.modal-btn{color: #fff;text-align: center;width: -webkit-fill-available;font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic;margin:auto auto 1em; font-weight: bold;background: none;border: none;}
#VoiceSec .voice_slide button.modal-btn span{background: #00aeac;padding: 0.4em 1em;display: inline-block;font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic;}
#VoiceSec .slideBox .slick-track{display: flex;}

#VoiceSec .voice_slide .img{width: 50%; margin: 0 auto;}
#VoiceSec .voice_slide .img img{width: 100%; height: auto;}
#VoiceSec .voice_slide .name{color: #888888; margin-top: 1em; font-size: 120%; text-align: center;}
#VoiceSec .voice_slide h4{margin: 1em auto;}
#VoiceSec .btnPrev, #VoiceSec .btnNext{width: 50px; height: auto; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;}
#VoiceSec .btnPrev img, #VoiceSec .btnNext img{width: 100%; height: auto;}
#VoiceSec .btnPrev{left: 27%;}
#VoiceSec .btnNext{right: 27%;}
#VoiceSec .btnPrev:hover{cursor: pointer;}
#VoiceSec .btnNext:hover{cursor: pointer;}

/*-- 生徒様の声 --*/

/*-- 料金プラン --*/
#priceSec .contentsBox.priceBox{max-width: 1200px;}
#priceSec .priceBox .courseBox{width: 24%; border-radius: 7px; padding: 1em;}
#priceSec .priceBox .phBox{border: solid 3px #ee0922;}
#priceSec .priceBox .conversationBox{border: solid 3px #f9931d;}
#priceSec .priceBox .kidsBox{border: solid 3px #fd75c5;}
#priceSec .priceBox .callanBox{border: solid 3px #0f3773;}
#priceSec .priceBox .courseBox img{width: 100%; height: auto;}
#priceSec .priceBox .courseBox h4{font-size: 180%; margin-bottom: 0.3em;}
#priceSec .priceBox .phBox h4{color: #ee0922;}
#priceSec .priceBox .conversationBox h4{color: #f9931d;}
#priceSec .priceBox .kidsBox h4{color: #fd75c5;}
#priceSec .priceBox .callanBox h4{color: #0f3773;}
#priceSec .priceBox .courseBox ul{gap: 0.5em; margin-bottom: 1em;}
#priceSec .priceBox .courseBox ul li{ border-radius: 50vw; width: 49%; font-weight: bold;}
#priceSec .priceBox .phBox ul li{border: solid 2px #ee0922; color: #ee0922;}
#priceSec .priceBox .conversationBox ul li{border: solid 2px #f9931d; color: #f9931d;}
#priceSec .priceBox .kidsBox ul li{border: solid 2px #fd75c5; color: #fd75c5;}
#priceSec .priceBox .callanBox ul li{border: solid 2px #0f3773; color: #0f3773;}
#priceSec .priceBox .txt{height: 100px;}
#priceSec .priceBox .phBox .txt span{background: linear-gradient(transparent 70%, #ffb3b3 30%)}
#priceSec .priceBox .conversationBox .txt span{background: linear-gradient(transparent 70%, #ffdfc2 30%)}
#priceSec .priceBox .kidsBox .txt span{background: linear-gradient(transparent 70%, #ffe6f7 30%)}
#priceSec .priceBox .callanBox .txt span{background: linear-gradient(transparent 70%, #dcefff 30%)}
#priceSec .priceBox .conversationBox .planBox{position: relative;}
#priceSec .priceBox .phBox .planBox{position: relative;}
#priceSec .priceBox .phBox .planBox .fukidashi{position: absolute; top: 0; left: -4em; width: 90px;}
#priceSec .priceBox .conversationBox .planBox .fukidashi{position: absolute; top: 0; left: -4em; width: 90px;}
#priceSec .priceBox .planBox .gray{background: #f2f2f2; padding: 0.3em; margin-bottom: 0.5em; font-weight: bold;}
#priceSec .priceBox .planBox .price{color: #f9931d; font-weight: bold; font-size: 320%; line-height: 1.4;margin-bottom: 0.3em;}
#priceSec .priceBox .phBox .price{color: #ee0922;}
#priceSec .priceBox .conversationBox .price{color: #f9931d;}
#priceSec .priceBox .kidsBox .price{color: #fd75c5;}
#priceSec .priceBox .callanBox .price{color: #0f3773;}
#priceSec .priceBox .planBox .price .plan{display: block; font-size: 35%; margin-bottom: -10px;}
#priceSec .priceBox .planBox .price .en{font-size: 65%;}
#priceSec .priceBox .planBox .price .tax{display: block; color: #000; font-weight: normal; font-size: 35%;}
#priceSec .priceBox .txtBtn .subText{display: block;}
#priceSec .priceBox .txtBtn a{display: inline-block; color: #fff; width: 100%; border-radius: 50vw; font-size: 100%; font-weight: bold; padding: 0.3em 0; margin-top: 0.3em; text-decoration: none;}
#priceSec .priceBox .txtBtn a:hover{opacity: 0.5;}
#priceSec .priceBox .phBox .txtBtn a{background: #ee0922;}
#priceSec .priceBox .conversationBox .txtBtn a{background: #f9931d;}
#priceSec .priceBox .kidsBox .txtBtn a{background: #fd75c5;}
#priceSec .priceBox .callanBox .txtBtn a{background: #0f3773;}


/*-- WEB決済ですぐ予約・すぐ受講 --*/
#priceSec .ttl-h4{font-size: 280%; color: #00b2bc; line-height: 1.3em; position: relative; margin: 2em 0 1em; font-feature-settings: normal;}
#priceSec .listBox{max-width:571px; margin:0 auto;}
#priceSec .listBox .listItem{background:#b3e4e5;margin: 0 0 1em;line-height: 1;padding: 1em 1em;border-radius: 20px;text-align: center;position: relative;font-weight: bold;font-size: 115%;width: auto;}
#priceSec .listBox .listItem .txtStep{position:absolute;left:1em;color:#00b2bc;font-weight: bold;font-size: 113%;}
#priceSec .listBox .listItem.step5{background:#fcb9d4;margin: 0 0 2em;}
#priceSec .listBox .listItem.step5 .txtStep{color:#f9629f;}



/*-- オンラインだから、毎日気軽にレッスンできる！ --*/
#catchphraseSec{background-image: url(https://www.nova.co.jp/ochanoma/images_shin/top/img_background_b.jpg);background-position:top center;background-size:cover;background-repeat:no-repeat;}
#catchphraseSec .sectionInner{ max-width:100%; margin:0 auto; padding:0; background:rgba(0,178,188,0.6);}
#catchphraseSec .contentsBox{ padding:3em 0; max-width:650px; width:100%; margin:0 auto;}
#catchphraseSec .ttlBox .ttl-h3 .txtMain{ width:100%; padding:0; font-size:2rem; line-height:1.4em; background:none; color:#fff; text-align:left;}
#catchphraseSec .contentsBox p{ font-size:1.23rem; font-weight:bold; margin:0 auto; line-height:1.4em;}
#catchphraseSec .formBox.normalBtn01 .formBtn{ max-width:100%; width:100%; font-size:2rem;}
#catchphraseSec .formBox.normalBtn01 .formBtn01{ max-width:100%; width:100%; font-size:2rem;}
#catchphraseSec .normalBtn01 .txtBtn{ margin:0 auto 1.5em;}
#catchphraseSec .normalBtn01 .txtBtn .subText{ font-size:1.75rem;}
/*-- オンラインだから、毎日気軽にレッスンできる！ --*/

/*-- まずは15分。無料お試しレッスン！ --*/
.normalBtn01 .txtBtn .subText:before{ content:"／"; transform:scale(-1,1); left:0;}
.normalBtn01 .txtBtn .subText:after{ content:"／"; right:0;}
/*-- まずは15分。無料お試しレッスン！ --*/
.sectionInner .normalBtn01{ background:none; padding:0; margin:3em 0 0;}
.normalBtn01 .txtBtn .subtxt{ font-size:1.75rem; font-weight:bold; display:inline-block; padding:0 1.2em 0.5em; position:relative;}

.normalBtn01 .txtBtn .subText{ font-size:1.25rem; font-weight:bold; display:inline-block; padding:0 1.2em 0.5em; position:relative;}
.normalBtn01 .txtBtn .subText:before,
.normalBtn01 .txtBtn .subText:after{
	display:inline-block;
	font-size:1.25rem;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
}


/*----------------------------------------------------------------------------
***                                                     2022年8月CMポップアップ
----------------------------------------------------------------------------*/
#modal-newCm2022{box-sizing:border-box; width:900px; height:auto; position:fixed; z-index:999999; padding:0; /*display:none; box-shadow:2px 2px 8px 2px rgba(0,0,0,0.4);*/}
#modal-newCm2022 .ttl{width:100%; background-color:#fffde5;}
#modal-newCm2022 .ttl h2{width: 900px; margin:0 auto;padding: 0px 0;}
#modal-newCm2022 .ttl h2 img{display:block;}
#modal-newCm2022 #modal-newCmInner{background-color:#fff; padding:30px;}
#modal-newCm2022 ul{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
#modal-newCm2022 li{width:400px;}
#modal-newCm2022 h3{width:100%; text-align:center; font-size:23px;margin: 0 0 0.3em;}
#modal-newCm2022 .cmA h3{color: #333333;}
#modal-newCm2022 .cmB h3{color: #333333;}
#modal-newCm2022 .cmMovie{margin: 0 0 0 0; position:relative;}
#modal-newCm2022 .btn{width:280px; margin:50px auto 10px auto; cursor:pointer;}
#modal-newCm2022 .rightSection  iframe{width:400px;}
#modal-newCm2022 .videoBox iframe{width:100%;}
#modal-newCm2022 .newCm{display:flex; justify-content:space-between; align-items:center; margin-top:5px; padding:0 20px 0 0px;}
#modal-newCm2022 .newCm >*{;}
#modal-newCm2022 .newCm .titleBox{margin-top:0;}
#modal-newCm2022 .newCm .titleBox .ttl{;}
#modal-newCm2022 .cmList{display:table-cell; margin-left:0px;}
#modal-newCm2022 .cmList ul{display:table;}
#modal-newCm2022 .cmList ul li{display:table-cell; vertical-align:middle; padding:0 4px;}
#modal-newCm2022 .cmList ul li p{display:block; color:#000; text-align:center; cursor:pointer; transition:opacity 0.5s ease; font-size:10px;}
#modal-newCm2022 .cmList ul li p:hover{opacity:0.7;}
#modal-newCm2022 .linkBox_campaign{border-top:1px solid #333; padding-top:10px;}
#modal-newCm2022 .linkBox_campaign p{padding:0; margin-top:-8px;}
#modal-newCm2022 .linkBox_campaign p a{transition:opacity 0.5s ease;}
#modal-newCm2022 .linkBox_campaign p a:hover{opacity:0.7;}
#modal-newCm2022.positionAbsolute{position:absolute; top:20px!important;}
#newCmPopup2022{cursor:pointer;}
#modal-newCm2022 .btnClose{width:30px; position:absolute; top:8px; right:8px; cursor:pointer;}

#modal-newCm2022 .popup_wrap input {display: none;}
#modal-newCm2022 .popup_overlay {display: flex;justify-content: center;overflow: auto;position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);opacity: 0;transition: opacity 0.5s, transform 0s 0.5s;transform: scale(0);}
#modal-newCm2022 .popup_trigger { position: absolute; width: 100%; height: 100%;}
#modal-newCm2022 .popup_wrap input:checked ~ .popup_overlay { opacity: 1; transform: scale(1); transition: opacity 0.5s;}
#modal-newCm2022 .open_btn {position: relative;cursor: pointer; transition: .3s ease;}
#modal-newCm2022 .open_btn:hover{ transition: .3s ease;opacity:0.8;}
#modal-newCm2022 .close_btn { position: absolute; top: 2%; right: 1%; font-size:35px; cursor: pointer;font-weight: bold;line-height: 0.4em;color: #FFF;}
#modal-newCm2022 .close_txt{font-size: 13px;}

#modal-newCm2022 .popup_content { position: relative;align-self: center;max-width:900px;width: 95%; padding:0; box-sizing: border-box; background: #fff; line-height: 1.4em; transition: 0.5s;height: auto;margin: 4em auto;border: none;display: none;}
#modal-newCm2022 .popup_content img{width: 100%;}
#modal-newCm2022 .popup_wrap input:checked ~ .popup_overlay .popup_content {display:block;}

/*-- キャンペーンバナー --*/
.cmpbnr{width: 95%; max-width: 800px; height: auto; /*margin: 2em auto 0;*/margin: 1em auto 0;}
.cmpbnr img{width: 100%; height: auto;}
.red_solid{border: 5px solid #FE0001!important; border-bottom: solid 1px #662d91!important;}
.red_solid2{border: 5px solid #FE0001!important; border-top: solid 1px #662d91!important;}
.red_solid3{border: 5px solid #FE0001!important;}
.red_solid4{border: 5px solid #FE0001!important; border-bottom: solid 1px #662d91!important; border-top: solid 1px #662d91!important;}
.campaign{color: #FE0001; font-size: 170%; text-align: center; font-weight: bold; margin: 0;}
.text_present{color: #FE0001;font-size: 130%; text-align: center; font-weight: bold; margin: 0 0 1em;}
.camBox{width: 55%; margin: 1% 0 0 48%; position: relative;}
.season{position: absolute; right: 0; width: 80px; bottom: -1em;}
.season img{width: 100%; height: auto;}
.camBox.twoBox{width: 100%; margin: 1% 0 0;}
.camBox.twoBox .campaign_txt{width: 48%;}
.campaign_txt{text-align: center; background: #fffacd; border-radius: 15px; padding: 1em 0; margin: 0.3em auto 2em; width: 80%;}
.camBox .small{font-size: 90%;}
.redtxt{color: #FE0001; font-weight: bold;}
.bluetxt{color: #0000c9; font-weight: bold;}
.campaign_txt span{color: #FE0001;}

/*-- 年賀バナー --*/
.nengaBnrP{text-align: center; margin: 3em auto 2em;}