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

/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	min-height:1%;
}



/***************** 
 #decaffeinated-mocha
*****************/
#decaffeinated-mocha{
	font-size: 25px;
	padding-bottom:10%;
}

#decaffeinated-mocha img{
	width:100%;
}

#decaffeinated-mocha .img1{
	margin:0 0 5% 0;
}

#decaffeinated-mocha .img2{
	margin:0 0 6% 0;
}

#decaffeinated-mocha .img3{
	margin:0 0 5% 0;
}

#decaffeinated-mocha .img4{
	margin:0 0 5% 0;
}

#decaffeinated-mocha .cart {
    width: 86%;
    margin: 5% auto 8%;
}

#decaffeinated-mocha .textbox {
	margin:1.5% 0 5%;
}

#decaffeinated-mocha .textbox p{    
	float: left;
    width: 60%;
    padding: 2% 3% 0 2%;
}

#decaffeinated-mocha .textbox div{
	float: right;
    width: 37%;
    padding: 2% 0 0 0;
}


/******　カフェインレス豆が出来るまで　*******/
#decaffeinated-mocha .about-box .step01,
#decaffeinated-mocha .about-box .step03{
	background:#f9e4ed;
}
#decaffeinated-mocha .about-box .step02,
#decaffeinated-mocha .about-box .step04{
	background:#f8d9e4;
}
#decaffeinated-mocha .about-box .step{
	padding:3% 3%;
}
#decaffeinated-mocha .about-box .step .step-box{
	float:left;
	width:75%;
}
#decaffeinated-mocha .about-box .step .step-box .icon-step{
	float:left;
	width:20%;
}
#decaffeinated-mocha .about-box .step .step-box .txt-step{
    float: left;
    width: 80%;
    padding: 0 2% 0 4%;
    color: #7f654b;
    font-size: 0.95em;
    line-height: 1.4;
}
#decaffeinated-mocha .about-box .step .step-box .mark1{
	font-weight:bold;
}
#decaffeinated-mocha .about-box .step .img-step{
	float:right;
	width:23%;
}
#decaffeinated-mocha .about-box .icon-under01 img{
	vertical-align:bottom;
}


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


/********** スタッフからのオススメコメント♪**********/
#decaffeinated-mocha .osusume-comment{
	margin:8% auto 6%;
	padding:2%;
	border: dashed 1px #e5e5e5;
	font-size:0.9em;
	color:#522800;
	width:96%;
}
#decaffeinated-mocha .osusume-comment .heading{
	padding:1%;
	background:#e5e5e5;
	font-size:1.2em;
}
#decaffeinated-mocha .osusume-comment .osusume-comment-box{
	padding:2% 1%;
}
#decaffeinated-mocha .osusume-comment .heading .mark1{
	color:#f00;
}

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



#decaffeinated-mocha .img9{
	margin:8% 0;
}


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

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

#decaffeinated-mocha img{
	width:100%;
}

#decaffeinated-mocha p {
    margin: 2% 2% 5%;
	font-size: 1em;
}
	
#decaffeinated-mocha .cart{
	display:none;
}

#decaffeinated-mocha .textbox{
	margin:2.5% 0 10%;
}

#decaffeinated-mocha .textbox p{
	float:none;
	width:100%;
	padding:2%;
	margin: 0;
	font-size: 1em;
}
#decaffeinated-mocha .textbox div{
	float:none;
	width:60%;
	margin:0 auto;
}

/******　カフェインレス豆が出来るまで　*******/	
#decaffeinated-mocha .about-box {
    background: #F8D9E4;
}
#decaffeinated-mocha .about-box .step .step-box{
	float:none;
	width:100%;
	padding-bottom:5%;
}
#decaffeinated-mocha .about-box .step .img-step{
	float:none;
	width:40%;
	margin:0 auto;
}
#decaffeinated-mocha .about-box .step .step-box .txt-step {
    width: 80%;
    padding: 0 2% 0 3%;
    font-size: 1em;
    line-height: 1.4;
}
#decaffeinated-mocha .about-box .icon-under01 img{
	vertical-align:top;
}

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



/********** スタッフからのオススメコメント♪**********/
#decaffeinated-mocha .osusume-comment{
	font-size:1em;
	margin:8% auto;
	width:96%;
}




}