@charset "utf-8";
/* CSS Document */

/* top padding
------------------------------------------------------------------*/
.top_padding{
	padding:5em 0em;
}
@media only screen and  ( max-width : 768px ) {
	.top_padding{
		padding:3em 0em;
	}
}
.top_contents .inner_block{
	position: relative;
}
@media only screen and  ( max-width : 768px ) {
	.top_contents .inner_block{
		width:90%;
	}
}

/* ************************************************ 
 *	
 *	ページのデザイン
 *	
 * ************************************************ */
.no_post{
	background:#f5f5f5;
	text-align:center;
	padding:20% 0px;
	color:#aaa;
}

/* 横幅が100％
------------------------------------------------------------------*/
@media only screen and  ( max-width : 768px ) {
	.page_width100{
		width:111.5%;
		position: relative;
		left:-6%;
		overflow:hidden;
	}
}

/* ************************************************ 
 *	
 *	アーカイブタイトル
 *	
 * ************************************************ */
div.archives-title{
	padding:1em;
	margin-bottom:1em;
	text-align:center;
	color:#39302c;
	background:#f5f5f5;
}
.page_contents .archives-title{
	background:#fff;
}

/* ************************************************ 
 *	
 *	WPブログページ共通
 *	
 * ************************************************ */
/* -----------------------タイトル----------------------- */
.info_date{
	color:#c46023;
	font-size:80%;
}
.single_box .info_date{
	text-align:right;

}
/* -----------------------本文---------------------- */
.single_txt{
	padding-bottom:2em;
	
}
.entry-tax{
	background:#f5f5f5;
	text-align:right;
	padding:0.5em 0em;
}
.entry-tax a{
	display:inline-block;
	padding:0.2em 1em;
	color:#fff;
	background:#c46023;
	line-height:30px;
	font-size:80%;
	margin-left:0.5em;
}
.single_txt a{font-weight:bold;}
.single_txt h1,
.single_txt h2,
.single_txt h3,
.single_txt h4,
.single_txt h5,
.single_txt h6,
.single_txt h7{line-height:130%;}

.single_txt h1{font-size:180%; margin-bottom:1em;}
.single_txt h2{font-size:150%; margin-bottom:1em;}
.single_txt h3{font-size:120%; margin-bottom:0.8em;}
.single_txt h4,
.single_txt h5,
.single_txt h6,
.single_txt h7{font-size:110%}

.single_txt p{
	margin-bottom:1em;
}
blockquote{
	background:#cec9a7;
	padding:5%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size:95%;
}
blockquote p{
	line-height:160%;
}
blockquote p{
	margin:0px;
}
.wp-caption{
	background:#f5f5f5;
	margin-bottom:20px;
	padding:1%;
	max-width:97%;
}
p.wp-caption-text{
	font-size:80%;
	padding:2%;
	text-align:left;
	line-height:140%;
	color:#000;
	text-align:center;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 2%;
	margin-bottom: 1em;
	max-width:46%;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 2%;
	margin-bottom: 1em;
	max-width:46%;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}
img.alignleft,
img.alignright,
img.aligncenter {
}
.alignnone{
	float:none;
}
/* ************************************************ 
 *	
 *	サイドメニュー
 *	
 * ************************************************ */

.sidebar_block {
	margin-bottom:1em;
}
.sidebar_block h4{
	background: url(images/common/h4_bg.png) left bottom repeat-x;
	color:#c46023;
	position: relative;
	padding:0.5em 0em;
	margin-bottom:0.5em;
	font-size:110%;
}
.blog_sidebar ul.side_blog_menu li a{
	background:url(images/common/icon.png) 0em 50% no-repeat;
	-moz-background-size:8px 8px;
	background-size:8px 8px;
	padding:0.5em 0em 0.5em 1.5em;
	display:block;
	line-height:140%;
	border-bottom:1px solid #cec9a7;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

/* ************************************************ 
 *	
 *	ブログ一覧
 *	
 * ************************************************ */

.loop_box{
	border-bottom:1px solid #ccc;
	padding:1em;
}
.loop_postthumb{
	width:23%;
	float:left;
}
.loop_posttext{
	width:73%;
	float:right;

}
.loop_posttext h3{
	background: url(images/common/h3_bg.png) left bottom repeat-x;
	color:#c46023;
	position: relative;
	padding:0em 0em 0.5em 0em;
	margin-bottom:0.5em;
	font-size:120%;

}
.loop_excerpt{
	padding-top:0.5em;
	font-size:80%;
	line-height:160%;
	color:#333;
}

/* ************************************************ 
 *	
 *	PAGER
 *	
 * ************************************************ */
.pager{
	clear: both;
	text-align:center;
	padding:2em 0em;
	font-weight:bold;
}
.pager span,
.pager a{
	text-decoration: none;
	padding: 0.3em 0.7em;
	margin: 0.5em;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background:#fff;
	color: #444;
	border:1px solid #333;
}
.pager a:hover,
.pager .current{
	color: #fff;
	font-weight:bold;
	background:#aaa;
}
@media only screen and  ( max-width : 768px ) {
	/* smp */
	.wp-pagenavi .first,
	.wp-pagenavi .last, 
	span.extend,
	span.pages{display:none;}
}
/* ************************************************ 
 *	
 *	お問い合わせ
 *	
 * ************************************************ */


#toiawase{
	background:#f5f5f5;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
}
#contact_dl dt{
	line-height:150%;
	font-weight:bold;
}

#contact_dl dd{
	background:#fff;
	line-height:150%;
}
@media print, screen and ( min-width : 768px ) {
	/* pc */
	#contact_dl {
		border-bottom:1px solid #aaa;
	}
	#contact_dl  dt{
		width:30%;
		float:left;
		padding:1.5em 0% 0em 2%;
		font-size:90%;
	}
	#contact_dl dd{
		border-left:1px solid #aaa;
		width:63%;
		float:right;
		padding:1em 2%;
	}
}

@media only screen and  ( max-width : 768px ) {
	/* smp */
	#contact_dl dt{
		padding:0.5em;
	}
	#contact_dl dd{
		padding:0.5em;
		border-bottom:1px solid #aaa;
	}
}
.soushin_block{
	text-align:center;
	padding:1.5em 0em;
}
.contact_text{
	text-align:center;
	padding:10%;
	font-weight:bold;
	border:1px solid #cec9a7;
	margin-bottom:3em;
}
.contact_text p{
	text-align:center !important;
}

@media only screen and  ( max-width : 768px ) {
	.contact_text{
		font-size:90%;
		padding:15%;
	}
	.contact_text img{
		width:40%;
		height:auto;
	}
}


.waku_block{
	border:1px solid #cec9a7;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display:block;
	background:#F2F2F2;
	padding:18px;
	font-size:90%;
}

/* ************************************************ 
 *	
 *	個人情報保護方針
 *	
 * ************************************************ */
.privacy{
	background:#f5f5f5;
	padding:5%;
	color:#000;
	line-height:180%;
	font-size:90%;
}
.privacy ul li{
	margin-bottom:1em;
}
.privacy p{
	font-weight:bold;
}
/* ************************************************ 
 *	
 *	商品一覧
 *	
 * ************************************************ */

.pd_loop_link{
	background:#fff;
	border:2px solid #fff;
	color: #39302c;
	position: relative;
	display:block;
	font-size:90%;
	height:100%;
	padding-bottom:3em;
}
.pd_loop_link:hover{
	text-decoration: none;
}
.pd_loop_box{
	margin-bottom:2em;
}
.pd_loop_box .product_cart{
	padding:1em;
}
@media print, screen and ( min-width : 600px ) {
	.all_product li{
		width:32%;
		float:left;
		margin-right:2%;
	}
	.all_product li:nth-child(3n) {
		margin-right:0%;
	}
	#content ul.pd_loop_box_ul li{
		font-size:90%;
	}
	.content_product li{
		width:48%;
		float:left;
		margin-right:2%;
	}
	.content_product li:nth-child(2n) {
		margin-right:0%;
	}
}
@media only screen and  ( max-width : 600px ) {
	#content ul.pd_loop_box_ul{
		width:90%;
		padding:5%;
	}
	#content ul.pd_loop_box_ul li{
		width:100%;
	}
}
.pd_loop_more{
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
}
.pd_loop_more_block{
	padding:2px;
}
.pd_loop_more span{
	background:#ce9742;
	padding:0.1em 0em;
	display:block;
	color:#fff;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.5em;
	font-size:100%;
}
@media print, screen and ( min-width : 768px ) {
	.pd_loop_more span{
		font-size:110%;
	}
}



/* ************************************************ 
 *	
 *	商品詳細
 *	
 * ************************************************ */
.product_single{
	background:#fff;
	padding:1em;
}

.cart_block{
	background:#f5f5f5;
}
.single_product .product_img{
	border:2px solid #fff;
}
@media print, screen and ( min-width : 768px ) {
	.single_product .product_img{
		width:45%;
		float:left;
	}
	.single_product .product_cart{
		width:50%;
		float:right;
	}
	.cart_block{
		padding:2em;
	}
	.single_product .product_cart table{
		font-size:80%;
	}

}
@media only screen and  ( max-width : 768px ) {
	.single_product .product_img{
		margin-bottom:1em;
	}
	.single_product .product_cart{
		text-align:center;
		font-size:90%;
	}
	.cart_block{
		padding:1em;
	}
}
.product_info{
	font-size:90%;
	line-height:180%;
	letter-spacing:0em;
}
.product_img img{
	width:100%;
}
.price{
	font-size:180%;
	color:#f15a24;
	font-weight:bold;
}
.all_product .price{
	font-size:150%;
	color:#f15a24;
	font-weight:bold;
}
.cart_main{
	line-height:50px;
}
.cart_main select{
	width:3em;
	background:#fff;
	padding:0.5em 0em;
}
.cart_main input[type="submit"]{
	padding:0em 1em !important;
	line-height:50px;
	width:200px;
}
@media only screen and  ( max-width : 500px ) {
	.cart_main input[type="submit"]{
		padding:0em 0em !important;
		width:100%;
	}
}



/* ************************************************ 
 *	
 *	サイドメニュー
 *	
 * ************************************************ */
.sidebar_page_block {
	margin-bottom:1em;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	overflow:hidden;
	background:#fff;
}
.sidebar_page_block h4{
	background:#006837;
	color:#fff;
	font-size:110%;
	padding:1em;
	margin-bottom:0em;
}
.sidebar_page_inner{
	border:1px solid #cec9a7;
	padding:0.5em;
}
.sp_only_side ul.side_blog_menu li,
.page_sidebar ul.side_blog_menu li{
	margin-bottom:0.5em;
}
.sp_only_side ul.side_blog_menu li:last-child,
.page_sidebar ul.side_blog_menu li:last-child{
	margin-bottom:0em;
}
.sp_only_side ul.side_blog_menu li a,
.page_sidebar ul.side_blog_menu li a{
	background:#f5f5f5 url(images/common/icon.png) 0.5em 50% no-repeat;
	-moz-background-size:8px 8px;
	background-size:8px 8px;
	padding:1em 0em 1em 1.5em;
	display:block;
	line-height:140%;
	font-weight:bold;
	border:2px solid #f5f5f5;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
@media print, screen and ( min-width : 768px ) {
	.sp_only_side ul.side_blog_menu li a:hover,
	.page_sidebar ul.side_blog_menu li a:hover{
		border:2px solid #006837;
		text-decoration: none;

	}
}
