@charset "UTF-8";
/* ==================
● tb.css
================== */
@media screen and (min-width: 561px) and (max-width: 960px){
	
body { font-size: 1em; line-height: 1.3em; text-align: justify; color: #fff;}

/* ==================
▼▼▼ common
================== */
.PC{
     display: none !important; }
.PCTB{
	display: block !important; }
.PCT-w{
     display: none !important; }
.T-w{
	display: none !important; }
.T-h{
     display: block !important; }
.TB{
	display: block !important; }
.T-hSP{
	display: block !important; }
.TbSp{
	display: block !important; }
.SP{
	display: none !important; }



/* ==================
▼▼▼ レイアウト
================== */
.wrap {
	display: -webkit-box; display: -moz-box; display: -ms-flexbox;
	display: -webkit-flex; display: flex; }
.wrap_t { }
.wrap_s {
	display: -webkit-box; display: -moz-box; display: -ms-flexbox;
	display: -webkit-flex; display: flex; }
.wrap_ts {
	display: -webkit-box; display: -moz-box; display: -ms-flexbox;
	display: -webkit-flex; display: flex; }

body{
	background-image:url(../img/ouma_bk01.png);
	background-size: 340px; }

.inner_box{
	width:85%; margin-left: auto; margin-right: auto; }

.right{
	text-align: right;
}
.center{
	text-align: center;
}


/* ==================
 ▼ space
================== */
.right_10{
	padding-right: 10px;
}
.left_10{
	padding-left: 10px;
}
.right_20{
	padding-right: 20px;
}
.left_20{
	padding-left: 20px;
}

.bottom_10{
	margin-bottom: 10px;
}
.bottom_20{
	margin-bottom: 20px;
}
.bottom_50{
	margin-bottom: 50px;
}

.space_20{
	padding: 20px;
}
.space_10{
	padding: 10px;
}

.space-top_20{
	margin-top: 20px;
}

.space-top_50{
	margin-top: 60px;
}

/* ==================
▼▼▼ header
================== */
/* 見出し */
.site-description{
	font-size: 0.75em;
	font-weight: normal;
	padding: 2px;
}


/* ==================
▼▼▼ footer
================== */
footer{
	background: #000; 
	margin: 200px 0 0 0;
	padding: 30px 0 0 0; }

.foonter_font_menu{ font-size:1em; }
footer div{
	width:500px; margin: 0 auto; }
footer .box1{
	width:100%; margin: 30px 0;
	padding: 0 0 0 0;
	border-right: 0px solid white;
	text-align:center;

}
footer .box2{
	width:100%;
	padding: 0 0 30px 0;
	line-height: 2em;
	text-align:center;
}
footer .box2 .big{
	font-size:1.5em; }

footer .sns{ text-align:center; }
footer .sns img{ width:35px; margin: 10px 10px 0 10px; }


/* ==================
▼▼▼ index
================== */
#index_box01{
	width:100%; margin: 0px auto; padding: 0px 15px;
	background: url(../img/logo_02.png) center center no-repeat;
	background-size: 48%;
}

#index_box02_menu1{
	line-height: 1.6em; letter-spacing: 0.12em;
	width:75%; margin: 0 auto 100px auto; padding:110px 50px 50px 50px;
	background: url("../img/index_box02_menu1y.png") left top no-repeat;
	background-color:#222; }
#index_box02_menu2{
	line-height: 1.6em; letter-spacing: 0.12em;
	width:75%; margin: 0 auto 100px auto; padding:110px 50px 50px 50px;
	background: url("../img/index_box02_menu2y.png") left top no-repeat;
	background-color:#222; }
#index_box02_menu3{
	line-height: 1.6em; letter-spacing: 0.12em;
	width:75%; margin: 0 auto 100px auto; padding:110px 50px 50px 50px;
	background: url("../img/index_box02_menu3y.png") left top no-repeat;
	background-color:#222; }
#index_box02_menu4{
	line-height: 1.6em; letter-spacing: 0.12em;
	width:75%; margin: 0 auto 150px auto; padding:110px 50px 50px 50px;
	background: url("../img/index_box02_menu4y.png") left top no-repeat;
	background-color:#222; }

.index_box02_right01{ width: 100%; }
.index_box02_right01 .box1{ width: 100%; padding: 0px 0px 30px 0px; }
.index_box02_right01 .box2{ width: 100%; padding: 20px 0px 40px 0px; }
.index_box02_right01 .box3{  }

.index_box02_right02{ width: 100%; }
.index_box02_right02 div{ }
.index_box02_right02 div:nth-child(1){  }
.index_box02_right02 div:nth-child(2){  }
.index_box02_right02 div:nth-child(3){ width: 70%; padding: 0; margin: 0 auto; }

.index_box02_left01{ width: 100%; }
.index_box02_left01 .box1{ width: 100%; padding: 0px 0px 30px 0px; }
.index_box02_left01 .box2{ width: 100%; padding: 20px 0px 40px 0px; }
.index_box02_left01 .box3{  }

.index_box02_left02{ width: 100%; }
.index_box02_left02 div{  }
.index_box02_left02 div:nth-child(1){ width: 70%; padding: 0; margin: 0 auto; }
.index_box02_left02 div:nth-child(2){  }
.index_box02_left02 div:nth-child(3){  }

.index_box03sp01{ margin-top: 100px; }
.index_box03sp02{ margin-top: 10px; }
.index_box03{ }
.index_box03 div{ width: calc((100% - 40px) / 5); }
.index_box03 div:not(:first-child){ margin-left: 10px; }

.index_box04{ display: none !important; }

.index_box05{ margin-top:40px; font-size:1.1em; }
.index_box05 div{ width: 100%; }
.index_box05 div:nth-child(1){ padding: 0 ; text-align:center; }
.index_box05 div:nth-child(2){ padding: 30px 0 0 0; text-align:center; }
.index_box05 p{ font-size:1.3em; padding: 15px 0 10px 0;}




/* ==================
▼▼▼ second
================== */
/*background*/

.title_sub01{
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size: 1.2em; font-weight: 500; line-height: 1.2em; 
	text-shadow: 1px 1px 3px #000000; }
.title_font{
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size: 3.1em; font-weight: 500; line-height: 1.2em; 
	text-shadow: 1px 1px 3px #000000; }
.sub_title_font{
	font-family: 'Sawarabi Mincho', sans-serif; text-align:center;	
	font-size: 2.8em; font-weight: 500; line-height: 1.2em; letter-spacing: 0.25em;
	color: #cc0000; text-shadow: 1px 1px 3px #333; }
.sub_title_font_fff{
	font-family: 'Sawarabi Mincho', sans-serif; text-align:center;	
	font-size: 2em; font-weight: 500; line-height: 1.2em; letter-spacing: 0.25em;
	color: #fff; text-shadow: 1px 1px 3px #333; }
	
#concept_title{
	background:url(../img/concept_title_tb.png)center center no-repeat;
	width: 100%; height:280px; }
#chart_title{
	background:url(../img/chart_title_tb.png)center center no-repeat;
	width: 100%; height:280px; }
#menu_title{
	background:url(../img/menu_title_tb.png)center center no-repeat;
	width: 100%; height:280px; }
#menu_drin_title{
	background:url(../img/menu_drink_title_tb.png)center center no-repeat;
	width: 100%; height:280px; }
#store_title{
	background:url(../img/store_title_tb.png)center center no-repeat;
	width: 100%; height:280px; }


/*Space*/
.second_spc01{
	padding: 100px 0 0 0; }
.second_spc02{
	padding: 80px 0 0 0; }
.second_spc03{
	padding: 30px 0 0 0; }
.second_spc04{
	padding: 0 0 15px 0; }
.second_spc05{
	padding: 30px 16% 0; }
.second_spc06{
	padding: 50px 0 0 0; }
.second_spc07{
	padding: 10px 0; }
.second_spc08{
	padding: 120px 0; }
.second_spc09{
	padding: 20px 0; }
.second_spc10{
	padding: 20px 0; }
.second_spc11{
	margin-top:20px; }
.second_spc12{
	margin-top:0px; }
.second_spc13{
	padding: 10px 0 0 0; }


/*Box*/
.second_main_box{ background-color:#222; padding:50px; }
.second_box2_txt{
	width: 100%;
	margin: 0px auto; 
	line-height: 1.7em; 
	letter-spacing: 0.16em; }
.second_box2_txt a:hover{ color:#cc0000; }

.second_box2_tb{
	width: 100%;
	margin: 0px auto; 
	line-height: 1.7em; 
	letter-spacing: 0.16em; }
.second_box2_tb:nth-child(2){ padding: 20px 0 0 0; }

.menu_box02_TO{
	width: 100%; padding: 20px; }
	
.second_box3_tb{
	width: 100%; 
	line-height: 1.7em; 
	letter-spacing: 0.16em; }
.second_box3_tb:nth-child(1){ padding: 20px 0 40px 0; }
.second_box3_tb:nth-child(2){ padding: 0 0 40px 0; }
.second_box3_tb:nth-child(3){ padding: 0; }

.second_box3_tb div{
	width: calc(100% / 2); 
	line-height: 1.4em; 
	letter-spacing: 0.14em; }
.second_box3_tb div:nth-child(1){ padding: 0 20px 0 0; }

.second_box3{
	width: calc(100% / 3); 
	line-height: 1.4em; 
	letter-spacing: 0.14em; }
.second_box3:nth-child(1){ padding: 0 24px 0 0; }
.second_box3:nth-child(2){ padding: 0 12px 0 12px; }
.second_box3:nth-child(3){ padding: 0 0 0 24px; }


.menu_box{
	width:100%; margin-left:auto; margin-right:auto; padding-top:30px;}
.menu_txt01{ font-size:1.4em; text-align:center; padding:8px;}
.menu_txt02{ font-size:1.4em; text-align:center; padding:12px 0 0 0;}

.menu_box02txt{
	width:80%; padding: 0px; margin: 0px auto;}
.menu_box02{
	width: calc(100% / 2); float: left; padding: 20px; }

.menu_box02{
	width: 100%; padding: 0; margin-left:auto; margin-right:auto; margin-bottom:30px; }	
.menu_box02:nth-child(2){ margin-top:20px; margin-bottom:20px; }

.menu_box03{
	width: calc(100% / 3); float: left; padding: 2%; }

.menu_box04{
	width: calc(100% / 3); float: left; padding: 2%; }

.tb_box {
  border-collapse: collapse; width: 100%;}
.tb_box tr, 
.tb_box th,
.tb_box td {
	display: block; width: auto;
	font-weight: 400; }
  
.tb_box tr:first-child {
    border-top: 0px solid #ddd; }
.tb_box th{ 
	 border-bottom: 0px dashed #444;
	 padding-bottom: 0; border-top: none; text-align:left; }
.tb_box td {
	padding-top:2px; border-top: none; text-align:right; }
.tb_box tr { padding:10px; border-bottom: 1px dashed #666; }
.tb_box th span{ font-size:1em; margin-right:8px; }


.chart_box{
	width: 100%;
	margin-left: auto; margin-right: auto; }
.chart_box ul{ margin: 0; padding: 0; text-align: center; }
.chart_box li{
	width:17%; display: inline-block;
	border: solid 1px #fff; margin: 5px 8px; padding: 8px 0;}
.chart_box a:hover li{
	color: #cc0000; background-color:rgba(204,0,0,0.1);	
	border: solid 1px #cc0000; }

.menu_event_txt{
	width:90%;
	margin: 30px auto 0 auto;
	line-height: 1.6em; letter-spacing: 0.15em; }
	
.second_box2_txt dt{
	border-bottom: dashed 1px #fff;
	font-size:1.4em; padding: 0 0 3px 0; }
.second_box2_txt dd{
	margin: 3px 0 30px 0; }



/* ==================
▲▲▲ tb.css
================== */
}