@charset "shift_jis";
/* CSS Document */

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

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



/***************** 
   #blue_mountain200 
*****************/
#blue_mountain200{
	font-size:25px;
	padding:0 0 5%;
}

#blue_mountain200 img{
	width:100%;
}




#blue_mountain200 .img1{
	padding-bottom:3%;
}
#blue_mountain200 .text3{
	text-align:center;
	font-size:38px;
	margin:0;
	padding:0 0 2%;
}
#blue_mountain200 .cart {
    width: 86%;
    margin: 0 auto;
}
#blue_mountain200 .img2{
	padding-bottom:5%;
}
#blue_mountain200 .cart{
	padding-bottom:8%;
}
#blue_mountain200 .img3{
	padding-bottom:5%;
}
#blue_mountain200 .about{
	background:#f1e2c5;
	padding:2% 0;
	margin-bottom:5%;
}
#blue_mountain200 .about .text1{
	padding:0 2%;
}


/********** ブルーマウンテンブレンド **********/
#blue_mountain200 .taste{
	padding:0 0 5%;
}
#blue_mountain200 .taste .img6{
	float:left;
	width:48%;
	padding:2%;
}
#blue_mountain200 .taste .text-img{
	float:left;
	width: 52%;
    padding: 2% 2% 2% 0;
}
#blue_mountain200 .taste .text-img .text2{
	line-height:1.5;
	margin:0;
	padding:0 0 5%;
}
#blue_mountain200 .taste .img7{
	width:42%;
	margin:3% auto;
}





/********** お客様からの声 **********/
#blue_mountain200 .voice{
	border:10px solid #663200;
}
#blue_mountain200 .voice .heading img{
	padding:2% 2% 0;
	width:100%;
}
#blue_mountain200 .voice .voice-box{
	border:3px solid #cccccc;
	margin:2%;
	padding:2%;
}
#blue_mountain200 .voice .voice-box .mark1{
	background:#FF0;
}
#blue_mountain200 .voice .voice-box .mark2{
	float:right;
	display:block;
}



#blue_mountain200 .img-secret_arrow{
	padding:5% 0 2%;
}

/********** カフェ工房のこだわり **********/
#blue_mountain200 .commitment{
	margin:0 auto;
	background:#e5e5e5;
}

#blue_mountain200 .commitment .text{
	float:none;
	width:94%;
	padding:3%;
	font-size:1em;
}
#blue_mountain200 .commitment .img{
	float:none;
	width:100%;
}
#blue_mountain200 .commitment .img img{
	width:60%;
	margin:0 20% 3%;
}


#blue_mountain200 .img8{
	padding:5% 0;
}
#blue_mountain200 .img9{
	padding:0 0 6%;
}

/********** オススメコメント **********/
#blue_mountain200 .osusume-comment{
	margin:0 auto 5%;
	padding:2%;
	border: dashed 1px #e5e5e5;
	font-size:0.9em;
	color:#522800;
	width:96%;
}
#blue_mountain200 .osusume-comment .heading{
	padding:1%;
	background:#e5e5e5;
	font-size:1.2em;
}
#blue_mountain200 .osusume-comment .osusume-comment-box{
	padding:2% 1%;
}
#blue_mountain200 .osusume-comment .heading .mark1{
	color:#f00;
}

#blue_mountain200 .osusume-comment-box span{
	color:#ff0000;
	font-weight:bold;
}


#blue_mountain200 .img10{
	margin:0 10%;
}

@media screen and ( max-width:767px) {

#blue_mountain200{
	margin:0;
	width:100%;
	font-size:1em;
}


/********** お客様からの声 **********/
#blue_mountain200 .voice{
	font-size:1em;
}
#blue_mountain200 .voice .voice-box {
    color: #000;
}





/********** オススメコメント **********/
#blue_mountain200 .osusume-comment{
	font-size:1em;
	margin:0 auto 5%;
	width:96%;
}

#blue_mountain200 .text3{
	font-size:1.1em;
}
}