@charset "UTF-8";



body{
	background-image: url(/img/index/bg.jpg);
	background-position: 50% 0;
}

img[src*="/pre_img."]{
	width: 100%;
	height: auto;
}

#top_image .bg{
	position: relative;
	box-sizing: border-box;
	height: 750px;
	margin-bottom: -680px;
	background-image: url(/img/index/1.jpg);
	background-size: cover;
	background-position: 50%;
}
#top_image p{
	position: relative;
	font-size: 2.3rem;
	line-height: 2.7;
	letter-spacing: 2px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	height: 680px;
	/* padding: 10px; */
}
#top_image p span{
	color: #fff;
	background-color: rgba(0,0,0,0.65);
	padding: 21px 9px 20px;
}
#top_image p span .br{
	background-color: transparent;
	padding: 15px 0 0px;
}
#top_image p span .br:before{
	content: "\a　";
	white-space: pre;
	font-size: 1rem;
}
.photo_text{
	font-size: 1.8rem;
}
#top_image .photo_text{
	position: absolute;
	right: 20px;
	bottom: 20px;
}

#kodawari .bg{
	position: relative;
	height: 750px;
	background-image: url(/img/index/2.jpg);
	background-size: cover;
	background-position: 50%;
}
.bottom_text{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 50px 0 40px;
	background: -moz-linear-gradient(top, rgba(254,252,235,0.8) 0%, rgba(227,215,180,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(254,252,235,0.8) 0%,rgba(227,215,180,0.8) 100%);
	background: linear-gradient(to bottom, rgba(254,252,235,0.8) 0%,rgba(227,215,180,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9fefceb', endColorstr='#d9e3d7b4',GradientType=0 );
}
.bottom_text .left{
	display: inline-block;
	/*vertical-align: middle;*/
	font-size: 6.6rem;
	line-height: 1.5;
	letter-spacing: 9px;
	margin-right: 30px;
}
.bottom_text .left small{
	display: block;
	font-size: 3.3rem;
	letter-spacing: 0;
}
.bottom_text .right{
	display: inline-block;
	/*vertical-align: middle;*/
	font-size: 1.7rem;
	line-height: 1.9;
}
.bottom_text .staff{
	display: inline-block;
}
.bottom_text .staff .name{
	font-size: 4.1rem;
	line-height: 0.6;
	letter-spacing: 13px;
}
.bottom_text .staff .name small{
	font-size: 1.3rem;
	font-family: Montserrat;
	letter-spacing: 2px;
}
.bottom_text .staff p{
	font-size: 1.8rem;
	letter-spacing: 1px;
}

#menu .bg{
	position: relative;
	height: 750px;
	background-image: url(/img/index/3_1.jpg);
	background-size: cover;
	background-position: 50%;
}
#menu .bottom_text .left small{
	letter-spacing: 2px;
	padding-left: 7px;
}
#menu .bg .photo_text{
	position: absolute;
	right: 20px;
	top: 10px;
}
#menu .p1{ font-size: 2.4rem; }
#menu .menu_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: -35px;
}
#menu .menu_item{
	font-size: 1.7rem;
	width: 31.3%;
	margin-bottom: 35px;
}
#menu .menu_item2,
#menu .menu_item_text{
	font-size: 1.7rem;
	width: 23.7%;
	margin-bottom: 40px;
}
#menu .menu_item_text{
	box-sizing: border-box;
	padding: 20px;
	height: 237px;
	background-color: rgba(193, 179, 154, 0.25);
}
#menu p.chui{
	text-align: center;
	font-size: 1.3rem;
	padding: 10px 0;
	background-color: rgba(193, 179, 154, 0.25);
}
#menu .web_special{position:  relative;margin-top: 50px;}
#menu .web_special h4{
	color: #fff;
	font-size: 2.1rem;
	padding: 0 0 0 20px;
	margin: 10px 0 0;
	background: -moz-linear-gradient(left, rgba(51,39,23,1) 0%, rgba(46,43,39,0) 82%, rgba(45,44,42,0) 100%);
	background: -webkit-linear-gradient(left, rgba(51,39,23,1) 0%,rgba(46,43,39,0) 82%,rgba(45,44,42,0) 100%);
	background: linear-gradient(to right, rgba(51,39,23,1) 0%,rgba(46,43,39,0) 82%,rgba(45,44,42,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#332717', endColorstr='#002d2c2a',GradientType=1 );
}
#menu .web_special h5{font-size:5.2rem;margin:15px 0 5px 0;line-height: 1;float:left;min-width: 400px;}
#menu .web_special h5 .price{ font-size: 2rem; }
#menu .web_special h5 .tax{ font-size: 1.8rem; }
#menu .web_special .image{float: right;margin: -87px -100px -40px -300px;}
#menu .web_special img[src*="/3_7."]{position: relative;top: -100px;}
#menu .web_special img[src*="/3_8."]{position: relative;top:-100px;margin: 0 -15px 0 10px;}
#menu .web_special img[src*="/3_10."]{position: absolute;top: 0;right: -10px;}
#menu .web_special h6{font-size: 1.8rem;margin: 0; float:left;}
#menu .web_special p{float:left;}
#menu .web_special .p2{float:left;width: 460px;margin:10px 0 8px 0;}
#menu .web_special .p3{float:left;width: 700px; margin:0 0 0 0;}
.tablet #menu .web_special .image{float: right;margin: -67px 0px -40px -300px;}
.tablet #menu .web_special img[src*="/3_7."]{top: -60px;width: 80px;}
.tablet #menu .web_special img[src*="/3_8."]{width: 80px;top: -60px;}
.tablet #menu .web_special img[src*="/3_9."]{width: 380px;}
.tablet #menu .web_special img[src*="/3_10."]{position: absolute;top: 2px;right: 57px;}

#sake .bg{
	position: relative;
	height: 750px;
	background-image: url(/img/index/4_1.png);
	background-size: cover;
	background-position: 50%;
}
#sake .bottom_text .left small{
	letter-spacing: 8px;
	padding-left: 9px;
}
#sake .right_image{
	display: inline-block;
	position: relative;
	top: 20px;
	margin-left: 20px;
}

#staff .bg{
	position: relative;
	height: 750px;
	background-image: url(/img/index/5_1.jpg);
	background-size: cover;
	background-position: 50%;
}
#staff .bottom_text{
	padding-bottom: 10px;
}
#staff .staff:nth-of-type(2){
	margin-left: 30px;
}

#floor .left{
	float: left;
}
#floor .clearfix > .left{
	width: 285px;
}
#floor .left .zaseki_item{
	font-size: 2.5rem;
	background-color: rgba(0,0,0,0.1);
	padding: 6px 15px;
	margin-bottom: 10px;
}
#floor .left .zaseki_item .num{
	float: right;
}
#floor .left p{
	font-size: 2rem;
	margin-left: 20px;
}
#floor .right{
	float: right;
}
#floor .right img{
	vertical-align: bottom;
}
#floor .right img[src*="/6_2."]{
	margin-top: 12px;
}
#floor .right img[src*="/6_3."]{
	float: right;
	margin-left: 12px;
}
#floor .right .img_6_3{
	float: right;
	background-image: url(/img/index/6_3.jpg);
	background-position: 65% 10%;
	width: 420px;
	height: 337px;
	margin-left: 12px;
}

#oshirase{
	font-size: 2rem;
	line-height: 1.4;
}
#oshirase .left{
	float: left;
	width: 670px;
}
#oshirase h4{
	font-size: 2.3rem;
	color: #fff;
	padding: 1px 17px;
	margin: 20px 0 18px;
	background: -moz-linear-gradient(left, rgba(219,0,0,1) 0%, rgba(219,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(219,0,0,1) 0%,rgba(219,0,0,0) 100%);
	background: linear-gradient(to right, rgba(219,0,0,1) 0%,rgba(219,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db0000', endColorstr='#00db0000',GradientType=1 );
}
#oshirase .right{
	float: right;
	text-align: right;
}
#oshirase .img_7_1{
	background-image: url(/img/index/7_1.jpg);
	background-position: 95% 70%;
	width: 318px;
	height: 270px;
	margin-bottom: 3px;
}
#oshirase .yoyaku{
	text-align: center;
	color: #fff;
	background-color: #473b33;
	padding: 5px 0;
	margin-top: 25px;
}

#access h3{
	margin-bottom: 0;
}
#access .map iframe{
	width: 100%;
	height: 540px;
	filter: grayscale(100%);
}


/* PC用 */
@media (min-width: 741px) {

}



/* スマホ用 */
@media (max-width: 740px) {
	#top_image .bg{
		height: 80vmin;
		margin-bottom: 5vmin;
	}
	#top_image p{
		font-size: 1.4rem;
		line-height: 2.4;
		height: 63vmin;
		margin: 0 auto;
	}
	#top_image p span{
		color: inherit;
		background-color: rgba(0,0,0,0.1);
		padding: 21px 1.7vmin 20px;
	}
	#top_image p span .br:before{
		font-size: 1rem;
	}
	#top_image .photo_text{
		font-size: 1rem;
		color: #fff;
		background-color: rgba(0,0,0,0.8);
		padding: 0.3vmin 1vmin;
		right: 3vmin;
		bottom: 3vmin;
	}

	#kodawari .bg{
		background-position: 50% 0;
		background-repeat: no-repeat;
		background-size: 100vmin;
		height: auto;
		padding-top: 60vmin;
	}

	.bottom_text{
		position:  static;
		padding: 5vmin 0;
		background: -moz-linear-gradient(top, rgba(254,252,235,1) 0%, rgba(227,215,180,0.8) 100%);
		background: -webkit-linear-gradient(top, rgba(254,252,235,1) 0%,rgba(227,215,180,0.8) 100%);
		background: linear-gradient(to bottom, rgba(254,252,235,1) 0%,rgba(227,215,180,0.8) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9fefceb', endColorstr='#d9e3d7b4',GradientType=0 );
	}
	.bottom_text .left{
		/*display: block;*/
		text-align: center;
		font-size: 3rem;
		letter-spacing: 0;
		/* margin-right: 0; */
	}
	.bottom_text .left small{
		font-size: 1.6rem;
	}
	.bottom_text .right{
		/*display: block;*/
		/*text-align: center;*/
		font-size: 1rem;
	}

	#menu .bg{
		background-position: 90% 0;
		background-repeat: no-repeat;
		background-size: 110vmin;
		height: auto;
		padding-top: 59vmin;
	}
	#menu .bg .photo_text{
		font-size: 1rem;
		color: #fff;
		background-color: rgba(0,0,0,0.8);
		padding: 0.3vmin 1vmin;
		right: 3vmin;
		top: 51vmin;
	}
	#menu .bottom_text .left small{
		letter-spacing: 0;
	}
	#menu .menu_list{
		margin: 0 7vmin -7vmin;
	}
	#menu .menu_item,
	#menu .menu_list .item1,
	#menu .menu_item2,
	#menu .menu_item_text{
		font-size: 0.9rem;
		margin: 2vmin 0;
	}
	#menu p.chui{
		font-size: 0.9rem;
	}

	#menu .p1{
		text-align: center;
		font-size: 1.2rem;
	}
	#menu .web_special{
		margin-top: 5vmin;
	}
	#menu .web_special h4{
		text-align:  center;
		font-size: 1.2rem;
		background-color: #473b33;
		margin: 0;
		padding-left: 0;
	}
	#menu .web_special h5{
		float:  none;
		font-size: 3rem;
		margin-left: 5vmin;
		min-width: auto;
	}
	#menu .web_special h6{
		float:  none;
		display:  block;
		text-align:  center;
		font-size: 1.2rem;
		background-color: rgba(0,0,0,0.1);
		padding: 0.5vmin 0;
	}
	#menu .web_special .image{
		float:  none;
		position:  relative;
		width:  100%;
		margin: -12vmin -2vmin -3vmin 0;
	}
	#menu .web_special img[src*="/3_7."]{width: 16vmin;top: -9.5vmin;margin-left: 5vmin;}
	#menu .web_special img[src*="/3_8."]{width: 16vmin;top: -9.5vmin;margin: 0 -1vmin 0 1vmin;}
	#menu .web_special img[src*="/3_9."]{width: 57vmin;margin-right: -10vmin;}
	#menu .web_special img[src*="/3_10."]{height:  auto;width: 15vmin;margin: 0;top: 1.5vmin;right: 3vmin;}
	#menu .web_special p{ text-align: center; white-space: nowrap; }
	#menu .web_special .p2{float:  none;width: 100%;}
	#menu .web_special .p3{float: none;width: 85%;padding: 2vmin 0;margin: 1vmin auto;border: 1px solid #000;border-width: 1px 0;}

	#sake .bg{
		background-position: 50% 0;
		background-repeat: no-repeat;
		background-size: 100vmin;
		height: auto;
		padding-top: 59vmin;
	}
	#sake .bottom_text .left small{
		letter-spacing: 0;
	}
	#sake img[src*="/4_2."]{
		display: none;
	}

	#staff .bg{
		background-position: 72% 0;
		background-repeat: no-repeat;
		background-size: 127vmin;
		height: auto;
		padding-top: 59vmin;
	}
	.bottom_text hr{
		border: 0;
		border-top: 1px solid #000;
		margin: 0 2vmin;
	}

	#floor .left .zaseki_item{
		font-size: 1.5rem;
		padding: 1vmin 3vmin;
		margin-bottom: 2vmin;
	}
	#floor .clearfix > .left{
		width: 52vw;
	}
	#floor .left p{
		font-size: 1.2rem;
		margin-left: 3vmin;
	}
	#floor .right img{
		width: 40vw;
	}
	#floor .right img[src*="/6_2."]{
		margin-top: 2vmin;
	}

	#oshirase{
		font-size: 1.1rem;
		line-height: 1.4;
	}
	#oshirase .left{
		width: 100%;
	}
	#oshirase h4{
		font-size: 1.4rem;
		padding: 1vmin 3vmin;
		margin: 3vmin 0;
	}
	#oshirase .img_7_1{
		background-size: 34vmin;
		background-position: 95% 70%;
		width: 33vw;
		height: 27vw;
		margin-top: -26vw;
	}
	#oshirase .yoyaku{
		font-size: 0.8rem;
		white-space:  nowrap;
		margin-top: 2vmin;
	}

	#access .map iframe{
		height: 60vmin;
	}
}

/* スマホ用 縦向 */
@media (max-width: 420px) and (orientation: portrait) {
	.bottom_text .left{
		display: block;
		/*text-align: center;*/
		margin-right: 0;
	}
	.bottom_text .right{
		display: block;
		text-align: center;
	}

	.bottom_text .staff .name{
		display: inline-block;
		font-size: 2.3rem;
		line-height: 1;
		letter-spacing: 0;
		white-space: nowrap;
		width: 33vmin;
	}
	.bottom_text .staff .name small{
		display: inline-block;
		font-size: 1rem;
		transform-origin: top left;
		transform: scale(0.7) translate(0, -6px);
	}
	.bottom_text .staff p{
		display: inline-block;
		vertical-align: top;
		font-size: 1rem;
		white-space: nowrap;
		width: 55vmin;
		/* transform: scale(0.8); */
		margin: 0;
	}
	.bottom_text .staff{
		display: block;
		margin: 0 0;
		transform: scale(0.9);
	}

	#menu .menu_item,
	#menu .menu_list .item1{
		vertical-align: top;
		font-size: 0.9rem;
		width: 38.5vmin;
		margin: 2vmin 0;
	}
	#menu .menu_item2{
		font-size: 0.9rem;
		width: 32%;
		margin: 2vmin 0;
	}
	#menu .menu_item:nth-of-type(1){order: 1;}
	#menu .menu_item:nth-of-type(2){order: 2;}
	#menu .menu_item:nth-of-type(3){order: 3;}
	#menu .menu_item:nth-of-type(4){order: 4;}
	#menu .menu_item:nth-of-type(5){order: 5;}
	#menu .menu_item:nth-of-type(6){order: 6;}
	#menu .menu_item:nth-of-type(7){order: 7;}
	#menu .menu_item:nth-of-type(8){order: 8;}
	#menu .menu_item:nth-of-type(9){order: 9;}
	#menu .menu_item2:nth-of-type(10){order: 10;}
	#menu .menu_item2:nth-of-type(11){order: 11;}
	#menu .menu_item2:nth-of-type(12){order: 12;}
	#menu .menu_item2:nth-of-type(13){order: 16;}
	#menu .menu_item2:nth-of-type(14){order: 14;}
	#menu .menu_item2:nth-of-type(15){order: 15;}
	#menu .menu_item2:nth-of-type(16){order: 9;}
	#menu .menu_item2:nth-of-type(17){order: 20;}
	#menu .menu_item2:nth-of-type(18){order: 18;}
	#menu .menu_item2:nth-of-type(19){order: 19;}
	#menu .menu_item2:nth-of-type(20){display: none;}
	#menu .menu_item_text{
		order: 21;
		font-size: 0.9rem;
		width: 100%;
		height: auto;
		padding: 2vmin 3vmin;
	}
	#menu .menu_item_text br{
		display: none;
	}
	#menu p.chui{
		background-color: transparent;
	}

	#staff .staff:nth-of-type(2){
		margin: 1vmin 0 0;
		padding: 1.5vmin 0 0;
		/*border-top: 1px solid #000;*/
		/*border-bottom: 1px solid #000;*/
	}
	#staff .staff:nth-of-type(3){
		margin: 3vmin 0 -7vmin;
	}

	#floor .right img[src*="/6_1."]{
		display: none;
	}
	#floor .right .img_6_3{
		float:  left;
		background-size: 40vw;
		width: 100%;
		height: 26.9vw;
		margin-left: 0;
	}
}

/* スマホ用 横向 */
@media (max-width: 740px) and (orientation: landscape) {
	.bottom_text .left{
		vertical-align: middle;
	}
	.bottom_text .right{
		vertical-align: middle;
	}

	#kodawari .bg{
		background-size: cover;
		background-position: 50%;
	}

	#menu .bg{
		background-size: cover;
		background-position: 50%;
	}
	#menu .menu_list{
		margin: 0;
	}
	#menu .menu_item{
		/*width: 38vmin;*/
	}
	#menu .menu_item_text{
		height: auto;
		padding: 2vmin;
	}
	#menu .web_special h5{
		font-size: 5rem;
		line-height: 0.7;
	}
	#menu .web_special .image{
		margin-top: -21vmin;
	}
	#menu .web_special img[src*="/3_7."]{
		top: -17vmin;
		width: 30vmin;
		margin-left: 7vmin;
	}
	#menu .web_special img[src*="/3_8."]{
		top: -17vmin;
		width: 30vmin;
	}
	#menu .web_special img[src*="/3_9."]{
		width: 104vmin;
	}
	#menu .web_special img[src*="/3_10."]{
		top: 11vmin;
		right: 12vmin;
		width: 10vw;
	}

	#sake .bg{
		background-size: cover;
		background-position: 50% 100%;
	}

	#staff .bg{
		background-size: cover;
		background-position: 50% 100%;
	}
	#staff .staff:nth-of-type(2){
		margin-left: 0;
	}
	#staff .bottom_text{
		padding-bottom: 0;
		overflow: hidden;
		height: 25vmin;
	}

	.bottom_text .staff{
		margin-right: -16px;
	}
	.bottom_text .staff .name{
		font-size: 2.3rem;
		/*line-height: 1;*/
		letter-spacing: 2px;
		/*white-space: nowrap;*/
		/*width: 33vmin;*/
	}
	.bottom_text .staff .name small{
		/*display: inline-block;*/
		font-size: 1rem;
		/*transform-origin: top left;*/
		/*transform: scale(0.7) translate(0, -6px);*/
	}
	.bottom_text .staff p{
		font-size: 1rem;
	}

	#floor .clearfix > .left{
		width: 52vmin;
	}
	#floor .right{
		width: 63vw;
	}
	#floor .right img{
		width: 40vmin;
	}
	#floor .right img[src*="/6_1."]{
		/*display: none;*/
	}
	#floor .right img[src*="/6_2."]{
		margin-top: 2vmin;
	}
	#floor .right .img_6_3{
		background-size: cover;
		width: 70vmin;
		height: 31.4vw;
		margin-left: 0;
	}

	#oshirase .left{
		width: 55vw;
	}
	#oshirase .right{
		margin-top: 2vmin;
	}
	#oshirase .img_7_1{
		background-size: cover;
		background-position: 50%;
		width: 37vw;
		height: 33vw;
		margin-top: 0;
	}
}