@charset "utf-8";

/* モジュールCSS */

/*---------------------------------------------------------------ヘッダバナー*/
/*---------------------------------------------------------------------------*/

div#banner{
	width: 100%;
	height: 93px;
	background-image: url(/common/img/module/banner/bnr-bg.png);
	background-repeat: repeat-x;
	text-align: center;
}

div#banner p{
	line-height: 0;
}

/*-------------------------------------------------------------------ヘッダー*/
/*---------------------------------------------------------------------------*/

header{
	height: 171px;
	background-image:  url(/common/img/module/gnav/gnav_bg.png), url(/common/img/module/header/bg.png);
	background-position: center 90px, center top;
	background-repeat: no-repeat, repeat-x;
	z-index: 5;
}

header section{
	position: relative;
	width: 980px;
	height: 171px;
	margin: 0 auto;
}

header .logo{
	position: absolute;
	top: 26px;
	left: 0;
}

header .bnr{
	position: absolute;
	top: 0;
	right: 0;
}

header #superbanner_pc{
	position: absolute;
	top: 0;
	right: 0;
}

header div.btn-gnav-sp{
	display: none;
}

@media screen and (max-width:640px) and (min-width: 1px){

	header{
		background: #fff;
		width: auto;
		height: auto;
		border-bottom: 3px solid #000;
	}

	header section{
		width: auto;
		height: auto;
	}

	header .bnr,
	header #superbanner_pc{
		display: none;
	}

	header .logo{
		float: left;
		height: 30px;
		position: relative;
		top: auto;
		left: auto;
		padding: 10px;
	}

	header .logo img{
		height: 30px;
	}

	header div.btn-gnav-sp{
		display: block;
		height: 30px;
		float: right;
		padding: 10px;
		cursor: pointer;
	}

	header div.btn-gnav-sp img{
		height: 30px;
	}

	div.header-top{
		background: url(/common/img/module/header/header-top-bg-sp.png);
		background-position: center bottom;
		background-size: contain;
	}

}

/*-------------------------------------------------------------グローバルナビ*/
/*---------------------------------------------------------------------------*/

ul#gnav{
	position: absolute;
	top: 90px;
	left: 0;
	width: 672px;
	height: 72px;
	background-image: url(/common/img/module/gnav/gnav.png);
}

ul#gnav li{
	float: left;
	width: 96px;
	height: 72px;
}

ul#gnav li.close{
	display: none;
}

ul#gnav li img{
	display: none;
}

ul#gnav li a{
	display: block;
	width: 96px;
	height: 72px;
}

ul#gnav li a:hover{
	background-image: url(/common/img/module/gnav/gnav-o.png);
}

ul#gnav li.trial a:hover{background-position: 0 top;}
ul#gnav li.new-books a:hover{background-position: -96px top;}
ul#gnav li.dbooks a:hover{background-position: -192px top;}
ul#gnav li.calendar a:hover{background-position: -288px top;}
ul#gnav li.movies a:hover{background-position: -384px top;}
ul#gnav li.labels a:hover{background-position: -480px top;}
ul#gnav li.media a:hover{background-position: -576px top;}


@media screen and (max-width:640px) and (min-width: 1px){

	ul#gnav{
		display: none;
		position: absolute;
		width: auto;
		height: auto;
		top: 50px;
		left: 0;
		z-index: 10000;
	}

	ul#gnav li{
		float: none;
		display: block;
		width: 100%;
		height: auto;
	}

	ul#gnav li.close{
		display: block;
		cursor: pointer;
	}

	ul#gnav li a{
		width: 100%;
		height: auto;
		background: none !important;
	}

	ul#gnav li img{
		display: block;
		width: 100%;
	}

}

/*-------------------------------------------------------------パンくずリスト*/
/*---------------------------------------------------------------------------*/

div#topic-path{
	margin: -9px 0  25px 0;
	min-height: 38px;
	background: #fafafa url(/common/img/module/topic-path/topic-path-bg.png) left top repeat-x;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 6px 10px -5px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 6px 10px -5px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 6px 10px -5px;
}

div#topic-path ol{
	width: 980px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}

div#topic-path ol li{
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	background-image: url(/common/img/module/topic-path/slash.png);
	background-position: left center;
	background-repeat: no-repeat;
}

div#topic-path ol li.home{
	padding-left: 25px;
	background-image: url(/common/img/module/topic-path/home.png);
}

@media screen and (max-width:640px) and (min-width: 1px){

	div#topic-path ol{
		width: auto;
		padding: 10px 0 5px 10px;
	}

}

/*-------------------------------------------------------------ページタイトル*/
/*---------------------------------------------------------------------------*/

div#page-title{
	width: 980px;
	height: 171px;
	margin: 0 auto 30px auto;
	background-position: center top;
}

div#page-title section{
	width: 980px;
	margin: 0 auto;
}

div#page-title section h1{
	padding: 24px 0 14px 30px;
	line-height: 0;
}

div#page-title section p{
	padding: 0px 0 0px 30px;
	color: #fff;
}

@media screen and (max-width:640px) and (min-width: 1px){

	div#page-title {
		width: 100%;
	}
	div#page-title section h1{
		padding: 20px 0 5px 0;
		line-height: 0;
		width: 50%;
	}

	div#page-title section h1 img{
		height: 24px;
	}

	div#page-title section{
		width: auto;
		padding: 0 10px;
	}

	div#page-title section p{
		margin: 0;
		padding: 0 0 10px 0;
		font-size: 120%;
	}
}

/*---------------------------------------------------------------サブタイトル*/
/*---------------------------------------------------------------------------*/

p.sub-title{
	font-weight: bold;
	margin-bottom: 10px;
}

/*---------------------------------------------------------------ヘッダー検索*/
/*---------------------------------------------------------------------------*/

div#search{
	position: absolute;
	width: 308px;
	height: 72px;
	top: 90px;
	right: 0;
	background-image: url(/common/img/module/search/bg.png);
}

div#search .inp-search{
	position: absolute;
	top: 40px;
	left: 32px;
	border-radius: 5px;
	width: 123px;
	height: 20px;
	color: #000;
}

div#search .btn-search{
	position: absolute;
	top: 40px;
	left: 165px;
	width: 42px;
	height: 28px;
	padding: 0;
	border: none;
	text-indent: -9999em;
	background-image: url(/common/img/module/search/btn-search.png);
	background-color: transparent;
	background-size: contain;
}

div#search .site-search{
	position: absolute;
	top: 40px;
	left: 212px;
}

div#search .site-search img{
	height: 29px;
}


@media screen and (max-width:640px) and (min-width: 1px){

	div#search{
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		height: 34px;
		background: #222222;
		padding: 10px 10px 4px;
	}

	div#search .inp-search{
		float: left;
		position: static;
		width: 140px;
		margin-right: 5px;

	}

	div#search .btn-search{
		float: left;
		position: static;
	}

	div#search .site-search{
		float: right;
		position: static;
	}

}

/*---------------------------------------------------------------フッターナビ*/
/*---------------------------------------------------------------------------*/

footer div#footer-top{
	width: auto;
	background-image: url(/common/img/module/footer/bg-footer.png);
	background-position: center top;
	padding: 20px 0 30px;
}

footer div#footer-top section{
	width: 920px;
	margin: 0 auto;
	padding-left: 20px;
}

footer div#footer-top section div.box{
	width: 210px;
	float: left;
	margin-right: 20px;
}

footer div#footer-top h2{
	pointer-events: none;
}

footer div#footer-top ul.fnav li{
	padding: 0 0 3px 10px;
	background: url(/common/img/module/footer/fnav-arrow.png);
	background-repeat: no-repeat;
	background-position: left 0.4em;
	font-size: 130%;
}

footer div#footer-top ul.fnav li a{
	color: #49433a;
}

footer div#footer-top section div.box2{
	width: 460px;
	float: left;
	height: 110px;
}

footer div#footer-top section div.box2 ul.fnav{
	width: 210px;
	margin-right: 20px;
	float: left;
}

footer div#footer-top section div.box3{
	width: 670px;
	margin-right: 20px;
	float: left;
}
footer div#footer-top section div.box3 ul.fnav{
	width: 210px;
	margin: 0 20px 40px 0;
	float: left;
}

footer div#footer-top section div.box3 ul.last{
	margin-right: 0;
}


@media screen and (max-width:640px) and (min-width: 1px){

	footer div#footer-top{
		padding: 0;
	}

	footer div#footer-top h2{
		line-height: 0;
		border-top: 1px solid #b1aea6;
		margin-bottom: -1px;
		pointer-events: auto;
		background-image: url(/common/img/module/footer/hidden.png);
		background-size: contain;
		cursor: pointer;
	}

	footer div#footer-top ul.fnav li{
		padding: 0 0 0 10px;
		font-size: 140%;
		background-position: left center;
	}

	footer div#footer-top section ul.fnav a{
		display: block;
		padding: 10px 0;
	}

	footer div#footer-top h2.disp{
		background-image: url(/common/img/module/footer/disp.png);
	}

	footer div#footer-top h2 img{
		width: 100%;
	}

	footer div#footer-top section{
		width: auto;
		padding: 0;
	}

	footer div#footer-top section div.box,
	footer div#footer-top section div.box2,
	footer div#footer-top section div.box3{
		float: none;
		width: 100%;
		height: auto !important;
	}

	footer div#footer-top section div.box ul.fnav{
		width: auto;
		float: none;
		padding: 0 10px;
	}

	footer div#footer-top section div.box2 ul.fnav{
		width: auto;
		float: none;
		padding: 0 10px;
	}
	footer div#footer-top section div.box3 ul.fnav{
		width: auto;
		float: none;
		margin: 0;
		padding: 0 10px;
	}

}

/*-------------------------------------------------------------フッターコピー*/
/*---------------------------------------------------------------------------*/

footer div#copyright{
	width: auto;
	height: 100px;
	text-align: center;
	background-color: #eae9e7;
}

footer div#copyright p{
	padding-top: 30px;
}

@media screen and (max-width:640px) and (min-width: 1px){

	footer div#copyright{
		height: 100px;
	}

	footer div#copyright p{
		padding: 10px;
		font-size: 120%;
	}

}

/*-----------------------------------------------------------------スライダー*/
/*---------------------------------------------------------------------------*/

div#slider{
	height: 375px;
	background-image: url(/common/img/module/slider/slider-bg.png);
	background-position: center top;
	background-repeat: no-repeat;
}

div#slider section{
	width: 980px;
	height: 375px;
	margin: 0 auto;
}

div#slider section li{
	padding: 6px;
}
div#slider .bx-wrapper ul.slider-inner li {
	top: 5px;
}
div#slider .bx-wrapper .bx-pager{
	height: 42px;
	bottom: -18px;
	background-image: url(/common/img/module/slider/slider-pager-bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
div#slider .bx-wrapper .bx-pager .bx-pager-item {
	margin: 16px 0 0 0 ;

}
div#slider .bx-wrapper .bx-pager .bx-pager-item a {
	width: 8px;
	height: 8px;
	background-color: #ffffff;
	background-color: #68625b;
	border: 1px solid #68625b;
}
div#slider .bx-wrapper .bx-pager .bx-pager-item a:hover, div#slider .bx-wrapper .bx-pager .bx-pager-item a.active {
	border: 1px solid #68625b;
	background-color: transparent;
}
div#slider .bx-wrapper .bx-prev {
	top: 50%;
	left: -27px;
	margin: -31px 0 0 0;
	width: 74px;
	height: 71px;
	background-image: url(/common/img/module/slider/slider-prev.png);
	background-position: left center;
	background-repeat: no-repeat;
}
div#slider .bx-wrapper .bx-next {
	top: 50%;
	right: -27px;
	margin: -31px 0 0 0;
	width: 74px;
	height: 71px;
	background-image: url(/common/img/module/slider/slider-next.png);
	background-position: right center;
	background-repeat: no-repeat;
}
div#slider .bx-wrapper .bx-prev:hover, div#slider .bx-wrapper .bx-next:hover {
	opacity: 0.7;
}
div#slider .bx-viewport {
	overflow: visible !important;
	width: 980px !important;
}

@media screen and (max-width:640px) and (min-width: 1px){

	div#slider{
		padding: 0 0 40px ;
		height: auto;
		background: none;

	}
div#slider .bx-wrapper ul.slider-inner li {
	top: 0;
}
	div#slider section li{
		padding: 0;
	}
	div#slider section{
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	div#slider .bx-wrapper {
		border-bottom: 3px solid #000;
		box-shadow:rgba(0, 0, 0, 0.65098) 0px 5px 15px -5px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.65098) 0px 5px 15px -5px;
		-moz-box-shadow:rgba(0, 0, 0, 0.65098) 0px 5px 15px -5px;
	}
	div#slider .bx-wrapper .bx-pager{
		bottom: -15px;
	}

	div#slider .bx-viewport {
		overflow: hidden !important;
		width: auto !important;
		border: 5px solid #fff;
	}
div#slider .bx-wrapper .bx-prev {
	bottom: 0;
	left: -15px;
	margin: 18% 0 0 0;
	width: 74px;
	height: 71px;
}
div#slider .bx-wrapper .bx-next {
	bottom: 0;
	right: -15px;
	margin: 18% 0 0 0;
	width: 74px;
	height: 71px;
	background-image: url(/common/img/module/slider/slider-next.png);
	background-position: right center;
	background-repeat: no-repeat;
}
div#slider .bx-wrapper .bx-pager .bx-pager-item a {
	width: 12px;
	height: 12px;
	background-color: #ffffff;
	background-color: #68625b;
	border: 1px solid #68625b;
	border-radius: 10px;
}

div#slider .bx-wrapper .bx-pager{
	height: 42px;
	bottom: -50px;
	background: none;
}
}

/*-------------------------------------------------------------コミックリスト*/
/*---------------------------------------------------------------------------*/

div.books-list{
	margin-right: -10px;
}

div.books-list div.box{
	position: relative;
	float: left;
	width: 134px;
	padding: 10px;
	margin: 0 6px 6px 0;
	border: 1px solid #e0ddd4;
	background: #fff;
}

.tablet div.books-list div.box{
	padding: 10px 10px 70px 10px;
}


div.books-list div.box span.degital{
	 z-index: 100;
	position: absolute;
	top: -11px;
	left: 2px;
	display: block;
	background-image: url(/common/img/module/books-list/icon-degital.png);
	background-size: 80px 30px;
	width: 80px;
	height: 30px;
}

div.books-list div.box p.tmb{
	text-align: center;
}

div.books-list div.box p.tmb img{
	width: 110px;
}

div.books-list div.box p.ti{
	color: #0099ff;
	margin-bottom: 5px;
}

div.books-list div.box p.txt{
	margin-bottom: 10px;
	font-size: 100%;
	color: #999999;
}

div.books-list div.box span.select{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow: hidden;
}

div.books-list div.box span.select div.hover-link{
	display: none;
	position: absolute;
	width: 100%;
	bottom: 10px;
	left: 0;
}

.tablet div.books-list div.box span.select div.hover-link{
	display: block;
}

div.books-list div.box span.select:hover{
	border: 5px solid #beb18e;
}

/*
div.books-list div.box span.select:hover{
    border-top: 5px solid #beb18e;
    background-image: url(/common/img/module/books-list/hover.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}
*/

div.books-list div.box span.select:hover div.hover-link{
	display: block;
}

div.books-list div.box div.hover-link p.preview{
	width: 138px;
	height: 33px;
	margin: 0 auto;
}

div.books-list div.box div.hover-link a.product{
	display: block;
	width: 100%;
	height: 500px;
}


div.books-list div.box div.hover-link p.preview a{
	display: block;
	width: 138px;
	height: 33px;
	background-image: url(/common/img/module/books-list/btn-preview.png);
	background-repeat: no-repeat;
}

div.books-list div.box div.hover-link p.preview a:hover{
	background-image: url(/common/img/module/books-list/btn-preview-o.png);
}

div.books-list div.box div.hover-link p.buy{
	width: 138px;
	height: 33px;
	margin: 0 auto;
}

div.books-list div.box div.hover-link p.buy a{
	display: block;
	width: 138px;
	height: 33px;
	background-image: url(/common/img/module/books-list/btn-buy.png);
	background-repeat: no-repeat;
}

div.books-list div.box div.hover-link p.buy a:hover{
	background-image: url(/common/img/module/books-list/btn-buy-o.png);
}

.btn-list{
	width: 645px;
	height: 54px;
}

.btn-list a{
	display: block;
	width: 645px;
	height: 54px;
	background-image: url(/common/img/module/books-list/btn-list-pc.png);
	background-repeat: no-repeat;
}

.btn-list a:hover{
	background-image: url(/common/img/module/books-list/btn-list-pc-o.png);
}


.btn-list img{
	display: none;
}


@media screen and (max-width:640px) and (min-width: 1px){

	div.books-list{
		margin-: 0;
		padding-left: 3%;
	}

	div.books-list div.box{
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:border-box;
		width: 45%;
		margin: 0 4% 3% 0;
	}

	p.btn-list{
		width: auto;
		height: auto;
		padding: 0 10px;
	}

	p.btn-list a{
		width: auto;
		height: auto;
		background: none;
	}

	p.btn-list a:hover{
		background: none;
	}

	p.btn-list img{
		display: block;
		width: 100%;
	}

	div.books-list div.box p.tmb img{
		width: 105px;
	}

	div.books-list div.box p.ti{
		font-size: 120%;
	}

	div.books-list div.box span.select{
		position: relative;
		display: block;
		top: auto;
		left: auto;
		height: auto;
	}

	div.books-list div.box span.select:hover{
		border: none;
		background: none;
	}
	div.books-list div.box span.select div.hover-link{
		display: block;
		position: relative;
		bottom: auto;
		left: auto;
	}

	div.books-list div.box div.hover-link p.preview{
		width: 115px;
		height: 40px;
		margin: 0 auto 5px;
		padding-top: 5px;
	}

	div.books-list div.box div.hover-link p.preview a{
		display: block;
		width: 115px;
		height: 40px;
		background-image: url(/common/img/module/books-list/btn-preview-sp.png);
		background-size: 115px 40px;
	}

	div.books-list div.box div.hover-link p.preview a:hover{
		background-image: url(/common/img/module/books-list/btn-preview-sp.png);
	}

	div.books-list div.box div.hover-link p.buy{
		width: 115px;
		height: 40px;
		margin: 0 auto;
	}

	div.books-list div.box div.hover-link p.buy a{
		display: block;
		width: 115px;
		height: 40px;
		background-image: url(/common/img/module/books-list/btn-buy-sp.png);
		background-size: 115px 40px;
	}

	div.books-list div.box div.hover-link p.buy a:hover{
		background-image: url(/common/img/module/books-list/btn-buy-sp.png);
	}

	div.books-list div.box div.hover-link a.product{
		display: none;
	}

}

/*-----------------------------------------------------------ページネーション*/
/*---------------------------------------------------------------------------*/

ul.pagination{
	text-align: center;
}

ul.pagination li{
	display: inline-block;
	background: #fff;
	border: 1px solid #e0ddd4;
}

ul.pagination li.current{
	padding: 3px 8px;
	color: #fff;
	background: #7d631d;
	border: 1px solid #7d631d;
}

ul.pagination li a{
	color: #000;
	display: block;
	padding: 3px 8px;
	text-decoration: none;
}

ul.pagination li.first,
ul.pagination li.last{
	background: none;
	border: none;
}

ul.pagination li.first span,
ul.pagination li.last span{
	display: inline-block;
	background: #fff;
	padding: 3px 8px;
	border: 1px solid #e0ddd4;
}

@media screen and (max-width:640px) and (min-width: 1px){
	ul.pagination{
		text-align: left;
	}
}

/*---------------------------------------------------------------検索ボックス*/
/*---------------------------------------------------------------------------*/

div.search-box{
	padding: 15px 0 0;
	margin-bottom: 40px;
	background: #e5e4e1;
	box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 6px 3px inset;
	-webkit-box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 6px 3px inset;
	-moz-box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 6px 3px inset;
}

div.search-box dl dt{
	float: left;
	width: 180px;
	height: 44px;
	padding-right: 10px;
	margin-bottom: 15px;
	line-height: 44px;
	font-weight: bold;
	font-size: 120%;
	text-align: right;
}

div.search-box dl dd{
	float: left;
	width: 400px;
	min-height: 44px;
	line-height: 44px;
	font-size: 160%;
	margin-bottom: 15px;
}

div.search-box dl dd input,
div.search-box dl dd select{
	width: 100%;
	height: 44px;
	font-size: 14px;
	border: 1px solid #cccccc;
	border-radius: 6px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
}

div.search-box dl dd select{
	padding: 10px 0;
}


div.search-box dl dd label{
	margin-right: 10px;
	min-height: 44px;
	line-height: 44px;
}

div.search-box dl dd input.checkbox{
	width: auto;
	height: auto;
	line-height: 0;
	vertical-align: middle;
}

div.search-box dl dd .w200{
	width: 200px;
}

div.search-box .search-submit{
	text-align: center;
}

div.search-box .search-submit input{
	width: 212px;
	height: 43px;
	padding: 0;
	margin: 0 0 15px 0;
	background: url(/common/img/module/search-box/btn-submit.png);
	border: none;
	text-indent: -9999px;
}

@media screen and (max-width:640px) and (min-width: 1px){

	div.search-box{
		padding: 10px 0 0;
	}

	div.search-box dl{
		padding: 0 10px;
	}

	div.search-box dl dt{
		float: none;
		width: auto;
		height: auto;
		line-height: 1.5;
		text-align: left;
		margin-bottom: 10px;
	}
	div.search-box dl dd{
		float: none;
		width: auto;
		line-height: 1.5;
		margin-bottom: 10px;
	}
	div.search-box .search-submit input{
		margin: 0 0 10px 0;
	}
}

/* start 141222 */

/*-------------------------------------------------------検索ボックスフロート*/
/*---------------------------------------------------------------------------*/

div.search-box-float{
	display: none;
	position: fixed;
	bottom: 20px;
	width: 654px;
	height: 174px;
	margin-left: -4px;
	background-image: url(/common/img/module/search-box-float/bg.png);
}

div.search-box-float div.bar{
	display: none;
}

div.search-box-float p.txt{
	display: none;
}

div.search-box-float dl dd input,
div.search-box-float dl dd select {
	width: 238px;
	height: 38px;
	font-size: 14px;
	border: 1px solid #cccccc;
	border-radius: 6px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* キーワード */

div.search-box-float dl.keyword{
	position: absolute;
	top: 46px;
	left: 20px;
}

div.search-box-float dl.keyword dt{
	float: left;
	width: 74px;
}

div.search-box-float dl.keyword dd input{
	font-size: 12px;
}

div.search-box-float dl.keyword dd{
	float: right;
}

/* シリーズ */

div.search-box-float dl.series{
	position: absolute;
	top: 46px;
	left: 347px;
}

div.search-box-float dl.series dt{
	float: left;
	width: 56px;
}

div.search-box-float dl.series dd{
	float: right;
}

/* チェックボックス1 */
div.search-box-float div.check-box1{
	position: absolute;
	top: 91px;
	left: 20px;
	width: 138px;
	height: 35px;
	background-color: rgba(47,76,99,0.6);
	border-radius: 5px;
	box-sizing: border-box;
}

/* チェックボックス2 */
div.search-box-float div.check-box2{
	position: absolute;
	top: 91px;
	left: 162px;
	width: 240px;
	height: 35px;
	background-color: rgba(47,76,99,0.6);
	border-radius: 5px;
	box-sizing: border-box;
}

/* チェックボックス3 */
div.search-box-float div.check-box3{
	position: absolute;
	top: 91px;
	left: 405px;
	width: 156px;
	height: 35px;
	background-color: rgba(47,76,99,0.6);
	border-radius: 5px;
	box-sizing: border-box;
}

div.search-box-float div.check-box1 ul li,
div.search-box-float div.check-box2 ul li,
div.search-box-float div.check-box3 ul li{
	display: inline-block;
	color: #fff;
	vertical-align: middle;
	height: 35px;
	line-height: 35px;
	padding-left: 5px;
}

div.search-box-float div.check-box1 ul li input,
div.search-box-float div.check-box2 ul li input,
div.search-box-float div.check-box3 ul li input{
	vertical-align: middle;
}

div.search-box-float div.submit{
	position: absolute;
	top: 89px;
	left: 569px;
}

div.search-box-float div.submit input {
	width: 72px;
	height: 43px;
	padding: 0;
	background-image: url(/common/img/module/search-box-float/submit.png);
	border: none;
	text-indent: -9999px;
	background-color: transparent;
}

div.search-box-float p.link{
	position: absolute;
	top: 137px;
	left: 496px;
}

div.search-box-float-btn{
	display: none;
}

@media screen and (max-width:640px) and (min-width: 1px){

	div.search-box-float{
		display: none !important;
		position: fixed;
		z-index: 10;
		bottom: 0;
		width: 100%;
		height: auto;
		margin: 0;
		background: #a9bdc9;
	}

	div.search-box-float.disp{
		display: block !important;
		opacity: 1 !important;
	}

	div.search-box-float.nodisp{
		display: none !important;
	}

	div.search-box-float div.bar{
		display: block;
		cursor: pointer;
	}

	div.search-box-float p.txt{
		display: block;
		padding: 10px;
		font-size: 12px;
		font-weight: bold;
	}

	div.search-box-float div.bar img{
		width: 100%;
	}

	/* キーワード */

	div.search-box-float dl.keyword{
		position: static;
		padding: 0 10px 10px;
	}

	div.search-box-float dl.keyword dt{
		float: none;
		width: auto;
	}

	div.search-box-float dl.keyword dt img{
		width: 58px;
	}

	div.search-box-float dl.keyword dd{
		float: none;
		width: auto;
	}

	div.search-box-float dl.keyword dd input{
		width: 100%;
	}

	/* シリーズ */

	div.search-box-float dl.series{
		position: static;
		padding: 0 10px 10px;
	}

	div.search-box-float dl.series dt{
		float: none;
		width: auto;
	}

	div.search-box-float dl.series dt img{
		width: 72px;
	}

	div.search-box-float dl.series dd{
		float: none;
		width: auto;
	}

	/* チェックボックス1 */
	div.search-box-float div.check-box1{
		position: static;
		margin: 0 10px 10px;
	}

	/* チェックボックス2 */
	div.search-box-float div.check-box2{
		position: static;
		margin: 0 10px 10px;
	}

	/* チェックボックス3 */
	div.search-box-float div.check-box3{
		position: static;
		margin: 0 10px 10px;
	}

	div.search-box-float div.submit{
		position: static;
		margin: 0 auto 10px;
		text-align: center;
	}

	div.search-box-float p.link{
		position: static;
		text-align: center;
		padding: 0 0 10px;
	}

	div.search-box-float p.link img{
		width: 161px;
	}

	div.search-box-float-btn{
/* 2015.12.11 KD Nunomura		display: block;
		z-index: 9;
		position: fixed;
		cursor: pointer;
		bottom: 10px;
		right: 10px; */
		display:none; /* 2015.12.11 KD Nunomura */
	}

	div.search-box-float-btn img{
		width: 39px;
	}

}


/*-------------------------------------------------ページ検索ボックスフロート*/
/*---------------------------------------------------------------------------*/

div.search-page-box-float{
	position: fixed;
	bottom: 20px;
	width: 654px;
	height: 133px;
	margin-left: -4px;
	background-image: url(/common/img/module/search-page-box-float/bg.png);
}

div.search-page-box-float div.bar{
	display: none;
}

div.search-page-box-float p.txt{
	display: none;
}

div.search-page-box-float dl dd input{
	width: 464px;
	height: 38px;
	font-size: 14px;
	border: 1px solid #cccccc;
	border-radius: 6px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* キーワード */

div.search-page-box-float dl.keyword{
	position: absolute;
	top: 46px;
	left: 20px;
}

div.search-page-box-float dl.keyword dt{
	float: left;
	width: 74px;
}

div.search-page-box-float dl.keyword dd input{
	font-size: 12px;
}

div.search-page-box-float dl.keyword dd{
	float: right;
}

div.search-page-box-float div.submit{
	position: absolute;
	top: 46px;
	left: 569px;
}

div.search-page-box-float div.submit input {
	width: 72px;
	height: 43px;
	padding: 0;
	background-image: url(/common/img/module/search-page-box-float/submit.png);
	border: none;
	text-indent: -9999px;
	background-color: transparent;
}

div.search-page-box-float p.link{
	position: absolute;
	top: 97px;
	left: 496px;
}

div.search-page-box-float-btn{
	display: none;
}

@media screen and (max-width:640px) and (min-width: 1px){

	div.search-page-box-float{
		display: none !important;
		position: fixed;
		z-index: 10;
		bottom: 0;
		width: 100%;
		height: auto;
		margin: 0;
		background: #a9bdc9;
	}

	div.search-page-box-float.disp{
		display: block !important;
		opacity: 1 !important;
	}

	div.search-page-box-float.nodisp{
		display: none !important;
	}

	div.search-page-box-float div.bar{
		display: block;
		cursor: pointer;
	}

	div.search-page-box-float p.txt{
		display: block;
		padding: 10px;
		font-size: 12px;
		font-weight: bold;
	}

	div.search-page-box-float div.bar img{
		width: 100%;
	}

	/* キーワード */

	div.search-page-box-float dl.keyword{
		position: static;
		padding: 0 10px 10px;
	}

	div.search-page-box-float dl.keyword dt{
		float: none;
		width: auto;
	}

	div.search-page-box-float dl.keyword dt img{
		width: 58px;
	}

	div.search-page-box-float dl.keyword dd{
		float: none;
		width: auto;
	}

	div.search-page-box-float dl.keyword dd input{
		width: 100%;
	}

	div.search-page-box-float div.submit{
		position: static;
		margin: 0 auto 10px;
		text-align: center;
	}

	div.search-page-box-float p.link{
		position: static;
		text-align: center;
		padding: 0 0 10px;
	}

	div.search-page-box-float p.link img{
		width: 161px;
	}

	div.search-page-box-float-btn{
		display: block;
		z-index: 9;
		position: fixed;
		cursor: pointer;
		bottom: 10px;
		right: 10px;
	}

	div.search-page-box-float-btn img{
		width: 39px;
	}

}



/* end 141222 */

/*-------------------------------------------------------------レーベルリスト*/
/*---------------------------------------------------------------------------*/

div.label-list{
	margin-bottom: 20px;
}

div.label h2 {
	margin: 0 0 0 -12px;
}

div.label-list div.box{
	float: left;
	width: 154px;
	background: #fff;
	margin: 0 6px 6px 0;
	border: 1px solid #e0ddd4;
}

div.label-list div.box-sp{
	display: none;
}

div.label-list div.box p.tmb{
	padding-top: 10px;
}

div.label-list div.box p.tmb img{
	width: 100%;
}

div.label-list div.box p.ti{
	padding: 0 10px;
	margin-bottom: 10px;
}

div.label-list div.box p.link{
	width: 138px;
	height: 29px;
	margin: 0 auto 10px;
}

div.label-list div.box p.link a{
	display: block;
	width: 138px;
	height: 29px;
	background-image: url(/common/img/module/label/btn-published.png);
}

div.label-list div.box p.link a:hover{
	background-image: url(/common/img/module/label/btn-published-o.png);
}

@media screen and (max-width:640px) and (min-width: 1px){

	div.label-list{
		margin-bottom: 0;
		padding-left: 3%;
	}

	div.label-list div.box{
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 45%;
		margin: 0 5% 3% 0;
	}

	div.label-list div.box p.ti{
		padding: 0 5px;
		margin-bottom: 5px;
		font-size: 120%;
	}

	div.label-list div.box p.tmb img{
		width: 100%;
	}

	div.label-list div.box p.link{
		width: 100px;
		height: 31px;
		margin: 0 auto 10px;
	}

	div.label-list div.box p.link a{
		display: block;
		width: 99px;
		height: 31px;
		background-image: url(/common/img/module/label/btn-published-sp.png);
		background-size: 99px 31px;
	}

	div.label-list div.box p.link a:hover{
		background-image: url(/common/img/module/label/btn-published-sp.png);
	}

	div.label h3{
		display: none;
	}

	div.label-list div.box-sp{
		display: block;
		float: left;
		width: 45%;
		margin: 0 5% 3% 0;
	}

	div.label-list div.box-sp p{
		text-align: center;
	}

	div.label-list div.box-sp p img{
		max-width: 100%;
	}

}

/*-------------------------------------------------------------------テーブル*/
/*---------------------------------------------------------------------------*/
table.table-list{
	width: 100%;
	border-top: 1px solid #e0ddd4;
	border-left: 1px solid #e0ddd4;
	border-right: 1px solid #e0ddd4;
	margin-bottom: 20px;
}

table.table-list tr{
	border-bottom: 1px solid #e0ddd4;
	background: #efefed;
}

table.table-list .w40{
	width: 40%;
}

table.table-list .w20{
	width: 20%;
}

table.table-list tr:nth-child(even){
	background: #fff;
}

table.table-list th{
	text-align: left;
	padding: 10px;
	background: #e5e4e1;
}

table.table-list td{
	padding: 10px;
}

@media screen and (max-width:640px) and (min-width: 1px){
	table.table-list th,
	table.table-list td{
		font-size: 120%;
	}

}

/*-------------------------------------------------------------検索結果リスト*/
/*---------------------------------------------------------------------------*/

.search-comic-result-list{
	margin-bottom: 20px;
	border: 1px solid #e0ddd4;
	background: #fff;
}

.search-comic-result-list div.box{
	/* start 141222 */
	position: relative;
	/* end 141222 */
	margin: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #e0ddd4;
}

.search-comic-result-list div.box p.tmb{
	float: left;
	width: 105px;
}

.search-comic-result-list div.box p.tmb img{
	width: 100%;
}

.search-comic-result-list div.box div.detail{
	float: right;
	width: 476px;
}

.search-comic-result-list div.box div.detail p.author{
	padding-left: 20px;
	color: #666;
	background-image: url(/common/img/module/search-comic-result-list/icon-author.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.search-comic-result-list div.box div.detail p.publishing{
	margin-bottom: 5px;
	padding-left: 20px;
	color: #666;
	background-image: url(/common/img/module/search-comic-result-list/icon-publishing.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.search-comic-result-list div.box div.detail ul.data{
	margin-bottom: 5px;
}

.search-comic-result-list div.box div.detail ul.data li{
	display: inline-block;
	font-size: 120%;
	color: #666;
	margin-right: 20px;
}


/* start 141222 */


.search-comic-result-list div.box div.icon-wrap{
	position: absolute;
	top: -31px;
	left: -2px;
}

.search-comic-result-list div.box div.icon-wrap span.icon-complete{
	display: inline-block;
	background-image: url(/common/img/module/product-detail/icon-complete.png);
	background-size: 80px 30px;
	width: 80px;
	height: 30px;
	margin-right: 2px;
}

.search-comic-result-list div.box div.icon-wrap span.icon-degital{
	display: inline-block;
	background-image: url(/common/img/module/product-detail/icon-degital.png);
	background-size: 80px 30px;
	width: 80px;
	height: 30px;
	margin-right: 2px;
}



.search-comic-result-list div.box div.detail p.txt{
	margin-bottom: 10px;
}

.search-comic-result-list div.box div.detail ul.btn li.btn-preview{
	float: left;
	width: 182px;
	height: 35px;
	margin-right: 5px;
}

.search-comic-result-list div.box div.detail ul.btn li.btn-preview a{
	display: block;
	width: 182px;
	height: 35px;
	background-image: url(/common/img/module/product-detail/btn-preview.png);
}

.search-comic-result-list div.box div.detail ul.btn li.btn-preview a img{
	display: none;
}

.search-comic-result-list div.box div.detail ul.btn li.btn-buy{
	float: left;
	width: 182px;
	height: 35px;
}

.search-comic-result-list div.box div.detail ul.btn li.btn-buy a{
	display: block;
	width: 182px;
	height: 35px;
	background-image: url(/common/img/module/product-detail/btn-buy.png);
}

.search-comic-result-list div.box div.detail ul.btn li.btn-buy a img{
	display: none;
}

.search-comic-result-list div.box div.detail ul.btn{
	width: 370px;
	margin-bottom: 10px;
}

/* end 141222*/


@media screen and (max-width:640px) and (min-width: 1px){

	.search-comic-result-list div.box{
		margin: 20px 10px 10px 10px;
		padding-bottom: 10px;
	}

	.search-comic-result-list div.box p.tmb{
		width: 20%;
	}

	.search-comic-result-list div.box p.tmb img{
		max-width: 100%;
	}

	.search-comic-result-list div.box div.detail{
		width: 75%;
	}

/* start 141222 */

	.search-comic-result-list div.box div.detail ul.btn{
		width: auto;
	}

	.search-comic-result-list div.box div.detail ul.btn li.btn-preview{
		float: none;
		width: 80%;
		height: auto;
		margin: 0 auto 5px;
	}

	.search-comic-result-list div.box div.detail ul.btn li.btn-preview a{
		display: block;
		width: auto;
		height: auto;
		background-image: none;
	}

	.search-comic-result-list div.box div.detail ul.btn li.btn-preview a img{
		display: block;
		width: 100%;
	}

	.search-comic-result-list div.box div.detail ul.btn li.btn-buy{
		float: none;
		width: 80%;
		height: auto;
		margin: 0 auto 10px;
	}

	.search-comic-result-list div.box div.detail ul.btn li.btn-buy a{
		display: block;
		width: auto;
		height: auto;
		background-image: none;
	}

	.search-comic-result-list div.box div.detail ul.btn li.btn-buy a img{
		display: block;
		width: 100%;
	}

/* end 141222*/

}

/*-----------------------------------------------------サイト内検索結果リスト*/
/*---------------------------------------------------------------------------*/

.search-google-result-list{
	margin-bottom: 20px;
	border: 1px solid #e0ddd4;
	background: #fff;
}

.search-google-result-list div.box{
	margin: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #e0ddd4;
}

.search-google-result-list div.box p.url{
	margin-bottom: 10px;
	font-size: 120%;
	color: #999900;
}

.search-google-result-list div.box p.tmb{
	float: left;
	width: 82px;
}

.search-google-result-list div.box p.tmb img{
	width: 100%;
}

.search-google-result-list div.box p.txt{
	float: right;
	width: 500px;
}

@media screen and (max-width:640px) and (min-width: 1px){

	.search-google-result-list div.box{
		margin: 10px;
		padding-bottom: 10px;
	}

	.search-google-result-list div.box p.tmb{
		width: 20%;
	}

	.search-google-result-list div.box p.txt{
		width: 75%;
	}

}


/*-------------------------------------------------------------関連作品リスト*/
/*---------------------------------------------------------------------------*/


.relation-list{
	border-top: 1px solid #e0ddd4;
	border-left: 1px solid #e0ddd4;
	border-right: 1px solid #e0ddd4;
	margin-bottom: 20px;
}


.relation-list li{
	background: #fff;
	padding: 10px;
	border-bottom: 1px solid #e0ddd4;
}

.relation-list li:nth-child(even){
	background: #fafafa;
}

@media screen and (max-width:640px) and (min-width: 1px){

	.relation-list li a{
		display: block;
	}

}



/*-------------------------------------------------------------------注目動画*/
/*---------------------------------------------------------------------------*/

section.movie{
	margin-bottom: 20px;
	padding-bottom: 15px;
	background-color: #e5e4e1;
	box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 6px 3px inset;
	-webkit-box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 6px 3px inset;
	-moz-box-shadow:rgba(204, 204, 204, 0.65098) 0px 0px 6px 3px inset;
}

section.movie div.movie-list{
	width: 627px;
	margin: 0 0 20px 0;
}

section.movie div.movie-list div.box{
	width: 184px;
	padding: 0 10px;
}

section.movie div.movie-list div.box p.ti{
	padding-bottom: 5px;
	margin-bottom: 5px;
}

section.movie div.movie-list div.box p.preview{
	text-align: right;
	font-size: 120%;
}

section.movie p.movie-list-link{
	text-align: center;
	width: 610px;
	height: 54px;
	margin: 0 auto;
}

section.movie p.movie-list-link img{
	display: none;
}

section.movie p.movie-list-link a{
	display: block;
	width: 610px;
	height: 54px;
	background-image: url(/common/img/module/movie/btn-list-pc.png);
}

section.movie p.movie-list-link a:hover{
	background-image: url(/common/img/module/movie/btn-list-pc-o.png);
}


section.movie .bx-pager{
	display: none;
}

section.movie .bx-prev{
	left: -30px;
}

section.movie .bx-next{
	right: -30px;
}

@media screen and (max-width:640px) and (min-width: 1px){


	section.movie p.movie-list-link{
		width: auto;
		height: auto;
		padding: 0 10px;
	}

	section.movie p.movie-list-link a{
		width: auto;
		height: auto;
		background: none;
	}

	section.movie p.movie-list-link a:hover{
		background: none;
	}

	section.movie p.movie-list-link img{
		width: 100%;
		display: block;
	}

	section.movie .bx-controls-direction{
		position: relative;
	}

	section.movie .bx-wrapper{
		margin: 0 auto 20px;
	}

	section.movie .bx-prev{
		left: 0;
		top: 3px;
		bottom: auto;
		margin-top: 0;
	}

	section.movie .bx-next{
		right: 0;
		top: 3px;
		bottom: auto;
		margin-top: 0;
	}

	section.movie{
		margin-bottom: 20px;
		padding-bottom: 15px;
		background: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}
}


/*------------------------------------------------------注目動画-階層下ページ*/
/*---------------------------------------------------------------------------*/

div.movie-sub-list{
	margin-right: -10px;
	margin-bottom: 30px;
}

div.movie-sub-list div.box{
	float: left;
	width: 186px;
	margin: 0 10px 10px 0;
	padding: 0 10px;
	border: 1px solid #e0ddd4;
	background-color: #fff;
}

div.movie-sub-list div.box p.tmb{
	line-height: 0;
	padding: 10px 0;
}

div.movie-sub-list div.box p.tmb img{
	width: 100%;
}

div.movie-sub-list div.box p.ti{
	padding-bottom: 5px;
	margin-bottom: 5px;
}

div.movie-sub-list div.box p.preview{
	text-align: right;
	font-size: 120%;
	margin-bottom: 5px;
}

@media screen and (max-width:640px) and (min-width: 1px){

	div.movie-sub-list{
		margin: 0 0 0 5%;
	}

	div.movie-sub-list div.box{
		box-sizing: border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing: border-box;
		width: 45%;
		margin: 0 5% 5% 0;
	}

	div.movie-sub-list div.box p.tmb img{
		width: 100%;
	}

}

/*------------------------------------------------------youtube公式チャンネル*/
/*---------------------------------------------------------------------------*/

div.youtube-ch-list{
	margin-right: -10px;
}

div.youtube-ch-list div.box{
	float: left;
	width: 295px;
	padding: 10px;
	border: 1px solid #e0ddd4;
	margin: 0 10px 10px 0;
	background-color: #fff;
}

div.youtube-ch-list div.box p.tmb{
	width: 100px;
	height: 100px;
	float: left;
}

div.youtube-ch-list div.box div.detail{
	float: right;
	width: 185px;
}

div.youtube-ch-list div.box div.detail p.ti{
	margin-bottom: 5px;
}

div.youtube-ch-list div.box div.detail p.txt{
	margin-top: 5px;
	font-size: 120%;
}

@media screen and (max-width:640px) and (min-width: 1px){

	div.youtube-ch-list{
		margin-right: 0;
	}

	div.youtube-ch-list div.box{
		float: none;
		width: auto;
		margin: 0 5% 5% 5%;
	}

	div.youtube-ch-list div.box p.tmb{
		width: 30%;
		height: auto;
	}

	div.youtube-ch-list div.box p.tmb img{
		width: 90%;
	}

	div.youtube-ch-list div.box div.detail{
		width: 70%;
	}

}

/*-------------------------------------------------------------------製品詳細*/
/*---------------------------------------------------------------------------*/

.product-detail{
	margin-bottom: 20px;
	border: 1px solid #e0ddd4;
	background: #fff;
}

.product-detail .product-wrap{
	padding: 20px;
}


.product-relation li{
	padding-left: 90px;
	background-size: 82px 17px;
	background-repeat: no-repeat;
	background-position: left top;
}

.product-relation li.news{
	background-image: url(/common/img/module/product-detail/icon-news.png);
}

.product-relation li.event{
	background-image: url(/common/img/module/product-detail/icon-event.png);
}

.product-relation li.present{
	background-image: url(/common/img/module/product-detail/icon-present.png);
}

.product-relation li.rookie{
	background-image: url(/common/img/module/product-detail/icon-rookie.png);
}

.product-relation li.assistant{
	background-image: url(/common/img/module/product-detail/icon-assistant.png);
}

.product-relation li.info{
	background-image: url(/common/img/module/product-detail/icon-info.png);
}

.product-relation li.recruiting{
	background-image: url(/common/img/module/product-detail/icon-recruiting.png);
}

.product-relation li.sorry{
	background-image: url(/common/img/module/product-detail/icon-sorry.png);
}

.product-relation li.relation-link{
	background-image: url(/common/img/module/product-detail/icon-link.png);
}

.product-relation li.add{
	background-image: url(/common/img/module/product-detail/icon-add.png);
}

.product-detail .product-wrap div.icon-wrap{
	position: absolute;
	top: -11px;
	left: 20px;
}

.product-detail .product-wrap div.icon-wrap span.icon-complete{
	display: inline-block;
	background-image: url(/common/img/module/product-detail/icon-complete.png);
	background-size: 80px 30px;
	width: 80px;
	height: 30px;
	margin-right: 2px;
}

.product-detail .product-wrap div.icon-wrap span.icon-degital{
	display: inline-block;
	background-image: url(/common/img/module/product-detail/icon-degital.png);
	background-size: 80px 30px;
	width: 80px;
	height: 30px;
	margin-right: 2px;
}


.product-detail h1{
	font-size: 260%;
	border-bottom: 1px dotted #e0ddd4;
	margin-bottom: 10px;
}

.product-detail p.kana{
	color: #666;
}

.product-detail p.author{
	margin-bottom: 10px;
}

.product-detail div.box-left{
	float: left;
	width: 212px;
}

.product-detail div.box-left p img{
	max-width: 100%;
}


.product-detail div.box-left p.tmb{
	line-height: 0;
	margin-bottom: 5px;
	text-align: center;
}

.product-detail div.box-left p.btn-detail{
	width: 212px;
	height: 35px;
	margin-bottom: 5px;
}

.product-detail div.box-left p.btn-detail a{
	display: block;
	width: 212px;
	height: 35px;
	background-image: url(/common/img/module/product-detail/btn-detail.png);
}

.product-detail div.box-left p.btn-detail img{
	display: none;
}

.product-detail div.box-left p.btn-mail{
	width: 212px;
	height: 65px;
	margin-bottom: 5px; /* 201502 */
}

.product-detail div.box-left p.btn-mail a{
	display: block;
	width: 212px;
	height: 65px;
	background-image: url(/common/img/module/product-detail/btn-mail.png);
}

.product-detail div.box-left p.btn-mail img{
	display: none;
}

/* 201502 start */

.product-detail div.box-left p.btn-booklist{
	margin-bottom: 10px;
}

.product-detail div.box-left p.btn-booklist a{
	display: block;
	width: 212px;
	height: 35px;
	background-image: url(/common/img/module/product-detail/btn-booklist.png);
}

.product-detail div.box-left p.btn-booklist img{
	display: none;
}

/* 201502 end */

.product-detail div.detail{
	float: right;
	width: 370px;
}

.product-detail .product-wrap div.txt{
	margin-bottom: 20px;
}


.product-detail div.detail p.txt{
	margin-bottom: 10px;
}


.product-detail div.detail ul.data li{
	display: inline-block;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #e0ddd4;
	margin-right: 10px;
}

.product-detail div.detail ul.btn li.btn-preview{
	float: left;
	width: 182px;
	height: 35px;
	margin-bottom: 5px;
}

.product-detail div.detail ul.btn li.btn-preview a{
	display: block;
	width: 182px;
	height: 35px;
	background-image: url(/common/img/module/product-detail/btn-preview.png);
}

.product-detail div.detail ul.btn li.btn-preview a img{
	display: none;
}

.product-detail div.detail ul.btn li.btn-buy{
	float: right;
	width: 182px;
	height: 35px;
	margin-bottom: 5px;
}

.product-detail div.detail ul.btn li.btn-buy a{
	display: block;
	width: 182px;
	height: 35px;
	background-image: url(/common/img/module/product-detail/btn-buy.png);
}

.product-detail div.detail ul.btn li.btn-buy a img{
	display: none;
}

/* 書店在庫 */
.product-detail div.detail ul.btn li.btn-stock{
	clear: both;
	float: right;
	width: 182px;
	height: 35px;
}
.product-detail div.detail ul.btn li.btn-stock a{
	display: block;
	width: 182px;
	height: 35px;
	background-image: url(/common/img/module/product-detail/btn-stock.png);
}
.product-detail div.detail ul.btn li.btn-stock a img{
	display: none;
}


.product-detail div.detail ul.btn{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #e0ddd4;
}

.product-detail div.detail ul.other{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #e0ddd4;
}

.product-detail div.detail ul.other li{
	color: #666;
	font-size: 120%;
}

.product-detail div.detail ul.social{
/*	width: 310px; 2015.09.29 Nunomura */
	width:270px;
	margin-left: auto;
	margin-right: 0;
}

.product-detail div.detail ul.social li{
	float: left;
	line-height: 0;
}

.product-detail div.detail ul.social li.twitter{
/*	width: 110px; 2015.09.29 Nunomura */
	width:90px;
}

.product-detail div.detail ul.social li.facebook{
	width: 90px;
}

.product-detail div.detail ul.social li.hatena{
/*	width: 110px; 2015.09.29 Nunomura */
	width:90px;
}

.product-detail div.detail ul.social li.line{
	display: none;
}


.product-detail ul.social-sub{
/*	width: 310px; 2015.09.29 Nunomura */
	width:270px;
	margin-left: auto;
	margin-right: 0;
}

.product-detail ul.social-sub li{
	float: left;
	line-height: 0;
}

.product-detail ul.social-sub li.twitter{
/*	width: 110px; 2015.09.29 NUnomura */
	width:90px;
}

.product-detail ul.social-sub li.facebook{
	width: 90px;
}

.product-detail ul.social-sub li.hatena{
/*	width: 110px; 2015.09.29 Nunomura */
	width:90px;
}

.product-detail ul.social-sub li.line{
	display: none;
}

@media screen and (max-width:640px) and (min-width: 1px){

	.product-detail .product-wrap div.icon-wrap{
		left: 10px;
	}

	.product-detail .product-wrap{
		padding: 20px 10px 10px 10px;
	}

	.product-detail h1{
		font-size: 180%;
	}

	.product-detail div.box-left{
		width: 28%;
	}

	.product-detail div.box-left p.tmb img{
		width: 100%;
	}

	.product-detail div.detail{
		width: 70%;
	}

	.product-detail div.detail ul.data{
		border-bottom: 1px dotted #e0ddd4;
		margin-bottom: 5px;
		padding-bottom: 5px;
	}

	.product-detail div.detail ul.data li{
		border: none;
		margin-bottom: 0;
		padding-bottom: 0;
		margin-right: 0;
	}

	.product-detail div.box-left p.btn-detail{
		width: auto;
		height: auto;
	}
	.product-detail div.box-left p.btn-detail a{
		width: auto;
		height: auto;
		background: none;
	}
	.product-detail div.box-left p.btn-detail img{
		display: block;
		width: 100%;
	}


	.product-detail div.box-left p.btn-mail{
		width: auto;
		height: auto;
	}
	.product-detail div.box-left p.btn-mail a{
		width: auto;
		height: auto;
		background: none;
	}
	.product-detail div.box-left p.btn-mail img{
		display: block;
		width: 100%;
	}

	/* 201502 start */

	.product-detail div.box-left p.btn-booklist{
		width: auto;
		height: auto;
	}
	.product-detail div.box-left p.btn-booklist a{
		width: auto;
		height: auto;
		background: none;
	}
	.product-detail div.box-left p.btn-booklist img{
		display: block;
		width: 100%;
	}

	/* 201502 end */


	.product-detail div.detail ul.btn li.btn-preview{
		float: none;
		width: 80%;
		height: auto;
		margin: 0 auto 5px;
	}

	.product-detail div.detail ul.btn li.btn-preview a{
		display: block;
		width: auto;
		height: auto;
		background-image: none;
	}

	.product-detail div.detail ul.btn li.btn-preview a img{
		display: block;
		width: 100%;
	}

	.product-detail div.detail ul.btn li.btn-buy{
		float: none;
		width: 80%;
		height: auto;
		margin: 0 auto 5px;
	}

	.product-detail div.detail ul.btn li.btn-buy a{
		display: block;
		width: auto;
		height: auto;
		background-image: none;
	}

	.product-detail div.detail ul.btn li.btn-buy a img{
		display: block;
		width: 100%;
	}

	/* 書店在庫 */

	.product-detail div.detail ul.btn li.btn-stock{
		float: none;
		width: 80%;
		height: auto;
		margin: 0 auto 10px;
	}

	.product-detail div.detail ul.btn li.btn-stock a{
		display: block;
		width: auto;
		height: auto;
		background-image: none;
	}

	.product-detail div.detail ul.btn li.btn-stock a img{
		display: block;
		width: 100%;
	}

	.product-detail div.detail ul.social{
		width: auto;
	}

	.product-detail div.detail ul.social li{
		float: none;
		margin-bottom: 10px;
	}


	.product-detail ul.social-sub{
		width: auto;
		margin: 0 0 10px 0;
		padding-top: 10px;

	}

	.product-detail ul.social-sub li{
		float: none;
		line-height: 0;
		margin-bottom: 10px;
	}

	.product-detail ul.social-sub li.twitter{
/* 		width: 110px; 2015.09.29 Nunomura */
		width:90px;
	}

	.product-detail ul.social-sub li.facebook{
		width: 90px;
	}

	.product-detail ul.social-sub li.hatena{
		width: 110px;
	}

	.product-detail ul.social-sub li.line{
		display: block;
	}

}

/*-----------------------------------------------------------------雑誌リスト*/
/*---------------------------------------------------------------------------*/

.series-list{
	margin-bottom: 20px;
}

.series-list div.box{
	width: auto;
	padding: 10px;
	border: 1px solid #e0ddd4;
	background-color: #fff;
	margin-bottom: 10px;
}

.series-list div.box p{
	font-size: 120%;
	line-height: 1.2;
}

.series-list div.box p.logo{
	width: 154px;
	float: left;
}
.series-list div.box p.logo img {
	width: 100%;
}

.series-list div.box div.detail{
	width: 429px;
	float: right;
}

.series-list div.box div.detail h3{
	font-size: 300%;
}

.series-list div.box div.detail ul.item li{
	display: inline-block;
	margin-right: 10px;
	vertical-align: bottom;
}

.series-list div.box div.detail ul.item li.published a{
	display: block;
	width: 138px;
	height: 29px;
	background-image: url(/common/img/module/label/btn-published.png);
}

.series-list div.box div.detail ul.item li.published a:hover{
	background-image: url(/common/img/module/label/btn-published-o.png);
}

.series-list div.box div.detail ul.item li.release{
	font-weight: bold;
	font-size: 180%;
}

.series-list div.box div.detail ul.item li.code{
	color: #666666;
	font-size: 120%;
}

@media screen and (max-width:640px) and (min-width: 1px){

	.series-list div.box p.logo{
		width: 30%;
		height: auto;
		text-align: center;
		margin-right: 3%;
	}

	.series-list div.box p.logo img{
		max-width: 100%;
	}

	.series-list div.box div.detail h3{
		font-size: 180%;
	}

	.series-list div.box div.detail ul.item li.release{
		font-size: 140%;
	}

	.series-list div.box div.detail{
		width: 65%;
	}

	.series-list div.box div.detail ul.item li{
		display: block;
	}

	.series-list div.box div.detail ul.item {
		margin-bottom: 10px;
	}

	.series-list div.box{
		padding: 10px;
	}

	.series-list div.box div.detail ul.item li.published{
		width: 99px;
		height: 31px;
	}


	.series-list div.box div.detail ul.item li.published a{
		display: block;
		width: 99px;
		height: 31px;
		background-image: url(/common/img/module/label/btn-published-sp.png);
		background-size: 99px 31px;
	}

	.series-list div.box div.detail ul.item li.published a:hover{
		background-image: url(/common/img/module/label/btn-published-sp.png);
	}

}

/*-------------------------------------------------------------メディアリスト*/
/*---------------------------------------------------------------------------*/

.media-list{
	margin-bottom: 20px;
}

.media-list div.box{
	width: auto;
	padding: 20px;
	border: 1px solid #e0ddd4;
	background-color: #fff;
	margin-bottom: 10px;
}

.media-list div.box div.tmb{
	width: 105px;
	float: left;
}

.media-list div.box div.tmb img{
	width: 105px;
}

.media-list div.box div.detail{
	width: 478px;
	float: right;
}

.media-list div.box div.detail p.author{
	color: #999;
	font-size: 120%;
	border-bottom: 1px dotted #c8c8ba;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.media-list div.box div.detail .about{
	font-weight: bold;
	border-bottom: 1px dotted #c8c8ba;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

@media screen and (max-width:640px) and (min-width: 1px){

	.media-list div.box{
		padding: 10px;
	}

	.media-list div.box div.tmb{
		width: 25%;
		margin-bottom: 10px;
	}

	.media-list div.box div.detail{
		width: 70%;
	}

	.media-list div.box div.tmb img{
		width: auto;
		max-width: 100%;
	}

}


/*-------------------------------------------------------------------検索結果*/
/*---------------------------------------------------------------------------*/

div.search-result p.num{
	margin-bottom: 10px;
	font-size: 200%;
	font-weight: bold;
}

div.search-result div.preview{
	margin-bottom:20px;
	padding:20px;
	border:1px solid #e0ddd4;
	background: #fff;
}


@media screen and (max-width:640px) and (min-width: 1px){

	div.search-result div.preview{
		padding:10px;
	}

}

/*---------------------------------------------------------------ページトップ*/
/*---------------------------------------------------------------------------*/

.pagetop {
	position: fixed;
	right: -4px;
	bottom: 40px;
	width: 160px;
	height: auto;
}

.pagetop img {
	width: 100%;
}

@media screen and (max-width:640px) and (min-width: 1px){

	.pagetop {
		display: block;
		position: absolute;
		left: 0%;
		bottom: auto;
		margin: 50px auto 0 auto;
		width: 140px;
		height: auto;
	}
}

/*-----------------------------------------------------------------三角リンク*/
/*---------------------------------------------------------------------------*/

a.link-arrow {
	padding-left: 10px;
	background-image: url(/common/img/module/link-arrow/arrow.png);
	background-position: left center;
	background-repeat: no-repeat;
}


/*-----------------------------------------------------------サムネ用アイコン*/
/*---------------------------------------------------------------------------*/
div.tmb-icon{
	position: absolute;
	top: -2px;
	left: 1px;
	z-index: 100;
	width: 100%;
	text-align: center;
}

div.tmb-icon span.icon-degital{
	display: inline-block;
	background-image: url(/common/img/module/icon/tmb-degital.png);
	background-size: 64px 19px;
	width: 64px;
	height: 19px;
}

div.tmb-icon span.icon-complete{
	display: inline-block;
	background-image: url(/common/img/module/icon/tmb-complete.png);
	background-size: 64px 19px;
	width: 64px;
	height: 19px;
}


/*-----------------------------------------------------------ブランクアイコン*/
/*---------------------------------------------------------------------------*/

span.blank{
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-left: 5px;
	background-image: url(/common/img/module/blank/icon-blank.png);
	vertical-align: baseline;
}
span.blank02{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 5px;
	background-image: url(/common/img/module/blank/icon-blank02.png);
	vertical-align: baseline;
}

/*-------------------------------------------------------------------画像置換*/
/*---------------------------------------------------------------------------*/

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

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

section:after,
div#main:after,
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

section,
div#main,
.clearfix {
	min-height: 1px;
}

* html section,
* html div#main,
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}