/*
Theme Name: Child
Template: twentytwelve
*/
/*------目次------*/
/*------A（ 基本CSS・モバイルデバイス以上）------*/

/*------A-4 （ 基本CSS・モバイルデバイス以上フッタの設定変更）------*/

 /*----------------------------------------------B-1 （600ピクセル以上のデバイス用（iPad以上））----------------------------------------------*/
/*------B-2 （ 600ピクセル以上のデバイス用フッタの設定変更）------*/


@import url('../twentytwelve/style.css');

.site-title, .site-description {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}

h2.top-description {
font-size: 12px;
font-size: 0.857142857rem;
width: 420px;
width:30rem;
}

img.header-image {
margin-top: 7px;
margin-top: 0.5rem;
border: none;
box-shadow: none;
}
/*------A（ 基本CSS・モバイルデバイス以上）------*/
h2.top-description{
		width:20rem;
		width:200px;
		}
/*.imagelist img{ width:45%;
		
		margin:5px;
		}	
*/		
.imagelist img{ 		margin:5px;
		}		
.topentry-content p{
		margin:0;
		}
#accessmaplink img{
    margin: 5px 0px 10px 10px;
    }
    
   .archive-title,
   .categorytitle_inpost {
   	 font-size:1.285714286rem;
   	 font-size:18px;
   	 margin-top:10px;
   	 margin-top:0.714285714rem;
   	  margin-bottom:10px;
   	 margin-bottom:0.714285714rem;
   	 background-color:#EBFFF5;
   	 line-height:2.2;
   	 
   	 }
  .each {font-size:1.285714286rem;
   	 font-size:18px;
   	 }
/* スマートフォン用電話リンク（div id="telcall"）表示 */	
#telcall {
	margin-top:10px;
	}
#telcall img{
	margin:5px;
	width:95%;
	}
#telcall p {
	font-size:1rem;
   	 font-size:14px;
   	 background-color: #D0E5D0;
   	 line-height:2.2;
	text-align:center;
}	
   	 
/*------A-2（商品ページの表示）------*/		
#itemlist {
		margin:1.285714286rem;
		margin:18px;
		
		}
#itemlist li{
		margin:1rem;
		margin:14px;
		}		
#itemlist p{
		font-size:1.285714286rem;
		font-size:18px;
		}	
/*------新規サポーターズのコメントにはNewのマーク------*/	
	h2.newentry {
		background-image: url('http://www.qherb.com/wp-content/uploads/2013/10/new1.jpg');
		background-repeat: no-repeat;
		line-height:3;
		padding-left:42px;
		padding-left:3rem;
	 }						
/*------A-4 （ 基本CSS・モバイルデバイス以上フッタの設定変更）------*/
.footer-info h2,
.footer-info p{
	height: auto;
	text-align:center;
	background-color: #D0E5D0;
}
aside#text-14.widget.widget_text ul{
border-bottom: 1px solid #B5B5B7;
	padding-left:10px;
	padding-left:0.714285714rem;

}
aside#text-15.widget.widget_text ul{
	border-bottom: 1px solid #B5B5B7;
	padding-left:0.714285714rem;

}
.widget.widget_text li a{
	text-decoration:none;

}
.widget.widget_text li a:hover {
	background-color:#ffffff;
}

img.smallimage { display: none; }

/* ▼表示領域が600px以上の場合 */
@media screen and (min-width: 600px) {
   img.smallimage { display: none; }  /* smallを非表示 */
   img.bigimage  { display: block; } /* bigを表示 */
}
/* ▼表示領域が600px未満の場合 */
@media screen and (max-width: 599px) {
   img.smallimage { display: block; } /* smallを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
   #accessmaplink img {
margin: 5px 0px 10px 10px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
}
/*----------------------------------------------B-1 （600ピクセル以上のデバイス用（iPad以上））----------------------------------------------*/


/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.site-header {
		padding: 0;
	
	}
/* スマートフォン用電話リンク（div id="telcall"）を非表示に */	
#telcall {
	display: none;
	}
	
	
/* 商品ページのトップは全幅サイズとする */	
body.page-id-82 .site-content {
		width: 100%;
	}
body.page-id-82 .topentry-content img{
		width: 22%;
		height:auto;
	}	

	.main-navigation li a {
font-size:18px;
font-size:1.1rem;
}
	h2.top-description {
font-size: 12px;
font-size: 0.857142857rem;
width: 560px;
width: 40rem;
}


span.entry-date {
	margin:14px;
	margin:1rem;
	margin-bottom:2rem;
	
	line-height:1.6;
	}
.entry-header {
margin-top: 14px;
margin-top: 1rem;
}	
/* .imagelist img{ width:22%;
		margin:10px;
		}			
 */
 .imagelist img{ 		margin:10px;
		}		
	.site-content {
		float: right;
		width: 65.104166667%;
		margin:0.5rem;
		margin:7px;
		}
	.widget-area {
		float: left;
		width: 26.041666667%;
		}
	.topentry-content img{
		float: left;
		width:32%;
		margin-left:10px;
		
		margin-top:14px;
		border-radius: 3px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
		}
		.topentry-content2 img{
				width:32%;
				
				height:100%;	
		margin-left:10px;
		margin-right:10px;
		margin-top:14px;
		border-radius: 3px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
		}
		.topentry-content2 h2{
						margin-left:20px;
		font-size: 18px;
font-size: 1.28571rem;

		margin-top:14px;
		
		}
	body.page-id-82 .topentry-content img{
		float: left;
		width:23%;
		margin-left:18px;
		
		margin-top:14px;
		border-radius: 3px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
		}	
	
		
#social {
	margin-top:14px;
	margin-top:1rem;
	padding:10px;
	clear:both;
		}		
#facebook {
	float:left;
	margin:5px
	padding-left:10px;
	padding-top:20px;
	width:43%;
	}	
#calendar {
	width:45%;
	margin:5px;
	padding-top:20px;
	float:right;
	}	
	/*------B-2 （ 600ピクセル以上のデバイス用フッタの設定変更）------*/
	.footer-info h2,
	.footer-info p{
		height: auto;
		text-align:left;
		width:90%;
		padding:5px;
		padding:0.357142857rem;
		background-color: #D0E5D0;
	}
	aside#text-13.widget.widget_text{
		width:50%;
		height:auto;
		float:left;
		padding-top:10px;
		padding-top:0.714285714rem;
	}
	aside#text-14.widget.widget_text{
		width:50%;
		height:auto;
		float:left;
		padding-top:10px;
		padding-top:0.714285714rem;
	}
	aside#text-15.widget.widget_text ul{
		width:49%;
		height:auto;
		float:right;
		padding-top:10px;
		padding-top:0.714285714rem;
	}	
}		

/*----------------------------------------------C-1 （PC用960以上基本CSS）----------------------------------------------*/
/* Minimum width of 960pixels. *//* Minimum width of 960pixels. *//* Minimum width of 960pixels. *//* Minimum width of 960pixels. */
@media screen and (min-width: 960px) {
/*----------------------------------------------C-3 （フッタ）----------------------------------------------*/	
	/*Minimum width of 960pixelsで wigetをつかったFooterここから */
/* Footer */
	footer[role="contentinfo"] {
		border-top: none;
		clear: both;
		font-size: 12px;
		font-size: 0.857142857rem;
		line-height: 2;
		/* Footer
		max-width: 960px;
		max-width: 68.571428571rem;
	 	*/
	 	
	 
	 
		margin-top: 24px;
		margin-top: 1.714285714rem;
		margin-left: auto;
		margin-right: auto;
		padding: 24px 0;
		padding: 1.714285714rem 0;
		height:390px;
		height:27.857142rem;
	}
	footer[role="contentinfo"] a {
		color: #686868;
	}
	footer[role="contentinfo"] a:hover {
		color: #21759b;
	}


	.site-info {
		height:60px;
		height:4.2857142rem;
		background-color:#6EAF6E;
		clear:both;
	}	
/*----------------------------------------------C-3-1 （PC用960以上フッタ・wiget部分）----------------------------------------------*/	 
	#wigfooter {
		background-color:#d0e5d0;
		padding: 20px 0px 20px 30px;
		padding: 1.4285714rem 0 1.4285714rem 2.1428571rem;
		height:330px;
		height:23.571428rem;
	}
	.widget.widget_text{
		float:left;
		padding-left:10px;
		padding-left:0.7142857rem;
	}
	.textwidget {
		height:auto;
	}
	aside#text-13.widget.widget_text{
		width:38%;
		height:290px;
		height:20.71428571rem;
		padding-top:14px;
		padding-top:1rem;
		
	}
	aside#text-14.widget.widget_text{
		width:29%;
		height:290px;
		height:20.71428571rem;
		border-left:1px solid #B5B5B7;
		border-right:1px solid #B5B5B7;
		padding-top:10px;
		padding-top:0.714285714rem;
	}
	aside#text-14.widget.widget_text ul{
		margin-bottom:10px;
		margin-bottom:0.7142857rem;
		padding-left:0px;
		border:none;
	}
	aside#text-14.widget.widget_text li{
		line-height: 1.8;
	}	
	aside#text-15.widget.widget_text{
		width:28%;
		height:290px;
		height:20.71428571rem;
		padding-top:10px;
		padding-top:0.714285714rem;
	}
	aside#text-15.widget.widget_text ul{
		margin-bottom:10px;
		margin-bottom:0.7142857rem;
		padding-left:0px;
		border:none;
		width:100%;
		clear:both;
	}
	.footer-info h2,
	.footer-info p{
		height: auto;
		text-align:left;
		width:100%;
	
	}
	

	.footer-info{
		border-bottom:1px solid #B5B5B7;
		margin-bottom:5px;
		margin-bottom:0.357142857rem;
		margin-right:10px;
		margin-right:0.714285714rem;
	}
	.footer-info h2{
		font-size:14px;
		font-size:1rem;
	
	}
	.footer-info h2 b{
		font-size:25px;
		font-size:1.7857142rem;
	}
	.dark-square{
		background-color:#666666;
		color:#FFFFFF;
		padding:3px 5px 3px 5px;
		padding:0.214285714rem 0.357142857rem 0.214285714rem 0.357142857rem;
		margin-right:10px;
		margin-right:0.714285714rem;
		width:30px;
		width:2.142857143rem;
		
	}
	.pagetop{
		position: relative;
		top:-392px;
		top:-28rem;
		left:90px;
		left:6.4285714rem;
	}
	/* wigetをつかったFooterここまで */
	.site-info p{
		text-align:center;
		color:#7D6B55;
		padding-top:14px;
		padding-top:1rem;
	}
}