@charset "utf-8";
/*
Theme Name: ※※_TITLE_※※
Version: 1.0
*/

/* *********************************
000:RESET
001:BASIC
002:HEADER
003:MAIN
004:FOOTER
005:
006:
007:
008:
100:RESPONSIVE
200:DRAWER
888:EXAMPLE
999:CLEARFIX
*********************************** */
/* *********************************
/* 000:RESET
*********************************** */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video,hr{
margin:0;padding:0;border:0;font-style:normal;font-weight:500;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input, textarea{margin:0;padding:0;}
ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word;}
a {text-decoration: none;}
/**********************************
/* 001:BASIC
************************************/
.rsp{width: 100%; height: auto;}
body{background: #101010 url("../img/background.png");}
p,a,h2,h3,dt,dd,td,div{font-family:"游ゴシック Medium";}
@media screen and (min-width:768px){
	
}
/**********************************
/* 002:HEADER
************************************/




/**********************************
/* 003:MAIN
************************************/
.section_02 {
    background: #ab9676 url(../img/background02.png);
	margin-top:90px;
}

.s02_inner{
	width: 90%;
    max-width: 1350px;
    text-align: center;
    margin: 0px auto;
    padding: 30px 0px;
}

.s02_inner h2{
	font-weight: 700;
	font-size: 25px;
	margin-bottom:7px;
}

.drink_box{
	background: rgb(196, 188, 154);
	padding: 15px 10px;
	margin-bottom: 20px;
}

.box{
	margin-bottom:30px;
}

.box h3{
	font-size:23px;
	font-weight: 600;
	text-align: left;
	margin-bottom:5px;
}

.d_list{
	border-top: 3px solid #000;
}

.d_list dl{
	display: flex;
    justify-content: space-between;
    align-items: baseline;
	border-bottom: 1px solid #000;
}

.d_list dt,.d_list dd{
    padding: 8px 0;
}

.d_list dt{
	font-size:20px;
	text-align: left;
	width: 40%;
}

.d_list dd{
	font-size:16px;
	text-align: right;
}



/**********************************
/* 004:FOOTER
************************************/
.section_03,footer{
	background:#e5e3e0 url("../img/background03.png");
}

 .s03_inner {
    width: 90%;
    max-width: 1350px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
}


/**********************************
/* 100:RESPONSIVE
************************************/


@media screen and (min-width:700px){
/*header*/

	
/*main*/
.s02_inner::after {
  content: "";
  display: table;
  clear: both;
}
	
.drink_box {
    padding: 30px 25px;
}

	
/*footer*/	

	
}


@media screen and (min-width:1024px){
/*header*/

	
	
/*main*/
.section_02{
	margin-top:160px;
}	
	
.s02_inner {
	padding: 30px 0 65px;
}
	
.s02_inner h2{
	font-size: 30px;
}
	
.drink_box {
    padding: 40px 50px;
}

.r{
	margin-right: 2%
}
	
.l{
	margin-left: 2%
}
	
.d_list dl{
	float:left;
	width:48%;
	padding: 10px 0;
}
	
.d_list::after {
	content: "";
	display: table;
	clear: both;
}
	
.d_list dt {
    width: 51%;
}	
	
	
/*footer*/	

}


@media screen and (min-width:1300px){
/*footer*/

	
	
	
	
	
}