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

/* フォントの再定義 */
.mincho {
	font-family: YuMincho,"游明朝",a-otf-ryumin-pr6n,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
}
/* フォントの再定義 */

a.anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
hr.style1 {
	border: 0;
    height: 0;
    border-top: 1px solid #c8c8c8;
}
hr.style2 {
	border: 0;
    height: 0;
	width: 25%;
    border-top: 1px solid #d5b656;
	margin: 20px 0px;
}
h2.time{
width: 100%;
position: relative;
display: inline-block;
padding: 0 0%;
}

h2.time:before, h2.time:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
height: 1px;
background-color: #d5b656;
}

h2.time:before {left:0;}
h2.time:after {right: 0;}

.kei_wrapper {
	display: block;
	height: 96vw;
}
.top_banner_wrapper {
	margin-top: 34vw;
}

/* TAB */
.tab_area{
	width: 100%;
	overflow:hidden;
	/* display:table; */
	margin:0;
	}
	
.tab_area li{
	/*Tabの装飾*/
	width:33%;
	margin-right: 0.5%;
	margin-bottom: 15px;
	padding: 15px 0;
	text-align:center; 
	cursor: pointer; 
	display:table-cell;  
	color:#333333;
	border-bottom:5px solid #f0e6c8;
}
.tab_area li:hover {
	border-color: #d5b656;
	background-color: rgba(225,176,68,0.10);
	-webkit-transition: 0.6s ;
	transition: 0.6s ;
}
.all_area {
	width: 100%;
	padding: 0; 
	overflow: hidden;
	}
	
.all_area div.content_area{
	/*Tabの内容を表示するエリアの装飾*/
	margin-top: 70px;
	}

.tab_area li.select{
	/*アクティブタブの装飾*/
	background-image:none; 
	color:#333333;
	border-color: #d5b656;
	background-color: rgba(225,176,68,0.20);
	}
	
.hide{display:none;}


/* TAB */

.kora_pankuzu .kigou {
	margin: 0 5px;
	color: #F60;
}
.page_ttl_block{
	background-image: url(../img/background_001.jpg) ;
	background-position: center center;
	background-repeat:no-repeat;
	background-size: cover;
	height: 125px;
	padding-top: 100px;
}
.page_ttl {
	width: 188px;
	margin: 25px 0;
}
.page_header {
	height: 400px;
	background-position: center center;
	background-size: cover;
	background-repeat:no-repeat;
	display: block;
}
.page_header img {
	height: 100%;
	width: auto;
	max-height: 400px;
}
.page_intro_block {
	background-image: url(../img/background_002.jpg);
	background-position: center right;
	background-repeat:no-repeat;
	background-size: cover;
}
.page_intro {
	line-height: 2.0em;
}
.page_available_block {
	background-image: url(../img/background_003.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: cover;
}
.page_available {
	color: #fff;
	font-size: 1.3em;
}
.menu_block {
	background-color: #fcfbf9;
}
.menu_container {
	width: 100%;
	border: 1px solid #d5b656;
	box-sizing: border-box;
	background-color: #fff;
}
.menu_container .meibutsu li{
	width: 65%;
}
.menu_container .meibutsu li:nth-child(2n){
	width: 35%;
	padding: 7% 5%;
	box-sizing: border-box;
}
.menu_container .inner{
	width: 100%;
	padding: 7%;
	box-sizing: border-box;
}
.menu_rank li {
	width: 32%;
	margin-right: 2%;
}
.menu_rank li:nth-child(3n) {
	margin-right: 0;
}
.menu_list li {
	width: 47%;
	margin-right: 6%;
}
.menu_list li:nth-child(2n) {
	margin-right: 0;
}
.menu_list .menu_ttl {
	font-size: 1.3em;
}
.menu_list .menu_ttl .price {
	font-size: 0.9em;
	margin-left: 10px;
}
.menu_oshinagaki li {
	line-height: 30px;
	width: 48%;
	margin-right: 4%;
}
.menu_oshinagaki li:nth-child(2n) {
	margin-right: 0;
}
.menu_separate li {
	background-color: #fff;
	border-top: 1px solid #d5b656;
}
.menu_separate .price {
	height: 35px;
}
.tenpo_list li {
	box-sizing: border-box;
}
.tenpo_list li .pic {
	width: 100%;
	text-align: center;
	background-position: center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
	-webkit-transition: 0.6s ;
	transition: 0.6s ;
}
.tenpo_list li .pic:hover {
	opacity: 0.7;
 	filter: alpha(opacity=70);
  	-ms-filter: "alpha(opacity=70)";
}
.tenpo_list li .info {
	background-color: #ddc477;
	text-align: center;
	padding: 10px 0;
	height: 64px;
	box-sizing: border-box;
}
.tenpo_list li .tel {
	display: block;
	width: 160px;
	font-size: 24px;
	line-height: 24px;
	margin: 0 auto;
	padding-left: 25px;
	background-image: url(../img/tenpo_list_call.png);
	background-position: left top;
	background-repeat: no-repeat;
	height: 24px;
}
@media only screen and (min-width: 1060px) {
h2.time:before, h2.time:after{
	width: 25%;
}
.top_banner li{
	width: 32%;
	margin-right: 2%;
}
.top_banner li:nth-child(3n) {
	margin-right: 0;
}
.menu_separate li {
	width: 30%;
	margin-right: 5%;
	margin-bottom: 4%;
}
.menu_separate li:nth-child(3n) {
	margin-right: 0;
}
.tenpo_list li {
	width: 33.333%;
	height: 320px;
	border-right: 1px solid #fff;
}
.tenpo_list li:nth-child(3n) {
	border: none;
}
.tenpo_list li .pic {
	height: 256px
}
.tab_area li:nth-child(3n){
	margin-right: 0;
}
}

@media only screen and (min-width: 600px) and (max-width: 1059px) {
h2.time:before, h2.time:after{
	width: 15%;
}
.top_banner li{
	width: 32%;
	margin-right: 2%;
}
.top_banner li:nth-child(3n) {
	margin-right: 0;
}
.menu_container .meibutsu li{
	width: 65%;
}
.menu_container .meibutsu li:nth-child(2n){
	width: 35%;
	padding: 5% 2%;
	font-size: 0.9em;
}	
.page_ttl_block{
	padding-top: 75px;
}
.page_header {
	height: 300px;
}
.page_header img {
	height: 300px;
}
.page_available {
	font-size: 1.1em;
}
.menu_oshinagaki li {
	font-size: 0.85em;
}
.menu_separate li {
	width: 47.5%;
	margin-right: 5%;
	margin-bottom: 4%;
	font-size: 0.9em;
}
.menu_separate li:nth-child(2n) {
	margin-right: 0;
}
.tenpo_list li {
	width: 33.333%;
	height: 300px;
	border-right: 1px solid #fff;
}
.tenpo_list li:nth-child(3n) {
	border: none;
}
.tenpo_list li .pic {
	height: 236px
}
.tenpo_list li .tel {
	width: 140px;
	font-size: 22px;
}
.tab_area li:nth-child(3n){
	margin-right: 0;
}
}

@media only screen and (max-width: 599px) {
.kei_wrapper {
	height: 273vw;
}
.top_banner_wrapper {
	margin-top: 100vw;
}
h2.time:before, h2.time:after{
	width: 11%;
}
a.anchor{
    display: block;
    padding-top: 0px;
    margin-top: 0px;
}
.top_banner li{
	width: 100%;
	margin-bottom: 20px;
}
.tab_area li{
	width: 49%;
	margin-right: 2%;
	margin-bottom: 15px;
	font-size: 1.2em;
}
.tab_area li:nth-child(2n){
	margin-right: 0;
}
.page_ttl_block{
	padding-top: 75px;
}
.page_header {
	text-align: center;
}
.page_header {
	height: 240px;
}
.page_header img {
	height: 240px;
}
.page_available {
	font-size: 0.95em;
	line-height: 1.3em;
}
.menu_container .meibutsu li{
	width: 100%;
}
.menu_container .meibutsu li:nth-child(2n){
	width: 100%;
	padding: 7%;
}
.menu_rank li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}
.menu_list li {
	width: 100%;
	margin: 0;
}
.menu_list .menu_ttl {
	margin-top: 20px;
}
.menu_oshinagaki li {
	font-size: 0.8em;
}
.menu_oshinagaki li {
	line-height: 30px;
	width: 48%;
	margin-right: 4%;
}
.menu_oshinagaki li:nth-child(2n) {
	margin-right: 0;
}
.menu_separate li {
	width: 47.5%;
	margin-right: 5%;
	margin-bottom: 4%;
	font-size: 0.7em;
}
.menu_separate li:nth-child(2n) {
	margin-right: 0;
}
.tenpo_list li {
	width: 100%;
	height: 301px;
	clear: both;
	border-bottom: 1px solid #fff;
}
.tenpo_list li .pic {
	height: 236px
}	
}