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

/* =tags
-------------------------------------------------------------- */

body,h1,h2,h3,h4,ul,li,dl,dt,dd,table,tr,th,td,p,a,div,span,address,hr,time{margin:0;padding:0;}
ul,li{list-style:none;}
address,em{font-style:normal;}
div,img,a{border:none;}

html{width:100%;height:100%;overflow-y:scroll;}

body{
	width:100%;
	height:100%;
	color:#024;
	font-family:"Yu Gothic", "���S�V�b�N", YuGothic, "���S�V�b�N��", "���C���I", Meiryo, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	font-size:18px;
	background:url(../../img/bg/cont_bg.png) repeat #024;
	background-size:300px 300px;
}

p{line-height:200%;}

a{color:#510;}
a:link{outline:none;}
a:visited{outline:none;}
a:hover{color:#f74;outline:none;}
a:active{outline:none;}

a,
img{transition:0.3s ease-in-out;}









/* =btop
-------------------------------------------------------------- */

#btop{
	width:64px;
	height:64px;
	position:fixed;
	right:24px;
	bottom:24px;
	display:none;
}

#btop a{
	width:64px;
	height:64px;
	display:block;
	background:#06c;
	border-radius:32px;
	cursor:pointer;
}

#btop a:hover{background:#0af;}

#btop_arrow{fill:#fff;}





/* =menu
-------------------------------------------------------------- */

#menu_wrap{
	width:100%;
	height:72px;
	background-color:rgba(255,255,255,0);
	transition:0.3s ease-in-out;
	position:fixed;
	z-index:150;
}

#menu{
	margin:0 auto;
	width:100%;
	min-width:800px;
	max-width:1200px;
	height:72px;
	position:relative;
}

#menu ul{margin:20px 0 0 0;position:absolute;right:40px;}
#menu ul:first-child{left:40px;}

#menu ul li{
	width:104px;
	height:23px;
	float:left;
	border-left:1px #420 solid;
	cursor:pointer;
	position:relative;
}
#menu ul li:first-child{border:none;}
#menu ul li a img{width:100%;height:auto;}
#menu ul li a+img{width:60px; position:absolute;bottom:-16px;left:21px;}

#menu+ul li{width:115px;}

#menu ul li.menu_01{background:url(../../img/bt/menu_bt01_over.png) no-repeat;}
#menu ul li.menu_02{background:url(../../img/bt/menu_bt02_over.png) no-repeat;}
#menu ul li.menu_03{background:url(../../img/bt/menu_bt03_over.png) no-repeat;}
#menu ul li.menu_04{background:url(../../img/bt/menu_bt04_over.png) no-repeat;}
#menu ul li.menu_05{background:url(../../img/bt/menu_bt05_over.png) no-repeat;}
#menu ul li.menu_06{background:url(../../img/bt/menu_bt06_over.png) no-repeat;}
#menu ul li.menu_07{background:url(../../img/bt/menu_bt07_over.png) no-repeat;}
#menu ul li.menu_08{background:url(../../img/bt/menu_bt08_over.png) no-repeat;}
#menu ul li.menu_01,
#menu ul li.menu_02,
#menu ul li.menu_03,
#menu ul li.menu_04,
#menu ul li.menu_05,
#menu ul li.menu_06,
#menu ul li.menu_07,
#menu ul li.menu_08{background-size:100%;}

#menu ul li a{opacity:1;}
#menu ul li a:hover{opacity:0;}
#menu ul li.closed{cursor:auto;}
#menu ul li.closed a:hover{opacity:1;}

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

#menu ul li{width:115px;height:26px;}
#menu+ul li{width:128px;}
#menu ul li a+img{width:83px; position:absolute;left:16px;}

}

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

#menu ul li{width:130px;height:29px;}
#menu+ul li{width:144px;}
#menu ul li a+img{width:94px; position:absolute;left:18px;}

}

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

#menu ul li{width:144px;height:32px;}
#menu+ul li{width:160px;}
#menu ul li a+img{width:104px; position:absolute;left:20px;}

}





/* =head
-------------------------------------------------------------- */

#head_wrap{
	width:100%;
	min-width:800px;
	height:auto;
	background:url(../../img/bg/head_bg.jpg) repeat-x #fff;
	background-size:auto 100%;
}

#head_wrap #head{
	margin:0 auto;
	width:100%;
	min-width:800px;
	max-width:1200px;
	height:auto;
	position:relative;
}

#head_wrap #head img{height:auto;display:block;}
#head_wrap #head img#head_title{
	position:absolute;
	top:0;
	left: 0;
	z-index:50;
}
#head_wrap #head img#head_img{width:100%;position:relative;;z-index:30;}
#head_wrap #head img#head_title{
	width:25%;
	min-width:200px;
	max-width:300px;
	right:0;
}
#head_wrap #head img#head_lead{
	width:18%;
	min-width:144px;
	max-width:216px;
	position:absolute;
	top:75%;
	right:3.333%;
	z-index:35;
}

#head_wrap #head #head_co{
	width:20%;
	height:auto;
	background:#fff;
	border-radius:50%;
	position:absolute;
	top:80%;
	right:2%;
	z-index:75;
}

#head_wrap #head #head_co img{width:100%;opacity:1;}
#head_wrap #head #head_co img:hover{opacity:0.5;}

#head_wrap #head #head_st{
	width:32%;
	height:auto;
	background:url("../../img/bt/he_stamp_bg_02.png");
	background-size:100%;
	position:absolute;
	top:52.5%;
	left:13.25%;
	z-index:75;
}

#head_wrap #head #head_st img{width:100%;opacity:1;}
#head_wrap #head #head_st img:hover{opacity:0.5;}

#head_wrap #head .y_video{position:absolute;z-index:100;}
#head_wrap #head .y_video.video_01{height:17%;width:20%;top:80%;left:3.33%;}
#head_wrap #head .y_video.video_02{height:20.6%;width:24.3%;top:76.5%;right:3.33%;}

#head_wrap #head .y_video iframe{width:100%;height:100%;border-radius:4px;}

#head_wrap #head #head_3s{
	width:30%;
	height:55%;
	background:url("../../img/bt/he_03sign_bg.png");
	background-size:100%;
	position:absolute;
	top:52.5%;
	left:10.1%;
	z-index:75;
}

#head_wrap #head #head_3s a img{width:40%;position:absolute;top:52.5%;left:17%;}
#head_wrap #head #head_3s a+a img{top:15%;left:43.3%;}

#head_wrap #head #head_3s img{width:100%;opacity:0;}
#head_wrap #head #head_3s img:hover{opacity:1;}

#head_wrap #head #head_4s{
	width:21%;
	background:url("../../img/bt/he_04sign_bg.png");
	background-size:100%;
	position:absolute;
	top:73.4%;
	left:21%;
	z-index:75;
}

#head_wrap #head #head_4s img{width:100%;opacity:0;}
#head_wrap #head #head_4s img:hover{opacity:1;}

#head_wrap #head #head_book{
	width:21.33%;
	position:absolute;
	top:52%;
	right:3.33%;
	z-index:75;
}

#head_wrap #head #head_book img{width:100%;}

#head_wrap #head #head_seisen,
#head_wrap #head #head_seisen_02,
#head_wrap #head #head_seisen_03,
#head_wrap #head #head_tensei,
#head_wrap #head #head_wed,
#head_wrap #head #head_co00,
#head_wrap #head #head_co01,
#head_wrap #head #head_07sp,
#head_wrap #head #head_addl,
#head_wrap #head #head_onsale07,
#head_wrap #head #head_co01txt{
	width:20%;
	position:absolute;
	left:3.33%;
	z-index:75;
}

#head_wrap #head #head_seisen{background:url("../../img/bt/he_seisen_bg.png");background-size:100%;top:84%;}
#head_wrap #head #head_seisen_02{background:url("../../img/bt/he_seisen_02_bg.png");background-size:100%;top:69%;}
#head_wrap #head #head_seisen_03{background:url("../../img/bt/he_seisen_03_bg.png");background-size:100%;top:84%;}
#head_wrap #head #head_tensei{background:url("../../img/bt/he_tensei_bg.png");background-size:100%;top:69%;}
#head_wrap #head #head_wed{background:url("../../img/bt/he_wed_bg_03.png");background-size:100%;top:47.5%;}
#head_wrap #head #head_wed+#head_wed{background-image:url("../../img/bt/he_wed_bg_04.png");top:11%;}
#head_wrap #head #head_co00{background:url("../../img/bt/he_co00_bg.png");background-size:100%;top:41%;}
#head_wrap #head #head_co01{background:url("../../img/bt/he_co03_bg.png");background-size:100%;top:24%;}
#head_wrap #head #head_07sp{background:url("../../img/bt/he_07sp_bg.png");background-size:100%;top:38%;}
#head_wrap #head #head_addl{background:url("../../img/bt/he_addl02_bg.png");background-size:100%;top:24%;}
#head_wrap #head #head_onsale07{width:24%;top:12%;}
#head_wrap #head #head_co01txt{top:12%;}

#head_wrap #head #head_seisen img,
#head_wrap #head #head_seisen_02 img,
#head_wrap #head #head_seisen_03 img,
#head_wrap #head #head_tensei img,
#head_wrap #head #head_wed img,
#head_wrap #head #head_co00 img,
#head_wrap #head #head_co01 img,
#head_wrap #head #head_07sp img,
#head_wrap #head #head_addl img,
#head_wrap #head #head_onsale07 img{width:100%;opacity:1;}
#head_wrap #head #head_wed img:hover,
#head_wrap #head #head_seisen img:hover,
#head_wrap #head #head_seisen_02 img:hover,
#head_wrap #head #head_seisen_03 img:hover,
#head_wrap #head #head_tensei img:hover,
#head_wrap #head #head_co00 img:hover,
#head_wrap #head #head_co01 img:hover,
#head_wrap #head #head_07sp img:hover,
#head_wrap #head #head_addl img:hover{opacity:0.5;}




/* =cont
-------------------------------------------------------------- */

.content_wrap{width:100%;}

.cont_wrap{
	margin:0 auto;
	width:100%;
	min-width:800px;
	max-width:1200px;
	clear:both;
}


.cont_wrap .cont{
	margin:0 24px 80px 24px;
	font-size:14px;
	line-height:200%;
}
.cont_wrap:last-child .cont{margin-bottom:56px;}
.cont_wrap:nth-child(2) .cont,
.cont_wrap:nth-child(6) .cont{
	padding:80px 0;
	background:url("../../img/bg/cont_bg_wh.png") #fff;
	background-size:1000px auto;
	border-radius:4px;
}

.cont_wrap .cont h2,
.cont_wrap .cont strong,
.cont_wrap .cont em,
.cont_wrap .cont p{
	margin:0 auto;
	padding:0 24px;
	max-width:848px;
	display:block;
}
.cont_wrap .cont strong,
.cont_wrap .cont em,
.cont_wrap .cont p,
.cont_wrap .cont ul{margin-top:32px;}
.cont_wrap .cont strong{
	text-align:center;
	line-height:150%;
	font-size:24px;
	font-family: "��������", "Yu Mincho", YuMincho, "�q���M�m���� Pro", "Hiragino Mincho Pro", "MS P����", "MS PMincho", serif;
}
.cont_wrap .cont#cont_co strong{letter-spacing:-1px;}
.cont_wrap .cont em{font-size:18px; font-weight:bold;}
.cont_wrap .cont p{text-align:justify;}

.cont_wrap .cont img{
	width:100%;
	height:auto;
	display:block;
}

.cont_wrap .cont ul li{float:left;}

.cont_wrap #cont_ch ul,
.cont_wrap .cont_bo ul{margin-top:0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.cont_wrap #cont_ch ul li,
.cont_wrap .cont_bo ul li{width:22%;margin-top:32px;}
.cont_wrap #cont_ch ul li:first-child,
.cont_wrap #cont_ch ul li:nth-child(4n+1),
.cont_wrap .cont_bo ul li:first-child,
.cont_wrap .cont_bo ul li:nth-child(4n+1),{margin-left:0;}

.cont_wrap #cont_ch ul li h3,
.cont_wrap .cont_bo ul li h3{
	margin:0;
	padding:0 0 16px 0;
	color:#c6b088;
	font-size:24px;
	font-family: "��������", "Yu Mincho", YuMincho, "�q���M�m���� Pro", "Hiragino Mincho Pro", "MS P����", "MS PMincho", serif;
	border-bottom:1px dashed #579;
}
.cont_wrap #cont_ch ul li p,
.cont_wrap .cont_bo ul li p{margin:16px 0 0 0;padding:0;color:#fff;}

.cont_wrap #cont_ch ul li h3{margin-top: 32px;}
.cont_wrap #cont_ch ul li.ch_cs h3{text-align:center;letter-spacing:normal;}
.cont_wrap #cont_ch ul li.ch_cs p{text-align:center;}

.cont_wrap #cont_il ul li{margin:0 0 0 2%;width:32%;background:url("../../img/bt/co_illust_btbg.png");background-size:100%;}
.cont_wrap #cont_il ul li:first-child{margin-left:0;}

.cont_wrap #cont_il ul li a{opacity:1;}
.cont_wrap #cont_il ul li a:hover{opacity:0.5;}

.cont_wrap #cont_wd img{margin:42px 0 0 0;}

.cont_wrap .cont_bo ul li h3{margin-top: 20px;}
.cont_wrap .cont_bo ul li a.cont_bo_img,
.cont_wrap .cont_bo ul li a.cont_bo_img img{border-radius:4px;}
.cont_wrap .cont_bo ul li a.cont_bo_img{background:#fff;display:block;}
.cont_wrap .cont_bo ul li a.cont_bo_img img{opacity:1;}
.cont_wrap .cont_bo ul li a.cont_bo_img img:hover{opacity:0.5;}
.cont_wrap .cont_bo ul li h3{letter-spacing:-0.05em;}
.cont_wrap .cont_bo ul li.cont_bo_sp p{margin-top: 8px;}
.cont_wrap .cont_bo ul li.cont_bo_sp p+p{padding-top:8px;border-top:1px dashed #579;}
.cont_wrap .cont_bo ul li a{color:inherit;}
.cont_wrap .cont_bo ul li a:hover{color:#0af;}

.cont_wrap #cont_st p{font-size:18px;}

.cont_wrap .cont_sp{padding-bottom:84px;color:#fff;font-size:18px;border-bottom:solid 1px #fff}
.cont_wrap .cont_sp:last-child{padding-bottom:0;border-bottom:none;}
.cont_wrap .cont_sp h2,
.cont_wrap .cont_sp h2+dl,
.cont_wrap .cont_sp p{margin-top:56px;}
.cont_wrap .cont_sp dl{position:relative;margin:1em auto 0 auto;width:30em;}
.cont_wrap .cont_sp dt{position:absolute;color:#ccbb90;}
.cont_wrap .cont_sp dd{position:relative;left:8em}
.cont_wrap .cont_sp p{text-align:center;}
.cont_wrap .cont_sp.sp_01 p a{
	margin-left:auto;
	margin-right:auto;
	width:600px;
	height:56px;
	color:#fff;
	text-decoration:none;
	border:solid 1px #fff;
	display:flex;
	justify-content:center;
	align-items:center;
}
.cont_wrap .cont_sp.sp_01 p a:hover{background:#06c;}

.cont_wrap .cont_sp.sp_02{margin-top:56px;}
.cont_wrap .cont_sp.sp_02 .sp_comic,
.cont_wrap .cont_sp.sp_02 p{margin-left:auto;margin-right:auto;max-width: 800px;}
.cont_wrap .cont_sp.sp_02 .sp_comic_l{margin-right:8%;width:42%;float:left;}
.cont_wrap .cont_sp.sp_02 .sp_comic_r{width:50%;float:left;}
.cont_wrap .cont_sp.sp_02 dl{margin:1.5em 0 0 0;}
.cont_wrap .cont_sp.sp_02 dl+dl{margin:0;}
.cont_wrap .cont_sp.sp_02 dt{position:absolute;color:#ccbb90;}
.cont_wrap .cont_sp.sp_02 dd{position:relative;left:8em}
.cont_wrap .cont_sp.sp_02 p{margin-top:56px;font-size:23px;line-height:34.5px;}
.cont_wrap .cont_sp.sp_02 p+p{padding:0;}
.cont_wrap .cont_sp.sp_02 p em{margin:0;padding:0;max-width:auto;color:#ccbb90;font-size:1em;display:inline;}
.cont_wrap .cont_sp.sp_02 p a{color:#fff;}
.cont_wrap .cont_sp.sp_02 p a:hover{color:#ccbb90;}

.cont_wrap .cont_sp.sp_03{margin-top:80px;}
.cont_wrap .cont_sp.sp_03 p{margin-left:auto;margin-right:auto;max-width: 800px;}
.cont_wrap .cont_sp.sp_03 p a,
.cont_wrap .cont_sp.sp_03 p img{border-radius:4px;}
.cont_wrap .cont_sp.sp_03 p a{background:#fff;display:block;}
.cont_wrap .cont_sp.sp_03 p img{opacity:1;}
.cont_wrap .cont_sp.sp_03 p img:hover{opacity:0.5;}

.cont_wrap .cont_sp.sp_03 p.cont_sp_vanadis{
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	max-width: 1120px;
	margin-top: -96px;
	aspect-ratio: 10 / 1;
	position: relative;
	z-index: 100;
	background-image:url("../../img/ob/va_bg.png");
	background-size:100%;
	display: flex;
	justify-content: center;
  align-items: center;
}
.cont_wrap .cont_sp.sp_03 p.cont_sp_vanadis a{
	width: 32.6%;
}

.cont_wrap .cont_bo#cont_no{margin-top:80px;}
.cont_wrap .cont_bo#cont_no ul li{width:13%;}
.cont_wrap .cont_bo#cont_no ul li.bo_nbsp{width:6%;}
.cont_wrap .cont_bo#cont_no ul li h3{margin-top:16px;padding-bottom:10px;font-size: 20px;}
.cont_wrap .cont_bo#cont_no ul li p{margin-top:6px;}

.cont_wrap #cont_st h3{
	margin: 32px auto 0 auto;
	max-width:848px;
	font-size:24px;
	font-family: "��������", "Yu Mincho", YuMincho, "�q���M�m���� Pro", "Hiragino Mincho Pro", "MS P����", "MS PMincho", serif;
	text-align: center;
}
.cont_wrap #cont_st h3+p{margin-top: 20px;}
.cont_wrap #cont_st p+h3{margin-top: 32px;padding-top: 32px;border-top:1px dashed #579; }







/* =foot
-------------------------------------------------------------- */

#foot_wrap{
	padding:40px 0;
	width:100%;
	min-width:800px;
	min-height:32px;
	background:#012;
}

#foot{margin: 0 auto;max-width:1200px;}

#foot ul{
	margin: 0 24px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#foot ul li{width: 30%; background: #fff; border-radius: 4px;}
#foot ul li img{width: 100%; border-radius: 4px; display: block;}
#foot ul li a{opacity:1;}
#foot ul li a:hover{opacity:0.5;}

address{
	margin-top: 16px;
	color:#456;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	text-align:center;
	letter-spacing:0.25em;
}





/* =common
-------------------------------------------------------------- */

.red{color:#f66;}
.green{color:#8a0;}
.yellow{color:fb1;}
.black{color:#642;}

.sh{
	box-shadow:2px 2px 6px rgba(1,0,0,0.25);
	-moz-box-shadow:2px 2px 6px rgba(1,0,0,0.25);
	-webkit-box-shadow:2px 2px 6px rgba(1,0,0,0.25);
}





/* =clearfix
-------------------------------------------------------------- */

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