@charset "shift_jis";

/* ----------------------------------------- 
絵本ナビ シリーズ・テーマページに関わる設定 
----------------------------------------- */
.c_reset.special strong,
.c_reset.special b{
	font-weight : bold ;
}

.special img { border:none; }
.special a{ color:#630; }
.special a:hover{ color:#f60; }
.special a:hover img{ opacity:0.65; filter: alpha(opacity=65); }

/*CF*/.special { width: 950px; margin: 0 auto; padding-bottom: 60px; /zoom: 1; }
/*CF*/.special:after { content:''; display:block; clear:both; }

.special div.left { width: 630px; float: left; }
.special div.right { width: 300px; float: right; }

.special div.seriesPage h1 { background: url(../_img/ehonnavi_special/icon_title_main_series.png) no-repeat top left; padding-left: 60px; padding-bottom: 8px; border-bottom: 2px solid #9c0; font-size: 21px; color: #5f3d19; font-weight: bold; margin-bottom: 15px; }
.special div.themePage h1 { background: url(../_img/ehonnavi_special/icon_title_main_theme.png) no-repeat top left; padding-left: 60px; padding-bottom: 8px; border-bottom: 2px solid #fc9; font-size: 21px; color: #5f3d19; font-weight: bold; margin-bottom: 15px; }
.special div.fairPage h1 { background: url(../_img/ehonnavi_special/icon_title_main_fair.png) no-repeat top left; padding-left: 60px; padding-bottom: 8px; border-bottom: 2px solid #b8e8ea; font-size: 21px; color: #5f3d19; font-weight: bold; margin-bottom: 15px; }
.special div.prPage h1 { background: url(../_img/ehonnavi_special/icon_title_main_pr.png) no-repeat top left; padding-left: 60px; padding-bottom: 8px; border-bottom: 2px solid #edd4af; font-size: 21px; color: #5f3d19; font-weight: bold; margin-bottom: 15px; }
.special h2.subTitle { font-size: 15px; font-weight: bold; margin-bottom: 10px; padding-bottom: 4px;padding-top: 10px;  color: #5F3D1A; border-bottom: 2px dotted #d5c1ab; }
.special h2.subTitle.image { padding-bottom:0; padding-top: 10px; border-bottom:none; }
.special h3.age { margin-bottom: 10px; font-size: 15px; font-weight: bold; color: #5F3D1A; }
.special h2.subTitle.publisher { border-bottom-width:3px; border-bottom-style:solid; }
.special h2.subTitle.publisher span.pr { background:#ff9900; color:#fff; padding:2px 7px; font-size:12px; margin-left:5px; }

/* タイトル・リード */
.special p.lead { color: #600; line-height: 1.5; margin-bottom: 10px; }
.special p.anchor { text-align: right; margin-bottom: 10px; }
.special div.seriesPage p.anchor a { background: url(../_img/ehonnavi_special/icon_anchor_series.png) no-repeat left 2px; padding-left: 16px; }
.special div.themePage p.anchor a { background: url(../_img/ehonnavi_special/icon_anchor_theme.png) no-repeat left 2px; padding-left: 16px; }
.special div.fairPage p.anchor a { background: url(../_img/ehonnavi_special/icon_anchor_fair.png) no-repeat left 2px; padding-left: 16px; }
.special div.prPage p.anchor a { background: url(../_img/ehonnavi_special/icon_anchor_pr.png) no-repeat left 2px; padding-left: 16px; }

/* 関連するスペシャルコンテンツ バナー */
.special div.relatedContentsBanner { width: 630px; }
.special div.relatedContentsBanner p.title { background: url(/img/icon_circle.gif) no-repeat top left; margin-bottom: 5px; padding-left: 24px; font-weight: bold; font-size: 15px; color: #5F3D1A; }
/*CF*/.special div.relatedContentsBanner ul.banner { margin-bottom: 15px; /zoom: 1; }
/*CF*/.special div.relatedContentsBanner ul.banner:after { content:''; display:block; clear:both; }
.special div.relatedContentsBanner ul.banner li { float: left; margin-right: 20px; }
.special div.relatedContentsBanner ul.banner li img { display: block; }
.special div.relatedContentsBanner ul.banner li span.misc { display: block; font-size: 11px; }
.special div.relatedContentsBanner ul.banner li a { display: block; }

/* 関連するテーマ・シリーズ */
.special .m_includedContents { width: 630px; margin-bottom: 10px; }
.special .m_includedContents p { font-size: 12px !important; color: #666; }
.special .m_includedContents ul { border: 1px solid #e1e1e1; padding: 10px; }
/*CF*/.special .m_includedContents ul { /zoom :1; }
/*CF*/.special .m_includedContents ul:after { content:'';display:block;clear:both; }
.special .m_includedContents ul li { float: left; margin-right: 10px; }
.special .m_includedContents ul li a { display: block; font-size: 12px !important; word-break: keep-all; }

/* 長辺200pxの作品 */
/*CF*/.special div.thumb200ItemDetail { width: 630px; background: url(../_img/ehonnavi_special/border_dashed_hori_rep.png) repeat-x bottom center; margin-bottom: 10px; padding-bottom: 10px; /zoom: 1; }
/*CF*/.special div.thumb200ItemDetail:after { content:'';display:block;clear:both; }

.special div.thumb200ItemDetail div.detailLeft { width: 216px; float: left; }
.special div.thumb200ItemDetail div.detailRight { width: 395px; float: right; }

.special div.thumb200ItemDetail div.detailLeft table.thumb200 { margin-bottom: 5px; }
.special div.thumb200ItemDetail div.detailLeft table.thumb200 td { border: 1px solid #ccc; width: 216px; height: 216px; text-align: center; vertical-align: middle; }
.special div.thumb200ItemDetail div.detailLeft ul.utilButton { /zoom: 1; }
.special div.thumb200ItemDetail div.detailLeft ul.utilButton:after { content:'';display:block;clear:both; }
.special div.thumb200ItemDetail div.detailLeft ul.utilButton li { float: left; margin-right: 5px; margin-top: 10px; }
.special div.thumb200ItemDetail div.detailLeft ul.utilButton li.addCart { width: 100px; height: 30px; }

.special div.thumb200ItemDetail div.detailRight { width: 395px; }
.special div.thumb200ItemDetail div.detailRight p { margin-bottom: 4px; }
.special div.thumb200ItemDetail div.detailRight p.title a { font-size: 15px; font-weight: bold; }
.special div.thumb200ItemDetail div.detailRight p.icon img { padding-right: 4px; }
.special div.thumb200ItemDetail div.detailRight p.price { font-weight: bold; }

/* 長辺100pxの作品2つ横並び */
.special div.thumb100ItemDetail { width: 630px; background: url(../_img/ehonnavi_special/border_dashed_hori_rep.png) repeat-x bottom center; margin-bottom: 10px; padding-bottom: 10px; }
/*CF*/.special div.thumb100ItemDetail div.inner { background: url(../_img/ehonnavi_special/border_dashed_vert_rep.png) repeat-y top center; /zoom: 1; }
/*CF*/.special div.thumb100ItemDetail div.inner:after { content:'';display:block;clear:both; }

.special div.thumb100ItemDetail div.inner div.itemLeft { width: 305px; float: left; }
.special div.thumb100ItemDetail div.inner div.itemRight { width: 305px; float: right; }

.special div.thumb100ItemDetail div.inner div.item div.detailLeft { width: 110px; float: left; }
.special div.thumb100ItemDetail div.inner div.item div.detailLeft table.thumb100 { margin-bottom: 5px; }
.special div.thumb100ItemDetail div.inner div.item div.detailLeft table.thumb100 td { border: 1px solid #ccc; width: 108px; height: 108px; }




.special div.thumb100ItemDetail div.inner div.item div.detailLeft ul.utilButton li { margin-bottom: 5px; margin-top: 10px; }
.special div.thumb100ItemDetail div.inner div.item div.detailRight { width: 185px; float: right; }

.special div.thumb100ItemDetail div.inner div.item div.detailRight p { margin-bottom: 4px; }
.special div.thumb100ItemDetail div.inner div.item div.detailRight p.title a { font-size: 13px; font-weight: bold; }
.special div.thumb100ItemDetail div.inner div.item div.detailRight p.title img{ margin:0 0 0 10px; vertical-align:middle; }
.special div.thumb100ItemDetail div.inner div.item div.detailRight p.icon img { padding-right: 4px; }
.special div.thumb100ItemDetail div.inner div.item div.detailRight ul.data li { float:left; margin:0 10px 0 0; }

.special div.thumb100ItemDetail div.inner div.item p.text { clear: both; padding-top: 5px; }





.special .seriesPage div.purchaseAll { width: 630px; height: 79px; padding-top: 17px; margin-bottom: 20px; background: url(../_img/ehonnavi_special/bg_purchase_all_series.png) no-repeat top center; }
.special .seriesPage div.purchaseAll div.inner { position: relative; width: 630px; height: 79px; background-color: #f4f4f4; }
.special .seriesPage div.purchaseAll div.inner p.text { text-align: right; position: absolute; top: 31px; right: 320px; }
.special .seriesPage div.purchaseAll div.inner p.btn { position: absolute; top: 19px; left: 320px; }
.special .themePage div.purchaseAll { width: 630px; height: 79px; padding-top: 17px; margin-bottom: 20px; background: url(../_img/ehonnavi_special/bg_purchase_all_theme.png) no-repeat top center; }
.special .themePage div.purchaseAll div.inner { position: relative; width: 630px; height: 79px; background-color: #f4efea; }
.special .themePage div.purchaseAll div.inner p.text { text-align: right; position: absolute; top: 31px; right: 280px; }
.special .themePage div.purchaseAll div.inner p.btn { position: absolute; top: 19px; left: 360px; }

.special div.pickup { margin-bottom:20px; }
.special div.pickup div.pickupitem{ float:left; width:210px; text-align:center; }

/* sns */
.special ul.sns{
	display:flex;
	justify-content: flex-end;
	margin: 0 0 10px;
}
.special ul.sns li{
	margin: 0 0 0 20px;
}

/* description */
.special .description{
	margin : 0 0 20px ;
}
.special .description p.fullImage{
	margin : 10px 0 ;
	text-align : center ;
}
.special .description p.fullImage img{
	max-width : 100% ;
	height : auto ;
}
.special .description p.link{
	margin : 10px 0 ;
	text-align : center ;
}
.special .description div ul{
	float : left ;
}
.special .description div p.anchor{
	float : right ;
	margin : 0 ;
}
/* .item.large */
.special .item.large{
	padding : 15px ;
	margin : 0 0 20px ;
	background : #f9f6f3 ;
}
.special .item.large p.thumbnail{
	display : table ;
	float : left ;
	background : #fff ;
	border : #ccc 1px solid ;
}
.special .item.large p.thumbnail a{
	display : table-cell ;
	width : 200px ;
	height : 200px ;
	padding : 18px ;
	text-align : center ;
	vertical-align : middle ;
}
.special .item.large p.thumbnail a img{
	max-width : 200px ;
	max-height : 200px ;
}
.special .item.large .data{
	float : right ;
	width : 340px ;
}
.special .item.large .data p{
	margin : 0 0 10px ;
	font-size : 116.7% ;
}
.special .item.large .data p.title{
	margin : 0 0 10px ;
	font-size : 133.3% ;
	font-weight : bold ;
}
.special .item.large .data p.title img{
	margin : 0 0 0 10px ;
	vertical-align : text-bottom ;
}
.special .item.large .data form{
	margin : 20px 0 0 ;
}
.special .item.large .content{
	margin : 20px 0 0 ;
	font-size : 116.7% ;
}
/* .item.short */
.special ul.item.short{
	margin : -10px 0 20px ;
}
.special ul.item.short li{
	position : relative ;
	min-height : 100px ;
	padding : 10px 120px 11px 110px ;
	background : url("../_img/ehonnavi_special/border_dashed_hori_rep.png") center bottom repeat-x ;
}
.special ul.item.short li ul.data li{
	position : static ;
	float : left ;
	min-height : 1px ;
	padding : 0 ;
	margin : 0 10px 0 0 ;
	background : none ;
	white-space : nowrap ;
}
.special ul.item.short li p.thumbnail{
	display : table ;
	position : absolute ;
	left : 0 ;
	top : 10px ;
}
.special ul.item.short li p.thumbnail a{
	display : table-cell ;
	width : 100px ;
	height : 100px ;
	text-align : center ;
	vertical-align : middle ;
}
.special ul.item.short li p.thumbnail a img{
	max-width : 100px ;
	max-height : 100px ;
}
.special ul.item.short li p.title{
	margin : 0 0 5px ;
	font-weight : bold ;
	font-size : 116.7% ;
}
.special ul.item.short li p.title img{
	margin : 0 0 0 10px ;
	vertical-align : text-bottom ;
}
.special ul.item.short li p.icon{
	margin : 5px 0 0 ;
}
.special ul.item.short li form{
	position : absolute ;
	right : 0 ;
	top : 10px ;
}

/* relation */
.special .relation{
	margin : 30px 0 ;
}
.special .relation ul{
	padding : 10px 10px 5px ;
	margin : 0 0 10px ;
	border : #e1e1e1 1px solid ;
}
.special .relation ul li{
	float : left ;
	margin : 0 15px 5px 0 ;
}

/* author */
.special .author{
	margin : 30px 0 ;
}
.special .author ul li{
	position : relative ;
	min-height : 150px ;
	margin : 0 0 15px ;
	padding : 0 0 0 170px ;
}
.special .author ul li p.thumbnail{
	position : absolute ;
	left : 0 ;
	top : 0 ;
}
.special .author ul li p.thumbnail img{
	max-width : 150px ;
	max-height : 150px ;
}
.special .author ul li p.title{
	margin : 0 0 10px ;
	font-size : 116.7% ;
	font-weight : bold ;
}


/* .right */
.special .right .content{
	margin : 0 0 30px ;
}
.special .right .content h2{
	border-bottom : #cec2ae 2px dotted ;
	font-size : 116.7% ;
	font-weight : bold ;
	line-height : 160% ;
	color : #630 ;
}
.special .right .content.titImage h2{
	padding : 0 ;
	border-bottom : none ;
}
.special .right .content.titImage h2 img{
	max-width : 100% ;
	height : auto ;
}
.special .right .content .inner{
	overflow : hidden ;
}
.special .right .content.hasFrame .inner{
	border : #cec2ae 1px solid ;
	border-top : none ;
}
.special .right .content.banner ul li{
	margin : 0 0 15px ;
	text-align : center ;
}
.special .right .content.banner ul li span.banner{
	display : block ;
	margin : 0 0 5px ;
}
.special .right .content.banner ul li span.banner img{
	max-width : 300px ;
}

.special .right .recommend ul li{
	position : relative ;
	min-height : 70px ;
	margin : 10px 0 ;
	padding : 0 0 10px 80px ;
	border-bottom : #cec2ae 1px dotted ;
}
.special .right .recommend ul li p.thumbnail{
	position : absolute ;
	display : table ;
	left : 0 ;
	top : 0 ;
	margin : 0 ;
}
.special .right .recommend ul li p.thumbnail a{
	display : table-cell ;
	width : 70px ;
	height : 70px ;
	text-align : center ;
	vertical-align : middle ;
}
.special .right .recommend ul li p.thumbnail a img{
	max-width : 70px ;
	max-height : 70px ;
}
.special .right .recommend ul li p.title{
	margin : 0 0 5px ;
	font-weight : bold ;
}
.special .right .recommend ul li p.body{
	margin : 0 0 5px ;
	font-size : 83.3% ;
}
.special .right .recommend ul li p.name{
	text-align : right ;
	font-weight : normal ;
	font-size : 83.3% ;
}

.special .right .free p{
	margin : 20px 0 ;
}
.special .right .free a{
	text-decoration : underline ;
}
.special .right .free .image p{
	margin : 0 ;
	text-align : center ;
	margin-top : 10px;
}
.special .right .free .image p img{
	max-width : 100% ;
	height : auto ;
}
.special .right .free.hasFrame .inner{
	padding : 0 20px ;
}

.xmasSpecialBox2019{
	margin: 10px 0 !important;
	background: url("../_img/ehonnavi_special/bg_xmas_specialbox_head.png") center top no-repeat;
}
.xmasSpecialBox2019 .inner{
	padding: 50px 0 58px;
	background: url("../_img/ehonnavi_special/bg_xmas_specialbox_bottom.png") center bottom no-repeat;
}
.xmasSpecialBox2019 .inner div{
	position: relative;
	box-sizing: border-box;
	min-height: 160px;
	width: 510px;
	margin: 0 auto;
	padding: 0 0 0 175px;
}
.xmasSpecialBox2019 .inner div figure{
	position: absolute;
	display: table;
	left: 0;
	top: 0;
	width: 160px;
	height: 160px;
	margin: 0;
	padding: 0;
}
.xmasSpecialBox2019 .inner div figure:before{
	content: " ";
	position: absolute;
	left: 50%;
	top: -21px;
	width: 22px;
	height: 13px;
	margin-left: -11px;
	background: url("../_img/ehonnavi_special/txt_xmasSpecialBox2019_01.png") center center no-repeat;
}
.xmasSpecialBox2019 .inner div figure a{
	display: table-cell;
	background: #f6f5e7;
	text-align: center;
	vertical-align: middle;
}
.xmasSpecialBox2019 .inner div figure a img{
	max-width: 150px;
	max-height: 150px;
}
.xmasSpecialBox2019 .inner div p{
	margin: 0;
	font-size: 12px;
	line-height: 140%;
}
.xmasSpecialBox2019 .inner div p.title{
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: bold;
	color: #b70b40;
	line-height: 140%;
}
.xmasSpecialBox2019 .inner div p.subtitle{
	margin: 0 0 10px;;
	font-size: 14px;
	font-weight: bold;
	color: #006732;
}