@charset "euc-jp";

#template{
	width:100%;
	background:url(https://books.rakuten.co.jp/event/game/musou/img/bg-main.gif) repeat;
	margin:0;
	padding:0;
}
#template #templateWrap{
	margin:0;
	padding:0;
	width:100%;
}
#template #templateWrap #templateFlame{
	margin:0;
	padding:0;
	width:100%;
	background:none;
}
#template #templateWrap #headline .typeM{
	margin-bottom:0;
}
#bodyClump .box h2{
	margin-bottom:0;
	padding-top:0;
	width:950px;
	background:none;
	margin:0 auto 40px;
}
#template #templateWrap .box{
	width:950px;
	margin:0 auto 120px;
}
/*=============================
ナビ
=============================*/
#navArea{
	width:100%;
	background:url(https://books.rakuten.co.jp/event/game/musou/img/bg-nav.jpg) repeat-x;
	height:55px;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 3px -2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 3px -2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 5px 3px -2px;
}
#navArea ul{
	width:950px;
	margin:0 auto; 	
	display:block;
	overflow:hidden;
	padding-top:6px;
}
#navArea ul li{
	float:left;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#navArea ul li #heading1{
	background:url(https://books.rakuten.co.jp/event/game/musou/img/h1.png) no-repeat;
	width:235px;
	height:48px;
}
#navArea ul li a{
	display:block;
	height:48px;
	background:url(https://books.rakuten.co.jp/event/game/musou/img/nav.png);
}
#navArea ul li #navRanking{
	background-position:left top;
	width:116px;
}
#navArea ul li #navRanking:hover{background-position:left bottom;}
#navArea ul li #navSengoku{
	background-position:-116px top;
	width:112px;
}
#navArea ul li #navSengoku:hover{background-position:-116px bottom;}
#navArea ul li #navSangoku{
	background-position:-228px top;
	width:114px;
}
#navArea ul li #navSangoku:hover{background-position:-228px bottom;}
#navArea ul li #navEmpires{
	background-position:-342px top;
	width:110px;
}
#navArea ul li #navEmpires:hover{background-position:-342px bottom;}
#navArea ul li #navOrochi{
	background-position:-452px top;
	width:140px;
}
#navArea ul li #navOrochi:hover{background-position:-452px bottom;}
#navArea ul li #navCollabo{
	background-position:right top;
	width:123px;
}
#navArea ul li #navCollabo:hover{background-position:right bottom;}

.fixed{
	position:fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}

.dummy {
	display: none;
}
/*アンカー高さ調整*/
.navheight{
	padding-top:55px;
	margin-top:-55px;
}
 /*=============================
スライダー
=============================*/
#mainSlider{
	background:url(https://books.rakuten.co.jp/event/game/musou/img/bg-slider.jpg) repeat-x center top;
	height:549px;
	overflow:hidden;
	padding:22px 0 0 0;
	margin-bottom:50px;
}
#slider{
	width:950px;
	margin:0 auto;
	padding:3px;
}

.sliderInner{
	background:url(https://books.rakuten.co.jp/event/game/musou/img/bg-bottom-line.jpg) repeat-x center bottom;
}
#mainSlider .bx-wrapper{
	margin-bottom:32px;
}
.bx-pager img,
.bx-wrapper .bx-viewport{
box-shadow:rgba(0, 0, 0, 0.99) 0px 0px 3px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.99) 0px 0px 3px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.99) 0px 0px 3px 0px;
}
 /*=============================
タブ
=============================*/
.tabs{
	width:950px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	height:44px;
}
.tabs li:first-child {
	border-left:1px solid #474b5c;
}
.tabs li{
	float:left;
	border-right:1px solid #474b5c;
	border-top:1px solid #474b5c;
	border-left:1px solid #474b5c;
	border-bottom:1px solid #474b5c;
	background:url(https://books.rakuten.co.jp/event/game/musou/img/bg-tab.gif) repeat;
	margin-right:3px;
	text-align:center;
	width:160px;
}
.tabs li:hover{
	background-color:#ffffff;
}
.tabs li.active {
	background:#17181c;
	border-bottom:none;
	height:41px;
}
.tabs li a{
	text-decoration:none;
	color:#474b5c;
	width:160px;
	height:41px;
}
.tabs li img{
	vertical-align:bottom;
}
.tabs-content{
	width:900px;
	padding:80px 0 20px 48px;
	margin:0 auto;
	margin-top:-3px;
	border-left:1px solid #474b5c;
	border-right:1px solid #474b5c;
	border-bottom:1px solid #474b5c;
	border-top:1px solid #474b5c;
	margin-bottom:10px;
	background:#17181c;
}

/*=============================
ランキング
=============================*/
.rankingContents{
	font-size:82%;
}
.rankingContents ol{
	display:block;
	overflow:hidden;
}
.rankingContents ol li{
	float:left;
	width:160px;
	min-height:23em;
	margin-right:20px;
	list-style:none;	
}
/*商品画像*/
.rankingContents ol li .image{
	margin-bottom:10px;
}
/*ランク画像*/
.rankingContents ol li .image span{
	display:block;
	padding-bottom:5px;
}
/*商品名*/
.rankingContents ol li .note a{
	padding-top:10px;
	display:inline-block;	
	font-size:110%;
	margin-right:10px;
}
/*ハード*/
.rankingContents ol li .note .artist{
	color:#c4d2ff;
	border:1px solid #c4d2ff;
	padding:2px 5px;
	display:inline-block;
}

.lead01{
	display:block;
	overflow:hidden;
	font-size:100%;
	color:#ffffff;
	margin-bottom:40px;
}
.lead01 dt{
	font-size:122%;
	float:left;
	width:30%;
}
.lead01 dd{
	float:left;
	width:70%;
}

/*=============================
タイトル別
=============================*/
/*API*/
.musouTitleArea{
	width:950px;
}
#template #templateWrap .musouTitleArea .rankingContents{
	display:block;
	overflow:hidden;
}
#template #templateWrap .musouTitleArea .rankingContents li{
	width:170px;
	float:left;
	margin:0 0 0 25px;
}
#template #templateWrap .musouTitleArea .rankingContents li:first-child{
	margin-left:0;
}
/*=============================
ボタン
=============================*/
.btnMore{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.btnMore a{
	background:url(https://books.rakuten.co.jp/event/game/musou/img/btn.png) no-repeat;
	display:block;
	height:40px;
}
.btnMore #btnSengoku{
	width:285px;
	background-position:left top;
	margin-left:auto;
}
.btnMore #btnSengoku:hover{
	background-position:left -40px;
}
.btnMore #btnSangoku{
	width:285px;
	background-position:left -80px;
	margin-left:auto;
}
.btnMore #btnSangoku:hover{
	background-position:left -120px;
}
.btnMore #btnEmpires{
	width:285px;
	background-position:left -160px;
	margin-left:auto;
}
.btnMore #btnEmpires:hover{
	background-position:left -200px;
}
.btnMore #btnOrochi{
	width:325px;
	background-position:left -240px;
	margin-left:auto;
}
.btnMore #btnOrochi:hover{
	background-position:left -280px;
}
.btnMore #btnCollabo{
	width:285px;
	background-position:left -320px;
	margin-left:auto;
}
.btnMore #btnCollabo:hover{
	background-position:left -360px;
}
/*=============================
リンク
=============================*/
#template #templateWrap #templateFlame a:link{
	color:#ffffff;
	text-decoration:none;
}
#template #templateWrap #templateFlame a:visited{
	color:#ffffff;
	text-decoration:none;
}
#template #templateWrap #templateFlame a:hover{
	color:#ffffff;
	text-decoration:underline;
}
#template #templateWrap #templateFlame a:active{
	color:#ffffff;
	text-decoration:none;
}

/*=============================
ページトップ
=============================*/
.page-top{
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:10000;
}