@charset "utf-8";
/*
Theme Name: ほんのひきだし
Theme URI: https://hon-hikidashi.jp/
Description: ほんのひきだし オリジナルテーマ
*/



/*----------------------reset--------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, caption, tr, th, td, img, form, div,input,section,header,footer,blockquote {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size:12px;
	list-style-type: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif, "ＭＳ Ｐゴシック";
	line-height:1.5em;
	color:#424242;
	letter-spacing: 1px;
}
img {
	vertical-align: bottom;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
a {
	color: #634a3d;
}
body {
	-webkit-text-size-adjust: 100%; /*for iphone*/
}


/* IE */
html>/**/body a img:hover {
	display /*\**/:inline-block\9;
	zoom /*\**/: 1\9;
}
/* Firefox */
#contents_wrap a img:hover, x:-moz-any-link {
background: #fff;
}
#contents_wrap a img:hover, x:-moz-any-link, x:default {
background: #fff;
}




/*----------------------common_header--------------------------------------*/

header {
	background: #f3f3f3;
	width: 100%;
	border-top: 5px solid #634a3d;
	border-bottom: 1px solid #bbb;
	position: relative;
}

#head_inner {
	width: 980px;
	margin: 0 auto;
	padding-top: 10px;
}
#adsense_header_pc{
	 margin: 0 auto 5px;
    width: 970px;
}

#btn_head1_sp {
	display: none;
}
#btn_head2_sp {
	display: none;
}
#head_left {
	width: 330px;
	height: 68px;
	float: left;
}
#head_left a {
	display: block;
	width: 252px;
	height: 48px;
	background: url(images/logo_hikidashi.png) no-repeat left top;
	background-size: 252px 55px;
	font-size: 0px;
	text-indent: -9999px;
}
/*ie*/
#head_left a {
	background: url(images/logo_hikidashi_ie.png) no-repeat left top\9;
}
#head_left  h1{
	font-size: 10px;
	color: #666;
	padding-top: 10px;
}

#head_right {
	width: 315px;
	float: right;
	padding-top: 18px;
}
#sns_pc{
	float: left;
	width: 90px;
}
#sns_pc li{
	float: left;
	width: 30px;
	margin-right: 15px;
}
#sns_pc li:first-child{
	margin-right: 10px;
}
#sns_pc li a:hover {
	opacity: 0.8;
	filter: alpha(opacity= 80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
}
#search_pc {
	width: 220px;
	height: 30px;
	float: right;
}
#search_input_pc {
	width: 190px;
	height: 30px;
	line-height: 30px;
	background: #e0e0e0;
	-webkit-appearance: none;/*for iphone*/
	border-radius: 0;/*for iphone*/
	padding: 0 8px;
	box-sizing: border-box;
}
#search_btn_pc {
	width: 30px;
	height: 30px;
	-webkit-appearance: none;/*for iphone*/
	border-radius: 0;/*for iphone*/
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(images/btn_search.png) no-repeat center center #e0e0e0;
	background-size: 30px 30px;
	color: #e0e0e0;
}
/*ie*/
#search_btn_pc {
	background: url(images/btn_search_ie.png) no-repeat center center #e0e0e0\9;
}

nav#gnav_pc {
	clear: both;
	width: 980px;
	height: 50px;
	padding: 20px 0 5px;
}
nav#gnav_pc>ul>li {
	width: 196px;
	float: left;
	border-right: 1px dotted #888;
	box-sizing: border-box;
	height: 55px;
	position: relative;
}
nav#gnav_pc>ul>li:first-child {
	border-left: 1px dotted #888;
}
nav#gnav_pc>ul>li>a{
	display: block;
	width: 195px;
	text-align: center;
	text-decoration: none;
	height: 55px;
	line-height: 55px;
	box-sizing: border-box;
	font-size: 14px;
}
#single-live nav#gnav_pc ul li#gnav1_pc, .category-live nav#gnav_pc ul li#gnav1_pc, nav#gnav_pc ul li#gnav1_pc:hover{
	border-bottom: 3px solid #f5b29b;
}
#single-know_learn nav#gnav_pc ul li#gnav2_pc, .category-know_learn nav#gnav_pc ul li#gnav2_pc, nav#gnav_pc ul li#gnav2_pc:hover{
	border-bottom: 3px solid #95c3e4;
}
#single-enjoy nav#gnav_pc ul li#gnav3_pc, .category-enjoy nav#gnav_pc ul li#gnav3_pc, nav#gnav_pc ul li#gnav3_pc:hover{
	border-bottom: 3px solid #82bfac;
}
#single-bookstore nav#gnav_pc ul li#gnav4_pc, .category-bookstore nav#gnav_pc ul li#gnav4_pc, nav#gnav_pc ul li#gnav4_pc:hover{
	border-bottom: 3px solid #ddcc1c;
}
#single-more nav#gnav_pc ul li#gnav5_pc, .category-more nav#gnav_pc ul li#gnav5_pc, nav#gnav_pc ul li#gnav5_pc:hover{
	border-bottom: 3px solid #a89cbe;
}
nav#gnav_pc>ul>li>a span{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding-left: 38px;
}
nav#gnav_pc ul li#gnav1_pc>a span{
	background: url(images/icon_gnav1.png) no-repeat left center;
	background-size: 25px 33px;
}
nav#gnav_pc ul li#gnav2_pc>a span{
	background: url(images/icon_gnav2.png) no-repeat left center;
	background-size: 25px 33px;
}
nav#gnav_pc ul li#gnav3_pc>a span{
	background: url(images/icon_gnav3.png) no-repeat left center;
	background-size: 25px 33px;
}
nav#gnav_pc ul li#gnav4_pc>a span{
	background: url(images/icon_gnav4.png) no-repeat left center;
	background-size: 25px 33px;
}
nav#gnav_pc ul li#gnav5_pc>a span{
	background: url(images/icon_gnav5.png) no-repeat left center;
	background-size: 25px 33px;
}
/*ie*/
nav#gnav_pc ul li#gnav1_pc>a span{
	background: url(images/icon_gnav1_ie.png) no-repeat left center\9;
}
/*ie*/
nav#gnav_pc ul li#gnav2_pc>a span{
	background: url(images/icon_gnav2_ie.png) no-repeat left center\9;
}
/*ie*/
nav#gnav_pc ul li#gnav3_pc>a span{
	background: url(images/icon_gnav3_ie.png) no-repeat left center\9;
}
/*ie*/
nav#gnav_pc ul li#gnav4_pc>a span{
	background: url(images/icon_gnav4_ie.png) no-repeat left center\9;
}
/*ie*/
nav#gnav_pc ul li#gnav5_pc>a span{
	background: url(images/icon_gnav5_ie.png) no-repeat left center\9;
}
.gnav_sub {
display: none;
position: absolute;
top: 55px;
left: 0;
width: 195px;
z-index: 99;
border-top: 1px solid #bbb;
}
.gnav_sub li{
border-top: 1px solid #fff;
}
.gnav_sub li a{
display: block;
min-height: 40px;
padding: 12px 10px;
box-sizing: border-box;
text-decoration: none;
background: #eae6e1;
}
.gnav_sub li a:hover{
background: #e2dcd4;
}
.gnav_sub li a span{
display: block;
background: url(images/icon_gnav_sub.png) no-repeat right center;
background-size: 6px 9px;
padding-right: 16px;
}
/*ie*/
.gnav_sub li a span{
background: url(images/icon_gnav_sub_ie.png) no-repeat right center;
}



#gnav_sp_bg {
	display: none;
	background: rgba(0,0,0,0.7);
	 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);/*ie*/
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 98;
	top: 180px;
	left: 0;
}
#gnav_sp_wrap{
	position: fixed;
	overflow-y: scroll;
	z-index: 9999;
	display: none;
	width: 100%;
	top: 55px;
	}
nav#gnav_sp {
	width: 100%;
	box-sizing:border-box;
	background: #f3f3f3;
	position: relative;
	top:0;
	left:0;

	border-top: 1px solid #bbb;

}
#gnav_sp_ul>li{
width: 100%;
min-height: 40px;
border-bottom: 1px solid #bbb;
}
#gnav_sp_ul>li.selected{
border-bottom: 0px;
}


#gnav_sp_ul>li>a{
width: 100%;
display: block;
height: 40px;
line-height: 40px;
text-decoration: none;
padding: 0 15px;
box-sizing: border-box;
font-weight: bold;
}
#gnav1_sp>a span{
	display: block;
	background: url(images/icon_gnav1_sp_off.gif) no-repeat right center;
	background-size: 12px 12px;
}
#gnav1_sp.selected>a span{
	background: url(images/icon_gnav1_sp_on.gif) no-repeat right center;
	background-size: 12px 12px;
}

#gnav2_sp>a span{
	display: block;
	background: url(images/icon_gnav2_sp_off.gif) no-repeat right center;
	background-size: 12px 12px;
}
#gnav2_sp.selected>a span{
	background: url(images/icon_gnav2_sp_on.gif) no-repeat right center;
	background-size: 12px 12px;
}

#gnav3_sp>a span{
	display: block;
	background: url(images/icon_gnav3_sp_off.gif) no-repeat right center;
	background-size: 12px 12px;
}
#gnav3_sp.selected>a span{
	background: url(images/icon_gnav3_sp_on.gif) no-repeat right center;
	background-size: 12px 12px;
}

#gnav4_sp>a span{
	display: block;
	background: url(images/icon_gnav4_sp_off.gif) no-repeat right center;
	background-size: 12px 12px;
}
#gnav4_sp.selected>a span{
	background: url(images/icon_gnav4_sp_on.gif) no-repeat right center;
	background-size: 12px 12px;
}

#gnav5_sp>a span{
	display: block;
	background: url(images/icon_gnav5_sp_off.gif) no-repeat right center;
	background-size: 12px 12px;
}
#gnav5_sp.selected>a span{
	background: url(images/icon_gnav5_sp_on.gif) no-repeat right center;
	background-size: 12px 12px;
}

.gnav_sub_sp {
display: none;
}
.gnav_sub_sp li{
border-top: 1px solid #fff;
}
.gnav_sub_sp li:first-child{
border-top: 0px;
}
.gnav_sub_sp li a{
display: block;
min-height: 35px;
line-height: 17px;
padding: 9px 15px;
box-sizing: border-box;
text-decoration: none;
background: #e8e4df;
}
.gnav_sub_sp li a span{
display: block;
background: url(images/icon_gnav_sub_sp.png) no-repeat right center;
background-size: 12px 12px;
padding-right: 27px;
}


.sns_sp {
padding: 25px 15px;
	width: 100%;
	box-sizing: border-box;
}
.sns_sp dt{
	margin-bottom: 15px;
	font-weight: bold;
	color: #666;
}
.sns1_sp{
padding-right: 5px;
width: 50%;
height: 58px;
float: left;
box-sizing: border-box;
}
.sns1_sp a{
display: block;
width: 100%;
height: 100%;
background: url(images/btn_fb_sp.png) no-repeat top center #d9d9d9;
background-size: 140px 58px;
font-size: 0px;
text-indent: -9999px;
}
.sns2_sp{
padding-left: 5px;
width: 50%;
height: 58px;
float: right;
box-sizing: border-box;
}
.sns2_sp a{
display: block;
width: 100%;
height: 100%;
background: url(images/btn_twitter_sp.png) no-repeat top center #d9d9d9;
background-size: 140px 58px;
font-size: 0px;
text-indent: -9999px;
}
.sns3_sp{
clear: both;
margin-top: 10px;
padding-right: 5px;
width: 50%;
height: 58px;
float: left;
box-sizing: border-box;
}
.sns3_sp a{
display: block;
width: 100%;
height: 100%;
background: url(images/btn_instagram_sp.png) no-repeat top center #d9d9d9;
background-size: 140px 58px;
font-size: 0px;
text-indent: -9999px;
}

.btn_close {
	box-sizing: border-box;
	padding: 0 15px 15px 15px;
	width: 100%;
	height: 50px;
}
.btn_close a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	line-height: 35px;
	height: 35px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: url(images/icon_close.png) no-repeat 10px center #634a3d;
	background-size: 9px 9px;
}
/*ie*/
.btn_close a {
	background: url(images/bg_close_sp_ie.gif) no-repeat left center #7e7e7e\9;
}

#search_sp{
	display: none;
	width: 100%;
	box-sizing:border-box;
	background: #f3f3f3;
	position: absolute;
	top:55px;
	left:0;
	z-index: 99;
	border-top: 1px solid #bbb;
}

#search_sp form{
	padding: 35px 15px;
	width: 290px;
	margin: 0 auto;
}
#search_input_sp {
	width: 255px;
	height: 35px;
	background: #e0e0e0;
	-webkit-appearance: none;/*for iphone*/
	border-radius: 0;/*for iphone*/
	padding: 0 8px;
	box-sizing: border-box;
	float: left;
}
#search_btn_sp {
	width: 35px;
	height: 35px;
	-webkit-appearance: none;/*for iphone*/
	border-radius: 0;/*for iphone*/
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(images/btn_search_sp.png) no-repeat center center #e0e0e0;
	background-size: 35px 35px;
	color: #e0e0e0;
	float: left;
}


#housead_sp{
	 margin: 0 auto;
    width: 100%;
	display: none;
}
#housead_sp > .widget{
    width: 100%;
	padding: 15px 15px 0;
	box-sizing: border-box;
}
#housead_sp img{
    width: 100%;
	height: auto;
}


/*----------------------common_contents--------------------------------------*/
.breadcrumbs {
	width: 980px;
	margin: 0 auto 20px auto;
	font-size: 11px;
}
#contents_wrap {
	width: 980px;
	margin: 0 auto;
	padding-top: 40px;
}
#contents{
width: 650px;
float: left;
}
#contents #list_ttl{
width: 645px;
}
#contents #list_ttl h3{
border-top: 3px solid #d0c5b3;
padding: 10px 0 20px;
font-size:18px;
color: #634a3d;
}

.list_posts_ul li{
	background-image: url(images/bg_list1.jpg);
	background-size: 253px 175px;
	width: 320px;
	height: 150px;
	float: left;
	margin: 0 5px 5px 0;
}
.list_posts_ul li a{
	display: block;
	background: url(images/bg_list2.png) no-repeat  center 5px;
	background-size: 28px 7px;
	width: 320px;
	height: 147px;
	padding: 17px 3px 3px;
	box-sizing: border-box;
	text-decoration: none;
	overflow: hidden;
}
/*ie*/
.list_posts_ul li a{
	background: url(images/bg_list2_ie.png) no-repeat  center 5px\9;
}
.list_posts_inner{
background: #fff;
height: 125px;
width: 314px;
padding: 5px 10px;
box-sizing: border-box;
overflow: hidden;
display: table;
vertical-align: middle;
}
.list_posts_inner_left{
width: 70px;
display: table-cell;
vertical-align: middle;
overflow: hidden;
}
.list_posts_inner_left img{
width: 70px;
height: auto;
}
.list_posts_inner_right{
width: 209px;
padding: 15px 5px 15px 0;
float: right;
font-size: 14px;
font-weight: bold;
overflow: hidden;
height: 90px;
}
.categorylabel{
display: inline-block;
padding-right: 18px;
min-height: 17px;
line-height: 17px;
font-size: 10px;
color: #fff;
text-align: center;
}
.live .categorylabel{
background: url(images/bg_category1.png) no-repeat right center;
background-size: 18px 37px;
}
.know_learn .categorylabel{
background: url(images/bg_category2.png) no-repeat right center;
background-size: 18px 37px;
}
.enjoy .categorylabel{
background: url(images/bg_category3.png) no-repeat right center;
background-size: 18px 37px;
}
.bookstore .categorylabel{
background: url(images/bg_category4.png) no-repeat right center;
background-size: 18px 37px;
}
.more .categorylabel{
background: url(images/bg_category5.png) no-repeat right center;
background-size: 18px 37px;
}
/*ie*/
.live .categorylabel{
background: url(images/bg_category1_ie.png) no-repeat right center\9;
}
/*ie*/
.know_learn .categorylabel{
background: url(images/bg_category2_ie.png) no-repeat right center\9;
}
/*ie*/
.enjoy .categorylabel{
background: url(images/bg_category3_ie.png) no-repeat right center\9;
}
/*ie*/
.bookstore .categorylabel{
background: url(images/bg_category4_ie.png) no-repeat right center\9;
}
/*ie*/
.more .categorylabel{
background: url(images/bg_category5_ie.png) no-repeat right center\9;
}


.categorylabel span{
display: inline-block;
padding-left: 15px;
padding-right: 5px;
min-width: 60px;
}
.live .categorylabel span{
background: #f5b29b;
}
.know_learn .categorylabel span{
background: #95c3e4;
}
.enjoy .categorylabel span{
background: #82bfac;
}
.bookstore .categorylabel span{
background: #ddcc1c;
}
.more .categorylabel span{
background: #a89cbe;
}

.title{
display: block;
margin-top: 5px;
color: #634a3d;
}
.list_posts_more{
width: 645px;
height: 45px;
margin-top: 20px;
}
.list_posts_more a{
background: url(images/icon_more.png) no-repeat 10px center #e1d9cd;
background-size: 17px 10px;
width: 100%;
height: 100%;
display: block;
text-align: center;
line-height: 45px;
font-size: 14px;
text-decoration: none;
}
/*ie*/
.list_posts_more a{
background: url(images/icon_more_ie.png) no-repeat 10px center #e1d9cd\9;
}
.list_posts_more a:hover{
background-color: #ebe3d6;
}

#adsense_archive_bottom{
margin-top: 50px;
}
#adsense_archive_bottom li{
float: left;
width: 300px;
margin-right: 5px;
}


#sidebar{
width: 300px;
float: right;
}
#housead1, #housead2, #housead3{
width: 300px;
}
#housead1 > .widget{
padding-bottom: 20px;
}
#housead2 > .widget{
padding-bottom: 40px;
}
#housead1 img, #housead2 img, #housead3 img{
width: 100%;
height: auto;
}
#housead1 img:hover, #housead2 img:hover, #housead3 img:hover{
	opacity: 0.8;
	filter: alpha(opacity= 80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
}
.widgettitle{
	display: none;
}

#adsense_sidebar{
width: 300px;
margin-bottom: 20px;
}
#list_popular{
margin-bottom: 40px;
}
.list_sidebar dt{
width: 100%;
border-top: 3px solid #d0c5b3;
border-bottom: 1px dotted #aaa;
padding: 10px 0 30px;
font-size:18px;
color: #634a3d;
}
.list_sidebar dd{
width: 100%;
border-bottom: 1px dotted #aaa;
position: relative;
}
.list_sidebar dd a{
display: block;
padding: 20px 0;
text-decoration: none;
}

.ranking{
	width: 36px;
	height: auto;
	position: absolute;
	top: -13px;
	left: 17px;
}
.ranking img{
	width: 100%;
	height: auto;
}
.list_sidebar_left{
float: left;
width: 70px;
}
.list_sidebar_left img{
width: 100%;
height: auto;
}
.list_sidebar_right{
width: 215px;
float: right;
}
#list_popular .title{
margin-top: 0;
}
#twitter_sidebar{
margin-top: 40px;
width: 300px;
}
#twitter_sidebar iframe[id^="twitter-widget"] {
    width: 300px!important;
}

#fb_sidebar{
margin: 20px 0;
}
/*----------------------------post------------------------------*/

#contents_head{
padding: 20px 30px;
width: 645px;
box-sizing: border-box;
background: #e9e9e9;
}
#contents_head_right{
width: 115px;
float: right;
}
#contents_head_right img{
width: 100%;
height: auto;
}
#contents_head_left1{
	width: 460px;
	float: left;
}
#contents_head_left1 h2{
font-size: 21px;
font-weight: bold;
color: #634a3d;
}
#contents_head_left2{
width: 460px;
float: left;
padding-top: 20px;
}
.date{
color: #634a3d;
float: left;
line-height: 17px;
height: 17px;
margin-right: 10px;
}
#contents_head .categorylabel_wrap{
float: left;
}
#contents_head .categorylabel_wrap:hover{
	opacity: 0.8;
	filter: alpha(opacity= 80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
}
#contents_head .categorylabel_wrap .categorylabel{
float: left;
}
#contents_head .author{
clear: both;
padding-top: 10px;
}
#contents_head .contents_sns{
clear: both;
padding-top: 10px;
}
.wsbl_facebook_like{
float: left;
width: 108px;
height: 28px;
margin-top: 10px;
}
.fb-share-button{
float: left;
width: 97px;
height: 20px;
margin-top: 10px;
}
.contents_sns .wsbl_twitter{
float: left;
width: 85px;
height: 28px;
margin-top: 10px;
}
#contents .wp_social_bookmarking_light div.wsbl_hatena_button{
margin: 0 10px 0px 0 !important;
}
#contents .wp_social_bookmarking_light{
padding: 0 !important;
margin: 10px 0px 0 !important;
float: left;
}

.contents_sns .pocket-btn{
width: 95px;
overflow: hidden;
margin: 0!important;
}
.contents_sns .wp_social_bookmarking_light_clear{
clear: none !important;
display: none;
}
.contents_sns .wsbl_line{
float: left;
width: 20px;
height: 20px;
margin-top: 10px;
}

#contents_body{
background: #fff;
padding: 20px 30px 40px;
width: 645px;
box-sizing: border-box;
margin-bottom: 30px;
border-right: 3px solid #e9e9e9;
border-left: 3px solid #e9e9e9;
border-bottom: 3px solid #e9e9e9;
}
#contents_body_main{
font-size: 15px;
line-height: 1.65;
word-wrap:break-word;
}
#contents_body_main h3{
font-size: 19px;
font-weight: bold;
color: #634a3d;
min-height: 24px;
line-height: 24px;
padding-left: 10px;
margin: 20px 0;
}
.live #contents_body_main h3{
border-left: 5px solid #f5b29b;
}
.know_learn #contents_body_main h3{
border-left: 5px solid #95c3e4;
}
.enjoy #contents_body_main h3{
border-left: 5px solid #82bfac;
}
.bookstore #contents_body_main h3{
border-left: 5px solid #ddcc1c;
}
.more #contents_body_main h3{
border-left: 5px solid #a89cbe;
}


#contents_body_main p{
	font-size: 15px;
	line-height: 1.65;
	margin: 20px 0;
}
#contents_body_main img{
display: block;
width: 320px;
height: auto;
margin: 20px 0;
padding-right: 10px;
}
#contents_body_main table{
margin: 20px 0;
width: auto;
border-collapse: collapse;
font-size: 12px;
}
#contents_body_main  table tr th{
background: #e9e9e9;
padding: 10px;
vertical-align: top;
min-width: 55px;
text-align: left;
width: auto;
border: #dadada 1px solid;
}
#contents_body_main  table tr td{
padding: 10px;
vertical-align: top;
width: auto;
border: #dadada 1px solid;
}
#contents_body_main table img{
width: auto;
}
#contents_body_main blockquote{
	background:url(images/bg_blockquote.gif) no-repeat left top #e9e9e9;
	padding: 20px 15px 10px;
	width: 100%;
	box-sizing: border-box;
	margin: 15px 0;
}
#contents_body_main blockquote p{
	padding: 0;
}
.youtube{
	position: relative;
    width: 400px;
    padding-bottom: 225px;
	height: 0;
	overflow: hidden;
}
.youtube iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tag_label{
/* margin-top: 40px;*/
margin-bottom: 40px;
}
.tag_label dt{
margin-right: 15px;
height: 17px;
line-height: 17px;
float: left;
}
.tag_label dd{
margin-right: 5px;
height: 17px;
line-height: 17px;
float: left;
}
.tag_label dd a{
display: block;
background: #634a3d;
color: #fff;
height: 17px;
line-height: 17px;
text-align: center;
text-decoration: none;
font-size: 10px;
min-width: 80px;
padding: 0 5px;
}
.tag_label a:hover{
background: #816455;
}
.honyaclub{
margin: 15px 0;
padding: 15px 30px 35px 30px;/*20170530 revision honyaclub.com*/
/*padding: 15px 30px;*/
width: 100%;
box-sizing: border-box;
text-decoration: none;
border-top: 1px dotted #888;
border-bottom: 1px dotted #888;
}
.honyaclub.top{
margin: 15px 0 0;
padding: 15px 30px 8px;
border-top: 1px dotted #888;
border-bottom: 0;
}
.honyaclub.middle{
margin: 0;
padding: 8px 30px;
border-top: 0;
border-bottom: 0;
}
.honyaclub.bottom{
margin: 0 0 15px;
padding: 8px 30px 15px;
border-top: 0;
border-bottom: 1px dotted #888;
}
.honyaclub.col2{
margin: 15px 0;
padding: 15px 15px 15px 0;
width: 50%;
float: left;
border-top: 1px dotted #888;
border-bottom: 1px dotted #888;
}
.honyaclub.col2 + .honyaclub.col2 + .honyaclub.col2{
border-top: 0;
margin-top: 0;
}
.honyaclub.col2 + h3,  .honyaclub.col2 + p,  .honyaclub.col2 + div,  .honyaclub.col2 + table,   .honyaclub.col2 + iframe,  .honyaclub.col2 + img{
	clear: both;
}
.honyaclub.col2 + div.honyaclub.col2{
	clear: none;
}
.honyaclub_left{
width: 85px;
float: left;
}
.honyaclub_left a{
min-height: 80px;
display: block;
background: url(images/book_noimage.png) no-repeat top center;
position: relative; /*20170530 add honyaclub.com*/
}
.honyaclub_left a::after{ /*20170530 add honyaclub.com*/
content: "購入する";
display: inline-block;
position: absolute;
bottom: -24px;
width: 100%;
border: 1px dotted #888;
border-radius: 4px;
box-sizing: border-box;
text-align: center;
}
#contents_body .honyaclub_left img{
width: 100%;
height: auto;
margin: 0;
}
.honyaclub_right{
width: 580px;
padding-left: 105px;
box-sizing: border-box;
}
.honyaclub.col2 .honyaclub_right{
width: 275px;
}

.honyaclub_right dt{
font-size: 16px;
font-weight: bold;
color: #634a3d;
margin-bottom: 5px;
}
.honyaclub_right dt a{
text-decoration: underline;
}
.pagesplit_next {
    color: #333;
	margin-bottom: 10px;
    text-align:center;
	font-size: 11px;
}
.pagesplit_next a{
    display:inline-block;
    color: #634a3d;
    border:solid 1px #867c6e;
    text-decoration:none;
	padding: 5px 10px;

}
.pagesplit_next a:hover {
    color:white;
    background: #867c6e;
}

.pagesplit_num {
    color: #634a3d;
    margin-bottom: 15px;
    text-align:center;
	font-size: 11px;
}
.pagesplit_num a {
    color: #634a3d;
    text-align:center;
}
.pagesplit_num .numbers {
    padding: 0 5px;
}
#nend_bottom{
width: 300px;
padding: 30px 10px 0;
margin: 0 auto;
display: none;
}
#twitter_sp{
width: 290px;
padding: 30px 15px 15px;
margin: 0 auto;
display: none;
}
#twitter_sp iframe[id^="twitter-widget"] {
    width: 290px!important;
}
#fb_sp{
width: 290px;
padding: 0 15px 30px;
margin: 0 auto;
display: none;
}
#housead_sp2{
width: 290px;
padding: 0 15px;
margin: 0 auto;
display: none;
}
#housead_sp2 .widget{
padding-bottom: 30px;
}
#housead_sp2 img{
width: 100%;
height: auto;
}
#adsense_middle{
width: 468px;
margin: 0 0 30px;
}

#adsense_bottom{
margin-top: 50px;
}
#adsense_bottom li{
float: left;
width: 300px;
margin-right: 5px;
}



/*--------------------------------common_foot--------------------------------------*/
#btn_back {
	width: 980px;
	margin: 50px auto 20px auto;
}
#btn_back a {
	display: inline-block;
	font-size: 14px;
	height: 21px;
	line-height: 21px;
	float: right;
	background:url(images/icon_back.png) no-repeat left center;
	background-size: 19px 19px;
	text-decoration: none;
	padding-left: 28px;
}
/*ie*/
#btn_back a {
	background:url(images/icon_back_ie.png) no-repeat left center\9;
}

footer {
	width: 100%;
	background: #867c6e;
}
#foot_inner {
	width: 980px;
	margin: 0 auto;
	padding: 30px 0;
}

#fnav {
	width: 510px;
	margin: 0 auto;
}
#fnav li {
	display: inline-block;
	height: 12px;
	line-height: 12px;
	padding-right: 15px;
	background: url(images/icon_fnav_pc.gif) no-repeat left center;
	padding-left: 18px;
}
#fnav li a {
	text-decoration: none;
	color: #fff;
}
#fnav li.fnav_window a {
	padding-right: 22px;
	background: url(images/icon_window.gif) no-repeat right center;
}
#fnav li a:hover {
	text-decoration: underline;
}

#copy {
	width: 400px;
	margin: 30px auto 0;
}
#copy a img{
	height: 30px;
	display: inline-block;
}
#copy img{
	height: 30px;
	width: auto;
}
#copy p{
	height: 30px;
	line-height: 30px;
	font-size: 11px;
	color: #fff;
	display: inline-block;
	padding-left: 15px;
}

/*--------------------------------category, page--------------------------------------*/

#contents #list_ttl h2{
border-top: 3px solid #d0c5b3;
padding: 10px 0 20px;
font-size:18px;
color: #634a3d;
}

/*--------------------------------page--------------------------------------*/

.page  #contents_body_main {
width: 645px;
}

.page #contents_body_main h3{
border-left: 5px solid #aaa;
}
.page  #contents_body_main  p{
padding-left: 15px;
width: 100%;
box-sizing: border-box;
}
.page #contents_body_main ol{
padding-left: 40px;
width: 100%;
box-sizing: border-box;
}
.page #contents_body_main ol li{
list-style-type: decimal;
margin-bottom: 10px;
font-size: 15px;
}
.page #contents_body_main ol li ol{
margin-top: 10px;
padding-left: 20px;
}
.page #contents_body_main ol li ol li{
margin: 0;
}

#text-6 {
	height: 0;
}
/*2017/12/06 追加 PRタグ用スタイル*/
.PR_tag {
	display: block;
	background-color: #999;
	color: #fff;
	text-align: right;
	font-size: 10px;
	padding: 2px 5px;
	margin-right: 10px;
}