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

/* ========= common ========= */
#wrap_page,header,
header #inner_header,footer{max-width: 960px !important;}

.appeal {
	font-family: '小塚ゴシック Pro', sans-serif !important;
	font-size: 28px;
	line-height: 1.477;
	color: #333;
	position:relative;
}

body img {
	max-width: 100%;
}

a {
	text-decoration: none;
	color: #333;
}
img,a{display:block;}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

.em1pl1{
	text-indent: -1em;
	padding-left: 1em;
}
.em1pl2{
	text-indent: -1em !important;
	padding-left: 2em !important;
}
.noindent{
	text-indent: 0 !important;
	padding-left: 0 !important;
}

.pb60{padding-bottom:6.819% !important;}

.fwB{font-weight: bold;}

.dlBtnArea{padding:6.25vw 0;}
.dlBtnArea a{max-width:100%; margin:auto;}

.disN{display:none;}

.contentArea{
	max-width: 880px; width:92%;
 margin:auto;
}

/* --------- common end --------- */
/* ========= kvArea start ========= */

.cpCloseAlertWrp2 {
	width: 100%;
	display: table;
}
.cpCloseAlert2 {
	color: #C70014;
	font-size: 25px;
	font-weight: bold;
	margin: 4.598% 3.678% 3.768%;
	padding: 10px;
	border: solid 2px #C70014;
	text-align: center;
}

/* --------- kvArea end --------- */
/* ========= mainArea start ========= */

.commonBtn{
	max-width: 85.416%; margin:auto;
}
/* .commonBtn a{
	width: 43.5%;
	padding:5.122% 28.253%;
	background:url(../img/white_arrow.png) no-repeat 94% center, #CC0033;
	background-size: 3% 32%, auto;
	border-radius: 60px;
} */
.commonBtn a{cursor: unset;}
.commonBtn a img{margin: auto;}

/* --------- mainArea end --------- */
/* ========= section01 start ========= */

.s01{padding:6.4795% 0 5.209%;}

.s01BtnArea .commonBtn{	padding:4.168% 0 3.125%;}
.s01MainTxt {padding-top: 2.084%;}
p.entryNotice,
.s01MainTxt {
	text-align: center;
	font-size:26px;
}
.entryNotice a{
	display: inline-block;
	color:#D80101;
	text-decoration: underline;
}

.s01MainList{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom:3.41%;
}
.s01MainList > li{
	max-width: 48.41%; width: 100%;
	border:2px solid #AB821B;
}
.s01MainList li h2{
	padding:3.054% 0 2.35%;
	background-color: #AB821B;
}
.s01MainList li h2 span{
	display: block;
	max-width: 26.294%; margin:auto;
}
.s01_cont01 .s01cont_txt01{
	width:61.74%; margin:auto;
	padding:4.695% 0 2.82%;
}
.s01_cont02 .s01cont_txt01{
	width:69.485%; margin:auto;
	padding:4.695% 0 2.82%;
}
.s01cont_txt02{
	width: 89.205%; margin:auto;
}
.s01cont_txt02 p{
	/* padding:3.685% 0 3.16%; */
	color:#191103;
	font-family: 'メイリオ',sans-serif;
	font-size: 24px;
	text-align: center;
	line-height: 1.75;
}
.s01cont_txt03 a{font-family: 'メイリオ',sans-serif;}

.s01_cont03{
	max-width: 100% !important;
	margin-top:3.41%;
}
.s01_cont03 h2 span{max-width: 41.325% !important;}
.s01MainImg{
	max-width: 93.608%; margin:auto;
	padding:2.284% 0;
}
.s01_performer_list{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}
.s01_performer_list li{
	cursor: pointer;
	max-width: 50%;
}

.s01cont_txt03{
	padding: 1.175% 0 3.756%;
	text-align: center;
	line-height: 1.67;
	text-decoration: underline;
}
.s01cont_txt03 a{
	color:#D80101;
	font-size: 30px;
	font-weight: bold;
}
/* ========= popup ========= */

.backon{
	width: 100%; height: 100%;
	position: fixed;
	left: 0; top: 0;
	z-index: 999;
	overflow: hidden;
	background-color: rgba(0,0,0,.4);
}
.popupArea {
	display: none;
	width: 880px;
	position: fixed;
	left:50%; top:50%;
	transform: translate(-50%,-50%);
	z-index: 1000;
	background-color: #fff;
}
#performerImg{width: 100%;}
.closeBtn {
	width: 3.964%;
	height: 7.145%;
	display: inline-block;
	cursor: pointer;
	position: absolute;
	right:-.4%;
	top: -8%;
}
.closeBtn:before, .closeBtn:after {
	content:' ';
	position: absolute;
	left: 45%;
	height: 100%;
	width: 11.45%;
	background-color: #fff;
}
	.closeBtn:before {transform: rotate(45deg);}
	.closeBtn:after {transform: rotate(-45deg);}
 .hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}



/* --------- section01 end --------- */
/* ========= section02 start ========= */

.s02{
	padding:7.876% 0 5.209%;
	background-color: #EFE8C9;
}

.s02 h2{
	max-width: 43.022%; margin:auto;
}


.s02CommonBox{
	border:2px solid #AB821B;
	background-color: #fff;
}
.s02_commonTitle{background-color: #AB821B;}

.s02_cont01 h3 span,
.s02_cont02 h3 span{
	display: block;
	max-width: 12.786%; margin:auto;
	padding:1.76% 0 1.24%;
}

.s02_cont_wrap{
	width: 93.608%; margin:auto;
}

.s02_cont02{
	margin-top:5.209%;
}

.s02_cont01_01,
.s02_cont02_03_img{
	max-width: 93.66%;
	margin:auto;
}

.s02_cont01_02{
	padding-bottom:7.318%;
}
.s02_cont01_02 h4{
	max-width:59.025%; margin:auto;
	padding:3.72% 0 4.148%;
}
.s02_imgTitle {
	padding-bottom: 4.148%;
}
.s02_cont01_mainTxt{
	line-height: 2;
	padding-top:1.83%
}
.s02_cont01_subTxt{
	padding-top:1.83%;
	font-size: 24px;
}

.s02_btnArea{
	border:4px solid #CC0033;
	background:url(../img/red_arrow.png) no-repeat 94% center ,#fff;
	background-size: 4% 14%, auto;
}
.s02_btnArea a{
	max-width: 63.918%; margin:auto;
	padding:4.62% 18%;
}
.s02_cont01_notice{
	padding-top:3.72%;
}
.s02_cont01_notice li{
	font-size: 24px;
	line-height: 1.75;
}

.s02_cont01 {margin-top:5.834%;}
.s02_cont01 .s02_cont_wrap{
	padding:5.708% 0 6.85%;
}

.s02_cont02 .s02_cont_wrap{
	padding:6.85% 0 5.708%;
}

.s02_cont02_01{padding-bottom:3.66%;}
.s02_cont02_01 h4{
	max-width: 89.148%; margin:auto;
}

.s02_txtImgArea{
	max-width: 95%; margin:auto;
	padding-bottom: 6.708%;
}
.s02_cont02 .s02_imgArea{max-width: 50.61%; margin:auto;}

.s02_cont02_02{
	padding-bottom:2.44%;
}
.s02_cont02_03{
	padding-bottom:6.098%;
}
.s02_cont02_03 p{
	font-size: 24px;
	padding-top:1.83%;
}

.s02_cont02_04 h4{
	max-width: 78.904%; margin:auto;
	padding-bottom: 6.098%;
}


.snsArea{
	margin:auto;
	text-align: center;
}
.common_icon{
	display: inline-block;
	max-width: 17.075%; margin:auto;
	padding-right: 10.977%;
}
.common_icon:last-child{padding-right: 0;}

/* --------- section02 end --------- */
/* ========= section03 start ========= */

.s03{padding:6.25% 0;}

.s03BtnArea .entryNotice{
	max-width: 59.48%; margin:auto;
	padding:1.25% 0 4.168%;
}

.s03BtnArea{
	padding-bottom:8.334%;
}
.s03_mainArea{
	padding: 6.819% 0;
	border:2px solid #191103;
	background-color: #fff;
}
.s03_MAcont{
	max-width: 93.608%; margin:auto;
}

.s03_MAcont h2{
	max-width:30.366%; margin:auto;
	padding-bottom: 6.098%;
}

.s03_conditionArea_notice{
	padding-bottom: 3.66%;
	font-size: 24px;
}

.condition_list{
	position: relative;
}

.condition_list li{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin:2.44% 0;
	padding-bottom:2.44%;
	border-bottom:2px solid #CCCCCC;
}
.condition_list li:last-child{border-bottom: none;}

.condition_arrow{
	display: block !important;
	border-bottom: none !important;
	max-width: 20%;
	position: absolute;
	right: 1.8%; top:-5.2%;
}

.list_commonNum{
	max-width: 50px;
	padding:0 1.83%;
	margin-right: 2.44%;
	color:#F7D06E;
	background-color: #191103;
}
.list_commonNum p{
	font-size: 34px;
	font-weight: bold;
}

.list_content{max-width: 68.294%;}
.list_content p{
	line-height:1.7;
}
.list_content p a{
	display: inline-block;
	color:#D80101;
	text-decoration: underline;
	padding-left: 1em;
}
.list_content p span.fwB{text-decoration: underline;}
.list_content p.em1pl1{
	padding-top:2.68%;
	font-size: 24px;
}

.condition_notice01,.condition_notice02{
	padding:1.22% 0 7.318%;
	font-size: 30px;
}
.condition_notice h3{
	font-weight: bold;
	text-decoration: underline;
}

.condition_notice p{
	font-weight: bold;
	line-height: 1.7;
}
.non-user_notice a{
	display: inline-block;
	text-decoration: underline;
	color:#D80101;
}

.s03_notice_list{
	padding:2.44% 0 7.318%;
	font-size: 24px;
	line-height: 2;
}

.MNareaBtn{cursor: pointer;}

.MNareaFlame{
	display: none;
	border:4px solid #CC0033;
	border-top:0;
}

.MNotice_area{
	max-width: 95%; margin:auto;
	padding:3.66% 0;
	font-size: 24px;
	line-height: 1.5;
}

.MN_notice{
	padding-top:2.44%;
	font-size: 24px;
}

.MNotice_area li{
	text-indent: -1em;
	padding-left: 1em;
}
.MN_list_title{margin-top:2.594%;}
.mb20{margin-bottom:2.594%;}
.mtb20{margin:2.594% 0;}

/* --------- section03 end --------- */
/* ========= section04 start ========= */

.s04{
	padding:7.814% 0 5.209%;
	background-color: #AB821B;
}

.s04 h2{
	max-width:73.959%; margin:auto;
	padding-bottom:5.209%;
}

.s04_cont02 h3{
	max-width: 32.5%; margin:auto;
	padding:6.819% 0 5.682%;
}
.s04_cont02 p.em1pl1{
	padding-top: 3.41%;
	color: #fff;
	font-size: 24px;
}
.s04_cont03 h3{
	max-width: 20.228%; margin:auto;
	padding:6.819% 0 5.682%;
}

.s04_cont01 p{margin-top:2.274%;}
.s04_cont01 p,
.tiem_list li{
	color:#fff;
	font-size: 28px;
	line-height: 2;
}
.performer_list{padding-bottom:5.682%}
.slick-arrow{display: none !important;}
.slick-dots::before{display: none;}
.slick-dots{
	width: 25%;
	margin:auto;
	padding-top:1.5%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.slick-dots button{
	cursor: pointer;
	width: 1.042vw; height: 1.042vw;
	border-radius: 50%;
	border: 2px solid #E1D8B3;
	background-color: #E1D8B3;
	font-size: 0;
}
.slick-active button{
	border: 2px solid #fff;
	background-color: #fff;
}


.tabBtn {
	display: flex;
	align-items: center;
}
.tabBtn li{
	cursor: pointer;
	width: 50%;
	padding: 2.4% 0;
	background: url(../img/close_tab.png) no-repeat center;
	background-size: cover;
	text-align: center;
	color:#AB821B;
	font-size: 32px;
	font-weight: bold;
}
.tabBtn li.open{
	color: #5D4900;
	background: url(../img/open_tab.png) no-repeat center;
	background-size: cover;
}

.tabArea{display: none;}
.tabArea.openTab{display: block !important;}

.tabArea{
	background-color: #fff;
	padding:6.819% 0;
}
.Tabwarp{max-width: 93.183%; margin:auto;}

.performance_timeline li{line-height: 2.07;}
.performance_timeline h3{
	color:#191103;
	font-weight: bold;
	font-size: 32px;
	padding-bottom:1.83%;
}
.performer_notice{padding-top:7.318%;}
.performer_notice h4{
	font-weight: bold;
	text-decoration: underline;
}
h4.noline{text-decoration: none;}

.performance_timeline li{
	border-bottom:2px solid #ccc;
	padding-bottom:4.879%;
	margin-bottom:6.098%;
}
.performance_timeline li:last-child{
	margin-bottom:3.66%;
}
.performance_timeline li:last-child .performer_notice{padding:0;}
.s04Tab_notice{
	font-size: 24px;
	padding-bottom:7.318%;
}

.s04BtnArea{
	border: 4px solid #CC0033;
	background: url(../img/link_icon.png) no-repeat 94% center ,#fff;
	background-size: 5% 36%, auto;
}
.s04BtnArea a{
	max-width: 54.68%; margin:auto;
	padding:4.68% 22.6%;
}

/* --------- section04 end --------- */
/* ========= section05 start ========= */

.s05{padding:6.25% 0;}

.bannerArea li a{max-width:93.183%; margin:auto;}
.bannerArea li{padding-bottom:5.683%;}

.s05_cont01{
	line-height: 2.07;
}
.s05_cont01 h3{
	font-size: 30px;
	font-weight: bold;
	padding-bottom:1.705%;
}
.s05_cont01 p{padding-bottom: 1.705%;}
.s05_cont01 ul{
	padding-bottom: 3.41%;
	font-size: 24px;
}

.s05_cont02 li{margin-bottom:2.274%;}
.s05_cont02 h4{
	font-size: 30px;
	font-weight: bold;
	padding-bottom:1.705%;
}

/* --------- section05 end --------- */
/* 追従ボタン */
.floatPcBnr{
	height: 357px;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	display: block;
	z-index: 2;
	opacity: 1;
	transition: .5s;
}
a.floatPcLink{width:121px;}
.invisibleTxt{display:none;}
.floatSpBnr{display: none;}

/* select */
.performer_notice_s{
	padding-top:7.318%;
	padding-bottom: 7.318%;
}

.performer_notice_s h4{
	font-weight: bold;
	text-decoration: underline;
}

.s04.s04_s{
	padding: 0 0 5.209%;
}

.s04Tab_notice_s{
	font-size: 24px;
}

.s04BtnArea img{
	margin-left: -5px;
}

.s04_2{
	margin-bottom: 20px;
}
.s04_2 h2{
	margin-bottom: 30px;
}
.s04_2_cont01 p{
	margin-bottom: 15px;
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	line-height: 1.6;
}
.s04_2_cont02 p{
	font-size: 28px;
	color: #cc0033;
	line-height: 2;
}
.s04_2_cont02 p:last-child{
	color: #000;
}
.s04_2_cont02 p a{
	display: inline;
	text-decoration: underline;
	color: #cc0033;
}

@media (max-width: 960px) { /* sp start */
/* 40px */
.s04_2_cont01 p{font-size: 4.166667vw}
/* 28px */
.appeal,
.s04_cont01 p,
.s04_2_cont02 p,
.tiem_list li{font-size: 2.916666vw !important;}
/* 24px */
.s01cont_txt02 p,
.s02_cont01_subTxt,
.s02_cont02_03 p,
.s02_cont01_notice li,
.s03_conditionArea_notice,
.list_content p.em1pl1,
.s04_cont02 p.em1pl1,
.s03_notice_list,
.MN_notice,
.MNotice_area,
.s04Tab_notice,
.s04Tab_notice_s,
.s05_cont01 ul{font-size: 2.5vw;}
/* 26px */
p.entryNotice,
.s01MainTxt{font-size: 2.70833vw;}
/* 27px */
.cpCloseAlert2{font-size: 2.8125vw;}
/* 30px */
.s01cont_txt03 a,
.condition_notice,
.s05_cont01 h3,
.s05_cont02 h4{font-size: 3.125vw;}

/* 32px */
.tabBtn li,
.performance_timeline h3{font-size: 3.33333vw;}

/* 34px */
.list_commonNum p{font-size: 3.54167vw;}


.s02_btnArea,
.MNareaFlame,
.s04BtnArea{border:0.418vw solid #CC0033;}
.MNareaFlame{	border-top:0;}

/* 追従ボタン */

.floatSpBnr .commonBtn{display: block;}
.floatSpBnr.fixBtn{
	width: 100%;
	height: 18vw;
	margin: auto;
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	display: block;
	text-align: center;
	z-index: 5;
	background-color: rgba(255,255,255,.8);
	padding: 5.5vw 4vw 4vw;
	box-sizing: border-box;
}
.floatSpBnr.fixBtn .commonBtn.fixBtn{
	width:100%;
	z-index: 50;
	padding:0;
	margin: auto 0 3vw;
	position: fixed;
	bottom:0; left:50%;
	transform: translate(-50%,0);
}

.floatPcBnr{display: none;}

#load_lower footer{padding-bottom:20vw !important;}

/* ========= popup ========= */

.popupArea{width: 92%;}
}