@charset "utf-8";

/* ===================================================================
	Author: aki
=================================================================== */

#tax{
	text-align:right;
	padding:10px 0 0 0;
}

#cbox1{
	
}

#cbox1 .cbox-ttl{
	background:url(../img/concept/bar.jpg) left bottom repeat-x;
	padding:30px 0px 35px 20px;
}

#cbox1 .cbox-ttl h2{
	float:left;
	font-family: "Sawarabi Mincho";
	font-size:1.3em;
	line-height:1.7em;
	letter-spacing:2px;
	font-weight:bold;
	color:#000;
}

#cbox1 .cbox-ttl h2:first-letter{
	font-size:1.2em;
}


#cbox1 .cbox-ttl ul{
	float:right;
	padding:10px 0 0 0;
}

#cbox1 .cbox-ttl ul li{
	float:left;
	padding:0 16px 0 0;
}

#cbox1 .cbox-inner{
	padding:30px 0 0px 0;
}

#cbox1 .clist{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#cbox1 .clist:after{
content: "";
	width:300px;
}
#cbox1 .cbox-inner dl{
	margin:0 0 20px 0;
}
#cbox1 .cbox-inner dl.dum{
width: 300px;
}


#cbox1 .cbox-inner dt{
	overflow:hidden;
	font-size:0.9em;
	line-height:1.7em;
}

#cbox1 .cbox-inner dd{
	padding:5px 0 0 0;
	font-size:0.8em;
	line-height:1.7em;
}
#cbox1 .cbox-inner dd strong{
	font-size:1.1em;
}

#cbox1 #drinkm{
	margin:30px 0 0 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}


#cbox1 #drinkm dl{
	width:300px;
}
#cbox1 #drinkm dt{
	position:relative;
	height:auto;
	width:auto;
	padding:0 0 0 10px;
}
#cbox1 #drinkm dt:before{
	content:"■";
	font-size:0.5em;
	line-height:1.5em;
	position:absolute;
	top:7px;
	left:0;
}


#cbox1 #drinkm dd{
	padding:5px 0 20px 0;
	font-size:0.8em;
	letter-spacing:-1px;
	line-height:1.7em;
	text-align:right;
}


#cbox1 #drinkm li{
	text-align:left;
	position:relative;
	padding:0 0 0 10px;
	margin:0 0 5px 0;
}

#cbox1 #drinkm li:before{
	content:"○";
	font-size:0.5em;
	line-height:1.5em;
	position:absolute;
	top:7px;
	left:0px;
}

#cbox1 #drinkm span.price{
	position:absolute;
	right:20px;
}

#cbox1 .btn{
display: flex;
justify-content: center;
}
#cbox1 .btn a{
display: table;
font-size: 1em;
font-weight: bold;
background: #fff;
margin: 0 10px;
padding: 10px 20px;
border: #000 solid 1px;
}
#cbox1 .mfoot{
	clear:both;
	text-align:center;
	padding:20px 0 0 0;
}






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

#cbox1 .cbox-ttl{
	background:url(../img/concept/bar.jpg) left bottom repeat-x;
	padding:0 0 2px 0;
}

#cbox1 .cbox-ttl h2{
	float:left;
	font-family: "Sawarabi Mincho";
	font-size:1em;
	line-height:1.7em;
	letter-spacing:2px;
	font-weight:bold;
	color:#000;
}

#cbox1 .cbox-ttl h2:first-letter{
	font-size:1.2em;
}


#cbox1 .cbox-ttl ul{
	float:right;
	padding:10px 0 0 0;
}

#cbox1 .cbox-ttl ul li{
	float:left;
	padding:0 16px 0 0;
}

#cbox1 .cbox-inner{
	padding:30px 0 0px 0;
}

#cbox1 .clist:after{
display: none;
}

#cbox1 .cbox-inner dl{
	width:48%;
	float:none;
	margin:0 0 20px 0;
}
#cbox1 .cbox-inner dl.dum{
width: auto;
}
#cbox1 .cbox-inner dl.m03:last-of-type{
width: 100%;

}

#cbox1 .cbox-inner dt{
	overflow:hidden;
}
#cbox1 .cbox-inner dt img{
	width:100%;
}

#cbox1 .cbox-inner dd{
	padding:5px 0 0 0;
	font-size:0.9em;
	line-height:1.7em;
}


#cbox1 #drinkm dl{
	max-width:none;
	width:100%;
}
#cbox1 #drinkm dd {
	padding: 5px 0 0 0;
}
#cbox1 #drinkm ul{
	margin:0 0 10px 0;
	display:flex;
	flex-wrap:wrap;
}
#cbox1 #drinkm li {
	margin: 0 15px 5px 0;
}

#cbox1 .btn{
flex-wrap: wrap;
justify-content: center;
margin: 2vw 0 0 0;
}
#cbox1 .btn a{
padding: 2vw 3vw;
margin: 0 1vw 2vw 1vw;
}

#cbox1 .mfoot{
	clear:both;
	text-align:center;
	padding:0;
}



}









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

#cbox1 .clist{
	justify-content:center;
}
#cbox1 .cbox-inner dl {
	max-width: 400px;
	width: 80%;
}


}