@charset "UTF-8";
/* ==================
● pc.css
================== */
@media screen and (min-width: 1280px){

body { font-size: 1em; line-height: 1.3em; text-align: justify; color: #fff;}

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



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

body{ background-image:url(../img/ouma_bk01.png)}

.inner_box{
	width:1200px; 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: 150px 0 0 0;
	padding: 50px 0 0 0; }
.foonter_font_menu{ font-size:0.9em; }
footer div{
	width:750px; margin: 0 auto; }
footer .box1{
	width:350px; margin: 50px 0; text-align:center;
	border-right: 1px solid white; }
footer .box2{
	width:450px; padding: 8% 0 0 50px;
	line-height: 2em; }
footer .box2 .big{
	font-size:1.5em; }
footer .sns{ padding: 0 0 0 105px; }
footer .sns img{ width:35px; margin: 5px 10px 0 10px; }


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


#index_box02_menu1{	
	line-height: 1.8em; letter-spacing: 0.12em;
	width:1200px; margin: 50px auto 150px auto; padding:60px 40px;
	background: url("../img/index_box02_menu1t.png") no-repeat;
	background-position:980px 40px;
	background-color:#222; }
#index_box02_menu2{
	line-height: 1.8em; letter-spacing: 0.12em;
	width:1200px; margin: 0 auto 150px auto; padding:60px 40px;
	background: url("../img/index_box02_menu2t.png") no-repeat;
	background-position:45px 40px;
	background-color:#222; }
#index_box02_menu3{
	line-height: 1.8em; letter-spacing: 0.12em;
	width:1200px; margin: 0 auto 150px auto; padding:60px 40px;
	background: url("../img/index_box02_menu3t.png") no-repeat;
	background-position:980px 40px;
	background-color:#222; }
#index_box02_menu4{
	line-height: 1.8em; letter-spacing: 0.12em;
	width:1200px; margin: 0 auto 200px auto; padding:60px 40px;
	background: url("../img/index_box02_menu4t.png") no-repeat;
	background-position:45px 40px;
	background-color:#222; }

.index_box02_right01{ width: 100%; }
.index_box02_right01 .box1{ width: 475px; }
.index_box02_right01 .box2{ width: 475px; padding: 0px 0px 0px 50px; }
.index_box02_right01 .box3{ width: 250px; }

.index_box02_right02{ width: 100%; margin-top:30px;}
.index_box02_right02 div{ width:calc(100% / 3); }
.index_box02_right02 div:nth-child(1){ padding: 0 36px 0 0; }
.index_box02_right02 div:nth-child(2){ padding: 0 18px 0 18px; }
.index_box02_right02 div:nth-child(3){ padding: 0 0 0 0; }

.index_box02_left01{ width: 100%; }
.index_box02_left01 .box1{ width: 250px; }
.index_box02_left01 .box2{ width: 475px; padding: 0px 50px 0px 0px; }
.index_box02_left01 .box3{ width: 475px; }

.index_box02_left02{ width: 100%; margin-top:30px;}
.index_box02_left02 div{ width:calc(100% / 3); }
.index_box02_left02 div:nth-child(1){ padding: 0 0 0 0; }
.index_box02_left02 div:nth-child(2){ padding: 0 18px 0 18px; }
.index_box02_left02 div:nth-child(3){ padding: 0 0 0 36px; }


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


.index_box04{ display: none !important; }

.index_box05{ margin-top:40px; font-size:1.1em; }
.index_box05 div{ width: calc(100% / 2); }
.index_box05 div:nth-child(1){ padding: 0 25px 0 0; }
.index_box05 div:nth-child(2){ padding: 0 0 0 25px; }
.index_box05 p{ font-size:1.5em; padding: 15px 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; text-align:center; }
.title_font{
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size: 3.8em; font-weight: 500; line-height: 1em; 
	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: 2.8em; 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_pc.png)center center no-repeat;
	width: 100%; height:380px; letter-spacing: 0.4em; }
#chart_title{
	background:url(../img/chart_title_pc.png)center center no-repeat;
	width: 100%; height:380px; letter-spacing: 0.4em; }
#menu_title{
	background:url(../img/menu_title_pc.png)center center no-repeat;
	width: 100%; height:380px; letter-spacing: 0.4em; }
#menu_drin_title{
	background:url(../img/menu_drink_title_pc.png)center center no-repeat;
	width: 100%; height:380px; letter-spacing: 0.4em; }
#store_title{
	background:url(../img/store_title_pc.png)center center no-repeat;
	width: 100%; height:380px; letter-spacing: 0.4em; }


/*Space*/
.second_spc01{
	padding: 100px 0 0 0; }
.second_spc02{
	padding: 120px 0 0 0; }
.second_spc03{
	padding: 30px 0 0 0; }
.second_spc04{
	padding: 15px 0; }
.second_spc05{
	padding: 30px 300px 0; }
.second_spc06{
	padding: 80px 0 0 0; }
.second_spc07{
	padding: 10px 0; }
.second_spc08{
	padding: 120px 0; }
.second_spc09{
	padding: 30px 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: calc((100% - 100px) / 2);
	margin: 0px auto; 
	line-height: 1.7em; 
	letter-spacing: 0.16em; }
.second_box2_txt a:hover{ color:#cc0000; }

.second_box2_tb{
	width: calc((100% - 100px) / 2);
	margin: 0px auto; 
	line-height: 1.7em; 
	letter-spacing: 0.16em; }
	
.second_box3_tb{
	width: calc(100% / 3); 
	line-height: 1.7em; 
	letter-spacing: 0.16em; }
.second_box3_tb:nth-child(1){ padding: 0 36px 0 0; }
.second_box3_tb:nth-child(2){ padding: 0 18px 0 18px; }
.second_box3_tb:nth-child(3){ padding: 0 0 0 36px; }

.second_box3{
	width: calc(100% / 3); 
	line-height: 1.7em; 
	letter-spacing: 0.16em; }
.second_box3:nth-child(1){ padding: 0 36px 0 0; }
.second_box3:nth-child(2){ padding: 0 18px 0 18px; }
.second_box3:nth-child(3){ padding: 0 0 0 36px; }


.menu_box{
	width:80%; margin-left:auto; margin-right:auto; }
.menu_txt01{ font-size:1.5em; text-align:center; padding:10px;}
.menu_txt02{ font-size:1.5em; text-align:center; padding:20px 0 0 0;}

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

.menu_box02_TO{
	width: calc(100% / 2); float: left; padding: 30px; }

.menu_box03{
	width: calc(100% / 3); float: left; padding: 20px; }
.menu_box04{
	width: calc(100% / 4); float: left; padding: 15px; }

.tb_box {
  border-collapse: collapse; width: 100%; }
.tb_spc01{
	margin: 0 auto 0.5em auto; }
.tb_spc02{
	margin: 3em auto 0.5em auto; }
.tb_box th,
.tb_box td {
	font-weight: 400; text-align: right; padding:8px 0 8px 13px;}
.tb_box th {
  text-align: left; padding:13px; }
.tb_box th span{ font-size:1em; margin-right:8px; }
.tb_box tr { border-bottom: 1px dashed #666; }


.chart_box{
	width: 100%;
	margin-left: auto; margin-right: auto; }
.chart_box ul{ margin: 0; padding: 0; text-align: center; }
.chart_box li{
	width:12%; 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:75%;
	margin: 30px auto 0 auto;
	line-height: 1.7em; letter-spacing: 0.16em; }


.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; }
  
/* ==================
▲▲▲ pc.css
================== */
}