@charset "utf-8";

/*-----------------------------------------------
 content
-----------------------------------------------*/
div#content{
	min-height: 800px;
	background-image: url(../img/products/bg.jpg);
	background-color: transparent;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

h1{
	position: absolute;
	top: 32px;
	left: 109px;
	z-index: 10;
}

/* keyvisual*/

div.keyvisual-col{
	position: relative;
	width: 1000px;
	margin: 0 auto 50px;
	padding-top: 125px;
	line-height: 0;
}

div.keyvisual-col div.image{
	box-shadow:rgba(134, 123, 144, 0.0980392) 0px 0px 7px 3px;
}

div.keyvisual-col div.comics{
	position: absolute;
	right: 10px;
	bottom: 10px;
}

/* story */

div.story{
	width: 1000px;
	margin: 0 auto 50px;
	box-shadow:rgba(134, 123, 144, 0.0980392) 0px 0px 7px 3px;
	line-height: 0;
}

/* character */

div.character-col{
	width: 900px;
	margin: 0 auto 50px;
	padding: 50px;
	background-color: #fff;
	box-shadow:rgba(134, 123, 144, 0.0980392) 0px 0px 7px 3px;
}

div.character-col h2{
	margin-bottom: 20px;
}

div.character-col div.col{
	float: left;
	width: 450px;
	padding: 10px 0;
}

div.character-col div.col div.tmb{
	float: left;
	width: 138px;
}

div.character-col div.col div.detail{
	float: right;
	width: 302px;
	padding-top: 20px;
}

div.character-col div.col div.detail p.name{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", “メイリオ”, Meiryo, serif;
	font-size: 260%;
}

div.character-col div.col div.detail p.txt{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", “メイリオ”, Meiryo, serif;
	font-size: 180%;
}


/* 特典 */

div.special-col{
	width: 900px;
	margin: 0 auto 50px;
	padding: 50px;
	background-color: #fff;
	box-shadow:rgba(134, 123, 144, 0.0980392) 0px 0px 7px 3px;
}

div.special-col h2{
	margin-bottom: 10px;
}

div.special-col p.caution{
	color: #2fc2ed;
	text-align: right;
	font-weight: bold;
	font-size: 120%;
}

div.special-col div.toranoana{
	position: relative;
	width: 900px;
	height: 794px;
	margin-bottom: 40px;
	background-image: url(../img/comics/toranoana.png);
}

div.special-col div.melonbooks{
	position: relative;
	width: 900px;
	height: 794px;
	margin-bottom: 40px;
	background-image: url(../img/comics/melon.png);
}

div.special-col div.toranoana ul.link-btn{
	position: absolute;
	bottom: 8px;
	right: 15px;
}

div.special-col div.melonbooks ul.link-btn{
	position: absolute;
	bottom: 8px;
	right: 15px;
}

ul.link-btn li{
	float: left;
	width: 118px;
	margin-right: 10px;
}


div.special-col div.pri-toranoana{
	position: relative;
	width: 913px;
	height: 704px;
	margin-left: -6px;
	margin-bottom: 40px;
	background-image: url(../img/comics/pri-toranoana.png);
}

div.special-col div.pri-melon{
	position: relative;
	width: 913px;
	height: 691px;
	margin-left: -6px;
	margin-bottom: 40px;
	background-image: url(../img/comics/pri-melon.png);
}

div.special-col div.pri-gamers{
	position: relative;
	width: 913px;
	height: 498px;
	margin-left: -6px;
	margin-bottom: 40px;
	background-image: url(../img/comics/pri-gamers.png);
}

div.special-col div.pri-animate{
	position: relative;
	width: 913px;
	height: 662px;
	margin-left: -6px;
	margin-bottom: 40px;
	background-image: url(../img/comics/pri-animate.png);
}


div.special-col div.pri-wondergoo{
	position: relative;
	width: 913px;
	height: 544px;
	margin-left: -6px;
	margin-bottom: 40px;
	background-image: url(../img/comics/pri-wondergoo.png);
}

div.special-col div.set-toranoana{
	position: relative;
	width: 913px;
	height: 714px;
	margin-left: -6px;
	margin-bottom: 40px;
	background-image: url(../img/comics/set-toranoana.png);
}

div.special-col div.set-melon{
	position: relative;
	width: 913px;
	height: 734px;
	margin-left: -6px;
	margin-bottom: 40px;
	background-image: url(../img/comics/set-melon.png);
}

div.special-col div.set-animate{
	position: relative;
	width: 913px;
	height: 724px;
	margin-left: -6px;
	margin-bottom: 40px;
	background-image: url(../img/comics/set-animate.png);
}

div.special-col div.set-gamers{
	position: relative;
	width: 913px;
	height: 734px;
	margin-left: -6px;
	margin-bottom: 40px;
	background-image: url(../img/comics/set-gamers.png);
}

div.special-col div.fair-animate{
	position: relative;
	width: 913px;
	height: 814px;
	margin-left: -6px;
	margin-bottom: 40px;
	background-image: url(../img/comics/fair-animate.png);
}

div.special-col div.fair-gamers{
	position: relative;
	width: 913px;
	height: 818px;
	margin-left: -6px;
	margin-bottom: 40px;
	background-image: url(../img/comics/fair-gamers.png);
}

div.special-col div.fair-toranoana{
	position: relative;
	width: 913px;
	height: 818px;
	margin-left: -6px;
	margin-bottom: 40px;
	background-image: url(../img/comics/fair-tora.png);
}

div.special-col div.fair-melon{
	position: relative;
	width: 913px;
	height: 818px;
	margin-left: -6px;
	margin-bottom: 40px;
	background-image: url(../img/comics/fair-melon.png);
}