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

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

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



/***************** 
   #drip4171r
*****************/
#drip4171r{
	font-size: 25px;
	width:960px;
}

#drip4171r img{
	width:100%;
}

#drip4171r .img1{
	padding-bottom:1%;
}
#drip4171r .text1{
	text-align:center;
	font-size:38px;
	margin:0;
	padding:0 0 2%;
}
#drip4171r .cart1{
	width: 86%;
    margin: 0 auto;
	padding-bottom:10%;
}
#drip4171r .img2{
	padding-bottom:6%;
}
#drip4171r .cart2{
	width: 86%;
    margin: 0 auto;
	padding-bottom:9%;
}
#drip4171r .img3{
	padding-bottom:6%;
}



#drip4171r .hot-ice{
	color:#ee5f00;
	line-height:1.36;
	background:url(/img/user/images/4171rrwd/bg-image07.jpg) repeat;
}
#drip4171r .hot-ice .img1{
	vertical-align:bottom;
}
#drip4171r .hot-ice .img2{
	vertical-align:top;
}
#drip4171r .hot-ice .hot{
	float:left;
	width:50%;
}

#drip4171r .hot-ice .hot p{
	background:url(/img/user/images/4171rrwd/bg1-image07a.jpg) repeat-y;
	background-size: 100%;
	padding:3% 6% 0 7%;
	display:block;
	margin: 0;
	font-weight: 400;
}
#drip4171r .hot-ice .ice{
	float:right;
	width:50%;
}

#drip4171r .hot-ice .ice p{
	padding:3% 6% 0 7%;
	background:url(/img/user/images/4171rrwd/bg1-image07b.jpg) repeat-y;
	background-size: 100%;
	display:block;
	margin: 0;
	font-weight: 400;
}

/********** 声 **********/
#drip4171r .voice-box{
	padding:0 0 5%;
}
#drip4171r .voice-box ul{
	background:#fcf7ec;
	padding: 0 0 0 2%;
}
#drip4171r .voice-box ul li{
	float: none;
    width: 98%;
    background: url(/img/user/images/4171rrwd/image09.jpg) no-repeat 97% 5%,#FFF;
    background-size: 15%;
    border: 4px solid #ee5f00;
    border-radius: 10px;
    margin: 0 2% 2% 0;
    padding: 2% 18% 2% 2%;
}
#drip4171r .voice-box ul li .mark1{
	color:#ff0000;
	font-weight:bold;
}
#drip4171r .voice-box ul li .mark2{
	color:#ee5f00;
	font-weight:bold;
}
#drip4171r .voice-box ul li .mark3{
	text-align:right;
	display:block;
}


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

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



#drip4171r .fresh{
	padding:5% 0;
}
#drip4171r .soku{
	padding:5% 0 10%;
}

#drip4171r .img4{
	padding-bottom:6%;
}

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

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


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

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

#drip4171r img{
	width:100%;
}

#drip4171r .text1{
	font-size:1.1em;
}


#drip4171r .hot-ice{
	font-size:1em;
}

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




}