@charset "utf-8";

/* =======================================

	図書カードの種類
		1.INDEX

======================================= */

#Contents-flex h2 {
	background:url(../common/images/title/h2_card_bg.gif) no-repeat bottom left;
	height: 58px;
	font-family:'Lucida Grande', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	padding-left: 54px;
	padding-top: 1px;
	font-size: 174%;
	font-weight:normal;
}

.entry {
	text-align:center;
	margin:0 4px 0 18px;
}

.entry p.lead { line-height:180%; }
.entry p strong { color:#C94803; }

.entry h3 {
	background:url(../common/images/line/line_dot_04.gif) no-repeat bottom;
	padding:0 10px 8px 15px;
	margin:30px 0 20px 0;
	clear:both;
}

/* 1.INDEX */

.entry h4 {
	margin:0 0 15px 0;
}

.cardtype {
	display:block;
	position:relative;
	/* margin:0 0 0 9.0%; */
	padding: 0 auto;
	text-align:center;
	background:url(images/line_toshocard_01.gif) repeat-y top right;
}

.cardtype dt {
	margin:0 auto 1.4% auto;
}

.cardtype dd {
	line-height:160%;
	font-size:85%;
	margin:0 auto 0 auto;
	padding-bottom:3.5%;
	text-align:left;
}

.cardtype dd.lastpeter { padding-bottom:225px; }
.cardtype dd.lastmeiga { padding-bottom:70px; }
.cardtype dd.lastpage { padding-bottom:398px; }

.cardtype dd em {
	color:#F24B13;
	font-style:normal;
}

.dd-small {	font-size:75%; line-height:130%; }
.noline { background:none; }


/* 限定カード　ノーマル時 */

.entry .announce {
	background:url(images/bg_limitation.jpg) no-repeat center 20px;
	text-align:center;
	padding:50px 0 20px 0;
	height:100px;
	margin-bottom:300px;
	border:1px solid #FBC8B7;
	line-height:180%;
	font-weight:bold;
}

/* 限定カード　2種以上告知時 */

.entry .announce02 {
	background:url(images/bg_limitation02.gif) no-repeat top right;
	text-align:center;
	padding:60px 0 20px 0;
	margin-bottom:30px;
	overflow:hidden;
}

.bnr-limited { padding-right:20px; }

/* 限定カード　ワンピース */

.op-comment ul.present {
	margin-top:20px;
	padding-left:10px;
}

.op-comment ul.present li {
	list-style-image:url(images/op/list_circle.gif) ;
	line-height:140%;
	margin-bottom:15px;
	margin-left:12px;
	_margin-left:0;
}

.op-comment ul.present li span { font-size:85%; }

/* 限定カード　柴犬 */

.entry-shiba {
	margin:0 16px 0 12px;
	position:relative;
	/*background:#FFE44D;*/
}

.entry-shiba .lead {
	line-height:180%;
	color:#023793;
	padding:30px 15px 15px 30px;
	/*float:left;
	width:62%;*/
}

.entry-shiba h3 {
	width:100%;
	text-align:center;
}

.entry-shiba .sale {
	float:right;
	width:24%;
	padding:30px 15px 0 0;
}

.entry-shiba .sale:after {
	content:"";
	clear:both;
}

/*.entry-shiba img { margin:0; !important padding:0; !important } */


.shiba-comment ul.present {
	padding-top:20px;
	padding-left:30px;
}

.shiba-comment ul.present li {
	list-style-image:url(images/2015shiba/list_circle.png) ;
	line-height:140%;
	margin-bottom:15px;
	margin-left:12px;
	_margin-left:0;
}

.shiba-comment ul.present li span { font-size:85%; }

.shiba03 {
	border-radius: 8px;
	padding: 30px;
	text-align:center;
	position: relative;
	background: transparent url("http://hello.toshocard.com/images/main_bg_1.png") repeat scroll center 0px / 60px 48px;
	overflow:hidden;
}

p.tokuten {
	float:left;
	padding-left:30px;
	width: 45%;
}

p.bookcover {
	position: absolute;
	right: 0px;
	bottom: -8px;
	width: 45%;
}

p.bookcover img {
	position: absolute;
	right: 20px;
	bottom: 0px;
}

img.main {
	margin-top:-3px;
	width:80%;
}

/* 限定カード　巨人 */

.entry-kyojin p.lead {
	line-height:180%;
	margin:15px;
	text-align:center;
	color:#FFF;
}

.entry-kyojin h3 { margin:0; }
.entry-kyojin {
	margin:0 4px 0 4px;
	background:#000;
	text-align:center;
	color:#FFF;
}

.entry-kyojin img.card { margin:0 auto; text-align:center; }


.kyojin-comment ul.present {
	margin-top:20px;
	padding-left:12px;
}

.kyojin-comment ul.present li {
	list-style:disc;
	line-height:140%;
	margin-bottom:15px;
	margin-left:12px;
	_margin-left:0;
}

.kyojin-comment ul.present li span { font-size:85%; }


/* 限定カード　柴犬2017 */

.entry-shiba article { text-align:center !important; }
.cardimg { margin-top:20px; }
.cardcnt { margin-top:40px; }

h3.shiba2018 {
	/*background:url(images/shiba2018/bg_h3.gif) no-repeat;
	background-size:contain;*/
	overflow:hidden;
	text-align:center;
	/*padding-top:34%;*/
}

.special {
	background:url(images/shiba2018/bg_tokuten.jpg) no-repeat;
	background-size:contain;
	overflow:hidden;
	text-align:center;
	padding:5em 8% 3% 10%;
	margin-top:40px;
}

.special div {
	float:left;
	width:49%
}

.special div.Ri {
	float:left;
	width:50%
}

.guide {
	/*background:url(images/shiba2018/bg_guide.gif) no-repeat;
	background-size:contain;*/
	overflow:hidden;
	text-align:center;
	margin-top:1em;
	/*margin-top:40px;*/
}

.cardimg-sp,
.cardimg-sp02 {
	margin-bottom:30px;
	background-size:contain !important; }
	
.cardimg-sp {
	background:url(images/shiba2018/sp_bg_01.gif) no-repeat; }
	
.cardimg-sp02 { background:url(images/shiba2018/sp_bg_02.gif) no-repeat; }

.special-sp {
	overflow:hidden;
	text-align:center;
}

.special-sp img { display:block; }

.guide-sp { margin-top:20px; }




/*-----------------------------------------------------	*/
/*	for - 639px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 640px) {
	.entry .announce {
	margin-bottom:10px;
	}
	
	.shiba03 {
	padding:15px;
	}
	
	p.tokuten,
	p.bookcover {
	width:37%;
	}
	
	p.bookcover {
	right: 0px;
	}
	h3.shiba2018 {
	/*background:url(images/shiba2018/sp_bg_h3.gif) no-repeat;
	background-size:contain;*/
	overflow:hidden;
	padding-top:4%;
	}

}

@media screen and (min-width: 481px) {
	img.spvis {
	display:none;
	}

}


@media screen and (max-width: 480px) {

	.cardtype {
	display:block;
	position:relative;
	padding-top:5%;
	margin:auto;
	width:95%;
	text-align:center;
	background:url(../common/images/line/line_dot_03.gif) repeat-x bottom;
	}
	
	.cardtype dd.lastpeter,
	.cardtype dd.lastmeiga,
	.cardtype dd.lastpage,
	.cardtype dd.last500 { padding-bottom:36px; }

	div.dot-line {
	display:none;
	}
	
	.pt10 { padding-top:5%;}
	
	.entry {
	margin:0 4px 0 4px;
	}
	
	.bnr-limited { padding-right:0; padding-bottom:15px; }
	
	img.pcvis {
	display:none;
	}
	
	.entry-shiba h3 {
	width:100%;
	}
	
	
}