@charset "utf-8";
/* CSS Document */


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

ul li{
	list-style:none;
}
img{
	vertical-align: bottom;
}
p{
	padding:0;
	margin:0;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	min-height:1%;
}


/************************* 
   #best-of-coffee2020 
*************************/

/* ---	デバイスごとの切り替え--- */
.device-sp{
	display:none;
}
.device-sp-inline{
	display:none;
}
.device-pc{
	display:block;
}
.device-pc-inline{
	display:inline;
}

#best-of-coffee2020{
	width:800px;
	margin:0 auto 5%;
}
#best-of-coffee2020 img{
	width:100%;
}
#best-of-coffee2020 .img-main{
	margin:0 0 2%;
}
#best-of-coffee2020 .txt-main2{
	text-align:center;
}

#best-of-coffee2020 .drip_coffee{
	margin:0 0 8%;
}

#best-of-coffee2020 .title{
	margin:0 4%;
}

#best-of-coffee2020 .st-title{
	font-weight:bold;
	margin:0 0 1%;
}
#best-of-coffee2020 .catch{
	font-size:22px;
	color:#ee5f00;
	line-height:1.2;
	font-weight:bold;
	margin:0 0 2%;
}
#best-of-coffee2020 .item-box .details{
	font-size:15px;
	margin:0 0 2%;
	line-height:1.3;
}

/*.item-inner1*/
#best-of-coffee2020 .item-inner1{
	margin:0 0 4%;
	padding:0 0 3%;
	background:#fdf9e8;
}
#best-of-coffee2020 .item-inner1 .st-title{
	background:url(https://www.cafe.co.jp/upload/user/images/best-of-coffee2018/st-bg-coffee1.png) no-repeat;
	background-size:100%;
	font-size:30px;
	padding:5% 5% 5% 15%;
    line-height: 1.25;
}
#best-of-coffee2020 .item-inner1 .catch{
	margin:0 3% 3%;
}
#best-of-coffee2020 .item-inner1 .item-box{
	display:flex;
	margin:0 3%;
}
#best-of-coffee2020 .item-inner1 .item-box .img-item{
	width:37%;
}
#best-of-coffee2020 .item-inner1 .item-box .text-item{
	width:63%;
	padding:0 3% 0 6%;
}
#best-of-coffee2020 .item-inner1 .item-box .text-item .btn-item_chec{
	margin:0 0 2%;
	width:70%;
	float:right;
}

/*.item-inner2*/
#best-of-coffee2020 .item-inner2{
	width:48%;
	float:left;
	background:#f1f4f1;
}
#best-of-coffee2020 .item-inner2 .st-title{
	background:url(https://www.cafe.co.jp/upload/user/images/best-of-coffee2018/st-bg-coffee2.png) no-repeat;
	background-size:100%;
	font-size:26px;
	padding:5% 5% 5% 32%;
	margin:0 0 3%;
	line-height:1.25;
}
#best-of-coffee2020 .item-inner2 .item-box .img-item{
	width:78%;
	margin:0 auto 3%;
}
#best-of-coffee2020 .item-inner2 .item-box .catch{
	margin:0 3% 3%;
}
#best-of-coffee2020 .item-inner2 .item-box .details{
	margin:0 3% 3%;
	line-height:1.3;
}
#best-of-coffee2020 .item-inner2 .item-box .btn-item_chec{
	margin:0 auto 3%;
	width:80%;
}
#best-of-coffee2020 .item-inner2 .item-box .img-voice{
	margin:0 auto 5%;
	width:90%;
}


/*.item-inner3*/
#best-of-coffee2020 .item-inner3{
	width:48%;
	float:right;
	background:#fdf4ed;
	margin:0 0 0 4%;
}
#best-of-coffee2020 .item-inner3 .st-title{
	background:url(https://www.cafe.co.jp/upload/user/images/best-of-coffee2018/st-bg-coffee3.png) no-repeat;
	background-size:100%;
	font-size:26px;
	padding:5% 5% 5% 32%;
	margin:0 0 3%;
	line-height:1.25;
}
#best-of-coffee2020 .item-inner3 .item-box .img-item{
	width:78%;
	margin:0 auto 3%;
}
#best-of-coffee2020 .item-inner3 .item-box .catch{
	margin:0 3% 3%;
}
#best-of-coffee2020 .item-inner3 .item-box .details{
	margin:0 3% 3%;
	line-height:1.3;
}
#best-of-coffee2020 .item-inner3 .item-box .btn-item_chec{
	margin:0 auto 3%;
	width:80%;
}
#best-of-coffee2020 .item-inner3 .item-box .img-voice{
	margin:0 auto 5%;
	width:90%;
}

#best-of-coffee2020 .comment{
	font-size:13px;
	line-height:1.54;
	margin:3% 0;
}
#best-of-coffee2020 .comment .mark1{
	text-align:right;
}












@media screen and ( max-width:767px) {
/* ---	デバイスごとの切り替え--- */
.device-sp{
	display:block;
}
.device-sp-inline{
	display:inline;
}
.device-pc{
	display:none;
}
.device-pc-inline{
	display:none;
}


#best-of-coffee2020{
	width:100%;
	margin:0 auto;
}
#best-of-coffee2020 .txt-main2{
	text-align:left;
	margin:0 0 1%;
}
#best-of-coffee2020 .title{
	margin:0;
}
#best-of-coffee2020 .catch{
	font-size:1em;
}
#best-of-coffee2020 .item-box .details{
	font-size:1em;
}

/*.item-inner1*/
#best-of-coffee2020 .item-inner1{
}
#best-of-coffee2020 .item-inner1 .st-title{
	background:url(https://www.cafe.co.jp/upload/user/images/best-of-coffee2018/sp-st-bg-coffee1.png) no-repeat;
	background-size:100%;
	font-size: 1.2em;
    padding: 3% 6% 3% 20%;
}
#best-of-coffee2020 .item-inner1 .catch{
}
#best-of-coffee2020 .item-inner1 .item-box{
	display: block;
}
#best-of-coffee2020 .item-inner1 .item-box .img-item{
	width:78%;
	margin:0 auto 3%;
}
#best-of-coffee2020 .item-inner1 .item-box .text-item{
	width:100%;
	padding:0 3%;
}
#best-of-coffee2020 .item-inner1 .item-box .text-item .btn-item_chec{
	margin:0 auto 3%;
	width:90%;
	float:none;
}

/*.item-inner2*/
#best-of-coffee2020 .item-inner2{
	width:100%;
	padding:0 0 2%;
	margin:0 0 4%;
	float:none;
	background:#f1f4f1;
}
#best-of-coffee2020 .item-inner2 .st-title{
	background:url(https://www.cafe.co.jp/upload/user/images/best-of-coffee2018/sp-st-bg-coffee2.png) no-repeat;
	background-size:100%;
	font-size: 1.2em;
    padding: 3% 6% 3% 20%;
}
#best-of-coffee2020 .item-inner2 .item-box .img-item{
	width:78%;
	margin:0 auto 3%;
}
#best-of-coffee2020 .item-inner2 .item-box .catch{
	margin:0 3% 3%;
}
#best-of-coffee2020 .item-inner2 .item-box .details{
	margin:0 3% 3%;
	line-height:1.3;
}
#best-of-coffee2020 .item-inner2 .item-box .btn-item_chec{
	margin:0 auto 3%;
	width:90%;
	float:none;
}
#best-of-coffee2020 .item-inner2 .item-box .img-voice{
	margin:0 auto 5%;
	width:90%;
}


/*.item-inner3*/
#best-of-coffee2020 .item-inner3{
	width:100%;
	float:none;
	background:#fdf4ed;
	padding:0 0 2%;
	margin:0 0 4%;
}
#best-of-coffee2020 .item-inner3 .st-title{
	background:url(https://www.cafe.co.jp/upload/user/images/best-of-coffee2018/sp-st-bg-coffee3.png) no-repeat;
	background-size:100%;
	font-size: 1.2em;
	padding: 3% 6% 3% 20%;
}
#best-of-coffee2020 .item-inner3 .item-box .img-item{
	width:78%;
	margin:0 auto 3%;
}
#best-of-coffee2020 .item-inner3 .item-box .catch{
	margin:0 3% 3%;
}
#best-of-coffee2020 .item-inner3 .item-box .details{
	margin:0 3% 3%;
	line-height:1.3;
}
#best-of-coffee2020 .item-inner3 .item-box .btn-item_chec{
	margin:0 auto 3%;
	width:90%;
	float:none;
}
#best-of-coffee2020 .item-inner3 .item-box .img-voice{
	margin:0 auto 5%;
	width:90%;
}

#best-of-coffee2020 .drip_coffee .item-inner1 .st-title,
#best-of-coffee2020 .drip_coffee .item-inner2 .st-title{
    padding: 6% 6% 6% 20%;
}



}