/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */

.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	min-height:1%;
}

/***************** 
#golden_tokubai 
*****************/
	#golden_tokubai{
		margin:0 auto 5%;
		width:100%;
		line-height:1.5;
		font-size:17px;
		word-break:normal;
		color:#212121;
	}
	
	#golden_tokubai img{
		width:100%;
	}
	#golden_tokubai .img1{
		padding-bottom:2%;
	}
	
	/********** product-box1 **********/
	#golden_tokubai .product-box1{
		padding-bottom:5%;
	}
	#golden_tokubai .product-box1 .product1{
		float:left;
		width:49%;
	}
	#golden_tokubai .product-box1 .product2{
		float:right;
		width:49%;
	}
	#golden_tokubai .product-box1 .product2 .buy .btn1{
		float:left;
		width:50%;
	}
	#golden_tokubai .product-box1 .product2 .buy .btn2{
		float:right;
		width:50%;
	}
	
	
	
	/********** カフェ工房で人気のゴールデンブレンドとは **********/
	#golden_tokubai .item_detail{
		margin:0 auto;
		padding-bottom:4%;
	}
	#golden_tokubai .item_detail .text1{
		width:96%;
		padding:2%;
		font-size:1.1em;
	}
	#golden_tokubai .item_detail .text1 .mark1{
		color:#ff0000;
	}
	#golden_tokubai .item_detail .chart{
		width:100%;
	}
	#golden_tokubai .item_detail .chart img{
		padding:2% 0;
	}
	
	#golden_tokubai .text2{
		background:#feedd9;
		padding: 2%;
		font-size: 1.1em;
	}
	
	
	/********** お客様からの声 **********/
	#golden_tokubai .voice{
		border:10px solid #663200;
		margin-bottom:4%;
	}
	#golden_tokubai .voice .heading img{
		padding:2% 2% 0;
		width:96%;
	}
	#golden_tokubai .voice .voice-box{
		border:3px solid #cccccc;
		margin:2%;
		padding:2%;
	}
	#golden_tokubai .voice .voice-box .dec1{
		background:#FF0;
	}
	#golden_tokubai .voice .voice-box .dec2{
		text-align:right;
		display:block;
	}
	
	
	/********** カフェ工房のこだわり **********/
	#golden_tokubai .commitment{
		margin:0 auto;
		background:#e5e5e5;
	}
	
	#golden_tokubai .commitment .text{
		float:left;
		width:46%;
		padding:2%;
		font-size:1.1em;
	}
	#golden_tokubai .commitment .img{
		float:right;
		width:50%;
	}
	#golden_tokubai .commitment .img img{
		width:100%;
	}









@media screen and (min-width: 0px) and (max-width: 767px){
	
	#golden_tokubai{
		margin:0 auto 5%;
		width:100%;
		font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		line-height:1.5;
		font-size:17px;
		word-break:normal;
		color:#212121;
	}
	
	#golden_tokubai img{
		width:100%;
	}
	#golden_tokubai .img1{
		padding-bottom:2%;
	}
	

	
	/********** カフェ工房で人気のゴールデンブレンドとは **********/
	#golden_tokubai .item_detail{
		margin:0 auto;
		padding-bottom:4%;
	}
	#golden_tokubai .item_detail .text1{
		width:100%;
		font-size:1.1em;
	}
	#golden_tokubai .item_detail .text1 .mark1{
		color:#ff0000;
	}
	#golden_tokubai .item_detail .chart{
		width:100%;
	}
	#golden_tokubai .item_detail .chart img{
		padding:2% 0;
	}
	
	#golden_tokubai .text2{
		background:#feedd9;
		padding: 2%;
		font-size: 1.1em;
	}
	
	
	/********** お客様からの声 **********/
	#golden_tokubai .voice{
		border:10px solid #663200;
		margin-bottom:4%;
	}
	#golden_tokubai .voice .heading img{
		padding:2% 2% 0;
		width:96%;
	}
	#golden_tokubai .voice .voice-box{
		border:3px solid #cccccc;
		margin:2%;
		padding:2%;
	}
	#golden_tokubai .voice .voice-box .dec1{
		background:#FF0;
	}
	#golden_tokubai .voice .voice-box .dec2{
		text-align:right;
		display:block;
	}
	
	

	/********** カフェ工房のこだわり **********/
	#golden_tokubai .commitment .text{
		float:none;
		width:94%;
		padding:3%;
		font-size:1em;
	}
	#golden_tokubai .commitment .img{
		float:none;
		width:100%;
	}
	#golden_tokubai .commitment .img img{
		width:60%;
		margin:0 20% 3%;
	}

	
	/********** product-box1 **********/
	#golden_tokubai .product-box1{
		padding-bottom:5%;
	}
	#golden_tokubai .product-box1 .product1{
		float:none;
		width:100%;
		padding-bottom:3%;
	}
	#golden_tokubai .product-box1 .product2{
		float:none;
		width:100%;
	}
	#golden_tokubai .product-box1 .product2 .buy .btn1{
		float:left;
		width:50%;
	}
	#golden_tokubai .product-box1 .product2 .buy .btn2{
		float:right;
		width:50%;
	}
	
	
	/********** カフェ工房で人気のゴールデンブレンドとは **********/
	
	#golden_tokubai .item_detail .text {
		float: none;
		width: 96%;
		padding: 2%;
		font-size: 1em;
	}
	#golden_tokubai .item_detail .chart{
		float:none;
		width:100%;
	}
	#golden_tokubai .item_detail .chart img{
		width:100%;
		padding:0;
		margin:2% 0 3%;
	}
	
	#golden_tokubai .text2{
		font-size:1em;
	}
	
	/********** お客様からの声 **********/
	#golden_tokubai .voice{
		font-size:0.9em;
	}
	#golden_tokubai .voice .voice-box {
		color: #000;
	}
	
	#golden_tokubai .commitment .text{
		float:none;
		width:94%;
		padding:3%;
		font-size:1em;
	}
	#golden_tokubai .commitment .img{
		float:none;
		width:100%;
	}
	#golden_tokubai .commitment .img img{
		width:60%;
		margin:0 20% 3%;
	}
	
	
	/********** オススメコメント **********/
	#golden_tokubai .osusume-comment{
		font-size:1em;
		margin:0 auto 5%;
		width:90%;
	}


}