@charset "utf-8";

@import url(./base.css);

.font-mincho{
    font-family: Georgia,"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","HGS明朝E","メイリオ",Meiryo,serif;
}

.wrapper{
	width: 1020px;
	margin: 0 auto;
}
.visible-phone{
	display: none;
}
@media screen and (max-width: 767px){
	.wrapper{
		width: 100%;
	}
	.wrapper img{
		max-width: 100%;
		height: auto;
	}
	.hidden-phone{
		display: none;
	}
	.visible-phone{
		display: inherit;
	}
}

@media screen and (max-width: 767px){
	header{
		width: 100%;
		max-width: 980px;
		margin: 0 auto; 
		padding: 0.25em 0 0;
		letter-spacing: -0.4em;
	}
	header h1.site-title{
		display: inline-block;
		width: 65%;
		max-width: 416px;
		margin: 0;
		text-align: left;
		letter-spacing: normal;
		vertical-align: middle;
	}
	header .site-address{
		text-align: right;
		letter-spacing: normal;
		vertical-align: middle;
	}
	header .site-address p.link{
		position: relative;
	}
	header .site-address{
		display: inline-block;
		width: 35%;
		max-width: 224px;
		position: relative;
	}
	header .site-address p.link a img{
		width: 31.696428%;
		max-width: 71px;
	}
	ul#submenu{
		display: none;
		z-index: 300;
		background: #6f6f6b;
		position: absolute;
		list-style: none;
		top: 43px;
		right: 0;
		width: 13em;
	}
	ul#submenu li{
		display: block;
		padding: 0.5em 0.5em;
	}
	ul#submenu li a{
		color: #ffffff;
	}
}


@media screen and (max-width: 767px){
	#top{
		background: #381f17;
		color: #ffffff;
		padding-bottom: 2.0em;
	}
	#top h3{
		margin: 2.0em 0;
	}
	#top h3 img{
		display: block;
		width: 89.6875%;
		max-width: 574px;
		margin: 0 auto;
	}
	#top p{
		width: 85%;
		margin: 0 auto 2.0em;
	}
	#top h2{
		font-size: 22px;
		width: 82%;
		margin: 0 auto 1.0em;
		line-height: 1.2;
	}
	#top .photo img{
		display: block;
		width: 77.34375%;
		max-width: 495px;
		margin: 0 auto 2.0em;
	}
}


@media screen and (max-width: 767px){
	#coupon	h2 img{
		display: block;
		width: 70.9375%;
		max-width: 454px;
		margin: 1.5em auto;
	}
	#coupon-slide{
		width: 100%;
		margin: 0 auto 2.0em;
	}
	#coupon-slide .arrow i {
		position: absolute;
		top: 50%;
		top: calc( 50% - 0.5em );
		color: #484844;
		font-size:  30px; /*56.25/1334*/
		/* text-shadow: 2px 3px 5px #999999; */
		z-index: 20;
	}
	#coupon-slide .arrow {
		position: absolute;
		height: 100%;
		width: 60px;
		top: 0;
		cursor: pointer;
		background: rgba(255,255,255,0.8);
		z-index: 100;
	}
	#coupon-slide .arrow.left {
		left: 0;
	}
	#coupon-slide .arrow i.fa-chevron-left {
		left: 15px;
	}
	#coupon-slide .arrow.right {
		right: 0;
	}
	#coupon-slide .arrow i.fa-chevron-right {
		right: 15px;
	}
	
}



.price {
    /* background: url(../images/06.jpg) no-repeat; */
    background: #302919;
    width: 1020px;
    /* height: 895px; */
    overflow: hidden;
}
.price > div {
    width: 42.5%;
    float: left;
}
.price .list1 {
    margin: 44px 2.5% 0 5.0%;
}
.price .list2 {
    margin: 44px 5.0% 0 2.5%;
    /* padding: 15px; */
}


.price div h3 img{
    width: 100%;
}
.price div dl{
	margin-bottom: 30px;
    padding: 15px 15px;
    background: #ffffff;
}
.price div dl dt {
    margin-bottom: 5px;
}
.price div dl dt span {
	padding-left: 15px;
}
.price div dl dd {
    margin-left: 0;
    margin-bottom: 1.0em;
}

.price div.list1 dl.item3{
    padding-bottom: 67px;
}
@media screen and (max-width: 767px){
	.price{
		width: 100%;
	}
	.price h2{
		margin: 2.0em 0 1.5em;
	}
	.price h2 img{
		display: block;
		width: 48.75%;
		max-width: 312px;
		margin: 0 auto;
	}
	.price > div {
		width: 90.0%;
		float: none;
	}
	.price .list1 {
		margin: 22px 5.0% 0 5.0%;
		/* padding: 15px; */
	}
	.price .list2 {
		margin: 22px 5.0% 0 5.0%;
		/* padding: 15px; */
	}
    .price div.list1 dl.item3{
        padding-bottom: 15px;
    }
}


@media screen and (max-width: 767px){
	#shop{
		color: #000000;
	}
	#shop h2{
		margin: 1.5em 0 1.0em;
	}
	#shop h2 img{
		display: block;
		width: 91.25%;
		max-width: 584px;
		margin: 0 auto;
	}
	#shop h3{
		margin: 0 0 1.5em;
	}
	#shop h3 img{
		display: block;
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
	}
	#shop img.shop{
		display: block;
		width: 83.125%;
		max-width: 532px;
		margin: 0 auto 1.0em;
	}
	#shop a.reserve{
		display: block;
		width: 60.625%;
		max-width: 388px;
		margin: 0 auto 1.5em;
	}
	#shop p{
		width: 70%;
		margin: 0 auto 1.0em;
	}
	#shop p.tel{
		font-size: 22px;
	}
	#shop p.tel a{
		color: #000000;
		text-decoration: none;
	}
	#shop p.time{
		font-size: 20px;
	}
	#shop p.time span.small{
		font-size: 18px;
	}
	#shop a.button{
		display: block;
		width: 100%;
		max-width: 640px;
		margin: 0 auto 0.5em;
	}
}