@charset "shift_jis";

/* --------------------------------
絵本ナビ　絵本紹介ページに関わる設定
※現状style属性直接設定・他のCSSファイル等に散在している設定を徐々に当ファイルへ集約
-------------------------------- */

.ehon00 h1 { font-size: 17px; }
.ehon00 div.category { margin:0 0 10px; }
.ehon00 div.category ul li{ float:left;margin:0 5px 0 0; line-height:14px; }
.ehon00 div.category ul li img{ vertical-align:bottom; }

.ehon00 p.commentRecruitment span{ border:#960 1px solid; padding:1px 5px; font-size:83.3%; color:#960; }
.ehon00 p.commentRecruitment span a{ color:#960; text-decoration: none; }
.m_checkButton_ehon { }
.m_checkButton_ehon .checkButton { float: left; }
.m_checkButton_ehon span { float: left; line-height: 20px; font-size: 12px; }
.m_checkButton_ehon img { border: none; }

.m_checkButton_ehon a:hover img{ opacity:0.65; filter: alpha(opacity=65); }

.m_browseAllButton { margin-bottom: 8px; }
.m_browseAllButton li { margin-bottom: 4px; }
.m_browseAllButton li img { vertical-align: bottom; border: none; }

.m_utilButton li { margin-bottom: 6px; }
.m_utilButton li img { vertical-align: bottom; border: none; }

.clubBnr { margin-top: 4px; }
.clubBnr2 { margin-top: 4px; margin-bottom: 4px;}

.ehonBasicInfo { width: 180px; line-height: 1.5 }
.ehonBasicInfo .editorRecommend { margin-top: 20px; }


/* この作品が含まれる特集 */
.m_includedSpecialContents { width: 630px; padding-top: 10px; }
.m_includedSpecialContents p { font-size: 12px !important; color: #666; }
.m_includedSpecialContents ul { border: 1px solid #e1e1e1; padding: 10px; }
/*CF*/.m_includedSpecialContents ul { /zoom :1; }
/*CF*/.m_includedSpecialContents ul:after { content:'';display:block;clear:both; }
.m_includedSpecialContents ul li { float: left; margin-right: 10px; }
.m_includedSpecialContents ul li a { display: block; font-size: 12px !important; word-break: keep-all; }


.m_includedSpecialContents ul li.stylelink {
	float: none;
	position : relative ;
	padding : 2px 0 2px 14px ;
}


.m_includedSpecialContents ul li.stylelink:before {
	position : absolute ;
	content : " ";
	width: 0;
	height: 0;
	left : 1px ;
	top : 50% ;
	margin-top : -5px ;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 6px;
	border-color: transparent transparent transparent #ff9900;
}
.m_includedSpecialContents ul li.stylelink:after {
	position : absolute ;
	content : " ";
	width: 0;
	height: 0;
	left : -1px ;
	top : 50% ;
	margin-top : -5px ;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 6px;
	border-color: transparent transparent transparent #fff;
}









.m_cartboxtop { background-image: url(../_img/ehonnavi_ehon/cartbox_top.png);background-repeat:no-repeat;width:630px;height:4px;}
.m_cartboxdtl { background-image: url(../_img/ehonnavi_ehon/cartbox_dtl.png);background-repeat:repeat-y; vertical-align: middle;}
.m_cartboxbtm { background-image: url(../_img/ehonnavi_ehon/cartbox_btm.png);background-repeat:no-repeat;width:630px;height:4px;}

.m_cartboxdtl .cartboxL { width:320px; float:left; margin: 10px 0 0 20px; }
.m_cartboxdtl .cartboxR { width:260px; float:right; margin: 10px 0 0 0; padding: auto 5px auto 20px; }

.m_cartboxdtl .cartboxL p {  margin: 0 0 0 0; }
.m_cartboxdtl .cartboxL span.price {  font-size: 14px;  }
.m_cartboxdtl .cartboxL span.price_amount {  font-size: 14px;  }
.m_cartboxdtl .cartboxL span.price2 { font-size: 12px; color:#777777; }
.m_cartboxdtl .cartboxL span.priceComment { font-size: 12px;}
.m_cartboxdtl .cartboxL span.priceComment2 { font-size: 12px; font-weight:normal; color:grey }

td.m_list12 .ehonCart{
	margin : 15px 0 0 ;
	padding : 4px ;
	background : url("../_img/ehonnavi_ehon/bg_cart.gif") left top repeat ;
	border-radius : 3px ;
}
td.m_list12 .ehonCart img{
	vertical-align : bottom ;
}
td.m_list12 .ehonCart a.premium{
	font-weight : bold ;
	color : #f60 ;
}
td.m_list12 .ehonCart .inner{
	padding : 10px ;
	background : #fff ;
}
td.m_list12 .ehonCart .inner .stock_mark_wrap p{
	margin: 0 0 5px 0;
}
td.m_list12 .ehonCart .inner .stock_mark_wrap .stock_mark{
	float: left;
}
td.m_list12 .ehonCart .inner .stock_mark_wrap .stock_msg{
	float: left;
	font-size: 17px;
}
td.m_list12 .ehonCart .inner .stock_mark_wrap .stock_msg p{
	font-size: 17px;
	margin: 2px 0 0 5px;
}
td.m_list12 .ehonCart .inner p.price{
	margin : 0 0 10px ;
	padding : 0 ;
	background : #fff ;
	font-size : 116.7% ;
}
td.m_list12 .ehonCart .inner p.price strong{
	font-weight : bold ;
}
td.m_list12 .ehonCart .inner p.price span{
	font-size : 71.4% ;
}
td.m_list12 .ehonCart .inner ul.dispatch{
	margin : 0 ;
	padding : 0 0 5px ;
}

td.m_list12 .ehonCart .inner ul.dispatch li.soldOut span{
	font-size : 83.3% ;
	color : #c00 ;
}
td.m_list12 .ehonCart .inner ul.dispatch li.soldOut a{
	font-weight : bold ;
}
td.m_list12 .ehonCart .inner form{
	margin : 0 ;
	padding : 0 ;
}
td.m_list12 .ehonCart .inner form p{
	margin : 0 0 10px ;
}
td.m_list12 .ehonCart .inner form p.stock{
	margin : 0 ;
	font-size : 87.5% ;
	color : #666 ;
	line-height : 14px ;
}
td.m_list12 .ehonCart .inner form p.stock span{
	font-weight : bold ;
}
td.m_list12 .ehonCart .inner form p.stock span strong{
	color : #f60 ;
}
td.m_list12 .ehonCart .inner ul.help{
	padding : 10px 0 0 ;
	border-top : #EBD8C5 1px solid ;
}
td.m_list12 .ehonCart .inner ul.help li{
	float : left ;
	margin : 0 10px 0 0 ;
	padding : 0 0 0 10px ;
	background : url("../_img/ehonnavi_ehon/ico_cart_help.gif") left center no-repeat ;
}
td.m_list12 .ehonCart .schedule{
	margin : 0 0 10px ;
	padding : 0 0 5px ;
	border-bottom : #c96 1px dotted ;
}
td.m_list12 .ehonCart .schedule p{
	margin : 0 ;
	font-weight : bold ;
	color : #7F6052 ;
	border-bottom : #c96 1px dotted ;
}
td.m_list12 .ehonCart .schedule table{
	width : 100% ;
}
td.m_list12 .ehonCart .schedule table td{
	width : 1% ;
	padding : 5px 15px 0 0 ;
	text-align : center ;
	white-space : nowrap ;
}
td.m_list12 .ehonCart .schedule table td.date{
	width : auto ;
	padding : 5px 0 0 0 ;
	text-align : left ;
	font-weight : bold ;
	color : #666 ;
}
td.m_list12 .ehonCart .schedule table tr.premium td.date{
	color : #f60 ;
}
body div.ehonCart div.inner div.stock div{
    float: left;
}


.ehonInformation{
}
.ehonInformation img{
	vertical-align : bottom ;
}
.ehonInformation p{
	margin : 0 0 10px ;
}
.ehonInformation a.premium{
	font-weight : bold ;
	color : #f60 ;
}
.ehonInformation h2{
	padding : 0 0 0 22px ;
	margin : 0 0 15px ;
	background : url("/img/icon_circle.gif") left center no-repeat ;
	font-size : 116.7% ;
	font-weight : bold ;
	color : #5F3D1A ;
}
.ehonInformation ul.tameshiyomi{
	margin : 0 0 15px ;
}
.ehonInformation ul.tameshiyomi li{
	float : left ;
	margin : 0 15px 0 0 ;
	line-height : 33px ;
}
.ehonInformation ul.movie{
	margin : 0 0 15px ;
}
.ehonInformation ul.movie li{
	float : left ;
	margin : 0 10px 0 0 ;
}
.ehonInformation .information p{
	color : #777 ;
}

.itemLastNum{
	font-weight : bold ;
	color : #c00 ;
}
.itemSoldOutList{
	width : 562px ;
	margin : 60px auto 0 ;
}
.itemSoldOutList h2{
	margin : 0 0 15px ;
}
.itemSoldOutList ul{
	margin : 0 0 20px 5px ;
}
.itemSoldOutList ul li{
	float : left ;
	position : relative ;
	margin : 0 5px 5px 0 ;
}
.itemSoldOutList ul li span.soldOut{
	position : relative ;
	display : block ;
	width : 50px ;
	height : 50px ;
	background : #eaeaea ;
	color : #f00 ;
	line-height : 50px ;
	text-align : center ;
	z-index : 1 ;
}
.itemSoldOutList ul li span.soldOut img{
	position : relative ;
	z-index : 1 ;
}
.itemSoldOutList ul li span.comment{
	display : none ;
	position : absolute ;
	width : 101px ;
	left : -50px ;
	bottom : 30px ;
	padding : 5px 5px 10px 5px ;
	border-top : #C8B89F 2px solid ;
	background : url("../shopping/img/bg_itemlist_comment.png") center bottom no-repeat ;
	z-index : 2 ;
	font-size : 83.3% ;
	line-height : 140% ;
	*bottom : 44px ;
	*display : block ;
	word-break : break-all ;
	_width : 111px ;
	_background-image : url("../shopping/img/bg_itemlist_comment.gif") ;
}
.itemSoldOutList ul li.even span.comment{
	left : -10px ;
}

.itemSoldOutList ul.small{
}
.itemSoldOutList ul.small li span.soldOut{
	width : 25px ;
	height : 25px ;
	line-height : 25px ;
}
.itemSoldOutList ul.small li span.comment{
	left : -50px ;
	bottom : 15px ;
	*bottom : 18px ;
}
.itemSoldOutList ul.small li.even span.comment{
	left : -35px ;
}

.chekedItemList{
}
.chekedItemList h2{
	border-bottom : #630 1px solid ;
	font-size : 123.1% ;
	font-weight : bold ;
	color : #630 ;
}
.chekedItemList ul{
	padding : 10px 0 15px 40px ;
	background : url("../_img/ehonnavi_ehon/bg_checkeditemlist.gif") left top repeat ;
}
.chekedItemList ul li{
	float : left ;
	width : 102px ;
	margin : 0 16px 0 0 ;
	padding : 10px ;
	border : #cbb89f 1px solid ;
	border-radius : 3px ;
	background : #fff ;
}
.chekedItemList ul li .thumbnail{
	display : table ;
	width : 100px ;
	height : 100px ;
	border : #ccc 1px solid ;
	margin : 0 0 5px ;
}
.chekedItemList ul li .thumbnail a{
	display : table-cell ;
	width : 100px ;
	height : 100px ;
	vertical-align : middle ;
	text-align : center ;
}
.chekedItemList ul li .title a{
	color : #630 ;
}
.chekedItemList ul li .title a:hover{
	color : #f90 ;
}

.ehonUtil ul#ehonUtilBtnList{
	margin : 10px 0 20px ;
}
.ehonUtil ul#ehonUtilBtnList li{
	float : right ;
	width : 130px ;
	height : 27px ;
	margin : 0 0 6px;
}
.ehonUtil ul#ehonUtilBtnList li a{
	display : block ;
	border: #F1EADC 1px solid;
	line-height : 27px ;
	background: #F1EADC;
	color : #7B4A25 ;
	font-size : 12px;
	font-weight : normal ;
	text-align : center ;
	text-decoration : none ;
	borde-radius: 3px;
}
.ehonUtil ul#ehonUtilBtnList li a:hover{
	background-color : #F5F0E6 ;
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf{
	position : relative ;
	float: left;
	width : 216px ;
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf div{
	display : none ;
	position : absolute ;
	left : 0 ;
	top : 27px ;
	width : 214px ;
	border : #DFCEB5 1px solid ;
	border-top : none ;
	background-color : #fff ;
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf div ul{
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf div ul li{
	float : none ;
	width : auto ;
	margin : 0 ;
	border-top : #DFCEB5 1px solid ;
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf div ul li a{
	padding : 0 10px ;
	border : none ;
	background-color : #fff ;
	overflow: hidden;
	white-space : nowrap ;
	font-weight : normal ;
	text-align : left ;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf div ul li a span{
	margin: 0 0 0 5px;
	padding: 2px 3px;
	border: #dfceb5 1px solid;
	border-radius: 3px;
	font-weight: normal;
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf div ul li a strong{
	font-weight: normal;
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf div ul li a:hover strong{
	text-decoration: underline;
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf div ul li span.limit{
	padding : 0 10px ;
	background-color : #F0F0F0 ;
	text-align : left ;
	font-weight : normal ;
	white-space : nowrap ;
	color : #999 ;
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf div p#addUtilNewBookShelf{
	margin : 0 ;
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf div p#addUtilNewBookShelf a{
	border : none ;
	border-top : #DFCEB5 1px solid ;
	background: #fff;
	text-align : center ;
	font-weight : normal ;
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf div p#addUtilNewBookShelf a:hover{
	text-decoration: underline;
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf.open div{
	z-index: 3000;
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf.open a#btnUtilAddBookShelf{
	border-color: #DFCEB5;
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf.open div{
	display : block ;
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf > a i,
.ehonUtil ul#ehonUtilBtnList li#utilWriteReview > a i,
.ehonUtil p#addUtilNewBookShelf > a i{
	position: relative;
	padding: 0 0 0 18px;
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf > a i:after{
	content: " ";
	position: absolute;
	left: 0;
	top: 50%;
	width: 15px;
	height: 15px;
	margin-top: -8px;
	background: url("/_img/ehonnavi_ehon/ico_bookmark.svg") center center no-repeat;
}
.ehonUtil ul#ehonUtilBtnList li#utilAddBookShelf > a.registered i:after{
	background-image: url("/_img/ehonnavi_ehon/ico_bookmarked.svg");
}
.ehonUtil ul#ehonUtilBtnList li#utilWriteReview > a i:after{
	content: " ";
	position: absolute;
	left: 0;
	top: 50%;
	width: 15px;
	height: 15px;
	margin-top: -7px;
	background: url("/_img/ehonnavi_ehon/ico_review.svg") center center no-repeat;
}
.ehonUtil p#addUtilNewBookShelf > a i:after{
	content: " ";
	position: absolute;
	left: 0;
	top: 50%;
	width: 15px;
	height: 15px;
	margin-top: -8px;
	background: url("/_img/ehonnavi_ehon/ico_addshelf.svg") center center no-repeat;
}

.tameshiyomiList{
	margin: 0 0 15px;
}
.tameshiyomiList ul li{
	position: relative;
	float: left;
	margin: 0 8px 0 0 ;
	padding: 0 0 0 13px;
	font-size: 10px;
	color: #707070;
}
.tameshiyomiList ul li:after{
	content: " ";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #FD4E11;
}
.tameshiyomiList ul li.all:after{
	background: #FFBA00;
}
.tameshiyomiList ul li.little:after{
	background: #16C0FC;
}
.tameshiyomiList ul li.about{
	margin: 0;
	padding: 0;
}
.tameshiyomiList ul li.about:after{
	display: none;
}
.tameshiyomiList ul li a{
	color: #630;
}
.tameshiyomiList ul li a:hover{
	color: #f30;
}

.aboutTameshiyomi{
	margin: 0 0 15px;
}
.aboutTameshiyomi ul li{
	position: relative;
	padding: 0 0 0 16px;
	color: #707070;
	font-size: 10px;
}
.aboutTameshiyomi ul li strong{
	color: #f60;
	font-weight: normal;
}
.aboutTameshiyomi ul li:after{
	content: " ";
	position: absolute;
	width: 13px;
	height: 13px;
	left: 0;
	top: 3px;
	background: url("/_img/ehonnavi_ehon/ico_abouttameshiyomi.png") center center no-repeat;
}

.ehon00SNS ul{
	float: right;
	width: 255px;
	text-align: center;
}
.ehon00SNS ul li{
	display: inline-block;
	margin: 0 10px;
}
.ehon00SNS ul li a{
	display: table;
	width: 25px;
	height: 25px;
}
.ehon00SNS ul li a span{
	display: table-cell;
	width: 25px;
	height: 25px;
	text-align: center;
	vertical-align: middle;
}

.decorationXmas2019{
	position: relative;
}
.decorationXmas2019:after{
	content: " ";
	position: absolute;
	left: -48px;
	top: -48px;
	width: 200px;
	height: 200px;
	background: url("/_img/ehonnav_popup_xmas2019/fig_detail_decoration.png") center center no-repeat;
}

.decorationXmas2020{
	position: relative;
}
.decorationXmas2020:after{
	content: " ";
	position: absolute;
	left: -50px;
	top: -60px;
	width: 120px;
	height: 149px;
	background: url("/_img/ehonnavi_popup_xmas2020/fig_detail_decoration.png") center center no-repeat;
}

tr.insidePage td{
	padding: 15px 0;
	text-align: center;
}
tr.insidePage td ul{
	position: relative;
	margin: 0 0 25px;
}
tr.insidePage td ul li{
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 5;
}
tr.insidePage td ul li:first-child{
	position: relative;
	left: 0;
	padding: 0 20px 0 0;
}
tr.insidePage td ul li:nth-of-type(2){
	transform: translateX(-50%);
	margin: 5px 0 0 -5px;
	z-index: 4;
}
tr.insidePage td ul li:nth-of-type(3){
	transform: translateX(-50%);
	margin: 10px 0 0 0;
	z-index: 3;
}
tr.insidePage td ul li:nth-of-type(4){
	transform: translateX(-50%);
	margin: 15px 0 0 5px;
	z-index: 2;
}
tr.insidePage td ul li:nth-of-type(5){
	transform: translateX(-50%);
	margin: 20px 0 0 10px;
	z-index: 1;
}
tr.insidePage td ul li a:hover{
	opacity: 0.9;
}
tr.insidePage td ul li a img{
	border: #e0e0e0 1px solid;
}
tr.insidePage td p a{
	color: #630;
}
tr.insidePage td p a:hover{
	color: #f60;
}