@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&family=Zen+Old+Mincho&display=swap');



@charset "utf-8";


/* common
--------------------------------------------------------------*/
@media only screen and (max-width: 1064px) {
  * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
  }
}
div#contents {
	overflow:visible;
}
div#contents-inner.hishiya {
	max-width:1024px;
	margin:0 auto;
	padding: 460px 0 30px !important;
	background: url(../../hishiya/img/main.webp) no-repeat 0 0 / 100% auto;
}
#contents-wrap #pttl {
	width: calc(100% - 30px);
}
div#contents-inner.hishiya p.caption span{
	display:none;
}

div#contents-inner.hishiya h2.ttl{
	margin:0 auto 30px;
	font-family: "Zen Old Mincho";
	color:#583b1f;
	font-size:28px;
	text-align:center;
	line-height:1.5;
}
div#contents-inner.hishiya p.caption{
	display:none;
}
div#contents-inner.hishiya h3.ttl{
	max-width:240px;
	margin:0 auto 15px;
	padding:10px 0 5px;
	color:#fff;
	font-size:20px;
	text-align:center;
	line-height:1;
	border-radius:30px;
	background-color:#583b1f;
}
div#contents-inner.hishiya h4.ttl{
	margin:0 auto;
	color:#583b1f;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
div#contents-inner.hishiya p.note{
	font-size:14px;
}
@media screen and (max-width:1064px){
	div#contents-inner.hishiya {
		padding-top: 400px !important;
	}
	div#contents-inner.hishiya p.caption{
		display:none;
	}
}
@media screen and (max-width:1064px){
	div#contents-inner.hishiya {
		padding-top: calc(39.0625% + 60px) !important;
	}
}
@media only screen and (max-width: 1064px) {
  #contents-wrap {
    float: none;
    width: auto;
    margin: 0 10px;
  }
}
@media screen and (max-width:540px){
	div#contents-inner.hishiya {
		padding-top: 400px !important;
		background-position:center top;
		background-size:auto 370px;
	}
}

/* contents_header
--------------------------------------------------------------*/
div#contents_header {
	width:calc(100% - 60px);
	margin:0 30px 90px;
}
div#contents_header p{
	text-align:center;
}

/* dish
--------------------------------------------------------------*/
div#dish{
	margin:0 calc(-50vw + 50%);
	padding: 90px calc(50vw - 512px);
	background-repeat:no-repeat;
	background-position:right top;
	background-image:url(../../hishiya/img/mark_bk.webp),linear-gradient(180deg, #faecb2, #ffff);
	background-size:970px auto,auto;
}

div#dish h3.name{
	margin-bottom:15px;
	font-family: "Zen Old Mincho";
	color:#583b1f;
	font-size:28px;
	vertical-align:bottom;
	overflow:hidden;
}
div#dish h3.name span.price{
	float:right;
	margin-top:0.5em;
	color:#464646;
	font-size:18px;
}
div#dish div#course ul.menu{
	margin-bottom:15px;
}
div#dish div#course ul.menu li{
	width:12em;
}

div#dish div.inner{
	width:calc(100% - 60px);
	margin:0 30px 90px;
}
/* course */
div#dish div#course ul li{
	width:calc(50% - 15px);
	margin:0 30px 0 0;
}
div#dish div#course ul li:nth-child(2n){
	margin-right:0;
}
div#dish div#course ul li span.pic{
	display:block;
	margin-bottom:10px;
}
@media screen and (max-width:1084px){
	div#dish div#course ul{
		width:calc(100% - 60px);
		margin:0 auto;
	}
}

@media screen and (max-width:960px){
	div#dish div#course ul li{
		width:100%;
		margin:0;
	}
	div#dish div#course ul li span.pic,
	div#dish div#course ul li span.pic + h3.name,
	div#dish div#course ul li span.pic + h3.name + ul.menu,
	div#dish div#course p.note{
		max-width:750px;
		margin:0 auto;
	}
	div#dish div#course ul li span.pic{
		max-width:750px;
		margin-bottom:10px;
	}
	div#dish div#course ul li span.pic + h3.name + ul.menu{
		margin-bottom:30px;
	}
}
@media screen and (max-width:810px){
	div#dish div#course ul{
		width:100%;
		margin:0 auto;
	}
}

/* option */
div#dish div#option h3 + h4 + ul{
	margin-bottom:60px;
}
div#dish div#option ul li{
	width:calc(33.33% - 20px);
	margin:0 30px 0 0;
}
div#dish div#option ul li:nth-child(3n){
	margin-right:0;
}

div#dish div#option h3.name,
div#dish div#option h3.name span.price{
	margin-top:0;
	color:#464646;
	font-size:16px;
}
@media screen and (max-width:960px){
	div#dish div#option ul li{
		width:calc(50% - 15px);
		margin:0 30px 0 0;
	}
	div#dish div#option ul li:nth-child(3n){
		margin-right:30px;
	}
	div#dish div#option ul li:nth-child(2n){
		margin-right:0;
	}
}
@media screen and (max-width:540px){
	div#dish div#option ul li{
		width:calc(50% - 7.5px);
		margin:0 15px 0 0;
	}
	div#dish div#option ul li:nth-child(3n){
		margin-right:15px;
	}
}

/* child_dish */
div#dish div#child_dish {
	margin-bottom:0;
}
div#dish div#child_dish ul{
	width:830px;
	margin:0 auto;
}
div#dish div#child_dish ul li{
	width:calc(50% - 15px);
	margin:0 30px 0 0;
}
div#dish div#child_dish ul li:nth-child(2n){
	margin-right:0;
}
div#dish div#child_dish h3.name{
	font-size:18px;
}
div#dish div#child_dish h3.name span.price{
	margin-top:0.2em;
	font-size:16px;
}
@media screen and (max-width:890px){
	div#dish div#child_dish ul{
		width:100%;
	}
}
@media screen and (max-width:540px){
	div#dish div#child_dish ul li{
		width:calc(50% - 7.5px);
		margin:0 15px 0 0;
	}
}
@media screen and (max-width:430px){
	div#dish div#child_dish ul li{
		width:100%;
		margin:0;
	}
	div#dish div#child_dish ul li:nth-child(1){
		margin-bottom:30px;
	}
}



/* room
--------------------------------------------------------------*/
div#room{
	margin:0 calc(-50vw + 50%) 90px;
	padding: 90px calc(50vw - 512px);
	background:url(../../hishiya/img/mark_bk.webp) no-repeat left top / 970px auto,
	url(../../hishiya/img/room_bk.webp) repeat center center / auto;
}
div#room p.outline{
	width:calc(100% - 60px);
	margin:0 auto 60px;
	text-align:center;
}

div#room ul li{
	width:calc(50% - 15px);
	height:344px;
	padding:0 0 0 calc(50% + 30px) ;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:50% auto;
	overflow:hidden;
}
div#room ul li:nth-child(2n){
	padding:0 calc(50% + 30px) 0 0;
}
div#room ul li:nth-child(1){background-image:url(../../hishiya/img/room1.webp);}
div#room ul li:nth-child(2){background-image:url(../../hishiya/img/room2.webp);background-position:right top;}
div#room ul li:nth-child(3){background-image:url(../../hishiya/img/room3.webp);}
div#room ul li:nth-child(4){background-image:url(../../hishiya/img/room4.webp);background-position:right top;}

div#contents-inner.hishiya div#room ul li h2.ttl{
	width:10em;
	position:relative;
	margin-top:45px;
	margin-bottom:2em;
	padding-bottom:15px;
	text-align:center;
	line-height:0.6;
	border-bottom:1px #583b1f solid;
}
div#contents-inner.hishiya div#room ul li h2.ttl span{
	width:100%;
	position:absolute;
	left:0;
	bottom:-1.5em;
	display:blocl;
	color:#464646;
	font-size:16px;
	text-align:center;
}
div#room ul li p{
	text-align:center;
	font-size:14px;
}
@media screen and (max-width:1064px){
	div#room ul li{
		width:calc(50% - 15px);
		height:auto;
		padding:30px 0 30px calc(50% + 30px) ;
	}
	div#room ul li:nth-child(2n){
		padding:30px calc(50% + 30px) 30px 0;
	}
	div#contents-inner.hishiya div#room ul li h2.ttl{
		margin-top:0;
	}
}
@media screen and (max-width:820px){
	div#room ul{
		width:calc(100% - 60px);
		max-width:760px;
		margin:0 30px;
	}
	div#room ul li,
	div#room ul li:nth-child(2n){
		width:100%;
		max-width:760px;
		padding:calc(66.145% + 30px) 0 60px;
		background-position:center top;
		background-size:100% auto;
	}
}
@media screen and (max-width:820px){
	div#room ul{
		margin:0 30px;
	}
}
@media screen and (max-width:540px){
	div#contents-inner.hishiya div#room ul li h2.ttl{
		width:90%;
		font-size: 26px;
	}
}
@media screen and (max-width:420px){
	div#contents-inner.hishiya div#room ul li h2.ttl{
		width:100%;
		font-size: 24px;
	}
}