@charset "utf-8";

/*
**************************************
*Since: 2011-10-28
*Modified: 2011-00-00
**************************************
*/

/* display
* position
* float
* clear
* vertical-align
* width
* height
* margin
* padding
* background
* border
* list-style
* color
* font
* text-decoration
* text-align
* white-space
* other text
* content */


/* mainContents
------------------------------------------------------------------- */
#mainContents .topicPath {
	background:url(../images/title.png) no-repeat top center #620d14;
}

#mainContents #content .inner {
	padding:40px 0 0 0;
}
p,strong{
	color: #322b21;
	text-align: center;
}
a{
	color: #322b21;
	text-decoration: none;
}
a:hover{
	opacity: .6;
}
@media screen and (max-width: 768px) {
	a:hover{
		opacity: 1;
	}
}
strong{
	font-family: sans-serif;
	font-weight: bold;
}
.p-ttl{
	margin-top: 40px;
}
#facilities{
	padding-bottom: 30px;
	position: relative;
}
.ttl{
	width: 98%;
	margin: 0 auto 16px;
	padding-bottom: 12px;
	text-align: left;
	border-bottom: 1px solid #d9d5cc;
}
.ttl span{
	padding-left: 4px;
	color: #2e2b26;
	text-align: left;
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1;
	border-left: 3px solid #322b21;
}
.txt{
	width: 97%;
	margin: 0 auto 30px;
	color: #2e2b26;
	font-size: 15px;
	font-family: 'Noto Serif JP', serif;
	text-align: left;
	line-height: 1.4;
}
.content{
	margin-bottom: 40px;
}
#restaurant{
	padding-top: 10px;
}
.list{
	margin: 30px auto 14px;
	display: inline-flex;
	gap: 27px;
}
.list li{
	margin-bottom: 6px;
}
.com{
	color: #2e2b26;
	font-size: 13px;
	font-family: 'Noto Serif JP', serif;
}
#shop{
	position: relative;
}
#shop .tel{
	position: absolute;
	right: 1%;
	top: 46px;
}
.order{
	margin-bottom: 20px;
}






.md-overlay{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
  z-index: 9999;
}
.md-contents{
  display: none;
  position: fixed;
  top: 10px;
  left: 50%;
  width: 1000px;
  height: auto;
  overflow: hidden;
  transform: translateX(-50%);
  z-index: 10000;
}
.md-inner{
  padding: 24px 40px;
  background: #fff;
  height: auto;
}
.md-inner img{
	width: 800px;
}
.md-xmark{
  position: absolute;
  top: 34px;
  right: 20px;
  width: 25px;
  height: 22px;
  z-index: 9999;
  cursor: pointer;
}
.md-xmark span {
  height: auto;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
}
.md-xmark span:nth-of-type(1) {
  top: 0;
  transform: translateY(10px) rotate(-45deg);
}
.md-xmark span:nth-of-type(2) {
  bottom: 0;
  transform: translateY(-10px) rotate(45deg);
}

/*#glnavi ul li.glnavi04{
	background:url(../../common/images/glnavi04hvr.png) no-repeat;
}*/

@media screen and (max-width: 768px) {
	#mainContents .topicPath {
		background-image: url(../images/sp/title.png);
		background-size: 100%;
	}
	#mainContents #content .main img{
		margin-top: 5vw;
	}

	.md-contents{
	  width: 96%;
	  top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	}
	.md-xmark{
		top: 3vw;
    right: 2vw;
	}
	#shop .tel{
    padding: 0 0 8vw;
    position: static;		
	}

	/*===========
	.sp_scroll
	===========*/
	#mainContents #content .sp_scroll img{
		max-width: max-content;
		width: auto;
	}
	.sp_scroll {
	  overflow-x: auto;
	  padding-bottom: 10px;
	  -webkit-overflow-scrolling: touch;
	}
	.sp_scroll div img {
	  max-width: 100%;
	  min-width: 600px;
	  vertical-align: top;
	}
	  
	/*===========
	scrollbar
	===========*/
	/*スクロールバー全体の高さ*/
	.sp_scroll::-webkit-scrollbar {
	  height: 4px;
	}
	/*スクロールバー全体の背景*/
	.sp_scroll::-webkit-scrollbar-track {
	  background: #eee;
	}
	/*スクロールバーの動く部分*/
	.sp_scroll::-webkit-scrollbar-thumb {
	  background: #aaa;
	  border: none;
	}
	/*スクロールバーの動く部分のホバー（マウスオーバー）*/
	.sp_scroll::-webkit-scrollbar-thumb:hover {
	  background: #999;
	}

}