@charset "UTF-8";

/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
ol,ul {list-style:none;}

body{font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;color: #333;line-height: 140%;}
html{font-size: 62.5%;height:100%;}
ul{list-style: none; }

/**** Start of "Micro cf" ****/

.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.mt-5{
	margin-top:5px !important;
}

/* --------------------------------------------------------
	site setting
-------------------------------------------------------- */

.mt-10{
	margin-top:10px !important;
}
.mt-15{
	margin-top:15px !important;
}
.mt-20{
	margin-top:20px !important;
}
.mt-30{
	margin-top:30px !important;
}
.mt-40{
	margin-top:40px !important;
}
.mb-5{
	margin-bottom:5px !important;
}
.mb-10{
	margin-bottom:10px !important;
}
.mb-15{
	margin-bottom:15px !important;
}
.mb-20{
	margin-bottom:20px !important;
}
.mb-30{
	margin-bottom:30px !important;
}
.mb-40{
	margin-bottom:40px !important;
}
.mtb-10{
	margin-top:10px !important;
	margin-bottom:10px !important;
}
.mtb-20{
	margin-top:20px !important;
	margin-bottom:20px !important;
}

.fs-12{
	font-size:1.2rem !important;
}
.fs-14{
	font-size:1.4rem !important;
}
.fs-16{
	font-size:1.6rem !important;
}
.fs-18{
	font-size:1.8rem !important;
}
.fs-20{
	font-size:2.0rem !important;
}
.fs-22{
	font-size:2.2rem !important;
}
.fs-24{
	font-size:2.4rem !important;
}

.fw-normal{
	font-weight:normal !important;
}
.fw-bold{
	font-weight:bold !important;
}

.lh-120{
	line-height:120% !important;
}
.lh-130{
	line-height:130% !important;
}
.lh-140{
	line-height:140% !important;
}
.lh-150{
	line-height:150% !important;
}
.lh-160{
	line-height:160% !important;
}

.ta-center{
	text-align:center;
}
.ta-right{
	text-align:right;
}
.fl-left {
	float:left;
}
.fl-right {
	float:right;
}

/* --------------------------------------------------------
	header
-------------------------------------------------------- */
#wrapper {
	width:100%;
}
#commonHeader #ch-top {
	position:relative;
	width:100%;
	z-index:99;
}
#commonHeader #ch-top {
	width:100%;
	height:3px;
	background:url(../img/bg-chtop.png) center top;
}
#commonHeader #ch-bottom {
	width:100%;
	height:50px;
	background:#333276;
	box-shadow:0px 1px 4px 0px #666;
	-moz-box-shadow:0px 1px 4px 0px #666;
	-webkit-box-shadow:0px 1px 4px 0px #666;
}
#logoKadokawa {
	margin:12px 0 0 15px;
	display:inline-block;
	width:177px;
	height:25px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	background-position:0 0;
	text-indent:-9999px;
}
#wrapSNS {
	float:right;
	margin:12px 15px 0 0;
	display:inline-block;
}
#btnTwitter {
	display:inline-block;
	margin-right:10px;
	width:31px;
	height:25px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	background-position:-200px 0;
	text-indent:-9999px;
}
#btnFacebook {
	display:inline-block;
	width:25px;
	height:25px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	background-position:-250px 0;
	text-indent:-9999px;
}
header {
	margin:0;
	font-size:0;
	line-height:0;
}
/* --------------------------------------------------------
	globalNavi
-------------------------------------------------------- */
nav {
	position:relative;
	width:100%;
	height:60px;
	font-size:0;
	background:#393939;
	background: rgba(57,57,57,0.95);
}
nav.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
nav a {
	display:inline-block;
	width:50%;
	height:30px;
	line-height:30px;
	box-sizing:border-box;
	background:#393939;
	border-right:1px solid #2A2A2A;
	border-bottom:1px solid #2A2A2A;
	text-align:center;
	vertical-align:top;
}
nav a:nth-child(2) {
	border-right:none;
}
nav a:nth-child(3) {
	border-bottom:none;
}
nav a:nth-child(4) {
	border-right:none;
	border-bottom:none;
}
#gnTop {
	display:inline-block;
	margin-top:7px;
	width:41px;
	height:15px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	background-position:0 -40px;
}
#gnGuide {
	display:inline-block;
	margin-top:7px;
	width:88px;
	height:15px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	background-position:-50px -40px;
	text-indent:-9999px;
}
#gnComic {
	display:inline-block;
	margin-top:7px;
	width:57px;
	height:14px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	background-position:-147px -40px;
	text-indent:-9999px;
}
#gnSpecial {
	display:inline-block;
	margin-top:7px;
	width:74px;
	height:14px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	background-position:-214px -40px;
	text-indent:-9999px;
}
/* --------------------------------------------------------
	main
-------------------------------------------------------- */
main {
}
article {
	width:100%;
	background:url(../img/bg-main.png) center top repeat-y;
}

/* --------------------------------------------------------
	guidebook
-------------------------------------------------------- */
#guidebook {
	width:100%;
}
#headerGuidebook {
	position:relative;
	padding:10px 0 100px 0;
}
#guidebook h2 {
	margin:0 auto;
	width:285px;
	height:69px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	background-position:0 -75px;
	text-indent:-9999px;
}
#guidebook #block-fukidashi {
	margin:20px auto 0;
	padding:20px;
	width:80%;
	color:#fff;
	font-size:1.6rem;
	line-height:150%;
	background:#234FA1;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}
#guidebook #img-fukidashi {
	position:absolute;
	bottom:82px;
	left:130px;
	width:30px;
	height:18px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	background-position:-325px -150px;
	text-indent:-9999px;
}
#guidebook #img-chara {
	position:absolute;
	bottom:0;
	right:10px;
	width:158px;
	height:124px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	background-position:-325px 0;
	text-indent:-9999px;
}
#bottomGuidebook {
	margin-bottom:20px;
}
#guidebook #block-contents {
	margin:20px auto 0;
	padding:10px 15px;
	width:80%;
	color:#333;
	font-size:1.4rem;
	line-height:150%;
	background:#fff;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}
#guidebook #block-contents h3 {
	margin:0 auto;
	width:77px;
	height:18px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	background-position:-325px -190px;
	text-indent:-9999px;
}
#guidebook #block-contents hr {
	margin:0 auto 10px;
	padding:0 0 10px 0;
	width:100%;
	height:1px;
	border:none;
	border-bottom:1px dotted #ccc;
}

/* --------------------------------------------------------
	listbook
-------------------------------------------------------- */
.listBook {
	margin:20px auto 0;
	padding:20px;
	width:90%;
	background: rgba(255,255,255,0.7);
	border-radius: 8px;        /* CSS3草案 */  
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */
	box-sizing:border-box;
}
.lbLeft {
	width:100%;
	height:100%;
}
.lbLeft img {
	width:100%;
}
.lbLeft img:first-child {
	margin-bottom:10px;
}
.lbRight {
	width:100%;
	height:100%;
	text-align:center;
}
.listBook h3 {
	margin-bottom:10px;
	font-size:2.2rem;
	line-height:140%;
}
.listBook h4 {
	margin-bottom:10px;
	font-size:1.8rem;
	line-height:140%;
}
.listBook .setContent {
	margin:10px 0 0 0;
}
.listBook .setContent li {
	margin-bottom:5px;
	font-size:1.4rem;
	line-height:140%;
}
.listBook .setImage {
	margin:20px 0 20px;
	font-size:0;
}
.listBook .setImage div {
	display:inline-block;
	width:100%;
	line-height:100%;
	vertical-align:top;
}
.listBook .setImage div:nth-child(2n) {
	margin-right:0;
}
.listBook .setImage img {
	width:100%;
}
.listBook .wrap-btn {
	margin:0 0 20px 0;
}
.listBook .wrap-btn a {
	display:inline-block;
	margin:0 0 10px 0;
	width:140px;
	height:30px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	text-indent:-9999px;
}
.listBook .wrap-btn a:hover {
	filter:alpha(opacity=80); /* IE 6,7*/
	-ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
	-moz-opacity:0.8; /* FF , Netscape */
	-khtml-opacity: 0.8; /* Safari 1.x */
	opacity:0.8;
	zoom:1; /*IE*/
}
.listBook .wrap-btn a.btnKadokawastore {
	background-position:-150px -450px;
}
.listBook .wrap-btn a.btnAmazon {
	background-position:-150px -480px;
}
.listBook .wrap-btn a.btnRakuten {
	background-position:-150px -510px;
}
.listBook .wrap-btn a.btnEbten {
	background-position:-150px -540px;
}
.listBook .wrap-btn a.btnAnimate {
	background-position:-150px -570px;
}

.btnPdf {
	margin:0 auto 20px;
	display:block;
	width:186px;
	height:44px;
	background:url(../img/pc-parts.png) no-repeat;
	background-position:0 -380px;
	text-indent:-9999px;
}
.btnPdf:hover {
	filter:alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity:0.8;
	zoom:1;
}

.listBook .sign-arrow {
	display:block;
	margin:0 auto 15px;
	width:130px;
	height:20px;
	background:url(../img/pc-parts.png) no-repeat;
	background-position:0 -280px;
	text-indent:-9999px;
}
.listBook .sign-arrowOff {
	display:block;
	margin:0 0 7px 0;
	width:130px;
	height:20px;
	background:url(../img/pc-parts.png) no-repeat;
	background-position:0 -322px;
	text-indent:-9999px;
}
.listBd li {
	margin:0 0 20px 0;
}
.listBd li p{
	font-size:1.4rem;
	line-height:160%;
}
.listBd li img{
	margin:0 0 10px 0;
	width:100%;
}
.listGiveaway {
	font-size:0;
}
.listGiveaway li {
	display:inline-block;
	margin-right:4%;
	width:48%;
	text-align:center;
	vertical-align:top;
}
.listGiveaway li:nth-child(2n) {
	margin-right:0;
}
.listGiveaway li .inner {
	padding:4px 0;
	width:100%;
	height:96px;
	font-size:1.4rem;
	text-align:center;
	vertical-align:middle;
	box-sizing:border-box;
	border:4px solid #fff;
}
.listGiveaway li .innerBlock {
	display:inline-block;
	width:100%;
	height:96px;
	font-size:1.4rem;
	text-align:center;
	vertical-align:middle;
	box-sizing:border-box;
	border:4px solid #fff;
}
.listGiveaway li .inner img {
	height:80px;
}
.listGiveaway .nameStore {
	margin:10px 0;
	width:100%;
	font-size:1.2rem;
	line-height:160%;
	text-align:center;
}
.listGiveaway .nameStore a {
	color:#ff0000;
}
.noteGiveaway {
	margin-top:15px;
	padding-top:15px;
	border-top:1px dotted #000;
	font-size:1.3rem;
	line-height:140%;
}

/* --------------------------------------------------------
	comic
-------------------------------------------------------- */
#comic {
	margin:0;
	width:100%;
}
#comic #headerComic {
	padding:10px 0 10px 0;
	width:100%;
	color:#fff;
	font-weight:normal;
	background: rgba(130,99,69,0.9);
}
#comic #headerComic h2 {
	margin:0 auto;
	width:286px;
	height:68px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	background-position:0 -285px;
	text-indent:-9999px;
}
#hc-catch {
	margin:15px 0;
	font-size:1.4rem;
	color:#E2C9AB;
	text-align:center;
}
#hc-img {
	width:80%;
}
#hc-txt{
	margin:0 auto;
	width:90%;
	text-align:left;
}
#hc-txt h3 {
	display:block;
	margin:15px auto;
	width:269px;
	height:66px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	background-position:0 -365px;
	text-indent:-9999px;
}
#listComic {
	padding:20px 0;
	width:100%;
	background: rgba(94,75,59,0.9);
}
#listAnthology {
	padding:20px 0;
	width:100%;
	background: rgba(255,191,0,0.9);
}
#listRelated {
	padding:20px 0;
	width:100%;
	background: rgba(133,178,0,0.9);
}
#listComic  h3, #listAnthology h3, #listRelated h3{
	margin:0 auto 10px;
	width:100%;
	font-size:1.6rem;
	line-height:120%;
	color:#fff;
	text-align:center;
}
#listAnthology .imgBottom-note, #listRelated .imgBottom-note{
	font-size:1.1rem;
	line-height:160%;
}
#listComic ul, #listAnthology ul, #listRelated ul {
	margin:0 auto;
	width:90%;
	font-size:0;
}
#listComic ul li, #listAnthology ul li, #listRelated ul li {
	display:inline-block;
	margin:0 2% 10px 0;
	width:49%;
	vertical-align:top;
}
#listComic ul li:nth-child(2n), #listAnthology ul li:nth-child(2n), #listRelated ul li:nth-child(2n) {
	margin-right:0 !important;
}
#listComic ul li .wrap-img, #listAnthology ul li .wrap-img, #listRelated ul li .wrap-img {
	width:100%;
	text-align:center;
}
#listComic ul li .wrap-img img, #listAnthology ul li .wrap-img img, #listRelated ul li .wrap-img img {
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
#listComic ul li .wrap-img .releaseDate, #listAnthology ul li .wrap-img .releaseDate, #listRelated ul li .wrap-img .releaseDate {
	font-size:1.0rem;
	color:#fff;
	line-height:100%;
}
#listComic ul li .wrap-btn, #listAnthology ul li .wrap-btn, #listRelated ul li .wrap-btn {
	margin-top:10px;
	width:100%;
	text-align:center;
}
#listComic .wrap-btn a, #listAnthology .wrap-btn a, #listRelated .wrap-btn a {
	display:block;
	margin:0 auto 8px;
	width:140px;
	height:30px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	text-indent:-9999px;
}
#listComic .wrap-btn a:nth-child(5), #listAnthology .wrap-btn a:nth-child(5), #listRelated .wrap-btn a:nth-child(5) {
	margin-bottom:0;
}
#listComic .wrap-btn a.btnKadokawastore, #listAnthology .wrap-btn a.btnKadokawastore, #listRelated .wrap-btn a.btnKadokawastore {
	background-position:-150px -450px;
}
#listComic .wrap-btn a.btnAmazon, #listAnthology .wrap-btn a.btnAmazon, #listRelated .wrap-btn a.btnAmazon {
	background-position:-150px -480px;
}
#listComic .wrap-btn a.btnRakuten, #listAnthology .wrap-btn a.btnRakuten, #listRelated .wrap-btn a.btnRakuten {
	background-position:-150px -510px;
}
#listComic .wrap-btn a.btnEbten, #listAnthology .wrap-btn a.btnEbten, #listRelated .wrap-btn a.btnEbten {
	background-position:-150px -540px;
}
#listComic .wrap-btn a.btnAnimate, #listAnthology .wrap-btn a.btnAnimate, #listRelated .wrap-btn a.btnAnimate {
	background-position:-150px -570px;
}
#listComic ul li .sign-arrow, #listAnthology ul li .sign-arrow, #listRelated ul li .sign-arrow {
	display:block;
	margin:0 0 7px 0;
	width:130px;
	height:20px;
	background:url(../img/pc-parts.png) no-repeat;
	background-position:-700px -280px;
	text-indent:-9999px;
}
#btnTameshiyomi {
	display:inline-block;
	margin:20px 0 0;
	width:100%;
	height:50px;
	line-height:50px;
	font-size:1.6rem;
	color:#FFFF00;
	background:#00A3D9;
	text-align:center;
	text-decoration:none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/* --------------------------------------------------------
	wallpaper
-------------------------------------------------------- */
#wallpaper {
	padding:10px 0 30px;
	width:100%;
	color:#fff;
	font-weight:normal;
	background: rgba(255,255,255,0.9);
}
#wallpaper h2 {
	margin:0 auto;
	width:162px;
	height:44px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	background-position:-325px -230px;
	text-indent:-9999px;
}
#wallpaper h3 {
	margin:15px auto;
	width:80%;
	font-size:1.4rem;
	font-weight:normal;
	color:#a59b9b;
	line-height:140%;
	text-align:center;
}
#wallpaper #wp-img {
	margin:0 auto;
	display:block;
	width:80%;
}
#wallpaper #wp-wrapBtn {
	margin: 0 auto;
	width:100%;
	font-size:0;
}
#wallpaper #wp-wrapBtn a {
	display:block;
	margin:10px auto 0;
	width:220px;
	height:53px;
	background:url(../img/pc-parts.png) no-repeat;
	text-indent:-9999px;
	vertical-align:top;
}
#wallpaper #wp-wrapBtn a:nth-child(1){
	background-position:-220px -380px;
}
#wallpaper #wp-wrapBtn a:nth-child(2){
	background-position:-440px -380px;
}
#wallpaper hr{
	margin-bottom:15px;
	padding-bottom:15px;
	width:100%;
	border:none;
	border-bottom:1px dotted #a59b9b;
}
#wallpaper h4 {
	margin-top:20px;
	font-size:1.8rem;
	font-weight:normal;
	color:#a59b9b;
	line-height:140%;
	text-align:center;
}
#wallpaper #wrap-setting {
	margin:20px auto 0;
	width:80%;
	font-size:1.2rem;
	color:#a59b9b;
	line-height:150%;
}
#wallpaper #wrap-setting h5 {
	margin:0 0 5px 0;
	font-weight:bold;
}
#wallpaper #wrap-setting div {
	width:100%;
}
#wrapBW {
	margin:20px auto 0;
	width:80%;
	font-size:0;
}
.blockWp01, .blockWp02, .blockWp03, .blockWp04 {
	display:inline-block;
	width:100%;
	vertical-align:top;
}
.blockWp01 {
}
.blockWp02 {
	margin:0 0 20px 0;
	font-size:1.4rem;
}
.blockWp01 img, .blockWp03 img {
	width:100%;
}
.blockWp03 {
}
.blockWp04 {
	font-size:1.4rem;
}

.blockWp02 a, .blockWp04 a {
	display:block;
	margin:0 0 10px 0;
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#FFFF00;
	background:#00A3D9;
	text-decoration:none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/* --------------------------------------------------------
	tvcm
-------------------------------------------------------- */
#tvcm {
	padding:10px 0;
	text-align:center;
}
#tvcm h2 {
	margin:0 auto;
	width:79px;
	height:44px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	background-position:-325px -285px;
	text-indent:-9999px;
}
#tvcm h3 {
	margin:15px auto;
	width:80%;
	font-size:1.4rem;
	font-weight:normal;
	color:#fff;
	line-height:140%;
	text-align:center;
}
#youtube {
position: relative;
margin:0 auto;
width:90%;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
#youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* --------------------------------------------------------
	footer
-------------------------------------------------------- */
footer {
	padding:20px 0;
	width:100%;
	background:url(../img/bg-footer.png) center top;
}
footer hr{
	margin-bottom:10px;
	border:1px dotted  #A89888 !important;
}
#footer-banner {
	margin:0 auto 20px;
	width:100%;
	font-size:0;
	text-align:center;
}
#footer-banner img {
	width:220px;
}
#footer-banner #banner01{
	margin-bottom:10px;
}
#footer-banner #banner02{
}
#copyright {
	font-size:1.2rem;
	color:#fff;
	line-height:150%;
	text-align:center;
}

/* --------------------------------------------------------
	ページTOP
-------------------------------------------------------- */
#page-top {
	position: fixed;
	bottom: 30px;
	right: 10px;
}
#page-top a {
	display:block;
	cursor:pointer;
	width:60px;
	height:60px;
	background:url(../img/sp-parts.png) no-repeat;
	background-size:500px 1000px;
	background-position:0 -450px;
	text-indent:-9999px;
}