@charset "utf-8";

@media screen and (min-width: 768px) {
	#countdown-unit { position: absolute; margin: 0 auto; top: 18.4vw; left: 13.9vw; width: 7.288vw;}
	#countdown-unit li { position: relative; float: left; width: 3.644067796vw; height: 5.58vw; overflow: hidden; }
	#countdown-unit li img { position: absolute; top: 0; left: 0; }
	
	#contents .main { text-align: center; }
	#contents .main { background: url(../images/index/main_bg.png) center top no-repeat; background-size: 100% auto }
	#contents .main img { width: 100%; height: auto; }

	.sectionWrap .section { width: 470px; background: url(../images/common/bg_section_pc_half.png) left bottom no-repeat; background-size: cover; }
	.sectionWrap .odd { float: left; } 
	.sectionWrap .even { float: right; }

	.sectionInner .image { margin-bottom: 10px; }
	.sectionInner .image img { width: 100%; }
	
	.btnIndex { margin: 10px auto 0 auto; width: 410px; }
	.movieList { margin: 0; }
	.movieList li { width: 410px; }
	.youtube { position: relative; margin-bottom: 10px; padding-top: 56.25%; height: 0; overflow: hidden; border: 4px solid #c5c5c5;  box-sizing: border-box; }
	.youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	/*.pageIndex .topNews { margin-bottom: 10px; padding-bottom: 5px; font-size: 2.0rem; color: #0a51af; font-weight: bold; border-bottom: 1px solid #0a51af; }*/
    .pageIndex .topNews { margin-bottom: 30px; }
	.pageIndex .topNews:last-child { margin-bottom: 0; }
	.pageIndex .topNewsTitle { margin-bottom: 15px; padding: 10px 10px 8px 10px; text-align: left; font-size: 1.8rem; font-weight: bold; background: #0a51af; color: #fff;}
    .pageIndex .newsIndex { padding: 10px 10px 0 0; height: 370px; overflow: auto; }

	.pageIndex .hide { display: none; }
	.pageIndex .btnShop,
	.pageIndex .btnEvent { margin: -15px 0 25px; }
	.pageIndex .btnShop img,
	.pageIndex .btnEvent img { width: 470px; height: 129px; }
    .bannerHihou { margin-top: -20px; margin-bottom: 20px; width: 980px; }
    
    .pageIndex .batHun { position: relative; }
    .pageIndex .batHun .chara01 { position: absolute; top: -50px; left: -50px; z-index: 1000; }
    .pageIndex .batHun .chara01 img { width: 330px; }
    .pageIndex .batHun .chara02 { position: absolute; top: -60px; right: -50px; z-index: 1000; }
    .pageIndex .batHun .chara02 img { width: 330px; }
    .pageIndex .batHun dl { display: table; width: 920px; }
    .pageIndex .batHun dt { display: table-cell; width: 520px; vertical-align: top; }
    .pageIndex .batHun dd { display: table-cell; padding-left: 20px; width: 400px; vertical-align: top; box-sizing: border-box; }
    .pageIndex .batHun dd h3 { margin-bottom: 20px; width: 340px; }
    .pageIndex .batHun dd .start { margin-top: 20px; padding: 5px; border: 2px solid #d30000; text-align: center; color: #d30000; font-weight: bold; box-sizing: border-box; }

    .pageIndex .bannerDouble { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 30px; }
    .pageIndex .bannerDouble li { width: 49% }
    
    .pageIndex .topText { margin: -60px auto 50px auto; width: 780px; text-align: center; }
}

@media screen and (max-width: 767px) {
	#contents { position: relative; }
	#countdown-unit { position: absolute; margin: 0 auto; top: 27.2vw; left: 8.8vw; width: 11.46666666666vw; }
	#countdown-unit li { position: relative; float: left; width: 5.73333333333vw; height: 8.8vw; overflow: hidden; }
	#countdown-unit li img { position: absolute; top: 0; left: 0; }

	#contents .main { margin-bottom: 10px; text-align: center; }
	#contents .main img { width: 100%; height: auto; }

	.sectionInner .detailNml { }
	.sectionInner .image { margin-bottom: 10px; }
	.btnEvent { margin: 25px auto 0 auto;  }	
	.movieList li { margin-bottom: 20px; }
	.youtube { margin-top: 2vw; margin-bottom: 10px; position: relative; padding-top: 56.25%; height: 0; overflow: hidden; border: 4px solid #c5c5c5;  box-sizing: border-box; }
	.youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .pageIndex .topNews { margin-bottom: 30px; }
	.pageIndex .topNews:last-child { margin-bottom: 0; }	
	.pageIndex .topNewsTitle { margin-bottom: 10px; padding: 10px; font-size: 4.8vw; font-weight: bold; background: #0a51af; color: #fff; }
    .pageIndex .newsIndex { padding: 10px 10px 0 0; height: 100vw; overflow: auto; }
	.pageIndex .hide { display: none; }
	.pageIndex .btnShop,
	.pageIndex .btnEvent { margin: -15px 4vw 15px 4vw;  }
    .bannerHihou { margin: -5vw 4vw 2.3333333vw 4vw; }
    
    
    
    .pageIndex .batHun { position: relative; }
    .pageIndex .batHun .chara01 { position: absolute; top: -2vw; left: -4.0vw; z-index: 1000; }
    .pageIndex .batHun .chara01 img { width: 30vw }
    .pageIndex .batHun .chara02 { position: absolute; top: -2vw; right: -4.0vw; z-index: 1000; }
    .pageIndex .batHun .chara02 img { width: 32vw }
    .pageIndex .batHun dl {  }
    .pageIndex .batHun dt { }
    .pageIndex .batHun dd { }
    .pageIndex .batHun dd h3 { padding: 5px 5vw 15px 5vw;  }
    .pageIndex .batHun dd .start { margin-top: 10px; padding: 5px 0; border: 2px solid #d30000; text-align: center; color: #d30000; font-weight: bold; box-sizing: border-box; }
    
    .pageIndex .bannerDouble { margin: -2vw 4vw 2.3333333vw 4vw; }
    .pageIndex .bannerDouble li {  }
    .pageIndex .topText { margin: -8.2vw 2vw 4vw 2vw; text-align: center; }
}

@media screen and (max-width:320px) {
	#countdown-unit { top: 27vw; }
}


@media screen and (min-width: 768px) {
	#bg { position: fixed; right: 0; bottom: 0; z-index: 9999; width: auto; min-width: 100%; height: auto; min-height: 100%; background: #000; opacity: 0.8; }
	#first { position: fixed; top: 50%; left: 50%; z-index: 9999; width: 900px; height: 500px; margin: -250px 0 0 -450px; text-align: center; box-sizing: border-box; }
	#first a {  display: block; position: absolute; top: -20px; right: -20px; width: 35px; height: 35px; background: url(../images/common/btn_close.png) no-repeat; background-size: 35px 35px; z-index: 2; cursor: pointer; text-indent: -9999px; }
}
@media screen and (max-width: 767px) {
	#bg { position: fixed; right: 0; bottom: 0; z-index: 9999; width: auto; min-width: 100%; height: auto; min-height: 100%; background: #000; opacity: 0.8; }
	#first { position: fixed; top: 0; left: 0; margin: 5% 2%; z-index: 9999; width: 96%; text-align: center; box-sizing: border-box; }
	#first a { display: block; position: absolute; top: 0; right: -10px; width: 35px; height: 35px; background: url(../images/common/btn_close.png) no-repeat; background-size: 35px 35px; z-index: 2; cursor: pointer; text-indent: -9999px; }
}


/*
---------------------------------------------------*/
@media screen and (min-width: 768px) {
	.pageIndex .newsList a { text-decoration: none; }
	.pageIndex .newsList li { width: 450px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #0a51af; }
	.pageIndex .newsList li.odd { float: left; margin-right: 10px; }
	.pageIndex .newsList li.even { float: right; margin-left: 10px; }
	/*.pageIndex .newsList li.enquate { border: none;}*/
	.pageIndex .newsList li.enquate img { width:100%; }
	.pageIndex .newsList li.full { width: 100%; margin-top: -5px; margin-bottom: 20px; padding-bottom: 0; border: none;}
	.pageIndex .newsList li.banner { padding-bottom: 0; }
	.pageIndex .newsList li.multi a:first-child { display: block; margin-top: 10px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #0a51af; }
	.pageIndex .newsList .detailTbl { display: table; }
	.pageIndex .newsList .detailTbl .image { display: table-cell; width: 130px; padding-right: 10px; box-sizing: border-box; vertical-align: top; box-sizing: border-box; }
	.pageIndex .newsList .detailTbl .text  { display: table-cell; width: 310px; vertical-align: middle; }
	.pageIndex .newsList .detailTbl .date { display: block; color: #0a51af; font-weight: bold; font-size: 1.8rem; text-decoration: none; }
	.pageIndex .newsList .detailTbl .date .new { padding-left: 5px; color: #ef0000; }
	/*.pageIndex .newsList li:nth-child(9) { margin-bottom: 5px; }
	.pageIndex .newsList li:nth-child(10) { margin-bottom: 5px; }*/
}
@media screen and (max-width: 767px) {
	.pageIndex .newsList { margin-top: 2vw; }
	.pageIndex .newsList a { text-decoration: none; }
	.pageIndex .newsList li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #0a51af; }
	.pageIndex .newsList li:last-child { margin-bottom: 10px; padding-bottom: 0; border: none; }
	.pageIndex .newsList li.enquate { margin-bottom: 0; border: none; }
	.pageIndex .newsList li.banner { padding-bottom: 0; }
	.pageIndex .newsList li.multi a:first-child { display: block; margin-top: 10px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #0a51af; }
	.pageIndex .newsList .detailTbl { display: table; }
	.pageIndex .newsList .detailTbl .image { display: table-cell; width: 33%; padding-right: 10px; box-sizing: border-box; vertical-align: top; }
	.pageIndex .newsList .detailTbl .text  { display: table-cell; width: 67%; vertical-align: middle; }
	.pageIndex .newsList .detailTbl .date { display: block; color: #0a51af;font-weight: bold; font-size: 4.8vw; text-decoration: none; }
	.pageIndex .newsList .detailTbl .date .new { padding-left: 5px; color: #ef0000; }
}


@media screen and (min-width: 768px) {
	.pageIndex .groupe { margin-bottom: 50px; }
	.pageIndex .groupe.last { margin-bottom: 0; }
	.pageIndex .bossList { margin-top: 15px; }
	.pageIndex .bossList li.bossListInner { width: 440px; box-sizing: border-box; }
	.pageIndex .bossList li.bossListInner.odd { float: left; }
	.pageIndex .bossList li.bossListInner.even { float: right; }
	.pageIndex .bossList .itemImage { position: relative; margin-bottom: 15px; }
    .pageIndex .bossIcon { position: absolute; padding: 5px 20px; left: 0; bottom: 0px; color: #fff; font-weight: bold; text-align: center; background: #16bf09; /*border-left: 2px solid #000; border-top: 2px solid #000; */ /*border: 1px solid #fff; */}
    .pageIndex .name { font-weight: bold; color: #0a51af; text-align: left; }
}
@media screen and (max-width: 767px) {
	.pageIndex .groupe { margin-bottom: 30px; }
    .pageIndex .groupe.last { margin-bottom: 20px; }
    .pageIndex .bossList { margin-top: 15px; }
	.pageIndex .bossList li.bossListInner { margin-bottom: 30px; }
	.pageIndex .bossList li.bossListInner:last-child { margin-bottom: 15px; }
	.pageIndex .bossList .itemImage { position: relative; margin-bottom: 10px; }
    .pageIndex .bossIcon { position: absolute; padding: 5px 20px; left: 0; bottom: 0px; color: #fff; font-weight: bold; text-align: center; background: #16bf09; /*border-left: 2px solid #000; border-top: 2px solid #000; */ /*border: 1px solid #fff; */}
    .pageIndex .name { font-weight: bold; color: #0a51af; text-align: left; }

}

@media screen and (min-width: 768px) {
	.message { margin-bottom: 70px; width: 100%; background: #fff; border: 3px solid #d30000; padding: 15px 20px 20px 20px; box-sizing: border-box; }
	.message h2 { padding-bottom: 5px; margin-bottom: 15px; font-weight: bold; font-size: 2.8rem; color: #d30000; text-align: center; line-height: 2.0; border-bottom: 3px solid #d30000; }
	.message p { font-size: 2.0rem; font-weight: bold; margin-bottom: 20px; }
	.message p:last-child { margin-bottom: 0; text-align: right; }
}
@media screen and (max-width: 767px) {
	.message { margin: 0 10px 20px 10px; background: #fff; border: 3px solid #d30000; padding: 15px 20px 20px 20px; box-sizing: border-box; }
	.message h2 { padding-bottom: 5px; margin-bottom: 15px; font-weight: bold; font-size: 5.33333333vw; color: #d30000;  border-bottom: 3px solid #d30000; }
	.message p { font-size: 4.26666666vw; font-weight: bold; margin-bottom: 20px; }
	.message p:last-child { margin-bottom: 0; }
}



@media screen and (min-width: 768px) {
	.btnEnq { margin: -30px auto 30px auto; width: 550px; }
    .btnSingle { margin: -30px auto 30px auto; width: 650px; }
}
@media screen and (max-width: 767px) {
	.btnEnq { margin: -15px 4vw 15px 4vw;  }
    .btnSingle { margin: -2vw 4vw 4vw 4vw;  }
}