@charset "utf-8";

/* -----------------------------------------------

= base

----------------------------------------------- */
html {
	line-height: 1.56;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	background: url("../images/shared/bg.jpg") center top repeat;
	background-size: 100% auto;
	color: #000;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.6rem;
	letter-spacing: .03em;
}
body.home {
	background: none;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
a {
	transition: background-color .3s linear;
	cursor: pointer;
}

/* -----------------------------------------------

= 全ページ共通

----------------------------------------------- */

/* = PC (768px以上)
----------------------------------------------- */
@media print, screen and (min-width: 768px) {
	html {
		font-size: 10px;
	}
	.sp {
		display: none;
	}
	a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}
/* = SP (768px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	html {
		font-size: 1.65vw;
	}
	.pc {
		display: none!important;
	}
	
}
/*==================================================

レイアウト

==================================================*/

/* ヘッダー
--------------------------------------------------*/

/* pc */
@media print,only screen and (min-width: 768px){ 
	.l-header{
		background: url("../images/shared/header-bg.svg") center bottom no-repeat;
		background-size: cover;
		position:relative;
		z-index: 100;
	}
	.l-header__inner{
		max-width:1000px;
		height:23.4rem;
		margin:0 auto;
		position:relative;
	}
	.l-header__logo{
		width: 16.2rem;
		position:absolute;
		top:2rem;
		left:1rem;
	}
	.l-header__logo img{
		width: 100%;
	}
	.l-header__contact{
		width: 21.5rem;
		position:absolute;
		top:4.5rem;
		right: 1rem;
	}
	.l-header__time img{
		width: 100%;
		margin-bottom: 0.5rem;
	}
	.l-header__button{
		font-size: 1.4rem;
		text-align: center;
	}
	.l-header__button a{
		background-color: #000;
		color: #fff;
		display: block;	
		padding: 0.3rem 0.2rem 0.1rem 0.2rem;
		text-decoration: none;
	}
	.l-header__tel{
		margin-left: 1.3rem;
	}
	.l-header__tel a{
		color: #000;
		font-size: 2.6rem;
		display: flex; 
		align-items: center;
	}
	.l-header__tel img{
		width: 1.5rem;
		margin-right: 1.2rem;
	}
	.nav-global{
		position:absolute;
		top:3rem;
		left:21rem;
	}
	.nav-global ul{
		display: flex;
		flex-wrap: wrap;
		justify-content:flex-start;
	}
	.nav-global ul li{
		-ms-writing-mode: tb-rl;
  		writing-mode: vertical-rl;
		margin: 0 2rem;
	}
	.nav-global ul li a{
		display: block;
		color: #000;
		font-size: 1.6rem;
		text-decoration: none;
		position: relative;
		padding-top: 2.6rem;
	 }
	.nav-global ul li a:before{
		width: 1px;
		height: 1.6rem;
		content: "";
		background-color: #000;
		display: inline-block;
		margin-bottom: 1rem;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	 }
	.m-hamburger{
	  display:none;
	}	
	.l-header__menus{
		display: block!important;
	}
}

/* sp */
@media screen and (max-width: 767px){

	.l-header{
		height: 20.6rem;
		background: url("../images/shared/header-bg-sp.svg") center bottom no-repeat;
		background-size: cover;
		position:relative;
		z-index: 100;
	}
	.l-header__logo{
		width: 16.8rem;
		position: absolute;
		top: 1.3rem;
		left: 2.5rem;
	}
	.l-header__menus{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		padding: 12.5rem 3rem 8rem 3rem;
		display: none;
	}
	.l-header__contact{
		text-align: center;
		margin-bottom: 7rem;
	}
	.l-header__time img{
		width: 36rem;
		margin-bottom: 0.8rem;
	}
	.l-header__button{
		font-size: 2.8rem;
		text-align: center;
	}
	.l-header__button a{
		background-color: #000;
		color: #fff;
		font-size: 2.8rem;
		text-decoration: none;
		display: inline-block;	
		padding: 0.2rem 7rem 0.1rem 7rem;
	}
	.l-header__tel{
		margin-left: 11.5rem;
	}
	.l-header__tel a{
		color: #000;
		font-size: 5.2rem;
		display: flex; 
		align-items: center;
		text-decoration: none;
	}
	.l-header__tel img{
		width: 2.7rem;
		margin-right: 2.1rem;
	}
	.nav-global li{
		margin-bottom: 1rem;
	}
	.nav-global li a{
		background-color: #000;
		color: #fff;
		text-decoration: none;
		font-size: 2.8rem;
		padding: 1.3rem 9rem 1.2rem 9rem;
		display: block;
	}
	.m-hamburger{
		width: 17rem;
		height: 17rem;
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
		z-index: 100;
	}
	.m-hamburger__lines{
		height: 80%;
		width:60%;
		margin: 2% auto 5% auto;
		position: relative;
	}
	.m-hamburger__lines>div{
		background-color: #000;
		width:100%;
		height:0.55vw;
		transition: transform .3s ease, opacity .3s ease;
		position: absolute;
		left:0;
		top:50%;
	}

	.m-hamburger__lines>div:first-child{
		transform: translateY(-800%);
	}

	.m-hamburger__lines>div:last-child{
		transform: translateY(800%);
	}
	.menu-open .m-hamburger__lines>div:first-child{
		transform: rotate(225deg);
	}
	.menu-open .m-hamburger__lines>div:nth-child(2){
		transform: translateX(-50%);
		opacity: 0;
	}
	.menu-open .m-hamburger__lines>div:last-child{
		transform: rotate(-225deg);
	}
	.m-hamburger__text{
		height: 15%;
		width:50%;
		margin: 0 auto;
	}
	.menu-open .m-hamburger__text{
		background:url(../images/sp/close-text.svg) center center no-repeat;
		background-size:contain;
	}
}

/* フッター
--------------------------------------------------*/

.l-footer{
	border-top: 1px #000 solid;
}
.nav-social ul{
	display: flex; 
	justify-content: center;
}
.nav-social li img{
	width: 100%;
}
.l-footer__copy{
	text-align:center;
}

/* pc */
@media print,only screen and (min-width: 768px){ 

	.l-footer{
		padding:5rem 2rem;
	}
	.nav-social ul{
		margin-bottom: 6rem;
	}
	.nav-social li{
		width: 4.3rem;
		margin: 0 0.75rem;
	}
	.l-footer__copy{
		font-size: 1.2rem;
	}
	.l-pagetop{
		position: absolute;
		bottom: 1.2rem;
		right: 1.2rem;
	}
	.l-pagetop img{
		width: 5.5rem;
		height: 5.5rem;
	}	
}

/* sp */
@media screen and (max-width: 767px){

	.l-footer{
		padding:4rem 3rem;
	}
	.nav-social ul{
		margin-bottom: 4rem;
	}
	.nav-social li{
		width: 10.5rem;
		margin: 0 5rem;
	}
	.l-footer__copy{
		font-size: 1.6rem;
	}
	.l-pagetop{
		text-align: center;
		margin: 6.5rem 0 0.5rem 0;
	}
	.l-pagetop img{
		width: 8.3rem;
	}
}

/* スライド
--------------------------------------------------*/

.home-cover__bottom{
	position: absolute;
	width: 100%;
	bottom: 0;
}
.home-cover__bottom img{
	width: 100%;
}
/* pc */
@media print,only screen and (min-width: 768px){ 

	.home-cover{
		height: 935px;
		position: relative;
		margin:-7.6rem 0 0 0;
	}
	.home-cover__slideItem{
		width: 100%;
		position: relative;
	}
	.home-cover__slideItem img{
		width: 100%;
		height: 935px;
		object-fit: cover;
	}
	.home-cover .slick-dots{
		width: 100%;
		height: auto;
		position: absolute;
		bottom: 21.5rem;
		left:50%;
		transform:translateX(-50%);
		display: block;
		text-align: center;
	}
	.home-cover .slick-dots li{
		background-color:#e5e5e5;
		display: inline-block;
		width: 1.2rem;
		height: 1.2rem;
		border-radius: 50%;
		margin: 0 0.7rem;
		text-indent: -9999px;
		vertical-align: middle;
		cursor: pointer;

	}
	.home-cover .slick-dots .slick-active{
		background-color:#fff;

	}
}

/* sp */
@media screen and (max-width: 767px){
	
	.home-cover {
		position:relative;
		margin:-3rem 0 0 0;
	}
}

/*==================================================

パーツ

==================================================*/

/* メイン
--------------------------------------------------*/

.m-main{
	position: relative;
}
.m-main__inner{
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.m-main__bottom{
	position: absolute;
	bottom: 1.7rem;
	left: 0;
	right: 0;
}
.m-main__bottom img{
	width: 100%;
}
.m-main__inner.-aboutus{
	background-image: url("../images/aboutus/main.jpg");
}
.m-main__inner.-information{
	background-image: url("../images/information/main.jpg");
}
.m-main__inner.-menu{
	background-image: url("../images/menu/main.jpg");
}
/* pc */
@media print,only screen and (min-width: 768px){ 
	
	.m-main{
		height: 42rem;
		margin:-7.6rem 0 17rem 0;
	}
	.m-main__inner{
		height: 38.2rem;
	}
}

/* sp */
@media screen and (max-width: 767px){
	
	.m-main{
		height: 30rem;
		margin:-3rem 0 10rem 0;
	}
	.m-main__inner{
		height: 30rem;
	}
	.m-main__bottom{
		bottom: 0;
	}

	
}

/* 見出し1
--------------------------------------------------*/

.m-title{
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	position: relative;
}
.m-title:before{
	background:url("../images/shared/icon.svg") center center no-repeat;
	background-size: 100% auto;
	content: "";
	position: absolute;
	top: 0;
}
.m-title:after{
	content: "";
	width: 1px;
	position: absolute;
	background-color: #000;
	display: inline-block;
}
/* pc */
@media print,only screen and (min-width: 768px){ 

	.m-title{
		font-size: 2rem;
		margin: 0 auto 11rem auto;
	}
	.m-title:before{
		width: 10.3rem;
		height: 10.3rem;
		right: -16.5rem;
	}
	.m-title:after{
		top: -1rem;
		right: -2.2rem;
		bottom: -1.4rem;
	}
}

/* sp */
@media screen and (max-width: 767px){

	.m-title{
		font-size: 2.4rem;
		margin: 0 auto 9rem auto;
	}
	.m-title:before{
		width: 8.5rem;
		height: 8.5rem;
		right: -14rem;
	}
	.m-title:after{
		top: -1rem;
		right: -2rem;
		bottom: -1rem;
	}
	
}

/* 見出し2
--------------------------------------------------*/

.m-heading02{
	text-align: center;	
}
.m-heading02 span{
	position: relative;
}
.m-heading02 span:before{
	background: url("../images/shared/icon.svg") 0 0 no-repeat;
	background-size: 100% auto;
	content: "";
	display: block;
	position: absolute;
}
/* pc */
@media print,only screen and (min-width: 768px){ 

	.m-heading02{
		font-size: 1.8rem;
		margin: 7rem 0 4rem 0;
	}
	.m-heading02 span:before{
		width: 6.8rem;
		height: 6.8rem;
		left: -12rem;
		top: -3.8rem;
	}
}

/* sp */
@media screen and (max-width: 767px){

	.m-heading02{
		font-size: 2rem;
		margin: 3rem 0 5rem 0;
	}
	.m-heading02 span:before{
		width: 5.5rem;
		height: 5.5rem;
		left: -9rem;
		top: -2rem;
	}	
}

/* 見出し3
--------------------------------------------------*/

.m-heading{
	text-align: center;	
}
/* pc */
@media print,only screen and (min-width: 768px){ 
	.m-heading{
		font-size: 2rem;
		margin-bottom: 2.5rem;
	}
}

/* sp */
@media screen and (max-width: 767px){
	.m-heading{
		font-size: 2.2rem;
		margin-bottom: 3rem;
	}	
}

/* テキスト
--------------------------------------------------*/

.m-textCenter{
	text-align: center;	
}

/* pc */
@media print,only screen and (min-width: 768px){ 
	.m-textCenter{
		font-size: 1.6rem;
		margin-bottom: 1.5rem;
	}
}

/* sp */
@media screen and (max-width: 767px){
	.m-textCenter{
		font-size: 2rem;
		margin-bottom: 1.8rem;
	}	
}


/*==================================================

セクション

==================================================*/

/*==================================================

トップページ

==================================================*/
	
/* ニュース
--------------------------------------------------*/

.home-news{
	position: absolute;
	background-color: rgba(255,255,255,0.94);
}
.home-news__button a{
	background: url("../images/shared/arrow.svg") 1.2rem center no-repeat;
	background-color: #000;
	display: block;
	color: #fff;
	text-decoration: none;
}
.home-news__list{
	width: calc( 100% - 12.5rem );
	font-size: 1.4rem;
}
.home-news__list li{
	border-bottom: 1px #000 dotted;
}
.home-news__list a{
	color: #000;
	display: block;
	text-decoration: none;
}
/* pc */
@media print,only screen and (min-width: 768px){ 

	.home-news{
		max-width: 1000px;
		width: 100%;
		bottom: 2rem;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		justify-content: space-between;
		padding: 1rem 5rem 1.5rem 4rem;
	}
	.home-news__heading{
		width: 9.2rem;
		margin-top: 1.5rem;
	}
	.home-news__title{
		font-size: 1.6rem;
		text-align: center;
	}
	.home-news__button{
		font-size: 1.2rem;
		margin-top: 0.5rem;
	}
	.home-news__button a{
		background-size: 0.4rem auto;
		border-radius: 1.6rem;
		padding: 0.2rem 0 0.2rem 2rem;
	}
	.home-news__list{
		width: calc( 100% - 12.5rem );
		font-size: 1.4rem;
	}
	.home-news__list a{
		padding: 1rem 0 0.3rem 0.7rem;
	}
	.home-news__list time{
		margin-right: 4rem;
	}
}

/* sp */
@media screen and (max-width: 767px){

	.home-news{
		width: calc( 100% - 6rem );
		bottom: 1.7rem;
		left: 50%;
		transform: translateX(-50%);
		padding: 1.2rem 1.5rem;
	}
	.home-news__heading{
		display: flex;
		justify-content: space-between;
	}
	.home-news__title{
		font-size: 2.4rem;
		padding-left: 0.5rem;
	}
	.home-news__button{
		font-size: 1.8rem;
		margin-top: 0.3rem;
	}
	.home-news__button a{
		background-size: 0.6rem auto;
		border-radius: 1.6rem;
		padding: 0.1rem 2rem 0 2.4rem;
	}
	.home-news__list{
		width: 100%;
		font-size:1.9rem;
	}
	.home-news__list a{
		padding: 0 0 0 0.8rem;
	}
	.home-news__list time{
		margin-right: 1.3rem;
	}

	
}
	
/* くつろぎの空間へ
--------------------------------------------------*/

.home-about{
	background: url("../images/shared/bg.jpg") center top repeat;
	background-size: 100% auto;
}
.home-about__img img{
	width: 100%;
}
.m-about__heading{
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	text-align: center;
	position: relative;
}
.m-about__heading:after{
	content: "";
	width: 1px;
	position: absolute;
	background-color: #000;
	display: inline-block;
}
.home-about__text01 img{
	width: 100%;
}
.home-button{
	text-align: center;
}
.home-button a{
	background: url("../images/shared/arrow.svg") 1.7rem center no-repeat;
	background-color: #000;
	display: inline-block;
	color: #fff;
	text-decoration: none;
}
/* pc */
@media print,only screen and (min-width: 768px){ 

	.home-about{
		padding: 14.5rem 0;
	}
	.home-about__content{
		max-width: calc(50vw + 500px);
		margin-right: auto;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.home-about__img{
		width: 58%;
	}
	.home-about__texts{
		width: 40%;
	}
	.m-about__heading{
		font-size: 2rem;
		margin:0 0 4.8rem 60%;
	}
	.m-about__heading:after{
		top: -1.8rem;
		right: -1.3rem;
		bottom: -1.8rem;
	}
	.home-about__text01{
		max-width: 40.5rem;
		width: 100%;
		margin-bottom: 3.5rem;
	}
	.home-about__text02{
		font-size: 1.6rem;
		margin-bottom: 3rem;
	}
	.home-about .home-button{
		text-align: left;
	}
	.home-button{
		font-size: 1.7rem;
	}
	.home-button a{
		background-size: 0.5rem auto;
		border-radius: 1.6rem;
		padding: 0.3rem 2.2rem 0.2rem 3rem;
	}
}

/* sp */
@media screen and (max-width: 767px){

	.home-about{
		padding: 7rem 0 0 0;
	}
	.home-about__content{
		display: flex;
		flex-flow: column;
	}
	.home-about__img{
		order: 2;
		margin:0 5rem 0 -3rem;
	}
	.home-about__texts{
		order: 1;
	}
	.m-about__heading{
		font-size: 2.6rem;
		text-align: center;
		margin:0 auto 5rem auto;
	}
	.m-about__heading:after{
		top: -1rem;
		right: -1.3rem;
		bottom: -1rem;
	}
	.home-about__text01{
		width: 53rem;
		margin:0 auto 2rem auto;
	}
	.home-about__text02{
		font-size: 2.1rem;
		margin-bottom: 3rem;
		text-align: center;
		letter-spacing: -.03em;
	}
	.home-button{
		margin-bottom: 5rem;
	}
	.home-button a{
		background-size: 0.5rem auto;
		background-position: 2.3rem center;
		font-size: 2.1rem;
		border-radius: 2.6rem;
		padding: 0.4rem 2.8rem 0.3rem 3.8rem;
	}

	
}
	
/* 季節のおすすめ
--------------------------------------------------*/

.home-recommend{
	background: url("../images/home/reccomend-bg.svg") center top repeat;
	position: relative;
}
.home-recommend__content{
	max-width: 1160px;
	background: url("../images/home/icon.svg") right 4.5rem top 4.5rem no-repeat;
	background-size: 12.7rem auto;
	background-color: #fff;
	margin: 0 auto;
	box-shadow: -1.8rem -1.4rem 0 #efcc65, 0.3rem 0.3rem 0 #000;
}
.home-recommend__inner{
}
/*
.home-recommend__content:after{
	content: "";
	background-color: #efcc65;
	display: block;
	position: absolute;
	top: -1.5rem;
	right: 1rem;
	bottom: 1rem;
	left: -1.7rem;
	z-index: 8;
}
.home-recommend__content:before{
	content: "";
	background-color: #000;
	display: block;
	position: absolute;
	top: 1.5rem;
	right: -0.3rem;
	bottom: -0.3rem;
	left: 1.5rem;
	z-index: 7;
}
*/
.home-recommend__items{
	display: flex;
	justify-content: space-between;
}
.home-recommend__item{
	text-align: center;
}
.home-recommend__item img{
	max-width: 100%;
}
.home-reccomend__text{
	display: block;
}
.home-recommend__item a{
	color: #000;
	text-decoration: none;
}
/* pc */
@media print,only screen and (min-width: 768px){ 

	.home-recommend{
		padding: 6.5rem 2rem;
	}
	.home-recommend__content{
		max-width: 1160px;
		margin: 0 auto;
		padding:7.5rem 8rem 6.5rem 8rem;
	}
	.home-recommend__items{
		margin-top: 6rem;
	}
	.home-recommend__item{
		max-width: 31.6%;
	}
	.home-reccomend__text{
		font-size: 1.8rem;
		margin-top: 1.5rem;
	}
}

/* sp */
@media screen and (max-width: 767px){

	.home-recommend{
		padding: 8rem 3rem;
	}
	.home-recommend .m-heading{
		margin-bottom: 7rem;
	}
	.home-recommend__content{
		padding:8.5rem 1.5rem 6.5rem 1.5rem;
	}
	.home-recommend__items{
		margin-top: 6rem;
	}
	.home-recommend__item{
		width: calc( 50% - 0.7rem );
	}
	.home-reccomend__text{
		font-size: 1.8rem;
		margin-top: 1rem;
	}	
}
	
/* おしながき
--------------------------------------------------*/

.home-menu__slide img{
	width: 100%;
}
/* pc */
@media print,only screen and (min-width: 768px){ 

	.home-menu{
		padding: 16rem 2rem 1rem 2rem;
	}
	.home-menu__slide{
		margin:9.5rem -2rem 0 -2rem;
	}
	.home-menu__slideItem{
		margin: 0 -0.4rem;
	}

}

/* sp */
@media screen and (max-width: 767px){

	.home-menu{
		padding: 8rem 0 0 0;
		overflow: hidden;
	}
	.home-menu__slide{
		height: 21rem;
	}
	.home-menu__slideItem{
		margin: 0 -0.5rem;
	}	
}
	
/* アクセス
--------------------------------------------------*/

/* pc */
@media print,only screen and (min-width: 768px){ 
	.home-access{
		padding: 15rem 2rem 0 2rem;
	}
	.home-access__map{
		margin: 6.8rem -2rem 0 -2rem;
	}

}

/* sp */
@media screen and (max-width: 767px){
	.home-access{
	padding: 8rem 0 0 0;
	}
	.home-access__map{
		margin-top: 5rem;
	}
	.home-access__map iframe{
		height: 40rem!important;
	}	
}

/*==================================================

セカンド

==================================================*/
	
/* ご予約はお電話で
--------------------------------------------------*/

.m-contact{
	text-align: center;
}
.m-contact__tel a{
	color: #000;
	display: flex; 
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
/* pc */
@media print,only screen and (min-width: 768px){ 
	.m-contact{
		padding: 8rem 2rem 4.5rem 2rem;
		position: relative;
	}
	.m-contact__tel a{
		margin-top: 5rem;
		font-size: 3.5rem;
	}
	.m-contact__text{
		font-size: 1.8rem;
		margin-top: 5rem;
	}
	.m-contact__tel a img{
		width: 2.3rem;
		margin-right: 1.5rem;
	}
}

/* sp */
@media screen and (max-width: 767px){
	.m-contact{
		padding: 3.5rem 2rem 3.5rem 2rem;
	}
	.m-contact .m-heading{
		font-size: 2.8rem;
		margin-bottom: 0;
	}
	.m-contact a{
		font-size: 6.6rem;
	}
	.m-contact a img{
		width: 3.7rem;
		margin-right: 2.8rem;
	}

	
}

/* セカンド
--------------------------------------------------*/

.l-container .l-aside{
	background-color: #fff;
}
.l-container .l-aside__heading{
	text-align: center;
	border-bottom: 1px #000 solid;
}
/* pc */
@media print,only screen and (min-width: 768px){
	
	.l-content{
		padding: 0 2rem;
	}
	.l-content__inner{
		max-width: 1000px;
		font-size: 1.8rem;
		line-height: 2;
		margin: 0 auto;
	}
	.l-container{
		padding: 0 2rem;		
	}
	.l-container__inner{
		max-width: 1000px;
		font-size: 1.8rem;
		margin: 0 auto;	
	}
	.l-container__inner:after {
	  content: "";
	  display: table;
	  clear: both;
	}
	.l-container .l-aside{
		width: 25%;
		float: right;
		padding:1rem 1.2rem 2rem 1.2rem;
	}
	.l-container .l-aside__heading{
		padding-bottom: 0.5rem;
	}
	.l-container .l-main{
		width: 73%;
		float: left;
		line-height: 2;
	}	
}

/* sp */
@media screen and (max-width: 767px){
	.l-content,
	.l-container{
		font-size: 1.9rem;
		margin: 0 3rem 7rem 3rem;
	}
	.l-container .l-main{
		line-height: 1.9;
	}	
	.l-container .l-aside{
		padding:2rem 2rem 2rem 2rem;
	}
	.l-container .l-aside__heading{
		font-size: 2.2rem;
		padding-bottom: 0.5rem;
	}
}

/* お店のこと
--------------------------------------------------*/

/*-- お店のこと --*/

.aboutus-intro{
	background: url("../images/aboutus/picture01.jpg") left top no-repeat;
}
.aboutus-texts{
	background-color: rgba(255,255,255,0.72);
}
/* pc */
@media print,only screen and (min-width: 768px){ 
	.aboutus-intro{
		background-size: auto 46rem;
		margin: 0 calc( 50% - 50vw ) 9.5rem calc( 50% - 50vw );
	}
	.aboutus-intro__inner{
		max-width: 1000px;
		margin: 0 auto;
		padding: 4rem 0 4rem 4.5rem;
	}
	.aboutus-texts{
		width: 100%;
		padding: 4rem 4.5rem 3.5rem 4.5rem;
	}
	.aboutus-texts p{
		margin-bottom: 3.5rem;
	}
}

/* sp */
@media screen and (max-width: 767px){
	.aboutus-intro{
		margin: 0 -3rem;
		background-size:80% auto;
	}
	.aboutus-intro__inner{
		padding: 3rem;
	}
	.aboutus-texts{
		padding: 2.8rem;
	}
	.aboutus-texts p{
		margin-bottom: 2rem;
	}	
}

/*-- 鮨・和食　はせがわ --*/

.aboutus-table{
	width: 100%;
}
.aboutus-table th,
.aboutus-table td{
	border-bottom: 1px #000 solid;
}
/* pc */
@media print,only screen and (min-width: 768px){ 

	.aboutus-table{
		margin: 7rem 0 15rem 0;
	}
	.aboutus-table th,
	.aboutus-table td{
		padding: 2.9rem 1rem;
	}
	.aboutus-table th{
		width: 29%;
		text-align: center;
	}

}

/* sp */
@media screen and (max-width: 767px){

	.aboutus-table{
		margin: 6rem 0 8rem 0;
	}
	.aboutus-table th,
	.aboutus-table td{
		padding: 1rem 1rem;
	}
	.aboutus-table th{
		width: 6em;
	}

	
}

/*-- 地図 --*/

.aboutus-access{
	background-color: #f7f7ed;
}
.aboutus-map iframe{
	vertical-align: bottom;
}
/* pc */
@media print,only screen and (min-width: 768px){ 
	
	.aboutus-access{
		padding-top: 7.7rem;
		margin: 0 calc( 50% - 50vw );
	}
}

/* sp */
@media screen and (max-width: 767px){
	
	.aboutus-access{
		padding-top: 6rem;
		margin: 0 -3rem;
	}
	.aboutus-access iframe{
		height: 40rem!important;
	}	
}

/* おしながき
--------------------------------------------------*/


/*-- おしながき --*/

.menu-item{
	background-color: #fff;
}
.menu-cont{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.menu-item:nth-child(odd) .menu-img{
}
.menu-item:nth-child(even) .menu-img{
	order: 2;
}
.menu-item:nth-child(odd) .menu-price{
	order: 1;
}
.menu-img img{
	width: 100%;
}
.menu-price th{
	text-align: left;
}
.menu-price td{
	text-align: right;
}
.menu-textCenter{
	text-align: center;
}
.menu-item.-course .menu-cont{
	flex-flow: column;
}
.menu-item.-course .menu-img,
.menu-item.-lunch .menu-img{
	margin: 0!important;
}
.menu-item.-course .menu-price{
	order: 1!important;
}
.menu-item.-course .menu-img{
	order: 2!important;
	position: relative;
}
.menu-item.-course .menu-img02{
	position: absolute;
	right: 0;
}
.menu-item.-lunch .menu-img{
	order: 1!important;
}
.menu-item.-lunch .menu-price{
	order: 2!important;
	margin-top: 0;
}
/* pc */
@media print,only screen and (min-width: 768px){ 

	.menu-item{
		padding: 4rem 8rem 8rem 8rem;
		margin-bottom: 6.5rem;
	}
	.menu-cont{
		margin-top: 5rem;
	}
	.menu-img{
		max-width: 44rem;
		width: 60%;
		margin-bottom: -11.5rem;
	}
	.menu-item:nth-child(odd) .menu-img{
		margin-left: -13rem;
	}
	.menu-item:nth-child(even) .menu-img{
		margin-right: -13rem;
	}
	.menu-price{
		max-width: 35rem;
		width: 50%;
		margin-top: 4rem;
	}
	.menu-item:nth-child(4) .menu-price{
		max-width: 45rem;
		width: 66%;
	}
	.menu-price th,
	.menu-price td{
		padding: 0.2rem 0;
	}
	.menu-price th.menu-price__note{
		padding-top: 2rem;
	}
	.menu-textCenter{
		margin-top: -4rem;
	}
	.menu-courseMenu{
		font-size: 1.4rem;
		margin-bottom: 1.5rem;
	}
	.menu-item.-course .menu-price{
		max-width: 100%;
		width: 100%;
	}
	.menu-item.-course .menu-img{
		max-width: 100%;
		width: 100%;
		padding-top: 2rem;
	}
	.menu-item.-course .menu-img01{
		max-width: 44rem;
		width: 55%;
		margin-bottom: -22rem;
	}
	.menu-item.-course .menu-img02{
		max-width: 44rem;
		width: 55%;
		bottom: -26rem;
	}
	.menu-item.-lunch{
		margin-top: 22rem;
	}
	.menu-item.-lunch .menu-cont{
		margin-top:3rem;
	}
	.menu-item.-lunch .menu-img{
		max-width: 28rem;
		width: 35%;
	}
	.menu-item.-lunch .menu-cont.-lunch02{
		margin-top: -5rem;
	}
	.menu-item.-lunch .menu-img02{
		margin-left: 40%;
	}
}

/* sp */
@media screen and (max-width: 767px){
	.menu-item{
		padding: 1.5rem 3rem 4rem 3rem;
		margin-bottom: 4rem;
	}
	.menu-cont{
		align-items:flex-end;
		margin-top: 1rem;
	}
	.menu-img{
		width: 22rem;
		margin-bottom: -6rem;
	}
	.menu-item:nth-child(odd) .menu-img{
		margin-left: -5rem;
	}
	.menu-item:nth-child(even) .menu-img{
		margin-right: -5rem;
	}
	.menu-price{
		width: 30rem;
	}
	.menu-price th.menu-price__note{
		padding-top: 1.5rem;
	}
	.menu-textCenter{
		margin-top: -5rem;
	}
	.menu-courseMenu{
		font-size: 1.8rem;
		margin-bottom: 1.5rem;
	}
	.menu-item.-course .menu-price{
		max-width: 100%;
		width: 100%;
	}
	.menu-item.-course .menu-img{
		max-width: 100%;
		width: 100%;
		padding-top: 2rem;
	}
	.menu-item.-course .menu-img01{
		width: 25rem;
		margin-bottom: -9rem;
	}
	.menu-item.-course .menu-img02{
		width: 25rem;
		bottom: -13rem;
	}
	.menu-item.-lunch{
		margin-top: 12rem;
	}
	.menu-item.-lunch .menu-cont{
		align-items:flex-start;
		margin-top:3rem;
	}
	.menu-item.-lunch .menu-price{
		margin-top: 2rem;
	}
	.menu-item.-lunch .menu-img{
		width: 14.5rem;
	}
	.menu-item.-lunch .menu-cont.-lunch02{
		margin-top: -3rem;
	}
	.menu-item.-lunch .menu-img02{
		margin-left: 3.5rem;
	}
	
}


/* おしらせ
--------------------------------------------------*/


/*-- ナビ --*/

.nav-information a{
	color: #000;
	text-decoration: none;
	display: block;
}
/* pc */
@media print,only screen and (min-width: 768px){ 
	
	.nav-information{
		margin-top: 1.5rem;
	}
	.nav-information a{
		padding: 0.5rem 2rem;
	}
}

/* sp */
@media screen and (max-width: 767px){
	
	.nav-information{
		margin-top: 2rem;
	}
	.nav-information a{
		padding: 1rem 2rem;
	}

	
}

/*-- 内容 --*/

.information-content{
	background-color: #fff;
}
.information-heading span{
	position: relative;
}
.information-heading span:before{
	background: url("../images/shared/icon.svg") 0 0 no-repeat;
	background-size: 100% auto;
	content: "";
	display: block;
	position: absolute;
}
.m-pagenavi{
	text-align:center;
	display: flex; 
	justify-content: center;
	align-items: center;
}
.m-pagenavi a{
	color: #000;
	text-decoration:none;
}
/* pc */
@media print,only screen and (min-width: 768px){ 

	.information-content{
		padding: 6rem 3.5rem 5rem 11rem;
		margin-bottom: 4rem;
	}
	.information-content p{
		margin-bottom: 3.5rem;
	}
	.information-heading{
		margin: 0 0 5rem 4rem;
		display: flex;
		justify-content: space-between;
	}
	.information-heading span:before{
		width: 6.8rem;
		height: 6.8rem;
		left: -12rem;
		top: -3.8rem;
	}
	.m-pagenavi{
		margin:6rem 0 10rem 0;
	}
	.m-pagenavi a,
	.m-pagenavi span{
		margin:0 0.7rem;
	}
	.m-pagenavi a{
		font-size: 1.8rem;
	}
	.m-pagenavi a:hover{
		text-decoration:underline;
	}
}

/* sp */
@media screen and (max-width: 767px){

	.information-content{
		padding: 4.5rem 3rem 3rem 3rem;
		margin-bottom: 3rem;
	}
	.information-content p{
		margin-bottom: 2rem;
	}
	.information-heading{
		font-size: 2.2rem;
		line-height: 1.5;
		margin: 0 0 3rem 7.5rem;
	}
	.information-heading time{
		display: block;
		text-align: right;
		font-size: 2rem;
	}
	.information-heading span:before{
		width: 6rem;
		height: 6rem;
		left: -8rem;
		top: -3rem;
	}
	.m-pagenavi{
		margin:4rem 0 5rem 0;
		font-size: 2.6rem;
	}
	.m-pagenavi a,
	.m-pagenavi span{
		margin:0 1.3rem;
	}
}