@charset "utf-8";

/* CSS Document */
/*----------------------------------------------------------------------------
***                                                             headerArea
----------------------------------------------------------------------------*/
#headerArea{position:relative;width:100%;z-index: 99;top: 0;left: 0;background:#000;}
#headerArea #headerAreaInner{position:relative;padding:0em 2em 0.5em;max-width:100%;z-index: 2;   width: 1250px;}
#headerArea .ttl{padding:8px 0 0;}
#headerArea .logoBox .ttlTxt{font-size:11px;color: #fff;font-weight:400;position:absolute;top: 19px;line-height:1.6;margin:0;padding:0;right: 0;}
/*#headerArea .logoBox .ttlSub{position:absolute;top: 2px;right:0;color: #333;font-size:11px;text-align:right;width: 440px;line-height:1.6;margin:0;padding:0;}*/
#headerArea #menuBtnBox{width:30px;height:20px;cursor:pointer;margin:0 1em 0 0;}
#headerArea #menuBtnBox .menuBtn{position:relative;width:100%;height:100%;display:block;}
#headerArea #menuBtnBox .line,#headerArea #menuBtnBox .menuBtn:after,#headerArea #menuBtnBox .menuBtn:before{content:"";display:block;width:30px;height:2px;background:#000;position:absolute;right:0;border-radius:20px;transform-origin:center;transition:all .5s ease;}
#headerArea #menuBtnBox .line{top:0;}
#headerArea #menuBtnBox .menuBtn:before{top:calc(50% - 1px);}
#headerArea #menuBtnBox .menuBtn:after{bottom:0;}
#headerArea #menuBtnBox .menuBtn.open .line{top:calc(50% - 1px);transform:rotate(-45deg);}
#headerArea #menuBtnBox .menuBtn.open:before{top:calc(50% - 1px);opacity:0;}
#headerArea #menuBtnBox .menuBtn.open:after{bottom:calc(50% - 1px);transform:rotate(45deg);}
#breadcrumbArea{max-width:980px;padding:0 1em;margin:1em auto 3em;position:absolute;top:1em;}
#breadcrumbArea li{float:left;font-size:10px;color:#fff;}
#breadcrumbArea li a{display:block;color:#fff;}
#breadcrumbArea li:before{content:">";display:inline-block;margin:0 .5em;}
#breadcrumbArea li:first-child:before{display:none;}

/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
#top{min-width:1060px;}
.mainSection a{cursor:pointer;}
.mainSection .bgWhite{background:#fff;}
.zindex1{z-index:1;}
.zIndex2{z-index:2;}
.zIndex3{z-index:3;}
.zIndex4{z-index:4;}
.zIndex5{z-index:5;}
a:hover{text-decoration:none;}
.mainSection .smalltxt{font-size: 90%; line-height: 1.4; display: block; margin-top: 0.5em;}

/*-----【共通】-----*/
/*個別にコンテンツの横幅を指定する*/
.secBoxWidth{width:960px;margin:0 auto;}
.secBox .ttl-h2{font-size:100%;}
.secBox .ttl-h2 .txtTop{display:block;text-align:center;font-size:170%;margin: 0 0 0.5em;}
.secBox .ttl-h2 .txtCenter{display:block;text-align:center;font-size:170%;margin: 0 0 1.5em;}
.secBox .ttl-h2 .txtBottom{display:inline-block;text-align:center;font-size:420%;line-height: 1.2;}
img{max-width: 100%;height: 100%;}
/*詳細ページへのリンク*/
.linkBox p{text-align:center;}
.linkBox a{cursor:pointer;color:#00a1c9;font-size: 18px;line-height:1;padding:10px 0;font-weight: 700;}
.linkBox a:after{content:"▶";display:inline-block;font-size:85%;}

/*カラーの上書き*/
.colorBlue{color:#00a1c9!important;}
.colorPink{color:#f94891!important;}
.colorYellow{color:#ff0!important;}

/*フォーム*/
.formBox{background:url(https://www.nova.co.jp/campaign_pokkiri/images/img_campaign_pcbg.png);padding: 5em 0;}
.formBox .presentimg{display: block;text-align: center;margin: 0 auto;padding: 0 0 2em;}
.formBoxInner{max-width:980px;margin:0 auto;padding:2em 0 4em;background: #fff;width: 80%;}
.formBoxInner .formItemBox .formBtnBox{display:flex;flex-wrap:wrap;justify-content:center;font-size:185%;}
.formBoxInner .formItemBox .formBtnBox>p{padding:0;}
.formBoxInner .formItemBox a{border-radius:5px;text-align:center;display:block;padding:.6em 0 .6em;line-height:1.2;font-weight: 700;}
.formBoxInner .formItemBox .btn a{padding: 0.6em 0 1em;}
.formBoxInner .formItemBox .btnSmall{width:40%;margin: 0 0.3em;}
.formBoxInner .formItemBox .btnSmall a{background:#fff;color:#c30d23;border:2px solid #c30d23;}
.formBoxInner .formItemBox{width:70%;max-width:600px;margin: 0 auto;}
.formBoxInner .formItemBox .ttl-h2{text-align:center;font-size:270%;}


/*----- ファーストビュー -----*/
#firstViewSec{overflow:hidden;position:relative;padding:0 0 0;background:url(https://www.nova.co.jp/campaign_pokkiri/images/bg_city_pc.png) no-repeat center top 45%;max-height: 700px;background-size: cover;}
#firstViewSec .sectionInner{width:34%;margin:0 0 0 21%;position:relative;z-index:1;padding-top:0em;padding-bottom:2em;max-width: 1250px;}
#firstViewSec #btnCM{position:absolute;top:150px;right:0px;}
#firstViewSec .titleBox{margin:0 auto 0em;padding:0;position: relative;}
#firstViewSec .ttl{position:relative;}
#firstViewSec .ttl span{display:block;}
#firstViewSec .ttl .logo{margin:3em 0 1em 0em;}
#firstViewSec .ttl .logo img{width: 100%;}
#firstViewSec .textDescription{margin:2em 0 0;}
#firstViewSec .textDescription .img{display:block;margin:0 0 2em;line-height:1.4;}
#firstViewSec .textDescription .text{display:block;font-size:270%;line-height:1.4;font-weight: bold;}

#firstViewSec .fv_btn{display: flex;justify-content: space-around;}
#firstViewSec .fv_btn a{width:47%;border-radius:25px;text-align:center;display:block;padding:0.0em;line-height:1.2;font-weight: 700;background:#fff;color:#00a1c9;border:2px solid #00a1c9;}
#firstViewSec .btn_txt{width: 95%;font-size: 18px;color: #00a1c9;}


#firstViewSec .arrow{position: relative;display: inline-block;padding: 0 0 0 16px;vertical-align: middle;}
#firstViewSec .arrow::before,
#firstViewSec .arrow::after{position: absolute;top: 0;bottom: 0;right: 1.5em;margin: auto;content: "";vertical-align: middle;/*margin: 1.15em 0 0 0;*/}
#firstViewSec .arrow-right::before{/*left: 12.0em;*/width: 0.8em;height: 0.8em;border-top: 2px solid #00a1c9;border-right: 2px solid #00a1c9;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.cpn_bnr{position: fixed;top: 45%;right: 0;z-index: 999;max-width: 168px;width: 4.9%;}
.cpn_bnr a:hover{opacity: 0.8;}

/*240701　追記マイベスト*/
#firstViewSec .mybest{position: absolute;right: 28em;bottom: 1.5em;}

/*----- ポッキリ -----*/
#pokkiriSec{background: #f7f7f7;}
#pokkiriSec .sectionInner .titleBox{margin-bottom: 0;}
#pokkiriSec .subttl{font-size: 22px;font-weight: bold;}
#pokkiriSec ul{max-width: 790px;width: 100%;margin: 4em auto;}
#pokkiriSec h3{font-size: 31px;margin-bottom: 0.5em;line-height: 1.3;}
#pokkiriSec h3 span{text-align: left;color: #00a3cd;display: inline-block;}
#pokkiriSec h3 span.txt_idt{text-indent: -0.5em;}
#pokkiriSec li p{font-size: 15px;}

#pokkiriSec .titleBox .btn_txt{font-size: 20px;font-weight: bold;text-align: center;}
#pokkiriSec .titleBox .btn{text-align: center;}

#pokkiriSec .sectionInner {padding:  5em 5% 1em;}
#pokkiriSec .sectionInner .cpnbnr{padding: 3.0em 1.0em;}


/*----- オリコン -----*/
#oriconVoiceSec.secBox > .sectionInner{padding: 4em 0 0;}
#oriconVoiceSec .titleBox{margin: 0 0 20px;}
#oriconVoiceSec .titleBox .txtTop{font-size: 22px; display: block; line-height: 1.2; margin-bottom: 14px;}
#oriconVoiceSec .titleBox .txtBottom{font-size: 12px; display: block; line-height: 1.2; margin-bottom: 0.8em;}
#oriconVoiceSec .titleBox .subTtl{text-align: center; font-size: 16px; line-height: 1.5; padding: 8px 0 5px;}
#oriconVoiceSec .secTtl{border:none; font-size: 180%; font-weight: bold; position: relative; width: fit-content; margin: 0 auto;}
#oriconVoiceSec .secTtl:before{content:"";display: block;width: 0;height: 1.8em;border: 1px solid #c2a64e;transform: rotate(-45deg);position: absolute;left: -0.8em;top: 0;}
#oriconVoiceSec .secTtl:after{content:"";display: block;width: 0;height: 1.8em;border: 1px solid #c2a64e;transform: rotate(45deg);position: absolute;right: -0.8em;top: 0;}
#oriconVoiceSec .secTtl .sp-only{display: none;}
#oriconVoiceSec .secTtl span.marker {background: linear-gradient(transparent 70%, #f2e199 70%);}
#oriconVoiceSec .contentsBoxInner{max-width: 790px; margin: 2em auto;}
#oriconVoiceSec .oriconVoiceTabUl{display: flex; justify-content: space-between; margin-bottom: 0.75em;}
#oriconVoiceSec .oriconVoiceTabLi{width: 19%; text-align: center; background: #b3b3b3; color: #fff; padding: 0.5em 0; border-radius: 0.5em; cursor: pointer; font-size: 140%;}
#oriconVoiceSec .oriconVoiceTabLi:hover{opacity: .5; transition: all ease .3s;}
#oriconVoiceSec .oriconVoiceTabLi.active{background: #00a1c9;}
#oriconVoiceSec .oriconVoiceListUl{border: 1px solid #00a1c9; padding: 1em; height: 16em; overflow-y: auto;}
#oriconVoiceSec .oriconVoiceLi{padding: 0.5em; border-bottom: 1px dotted #888; display: flex; justify-content: space-between; align-items: flex-end;font-size: 120%;}
#oriconVoiceSec .oriconVoiceLi.last-visible{border-bottom: none; margin-bottom: 0;}
#oriconVoiceSec .oriconVoiceLi .person{min-width: 5em; text-align: right;}
.mainSection .moreBtn{text-align: center; margin: 1em 0 0; padding: 0; width: 100%; order: 3;}
#oriconVoiceSec .moreBtn a{border: 1px solid #4d4d4d; color: #4d4d4d; display: inline-block; font-size: 13px; line-height: 1; padding: 0.5em 2.5em 0.6em 2em; border-radius: 30px; text-decoration: none; background: url(https://www.nova.co.jp/images/top_230801/arrow_gray_r.png) no-repeat center right 1em / 0.6em auto;}

/*----- NOVAの基本 -----*/
#nvoaKihonSec{overflow:hidden;}

#nvoaKihonSec .secretBox{border: 5px solid #00a3cd;max-width: 900px;width: 100%;margin: 0 auto 10em;}
#nvoaKihonSec .secretBox .secret{padding: 4em 1em 2em 10em;position: relative;}
#nvoaKihonSec .secretBox .secret .check{position: absolute;top: 13%;left: 5%;display: block;width: 62px;height: 80px;}
#nvoaKihonSec .secretBox .secret .ttl{font-size: 30px;font-weight: bold;line-height: 1.2;}
#nvoaKihonSec .secretBox .secret .ttl span{color: #00a3cd;font-size: 35px;}
#nvoaKihonSec .secretBox .secret .abc{padding: 1em 2em;}
#nvoaKihonSec .secretBox .secret .abc p{font-size: 22px;}
#nvoaKihonSec .secretBox .secret .abc p span{font-weight: bold;font-size: 24px;padding-right: 0.5em;}
#nvoaKihonSec .secretBox .secret .answer{font-size:25px;font-weight: bold;}
#nvoaKihonSec .secretBox .secret .answer span{font-size: 30px;border: 1px solid #000;padding:0.1em 0.4em 0.1em 0.4em;margin: 0 0.5em;}
#nvoaKihonSec .secretBox .secret .secret_img{position: absolute;bottom: 0;right: 3em;padding: 0;z-index: -1;}
#nvoaKihonSec .secretBox .importantBox{background: #00a3cd;padding: 1.5em 1em;position: relative;}
#nvoaKihonSec .secretBox .importantBox::after{content: "";display: block;position: absolute;bottom: -3em;left: 45%;border-left: 45px solid transparent; border-right: 45px solid transparent;border-top: 35px solid #00a3cd;}
#nvoaKihonSec .secretBox .importantBox p{color: #fff;font-size: 26px;line-height: 1.8;font-weight: bold;text-align: center;}
#nvoaKihonSec .secretBox .importantBox p span{background: #fff;color: #000;padding: 0em 0.5em;margin: 0 0.3em;font-size: 26px;}
#nvoaKihonSec .secretBox .importantBox p span.spNone{background: none;color: #fff;margin: 0;padding: 0;}
#nvoaKihonSec .titleBox{margin-bottom: 6em;}
#nvoaKihonSec .titleBox .txtTop{margin: 0 0 0.5em;font-size: 22px;}
#nvoaKihonSec .titleBox .txtTop span{font-size: 33px;}
#nvoaKihonSec .titleBox .txtCenter{font-size: 50px;border-bottom: 1px solid #000;display: inline;}
#nvoaKihonSec .titleBox .txtBottom{font-size: 50px;margin: 0.4em 0 0;}

#nvoaKihonSec .contentsBoxInner .novaKihonStyle{margin:0 0 -6em 0;position:relative;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle:last-child{margin-bottom:0;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle.bgStyleDiagonal01:before{content:"";display:block;width:120vw;height:35em;position:absolute;top:2em;left:calc(50% - 60vw);background: #d8f4f7;transform:rotate(-5deg);z-index:-1;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle.bgStyleDiagonal02:before{content:"";display:block;width:120vw;height:35em;position:absolute;top:2em;left:calc(50% - 60vw);background: #d8f4f7;transform:rotate(5deg);z-index:-1;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle.bgStyleDiagonalTop:before{top:2em;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle.bgStyleDiagonalBottom:before{top:initial;bottom:-26em;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle.textRight{flex-direction:row-reverse;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle .txtBox{max-width:450px;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle .ttl-h3{font-size:295%;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle .txt{font-size:135%;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle .fontB{display:block;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle .txt + .linkBox{margin-top:1.5em;}

/*--- 新コース登場！202304 ---*/
#secNewCourse{}
#secNewCourse >.sectionInner{padding: 6.5em 0em 1em;position:relative;overflow:hidden;border-bottom: dashed 2px #b1b1b1;border-top:  1px solid #e6e6e6}
#secNewCourse .titleBox{padding: 0 2em;}
#secNewCourse .titleBox .txt02{}
#secNewCourse h2{font-size:243%;/*font-family : 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif;*/font-weight: 500;}
#secNewCourse h2 .bigTtl{font-size: 165%;}
#secNewCourse h2 .colorP{color:#df1442;font-size: 110%;font-weight: 700;}
#secNewCourse .courseBox{padding:0 2em; margin:0 0 3em;}
#secNewCourse dl{text-align:center;}
#secNewCourse dt{font-size:18px;}
#secNewCourse dt span{color:#ed1e79;}
#secNewCourse dd{width:264px; display:inline-block;}
#secNewCourse p{font-size:15px;}
#secNewCourse p a{color:#333;}
#secNewCourse ul li{}

/*----- 大定番のオールインシリーズ！ -----*/
#teibanSec>.sectionInner{position:relative;overflow:hidden;padding: 5em 0 8em;}
#teibanSec .titleBox{padding:0 2em;}
#teibanSec .courseBox{padding:0 2em;margin:0 0 3em;}
#teibanSec dl{text-align:center;}
#teibanSec dt{font-size:18px;}
#teibanSec dt span{color:#ed1e79;}
#teibanSec dd{width:252px;display:inline-block;}
#teibanSec p{font-size:15px;}
#teibanSec p a{color:#333;}

#teibanSec .lineupSec{border-top:  1px solid #e6e6e6;padding-top: 4em;}
#teibanSec .lineupSec .ttl-h2 .txtBottom{font-size: 38px;}
#teibanSec .lineupSec .contentsBox{margin: 1em 0 0;}
#teibanSec .lineupSec p{text-align: center;margin: 0.5em 0;}
#teibanSec .lineupSec p.ttl{font-weight: bold;font-size: 23px;line-height: 1.5;}
#teibanSec .lineupSec .LineupBox_2 p.ttl{font-size: 20px;}
#teibanSec .lineupSec p.ttl span{color:#00a3cd;font-size: 15px; }
#teibanSec .lineupSec p.ttl span{font-size: 13px;}
#teibanSec .lineupSec .LineupBox_2 p.type{font-size: 15px;line-height: 1.2;}



/*----- SNS -----*/
.snsSec{margin: 0 0 0 0;}
.snsSec a{cursor:pointer;}
.snsSec .sectionInner{padding: 2em 0 2em;}
.snsSec .snsShareBox{margin: 0 0 0 -7%;padding: 0 0em 0 0;}
.snsSec .ttl{padding:0;margin:0;}
.snsSec .snsIcoBox{margin:0 .5em;padding:0;}
.snsSec .linkIcoBox{margin:0 0 0 1em;padding:0 0 0 1em;border-left:1px solid #b3b3b3;position: relative;}
.snsSec .linkIcoBox .success-msg{display:none;position: absolute;white-space: nowrap;top: 100%;left: 80%;transform: translate(-50%, 0px);color: #000;}

#snsHeaderSec.snsSec{margin: 0 0 0 auto;}
#snsHeaderSec.snsSec img{max-width:100%;height: auto;width: 3em;}
#snsHeaderSec.snsSec .sectionInner{padding: 0em 0 0em;}
#snsHeaderSec.snsSec .snsShareBox{margin: 0 0 0 0;padding: 0 3em 0 0;}