@charset "UTF-8";

/* ルートカラー　*/
:root {
	--main-color: #164C45;
    --nav-color: #D9D1BA;
    
	--home-color: ;
	--header-color: ;
    
	--shop-color: #80BFB4;
	--paysys-color: #D9A3D0;
	--menu-color: #F2D57E;
    --tel-color: #0099DD;
    
	--footer-color: #594759; /*mainと同様*/
	
	--accent1-color: #56704B;
	--accent2-color: #5D9E7E;
	--accent3-color: #F0F7DA;
	/*--bright-color: #524835;*/
	--bright-color: #80431D;
	--dark-main-color: #361C0C;
	--gray-color: #ddd;
	--white-color: #fff;
	--text-dark-color: #333;
	--text-bright-color: #fff;
	
	--icon-color: #5D9E7E;
	--icon-top-color: #F0F7DA;
	--icon-bk-color: #fff;
		
	--large-width: 1600px;
	--middle-width: 800px;
	
}

/* ヘッダー　*/
header {
	position: absolute;
	left: 0;
	z-index: 100;
	width: 100%;
	/*border-bottom: solid 1px #ddd;
	border-bottom: solid 1px var(--gray-color);
    background-color: rgba(255,255,255,0.5);*/
	background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,180,204,0.5)), url(../img/topimg-02.jpg);
}

header h1 {
	text-align: center;
	margin-top: 1vh;
	margin-bottom: 1vh;
	margin-left: 10px;
	margin-right: 10px;
	/*padding-top: 2vh;*/
	letter-spacing: 0.1em;
	/*margin-left: 0.1em;*/
	color: #FFF;
	color: var(--text-bright-color);
		
}

header h3 {
	text-align: center;
	margin-top: 1vh;
	margin-bottom: 1vh;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 1vh;
	letter-spacing: 0.1em;
	/*margin-left: 0.1em;*/
	color: #FFF;
	color: var(--text-bright-color);
		
}

header ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
	margin: 0;
	padding: 0;
	list-style: none;
    text-align: right;
}

/* 共通基本設定　*/
body {
	font-size: 14px;
	color: #000;
	margin: 0;
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	/*font-family: 'Noto Serif JP', sans-serif;*/
	/*font-family: 'Sawarabi Mincho', sans-serif;*/
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	/*background-color: #41220F;
	background-color: var(--main-color);*/
}

.nohero {
	background-color: #fff;
	background-color: var(--white-color);
}

h1 {
	font-size: 3vw;
	/*color: #FFF;
	color: var(--text-bright-color);*/
		
}

h2 {
	font-size: 2vw;
	/*color: #FFF;
	color: var(--text-bright-color);*/
}

h3 {
	font-size: 1.8vw;
	color: #FFF;
	color: var(--text-bright-color);
		
}


/* 共通　*/
.infodata{
	display: inline;
	margin: 20px;
	margin-bottom: 20px;
}

.wrap-pht-box {
	display: flex;
	max-width: 1100px;
	margin: 0 75px;
	margin-left: auto;
	margin-right: auto;
}

.pht-box {
	width: 600px;
	max-width: 500px;
	margin: 10px 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: solid 1px #000;
	
}

.photo-bx01 {
	min-height: 300px;
	background-position: center;
	background-size: cover;
}

.photo-bx02 {
	min-height: 300px;
	background-position: center;
	background-size: cover;
}

.photo-bx03 {
	min-height: 300px;
	background-position: center;
	background-size: cover;
}

/* 共通　終了*/



/* 共通メニュー　*/
ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
	margin: 0;
	padding: 0;
	list-style: none;
    text-align: right;
}

ul li {
    width: auto;
	margin: 0;
	padding: 0px 10px;
	text-align: center;
    font-size: 14px;
    color: var(--nav-color);
}

ul li a {
	display: block;
	color: inherit;
	text-decoration: none;
	color: #fff;
}

ul li a:hover {
	background-color: rgba(0,0,0,0.3);
}

.ic-icon {
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 24px;
	margin-top: 5px;
    margin-bottom: 5px;
	padding-left: 0;
	padding-right: 0;
}

.corp-sign-wrap {
    page-break-before: always;
	display: flex;
	height: 75px;
	margin-top: -75px;
	align-items: flex-start;
}

.corp-sign {
	display: block;
	margin-top: auto;
	font-size: 12px;
	text-align: left;
	margin-top: 15px;
	margin-left: 10px;
	color: #fff;
}

.corp-sign-menu{
	display: block;
	text-align:center;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 10px 15px 10px;
}

.corp-sign-sub {
	display: block;
	font-size: 12px;
	text-align: right;
	margin-top: 15px;
	margin-right: 10px;
	color: #fff;
}



/*　共通メニュー　終了　*/


/* トップページ　*/
.home {
    page-break-inside: avoid;
	position: relative;
}
.home p{
	margin: 0;
}

.shop-logo .ic-icon {
	color: var(--nav-color);
}

.shop-logo {
	display: flex;
    flex-flow: column;
	height: 80vh;
	/*min-height: 400px;
	min-width: 600px;*/
	background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,180,204,0.5)), url(../img/topimg-01.jpg);
	background-position:center;
	background-size:cover;
	background-repeat: repeat-y;
	align-items: center;
	align-content: flex-start;
	justify-content: center;
	text-align: center;
}

.shop-logo .cont-box {
	/*max-width: 800px;
	max-width: var(--middle-width);*/
	margin-top: calc(50px + 10vh);/*25px;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 10px 10px 10px 10px;
}

.shop-logo img{
	width:50%;
    margin-top: 20px;
    margin-bottom: 20px;
}
/* トップページ　終了　－－－－－－－－－－－－－－－－－－－－－*/


/*　ショップ情報　*/
.shop .ic-icon {
	color: var(--shop-color);
}

.shop .corp-sign-menu .ic-icon {
	color: #fff;
}

.shop {
	position: relative;
	border-top: solid 75px var(--shop-color); /*#80BFB4;*/
	margin-top: auto;
	min-width: 300px;
    /*padding-top: 2vh;*/
	margin-bottom: 100px;
}

.shop .googlemap {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5vh;
	border-top: solid 3px var(--shop-color);

}
.shop .cont-box {
	display: block;
	max-width: auto;
	margin-top: 4vh;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 5vh;
	text-align: center;

}
.shop h1 {
	display: block;
	font-size: 2.5vw;
	line-height: 4vh;
	margin-top: 1vh;
	margin-bottom: 2vh;
	padding-top: 1vh;
	/*letter-spacing: 0.1em;*/
	/*margin-left: 0.1em;*/
	text-align: center;
}

.googlemap iframe {
	/*top: 0;
	left: 0;*/
 	/*width: 100%;
  	height: 90%;*/
	min-width: 100%;
	min-height: 300px;
	margin-left: auto;
	margin-right: auto;
	/*padding: 10px 10px 10px 10px;*/
}

.shop .info{

}

.photo-bx01 {
	background-image:url("../images/img-shop-01.jpg");
}

.photo-bx02 {
	background-image:url("../images/img-shop-02.jpg");
}

.photo-bx03 {
	background-image:url("../images/img-shop-03.jpg");
}

.shop h2 {
	display: block;
	font-size: 2vw;
	line-height: 2vh;
	font-weight: 400;
	margin-top: 2vh;
	margin-bottom: 0;
	padding-top: 2vh;
	/*letter-spacing: 0.1em;*/
	/*margin-left: 0.1em;*/
	text-align: center;
}

.shop .infodata{
	display: block;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	border-top: solid 2px var(--shop-color);
}

.shop table {
	margin-left: auto;
	margin-right: auto;
	booder-collapse: collapse;
	/*border-top: solid 1px #80BFB4;*/
	border-spacing: 10px;
	font-weight: 100;
	color: #333;
	color: var(--text-dark-color);
	
}

.shop th, .shop td {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border-bottom: solid 1px var(--shop-color);

}

.shop th {
	text-align: left;
	word-break: keep-all;
	/*font-size: 0.6rem;
	line-height: 0.9rem;*/
	font-size: 2vw;
	line-height: 2vw;
	font-weight: 300;
	/*color: #000;*/

}

.shop td {
	/*font-size: 0.6rem;
	line-height: 0.9rem;*/
	font-size: 2vw;
	line-height: 3vw;
	font-weight: 100;
	text-align: left;
}



/*　ショップ情報　終了　－－－－－－－－－－－－－－－－－－－－－*/


/*　料金システム　*/
.paysys .ic-icon {
	color: var(--paysys-color);
}

.paysys .corp-sign-menu .ic-icon {
	color: #fff;
}


/*.paysys h2 .ic-icon {
	font-size: 0.8rem;
}*/

.paysys {
	position: relative;
	border-top: solid 75px var(--paysys-color); /*#D9A3D0;*/
	margin-top: 50px;
	min-width: 300px;
    /*padding-top: 2vh;*/
	margin-bottom: 100px;
	
	/*margin-top: 20px;
	padding-top: 20px;
	border-top: solid 5px #56828C;*/
}

.paysys h1 {
	display: block;
	font-size: 2.5vw;
	line-height: 4vh;
	margin-top: 2vh;
	margin-bottom: 2vh;
	padding-top: 1vh;
	/*letter-spacing: 0.1em;*/
	/*margin-left: 0.1em;*/
	text-align: center;
}

.paysys .paymenu {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5vh;
	border-top: solid 3px var(--paysys-color);

}
.paysys .cont-box {
	display: block;
	max-width: auto;
	margin-top: 4vh;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 5vh;
	text-align: center;

}

.paysys .info{
	
}

.paysys h2 {
	display: block;
	font-size: 2vw;
	line-height: 2vh;
	font-weight: 400;
	margin-top: 2vh;
	margin-bottom: 0;
	padding-top: 2vh;
	/*letter-spacing: 0.1em;*/
	/*margin-left: 0.1em;*/
	text-align: center;
}

.paysys .infodata{
	display: block;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	border-top: solid 2px var(--paysys-color);
}

.paysys table {
	margin-left: auto;
	margin-right: auto;
	booder-collapse: collapse;
	/*border-top: solid 1px #D9A3D0;*/
	border-spacing: 10px;
	
	font-size: 12px; /*0.875rem;*/
	line-height: 13px; /*1.2rem;*/
	font-weight: 100;
	color: #333;
	color: var(--text-dark-color);
}

.paysys th, .paysys td {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border-bottom: solid 1px var(--paysys-color);
}

.paysys th {
	text-align: left;
	word-break: keep-all;
	/*font-size: 0.6rem;
	line-height: 0.9rem;*/
	font-size: 2vw;
	line-height: 2vw;
	font-weight: 300;
	/*color: #000;*/

}

.paysys td {
	/*font-size: 0.6rem;
	line-height: 0.9rem;*/
	font-size: 2vw;
	line-height: 3vw;
	font-weight: 100;
	text-align: left;
}
/*　料金システム　終了　－－－－－－－－－－－－－－－－－－－－－*/


/*　ドリンクメニュー　*/
.menu .ic-icon {
	color: var(--menu-color);
}

.menu .corp-sign-menu .ic-icon {
	color: #fff;
}

/*.menu h2 .ic-icon {
	font-size: 0.8rem;
}*/

.menu {
	position: relative;
	border-top: solid 75px var(--menu-color); /*#F2D57E;*/
	margin-top: 50px;
	min-width: 300px;
    /*padding-top: 2vh;*/
	margin-bottom: 100px;
	
	/*margin-top: 20px;
	padding-top: 20px;
	border-top: solid 5px #56828C;*/
}

.menu h1 {
	display: block;
	font-size: 2.5vw;
	line-height: 4vh;
	margin-top: 2vh;
	margin-bottom: 2vh;
	padding-top: 1vh;
	/*letter-spacing: 0.1em;*/
	/*margin-left: 0.1em;*/
	text-align: center;
}

.menu .drinkmenu {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5vh;
	border-top: solid 3px var(--menu-color);

}
.menu .cont-box {
	display: block;
	max-width: auto;
	margin-top: 4vh;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 5vh;
	text-align: center;

}

.menu .info{
	
}

.menu h2 {
	display: block;
	font-size: 2vw;
	line-height: 2vh;
	font-weight: 400;
	margin-top: 2vh;
	margin-bottom: 0;
	padding-top: 2vh;
	/*letter-spacing: 0.1em;*/
	/*margin-left: 0.1em;*/
	text-align: center;
}

.menu .infodata{
	display: block;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	border-top: solid 2px var(--menu-color);
}

.menu table {
	margin-left: auto;
	margin-right: auto;
	booder-collapse: collapse;
	/*border-top: solid 1px #D9A3D0;*/
	border-spacing: 10px;
	
	font-size: 12px; /*0.875rem;*/
	line-height: 13px; /*1.2rem;*/
	font-weight: 100;
	color: #333;
	color: var(--text-dark-color);
	
}

.menu th, .menu td {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border-bottom: solid 1px var(--menu-color); 

}

.menu th {
	text-align: left;
	word-break: keep-all;
	/*font-size: 0.6rem;
	line-height: 0.9rem;*/
	font-size: 2vw;
	line-height: 2vw;
	font-weight: 300;
	/*color: #000;*/

}

.menu td {
	/*font-size: 0.6rem;
	line-height: 0.9rem;*/
	font-size: 2vw;
	line-height: 3vw;
	font-weight: 100;
	text-align: left;
}
/*　ドリンクメニュー　終了　－－－－－－－－－－－－－－－－－－－－－*/


/*　TEL問い合わせ　*/
.tel .ic-icon {
	color: var(--tel-color);
}

.tel .corp-sign-menu .ic-icon {
	color: #fff;
}

/*.tel h2 .ic-icon {
	font-size: 0.8rem;
}*/

.tel {
	position: relative;
	border-top: solid 75px var(--tel-color); /*#0099DD;*/
	margin-top: 50px;
	min-width: 300px;
    /*padding-top: 2vh;*/
	margin-bottom: 100px;
	
	/*margin-top: 20px;
	padding-top: 20px;
	border-top: solid 5px #56828C;*/
}

.tel h1 {
	display: block;
	font-size: 2.5vw;
	line-height: 4vh;
	margin-top: 2vh;
	margin-bottom: 2vh;
	padding-top: 1vh;
	/*letter-spacing: 0.1em;*/
	/*margin-left: 0.1em;*/
	text-align: center;
}

.tel .toiawase {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5vh;
	border-top: solid 3px var(--tel-color);

}
.tel .cont-box {
	display: block;
	max-width: auto;
	margin-top: 4vh;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 5vh;
	text-align: center;

}

.tel .info{
	
}

.tel h2 {
	display: block;
	font-size: 2vw;
	line-height: 2vh;
	font-weight: 400;
	margin-top: 2vh;
	margin-bottom: 0;
	padding-top: 2vh;
	/*letter-spacing: 0.1em;*/
	/*margin-left: 0.1em;*/
	text-align: center;
}

.tel .infodata{
	display: block;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	border-top: solid 2px var(--tel-color);
}

.tel table {
	margin-left: auto;
	margin-right: auto;
	booder-collapse: collapse;
	/*border-top: solid 1px #D9A3D0;*/
	border-spacing: 10px;
	
	font-size: 12px; /*0.875rem;*/
	line-height: 13px; /*1.2rem;*/
	font-weight: 100;
	color: #333;
	color: var(--text-dark-color);
	
}

.tel th, .tel td {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border-bottom: solid 1px var(--tel-color); 

}

.tel th {
	text-align: left;
	word-break: keep-all;
	/*font-size: 0.6rem;
	line-height: 0.9rem;*/
	font-size: 2vw;
	line-height: 2vw;
	font-weight: 300;
	/*color: #000;*/

}

.tel td {
	/*font-size: 0.6rem;
	line-height: 0.9rem;*/
	font-size: 2vw;
	line-height: 3vw;
	font-weight: 100;
	text-align: left;
}
/*　TEL問い合わせ　終了　－－－－－－－－－－－－－－－－－－－－－*/


.footer-cp {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: solid 3px var(--main-color);
}