@charset "UTF-8";

/*----------------------------------------------------------ページ別レイアウト*/
/*----------------------------------------------------------------------------*/
.mBtn {
 width:14px;
 height:16px;
 margin:0 4px 0 0;
 vertical-align: text-top;
}

/*試し読み注意文言*/
p.cau {
	padding:0 0 4px 0;
	font-size:11px;
	color:#900;
	line-height:1.4;
	text-align:center;
}

/*----------------------------------------------------------------------------*/
.readList .tameshoyomi {
	width: 300px;
	margin: 0 auto;
zoom: 1;
}
/*回り込みクリア*/
.readList .tameshoyomi:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
/*DW*/
.readList .tameshoyomi + * {
	clear: both;
}
/*----------------------------------------------------------------------------*/
.tameshoyomi li {
	width: 145px;
	margin: 0 0 50px 0;
	font-size: 12px;
	text-align: center;
	float: left;
}
.tameshoyomi li .book {
	width: 116px;
	height: 176px;
	background: url(../_image/bookBG.png) no-repeat;
	margin: 0 auto;
	padding: 4px;
}
/*書影サイズ固定*/
.tameshoyomi li .book img {
	width: 116px;
	height: 176px;
}
/*----------------------------------------------------------------------------*/
.tameshoyomi ul li strong {
	display: block;
		width: 122px;
		margin:0 auto;
		padding:4px 0 0 0;
		line-height:1;
	font-weight: bold;
}
.tameshoyomi ul li em {
	display: block;
		width: 122px;
	font-weight: bold;
		width: 116px;
		margin:8px auto 0;
				line-height:1.4;
}

.tameshoyomi h4 {
	padding:0 0 4px 0;
}

/*----------------------------------------------------------------------------*/
.icon {
 width:306px;
 margin:0 auto;
zoom: 1;
}
/*回り込みクリア*/
.icon:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
/*DW*/
.icon + * {
	clear: both;
}
.icon img {
 width:72px;
 margin:2px;
 float:left;
}



.sidr {
 display:none;
 position:absolute;
 position:fixed;
 top:0;
 height:100%;
 z-index:999999;
 width:200px;
 overflow-x:none;
 overflow-y:auto;
 font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
 font-size:15px;
 background:#333;
 color:#fff;
 -webkit-box-shadow:inset 0 0 5px 5px #222;
 -moz-box-shadow:inset 0 0 5px 5px #222;
 box-shadow:inset 0 0 5px 5px #222
}

.sidr .sidr-inner {
 padding:0 0 15px
}

.sidr .sidr-inner>p {
 margin-left:15px;
 margin-right:15px
}

.sidr.right {
 left:auto;
 right:-260px
}

.sidr.left {
 left:-260px;
 right:auto
}

.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 {
 font-size:11px;
 font-weight:normal;
 padding:0 15px;
 margin:0 0 5px;
 color:#fff;
 line-height:24px;
 background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
 background-image:-webkit-linear-gradient(#4d4d4d, #1a1a1a);
 background-image:-moz-linear-gradient(#4d4d4d, #1a1a1a);
 background-image:-o-linear-gradient(#4d4d4d, #1a1a1a);
 background-image:linear-gradient(#4d4d4d, #1a1a1a);
 -webkit-box-shadow:0 5px 5px 3px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:0 5px 5px 3px rgba(0, 0, 0, 0.2);
 box-shadow:0 5px 5px 3px rgba(0, 0, 0, 0.2)
}

.sidr p {
 font-size:13px;
 margin:0 0 12px
}

.sidr p a {
 color:rgba(255, 255, 255, 0.9)
}

.sidr>p {
 margin-left:15px;
 margin-right:15px
}

.sidr ul {
 display:block;
 margin:0 0 15px;
 padding:0;
 border-top:1px solid #1a1a1a;
 border-bottom:1px solid #4d4d4d
}

.sidr ul li {
 display:block;
 margin:0;
 line-height:48px;
 border-top:1px solid #4d4d4d;
 border-bottom:1px solid #1a1a1a
}

.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
 border-top:none;
 line-height:49px
}

.sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span {
 -webkit-box-shadow:inset 0 0 15px 3px #222;
 -moz-box-shadow:inset 0 0 15px 3px #222;
 box-shadow:inset 0 0 15px 3px #222
}

.sidr ul li a, .sidr ul li span {
 padding:0 15px;
 display:block;
 text-decoration:none;
 color:#fff
}

.sidr ul li ul {
 border-bottom:none;
 margin:0
}

.sidr ul li ul li {
 line-height:40px;
 font-size:13px
}

.sidr ul li ul li:last-child {
 border-bottom:none
}

.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
 border-top:none;
 line-height:41px
}

.sidr ul li ul li:hover>a, .sidr ul li ul li:hover>span, .sidr ul li ul li.active>a, .sidr ul li ul li.active>span, .sidr ul li ul li.sidr-class-active>a, .sidr ul li ul li.sidr-class-active>span {
 -webkit-box-shadow:inset 0 0 15px 3px #222;
 -moz-box-shadow:inset 0 0 15px 3px #222;
 box-shadow:inset 0 0 15px 3px #222
}

.sidr ul li ul li a, .sidr ul li ul li span {
 color:rgba(255, 255, 255, 0.8);
 padding-left:30px
}

.sidr form {
 margin:0 15px
}

.sidr label {
 font-size:13px
}

.sidr input[type="text"], .sidr input[type="password"], .sidr input[type="date"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="number"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="time"], .sidr input[type="url"], .sidr textarea, .sidr select {
 width:100%;
 font-size:13px;
 padding:5px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 margin:0 0 10px;
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 -ms-border-radius:2px;
 -o-border-radius:2px;
 border-radius:2px;
 border:none;
 background:rgba(0, 0, 0, 0.1);
 color:rgba(255, 255, 255, 0.6);
 display:block;
 clear:both
}

.sidr input[type=checkbox] {
 width:auto;
 display:inline;
 clear:none
}

.sidr input[type=button], .sidr input[type=submit] {
 color:#333;
 background:#fff
}

.sidr input[type=button]:hover, .sidr input[type=submit]:hover {
 background:rgba(255, 255, 255, 0.9)
}


/*スマホトップ大バナー*/

#spbigbnr img {
	display:block;
	margin:10px auto;
	width:96%;
}


/*-------------------------------------------------------------------テキスト*/
/*----------------------------------------------------------------hr*/

.hrtxt {
	display: inline-block;
	border-bottom: 1px solid #333;
	width:30px;
	margin: 0 1px;
}