@charset "utf-8";
#under, h1 ,h2{
  font-size:14px;
  color: #07364e;
  letter-spacing: 0.05em;
}
h1{margin: 0; padding:0;}
h2{display:none; margin: 0; padding:0;}
#under h2{
display: block;
margin-bottom: 4%;
line-height: 1.6;
}
.col-sm-12{padding: 0;}
#under, body{font-family: Arial,Verdana, Calibri, "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";}
#under dl{margin-bottom:0;}
.ns_container{max-width: 100%;}
.ns_container{margin-top: 0;}
.nav.nav-tabs{max-width: 980px; width: 100%; margin: 0 auto;}
.breadcrumb{margin-bottom: 0;}
#under a:hover{text-decoration: none;}

/*------- 共通 ---------*/
.under_wrap{
max-width: 980px;
margin:0 auto;
width: 90%;
}
.under_wrap-inner{
padding: 0 5%;
}
p{
line-height: 1.8;
letter-spacing: 0.05em;
}
.cap{font-size: 0.8em;}
.switch_pc{display: block;}
.switch_sp{display: none;}

/*------- ナビゲーション ---------*/
.navBox{
background-color: #abbfc1;
padding: 0 6%;
margin-bottom: 60px;
}
.navBox_inner{
max-width: 560px;
width:auto;
margin:0 auto;
}
.nav_menu {
font-family: 'Raleway', Arial, sans-serif;
text-align: center;
font-weight: 500;
display: -webkit-flex;
display: flex;
flex-wrap:wrap;
justify-content: space-between;
}
.nav_menu-full{
flex-basis: 100%;
}
.nav_menu li{
flex-basis: 50%;
margin: 0;
font-size: 16px;
font-weight: bold;
}
.nav_menu .active,
.nav_menu a {
width: 100%;
padding: 0.8em 0;
margin: 0;
color: #00394F;
display: inline-block;
text-decoration: none;
}
.nav_menu li a:hover,
.nav_menu .active{
color: #fff;
}
.nav_menu #nav01.active,
.nav_menu #nav01 a:hover{
background-color:#c21c66;
}
.nav_menu #nav02.active,
.nav_menu #nav02 a:hover{
background-color:#962f7f;
}
.navBox.is-fixed{
position: fixed;
top: 0;
left: 0;
z-index: 2;
width: 100%;
background:rgb(184 225 230 / 49%) url(/sites/default/files/contents/campaigns/bigread/images/bg_alpha.png) repeat left top;
}

/*------- メインビジュアル ---------*/
#topArea{
background-image:url("/sites/default/files/contents/campaigns/bigread/2026/images/main_pc.png") ;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
height: min(30.89vw, 450px);
background-color: #cdd8d9;
}

/*------- 予告期間中のみ ---------*/
#under .ttl{
font-size:20px;
text-align: center;
}
#under .txtBox{
text-align: center;
}
#under .infoArea{
text-align: center;
font-size: 16px;
font-weight: 700;
margin-top: 50px;
}

/*820px以下用：タブレット／*/
@media screen and (max-width: 820px) {
  
/*------- 共通 ---------*/
#under, h1, h2{
  font-size:13px;
}
.under_wrap{
width: 95%;
}
.under_wrap-inner{
padding: 0;
}
  
}


/* 480px以下用：landscape用の記述 */
@media screen and (max-width: 480px) {

/*------- 共通 ---------*/  
#under, h1 ,h2{
font-size:13px;
}
#under h2{
display: block;
margin-bottom: 8%;
line-height: 1.6;
}
.switch_pc{display: none;}
.switch_sp{display: block;}


  
#topArea{
background-image:url("/sites/default/files/contents/campaigns/bigread/2026/images/main_sp.png") ;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 30.89vw;
background-color: #B8E1E6;
}
#topArea .bgwrap{height: 50vw;}
.navBox{padding: 0;}
.navBox_inner{
display: block;
padding-top: 0;
white-space: normal;
position: relative;
}
.nav_menu li{
font-size: 13px;
}

/*------- 予告期間中のみ ---------*/
#under .ttl{
font-size:16px;
}
#under .txtBox{
text-align: left;
}
#under .infoArea{
font-size: 13px;
margin-top: 50px;
}

}