@charset "utf-8";
/* ==================================================================
CSS information
style info : INDEX
================================================================== */


/* --------------------------------------------------------
	COMMON
-------------------------------------------------------- */
#contents { background: #0a0b0e; }
.btn_ov a ,
.btn_ov_s a { opacity: 0.8;}
@media screen and (min-width: 641px) {
	.btn_ov a ,
	.btn_ov_s a { opacity: 0.6;}
	.btn_ov a ,
	.btn_ov_s a { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-backface-visibility: hidden; display: block;}
	.btn_ov a:hover { -webkit-transform: scale(1.08); transform: scale(1.08); opacity: 1;}
	.btn_ov_s a:hover { -webkit-transform: scale(1.02); transform: scale(1.02); opacity: 1;}
}





/* --------------------------------------------------------
#externallink
-------------------------------------------------------- */
#externallink { width: 100%; position: relative; padding: calc(30/750*100%) 0;}
#externallink a { display: block; }
#externallink a img { max-width: none!important; width: 100%; }
#externallink .btn_kh3 { width: calc(452/750*100%); margin: 0 auto;}
#externallink .btn_official { width: calc(452/750*100%); margin: calc(20/750*100%) auto 0;}

#externallink { background: #000; border-top: 1px solid #1e1e1e;}

@media screen and (min-width: 641px) {

	#externallink { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; justify-content: center; }
	#externallink .btn_kh3 { max-width: 267px; width: calc(267/840*100%); margin: 0; margin-right: calc(10/840*100%);}
	#externallink .btn_official { max-width: 267px; width: calc(267/840*100%); margin: 0; margin-left: calc(10/840*100%);}

	#externallink .btn_official.btn_ov a ,
	#externallink .btn_kh3.btn_ov a { opacity: 0.8;}
	#externallink .btn_official.btn_ov a:hover ,
	#externallink .btn_kh3.btn_ov a:hover { opacity: 1;}
	
	#externallink { padding: calc(20/840*100%) 0;}
}
@media screen and (min-width: 641px) {
	#externallink { padding: 20px 0;}
}







/* ----------------------------------------------------------------------------------------------------------------
	PAGE WINDOW
---------------------------------------------------------------------------------------------------------------- */


/*
.contents_win { background: rgba(255,0,0,0.1);}
.contents_win .contents_win_inner { background: rgba(255,0,0,0.1);}
*/

.contents_win { width: 100%; margin: 0 auto; padding: calc(60/750*100%) 0;}
.contents_win .contents_win_inner { width: calc(650/750*100%); margin: 0 auto; }
.contents_win img { display: block; }

.camp_imgset_pic {}
.camp_imgset_navi { padding-top: calc(15/642*100%);}
.camp_imgset_navi ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; justify-content: center; }
.camp_imgset_navi li { width: calc(50/642*100%); margin: 0 calc(15/642*100%); position: relative; }
.camp_imgset_navi li .on { position: absolute; top: 0; left: 0; opacity: 0;}
.camp_imgset_navi li .active .on { opacity: 1;}

.contents_win .attentionBlock { }
.contents_win .attentionBlock dt { margin-bottom: 0.5em; font-size: 1.4rem;}
.contents_win .attentionBlock dd { font-size: 1.1rem; line-height: 1.41;}
.contents_win .attentionBlock a { color: #dcad52;}
.contents_win .attention_list li { text-indent: -1em; padding-left: 1em; line-height: 1.41; margin-bottom: 0.4em; font-size: 1.1rem; color: #dcdcdc; }
.contents_win .attention_list li:last-child { margin-bottom: 0;}

.contents_win .btn_episode { width: calc(485/650*100%); margin: calc(60/650*100%) auto 0;}

.btnClose { position: absolute; top: 10px; right: 10px; z-index: 1000; width: 22px; height: 22px; background: url(../_img/campaign2/btn_close.png) center center no-repeat; background-size: cover; }
.btnClose a { display: block; width: 22px; height: 22px; }


@media screen and (min-width: 641px) {
	.contents_win { max-width: 840px; width: 100%; padding: calc(60/840*100%) 0;}
	.contents_win .contents_win_inner { max-width: 818px; width: calc(818/840*100%); }

	.contents_win .btn_episode { width: calc(342/818*100%); margin: calc(60/818*100%) auto 0;}

	.btnClose { top: 20px; right: 20px; width: 44px; height: 44px; }
	.btnClose a { width: 44px; height: 44px; }

	.btnClose:hover { opacity: 0.7;}
}
@media screen and (min-width: 841px) {
	.contents_win { width: 840px; padding: 60px 0; }
	.contents_win .contents_win_inner { width: 818px;}
}




/* leafletCp */
#leafletCp .camp_hl { margin: 0 auto calc(40/650*100%); }
#leafletCp .camp_hl2 { margin: 0 auto calc(40/650*100%); }
#leafletCp .camp_readtext { margin: 0 auto calc(20/650*100%);}
#leafletCp .camp_attention_list { margin: 0 auto calc(50/650*100%);}
#leafletCp .camp_attention_list li { text-indent: -1em; padding-left: 1em; line-height: 1.41; margin-bottom: 0.4em; font-size: 1.1rem; color: #bfab88; }
#leafletCp .camp_attention_list li:last-child { margin-bottom: 0;}

#leafletCp .hr_line { border-color: #5b5b5b; margin-bottom: calc(80/650*100%);}

#leafletCp .block { margin-bottom: calc(80/650*100%); position: relative;}
#leafletCp .block .bl_hl { border-bottom: 1px solid #5b5b5b; padding-bottom: calc(20/650*100%); margin-bottom: calc(20/650*100%);}
#leafletCp .block .bl_text { color: #dcdcdc; line-height: 1.61; font-size: 1.2rem; margin-bottom: calc(20/650*100%); }
#leafletCp .block .bl_spec { margin-bottom: calc(20/650*100%); }
#leafletCp .block .btn { }
#leafletCp .block .btn a { display: block; }
#leafletCp .block .block_inner { padding: calc(40/648*100%); position: relative;}
#leafletCp .block .block_inner .bl_hl { padding-bottom: calc(20/568*100%); margin-bottom: calc(20/568*100%);}
#leafletCp .block .block_inner .bl_text { margin-bottom: calc(20/568*100%); }
#leafletCp .block .block_inner .bl_spec { margin-bottom: calc(20/568*100%); }


#leafletCp .blA {}
#leafletCp .blB {}

#leafletCp .blC {}
#leafletCp .blC .bl_text { margin-bottom: calc(5/650*100%); }
#leafletCp .blC .attention_list { margin-bottom: calc(20/650*100%); }
#leafletCp .blC .bl_shoplist {}
#leafletCp .blC .bl_shoplist li { position: relative; margin-bottom: calc(30/650*100%); }
#leafletCp .blC .bl_shoplist li:last-child { margin-bottom: 0; }
#leafletCp .blC .bl_shoplist li .btn { display: block; position: absolute; bottom: 0; right: 0; width: calc(332/650*100%);}
#leafletCp .blC .bl_shoplist li a { display: block; }

#leafletCp .blD {}
#leafletCp .blD .bl_text { margin-bottom: calc(40/650*100%); }

#leafletCp .blE ,
#leafletCp .blF ,
#leafletCp .blG ,
#leafletCp .blH { border: 1px solid #5b5b5b;}

#leafletCp .blE .block_inner .bl_text { margin-bottom: 0;}
#leafletCp .blE .block_inner .bl_table { width: 100%; margin-bottom: calc(20/568*100%);}
#leafletCp .blE .block_inner .bl_table dl { width: 100%; display: table; margin-bottom: calc(10/568*100%);}
#leafletCp .blE .block_inner .bl_table dl:last-child { margin-bottom: 0;}
#leafletCp .blE .block_inner .bl_table dt, #leafletCp .blE .block_inner .bl_table dd { display: table-cell; font-size: 1.2rem; }
#leafletCp .blE .block_inner .bl_table dt { padding: 5px 2px; vertical-align: middle;}
#leafletCp .blE .block_inner .bl_table dd { padding: 5px 5px; vertical-align: middle;}
#leafletCp .blE .block_inner .bl_table dt { background: #bfab88; color: #000; font-weight: bold; text-align: center; width: 25%; }
#leafletCp .blE .block_inner .bl_table dd { width: 75%; line-height: 1.41; }
#leafletCp .blE .block_inner .btn { margin-top: calc(10/568*100%);}
#leafletCp .blE .block_inner .btn a { opacity: 1;}

#leafletCp .blF .block_inner .bl_pic { margin-bottom: calc(30/568*100%);}

#leafletCp .blG .block_inner .bl_spec { margin-bottom: calc(30/568*100%);}
#leafletCp .blG .block_inner .bl_pic { margin-bottom: calc(30/568*100%);}

#leafletCp .blH .block_inner .bl_spec { margin-bottom: calc(30/568*100%);}

#leafletCp .blH .camp_imgset { width: 100%; margin: 0 auto calc(30/568*100%);}
#leafletCp .blH .camp_imgset .bx-wrapper { margin-bottom: 0; }
#leafletCp #camp1Img {}
#leafletCp #camp1ImgNavi {}

@media screen and (max-width: 640px) {
#leafletCp .blG .block_inner .bl_text br { display: none;}
#leafletCp .attentionBlock li br { display: none;}
}
@media screen and (min-width: 641px) {
	#leafletCp .camp_hl { margin: 0 auto calc(20/818*100%); }
	#leafletCp .camp_hl2 { margin: 0 auto calc(40/818*100%); }
	#leafletCp .camp_readtext { margin: 0 auto calc(15/650*100%);}
	#leafletCp .camp_attention_list { margin: 0 auto calc(50/818*100%); text-align: center;}
	#leafletCp .camp_attention_list li { font-size: 1.2rem; }

	#leafletCp .hr_line { border-color: #5b5b5b; margin-top: calc(100/818*100%); margin-bottom: calc(100/818*100%);}

	#leafletCp .block { margin-bottom: calc(50/818*100%); }
	#leafletCp .block:last-child { margin-bottom: 0; }
	#leafletCp .block .bl_hl { padding-bottom: calc(20/818*100%); margin-bottom: calc(20/818*100%);}
	#leafletCp .block .bl_text { margin-bottom: calc(20/818*100%); font-size: 1.3rem; }
	#leafletCp .block .bl_spec { margin-bottom: calc(20/818*100%); }
	#leafletCp .block .btn { position: relative;}
	#leafletCp .block .block_inner { padding: calc(15/816*100%) calc(25/816*100%); position: relative;}
	#leafletCp .block .block_inner .bl_hl { padding-bottom: calc(20/766*100%); margin-bottom: calc(20/766*100%);}
	#leafletCp .block .block_inner .bl_text { margin-bottom: calc(20/766*100%); }
	#leafletCp .block .block_inner .bl_spec { margin-bottom: calc(20/766*100%); }

	
	#leafletCp .blA {}
	#leafletCp .blA .btn { width: calc(387/818*100%);}
	
	#leafletCp .blB {}

	#leafletCp .blC {}
	#leafletCp .blC .bl_text { margin-bottom: calc(5/818*100%); }
	#leafletCp .blC .attention_list { margin-bottom: calc(20/818*100%); }
	#leafletCp .blC .bl_shoplist {}
	#leafletCp .blC .bl_shoplist { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: calc(30/818*100%); }
	#leafletCp .blC .bl_shoplist li { position: relative; margin-bottom: 0; width: calc(252/818*100%); }
	#leafletCp .blC .bl_shoplist li:last-child { margin-bottom: 0; }
	#leafletCp .blC .bl_shoplist li .btn { position:relative; bottom: 0; right: 0; width: 100%;}
	#leafletCp .blC .bl_shoplist li a { display: block; }


	#leafletCp .blD {}
	#leafletCp .blD .bl_text { margin-bottom: calc(40/818*100%); }

	#leafletCp .blE .block_inner .bl_hl ,
	#leafletCp .blF .block_inner .bl_hl ,
	#leafletCp .blG .block_inner .bl_hl ,
	#leafletCp .blH .block_inner .bl_hl { border-bottom: none; padding-bottom: 0;}

	#leafletCp .blE .block_inner .bl_text { margin-bottom: calc(10/766*100%); }
	#leafletCp .blE .block_inner .bl_table { margin-bottom: calc(10/766*100%);}
	#leafletCp .blE .block_inner .bl_table dl { margin-bottom: calc(5/766*100%);}
	#leafletCp .blE .block_inner .bl_table dl:last-child { margin-bottom: 0;}
	#leafletCp .blE .block_inner .bl_table dt, #leafletCp .blE .block_inner .bl_table dd { font-size: 1.3rem; }
	#leafletCp .blE .block_inner .bl_table dt ,
	#leafletCp .blE .block_inner .bl_table dd { padding: 10px; line-height: 1.41; }
	#leafletCp .blE .block_inner .bl_table dt br ,
	#leafletCp .blE .block_inner .bl_table dd br { display: none; }
	#leafletCp .blE .block_inner .bl_table dt { width: 20%; }
	#leafletCp .blE .block_inner .bl_table dd { width: 80%; }
	#leafletCp .blE .block_inner .btn { margin-top: calc(10/766*100%); width: calc(297/766*100%);}
	
	#leafletCp .blF .block_inner .bl_hl { position: relative; z-index: 10;}
	#leafletCp .blF .block_inner .bl_pic { margin-bottom: 0; width: calc(280/766*100%); position: absolute; top: 0; right: 0; margin-top: calc(15/816*100%);}
	#leafletCp .blF .block_inner .btn { width: calc(297/766*100%);}

	#leafletCp .blG .block_inner .bl_spec { margin-bottom: calc(30/766*100%);}
	#leafletCp .blG .block_inner .bl_pic { margin-bottom: calc(30/766*100%);}
	#leafletCp .blG .block_inner .btn { width: calc(317/766*100%);}

	#leafletCp .blH .block_inner .bl_spec { margin-bottom: calc(80/766*100%);}
	#leafletCp .blH .camp_imgset { width: calc(376/816*100%); margin: 0; margin-top: calc(15/816*100%); position: absolute; top: 0; right: calc(25/816*100%); }
	#leafletCp .blH .camp_imgset .bx-wrapper { margin-bottom: 0; }
	#leafletCp #camp1Img {}
	#leafletCp #camp1ImgNavi {}	

}




/* Twitter Camp */
#twitterCamp .twcamp_hl { width: calc(639/650*100%); margin: 0 auto calc(50/650*100%); }
#twitterCamp .twcamp_readtext { width: calc(639/650*100%); margin: 0 auto calc(45/650*100%);}
#twitterCamp .twcamp_pic { width: calc(639/650*100%); margin: 0 auto calc(30/650*100%);}
#twitterCamp .twcamp_date { width: calc(639/650*100%); margin: 0 auto calc(30/650*100%);}
#twitterCamp .step_list { width: calc(639/650*100%); margin: 0 auto calc(40/650*100%);}
#twitterCamp .step_list li { position: relative; }
#twitterCamp .step_list li a { display: block; position: absolute; }
#twitterCamp .step_list li a .ov { position: absolute; top: 0; left: 0; column-rule-style: 0; opacity: 1;  }

#twitterCamp .step_list li.step1 { margin-bottom: calc(35/639*100%); }
#twitterCamp .step_list li.step1 a.twbtn { width: calc(480/639*100%); bottom: 0; margin-bottom: calc(30/639*100%); left: calc(79.5/639*100%); }

#twitterCamp .step_list li.step2::before { content: ""; display: block; width: 100%; height: auto; padding-top: calc(31/542*100%); position: absolute; top: 0; left: 0; margin-top: calc(-17/542*100%);
	background: url(../_img/campaign/under.png) center center no-repeat; background-size: contain;}
#twitterCamp .step_list li.step2 a.twbtn { width: calc(292/639*100%); bottom: 0; margin-bottom: calc(42/639*100%); left: calc(173.5/639*100%); }

#twitterCamp .attentionBlock { margin-bottom: 1.5em;}

@media screen and (min-width: 641px) {
	#twitterCamp .twcamp_hl { width: 100%; margin-bottom: calc(15/818*100%);}
	#twitterCamp .twcamp_readtext { width: 100%; margin-bottom: calc(55/818*100%);}
	#twitterCamp .twcamp_pic { width: 100%; margin: 0 auto calc(30/818*100%);}
	#twitterCamp .twcamp_date { margin: 0 auto calc(30/818*100%); width: calc(608/818*100%);}
	#twitterCamp .step_list { margin: 0 auto calc(40/818*100%); width: 100%;}
	#twitterCamp .step_list li.step1 { margin-bottom: calc(30/818*100%); }
	#twitterCamp .step_list li.step1 a.twbtn { width: calc(214/818*100%); margin-bottom: calc(12/818*100%); left: calc(573/818*100%); }

	#twitterCamp .step_list li.step2::before { padding-top: calc(31/818*100%); position: absolute; top: 0; left: 0; margin-top: calc(-9/818*100%); }
	#twitterCamp .step_list li.step2 a.twbtn { width: calc(214/818*100%); margin-bottom: calc(12/818*100%); left: calc(573/818*100%); }

	#twitterCamp .attentionBlock { margin-bottom: 1.5em;}

	#twitterCamp .twbtn { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-backface-visibility: hidden; display: block;}
	#twitterCamp .twbtn:hover { -webkit-transform: scale(1.06); transform: scale(1.06); opacity: 1;}

}




/* EVENT BOARD */
#eventBoard .camp_hl { width: calc(639/650*100%); margin: 0 auto calc(0/650*100%); }
#eventBoard .camp_readtext { width: calc(642/650*100%); margin: 0 auto calc(50/650*100%);}
#eventBoard .camp_imgset { width: calc(650/650*100%); margin: 0 auto calc(35/650*100%);}
#eventBoard .camp_imgset .bx-wrapper { margin-bottom: 0; }

#eventBoard #camp1Img {}
#eventBoard #camp1ImgNavi {}

#eventBoard .camp_spec { width: calc(650/650*100%); margin: 0 auto calc(50/650*100%);}

#eventBoard .btn_leafletcp { width: calc(568/650*100%); margin: calc(40/650*100%) auto calc(0/650*100%);}


@media screen and (min-width: 641px) {
	#eventBoard .camp_hl { margin-bottom: calc(20/818*100%);}
	#eventBoard .camp_readtext { margin-bottom: calc(40/818*100%);}

	#eventBoard .column_block { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: calc(30/818*100%); }

	#eventBoard .camp_imgset { width: calc(376/818*100%); margin: 0 0 calc(10/818*100%);}
	#eventBoard #camp1ImgNavi.camp_imgset_navi ul { -webkit-justify-content: flex-end; justify-content: flex-end; }
	
	#eventBoard .camp_spec { width: calc(392/818*100%); margin: 0; text-align: right;}

	#eventBoard .btn_leafletcp { width: calc(317/818*100%); margin: calc(40/818*100%) auto calc(0/818*100%);}

}