@charset "UTF-8";

@media only screen and (max-width: 1280px) {
footer #footer .footBox_r {
    margin-right: 3%;
}
}/*1280px end*/

/*@media only screen and (max-width: 1180px) {
header .menuBox {
	flex-direction: column;
	flex-wrap:wrap;
}
header .menuBox .menu { margin-top:10px;  }
}*//*1280px end*/

@media only screen and (max-width: 640px) {

body{
	font-size:14px;
	line-height:1.8em;
}
h1 {font-size: 24px; margin: 0; line-height:1.4em; text-align:center;}
h2 {font-size: 20px; margin: 0; line-height:1.4em;}
h3 {font-size: 18px; margin: 0; line-height:1.4em;}

.minTxt {font-size: 12px;}
.minTxt2 {font-size: 14px;}
.minTxt3 {font-size: 14px;}

.minTitle {
	padding-top: 5px;
}

.sp {display: block;}
.pc {display: none;}

.left {float: none;}
.right {float: none;}

.contentWrap .content { padding: 0 20px; box-sizing: border-box; }
.minContent {padding: 0 20px; box-sizing: border-box;}

#corona {display: none;}
#corona-sp {    
	font-size: 18px;
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 7px 0;
    text-align: center;
    width: 100%;
    background: #FFE6EE;
    color: #EB6D8E;
}




table.table-kai01 span.time:before {display: none;    top: -13px;
    left: -35px;}

/*header
-------------------------------*/
header .menuBoxWrap {
	width: 100%;
	margin: 0 auto;
	padding:10px 0 10px;
	background-color: rgba(255,255,255,1);
	position: static;
}
header .menuBoxWrap .menuBox h1 {
	display: block;
	margin: 0 auto;
	width: 100%;
}
header .menuBoxWrap .menuBox h1 svg {
	width: 160px;
}
header .menuBox {
	flex-flow: column;
}
header .spTel {
	text-align: center;
	width: 100%;
	margin: 5px auto 0;
}
header .spTel a {display: inline;}
header .menuBox .menu {
	display: none;
}
header #slideBox_main {height: auto;}
header #slideMain2 {
	max-height: 100vh;
	height: 55vh;
	width: auto;
	overflow: hidden;
}
header #slideMain2 li img {
		width: 100%;
		height: auto;
}
header #slideMain2:after {
	display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url(../images/wave.png) repeat-x 50% 100%;
    height: 30px;
    z-index: 9998;
    background-size: 130%;
}
header .menuBoxWrap2 {
	width: 100%;
	position: static;
	margin: 0 auto;
	padding:10px 0 0;
}
header .menuBoxWrap2 .menuBox .menu {display: none;}
header .menuBoxWrap2 .menuBox h1 {
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 0;
}
header .menuBoxWrap2 .menuBox h1 svg {
	width: 160px;
}

/*footer
-------------------------------*/
footer #coupon,footer #banSide,footer #contactLink,footer #contactLink02 {display: none;}
footer #couponSp {
    width: 100%;
    height: 40px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    text-align: center;
    background-color: #ff7002;
    padding-top: 5px;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4em;
    color: #fff;
}
footer #couponSp02 {
	display: none;
    width: 50%;
    height: 40px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    text-align: center;
    background-color: #EA6182;
    padding-top: 5px;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4em;
    color: #fff;
}
footer #banBox {
	padding: 0 20px;
	margin-top:0;
	box-sizing: border-box;
}
footer #banBox .ban {
	float: none;
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding:10px 0; 
}
footer #banBox .ban.lineBox {
	width: 100%;
	height: auto;
}
footer #banBox .ban.lineBox .lineBtn {
	position: absolute;
	width: 90px;
	top:5vh;
	right: 12vw;
	z-index: 100;
}
footer #topWrap {
	padding-bottom: 80px;
}
footer #topWrap .topBtn {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 20%;
}

footer #footer .footBox_r {display: none;}
footer #footer {
	margin-top: 20px;
	padding: 20px 0 40px;
}
footer #footer .footBox_l {
	width: 100%;
	margin: auto;
	text-align: center;
}
footer #footer .footBox_l h1{
	margin: 0 auto;
	width: 100%;
}
footer #footer .footBox_l h1 a svg {
    width: 160px;
}
footer #footer .footBox_l .footInfo {
	padding:20px 0;
}
footer #footer .footBox_l .footIcon {
	margin: 0 auto;
}
footer #footer .copy {
    padding-top: 20px;
    font-size: 10px;
}
footer #footer .footBtn a {
 	display: inline-block;
}

/*index
-------------------------------*/
.contentWrap article {
	margin-top: 40px;
}
.contentWrap article section {
	padding-bottom: 20px;
}
.contentWrap article section.padinng0 {
    padding-left:20px;
	padding-right: 20px; 
}
#leadBoxWrap .leftImg {display: none;}
#leadBoxWrap .rightImg {display: none;}

#leadBoxWrap {
	position: relative;
	padding: 40px 0;
	width: 100%;
	overflow: hidden;
}
#leadBox .lead h1 {
	padding:0 0 20px;
}
#leadBox .lead p {
	text-align: left;
}

#leadBox .lead .rank {width: 100%; margin: auto;}
#leadBox .lead .rank .left {width: 60%; padding: 50px 0 30px 0; margin: auto; float: none;}
#leadBox .lead .rank .right {width: 100%; float: none; text-align: center;}
#leadBox .lead .rank h1 {font-size: 20px; padding-top: 0px; padding-bottom: 20px;}

.titleBox .pict{
	display: none;
}
#newsEventBox{
	margin-top: 40px;
}
#newsEventBox .content {
		padding: 0 20px; 
}
.newsTopBoxWrap,.eventTopBoxWrap {
	width: 100%;
	margin: 30px auto 60px;
}
.newsTopBoxWrap .titleBox,.eventTopBoxWrap .titleBox  {
	text-align: center;
	border: none;
}
.newsTopBoxWrap .titleBox h2,.eventTopBoxWrap .titleBox h2{
	padding: 0;
	font-size: 24px;
}
.newsTopBoxWrap .titleBox .minTitle,.eventTopBoxWrap .titleBox .minTitle{
	padding: 10px 0 0;
    font-size: 18px;
}
.newsTopBoxWrap .newsTopBox {
	margin-bottom: 20px;
}
.newsTopBoxWrap .newsTopBox .newsTxt {
    font-size: 14px;
}
.eventTopBoxWrap .eventTopBox {
	height: auto;
}
.eventTopBoxWrap .eventTopBox .eventImg {
	width: 50px;
    height: 50px;
}
.eventTopBoxWrap .eventTopBox .eventTopBox_r {
	width: 80%;
	font-size: 14px;
	line-height: 1.5em;
}
.eventTopBoxWrap .eventTopBox .eventTopBox_r li.eventTxt {
	font-size: 14px;
}

.newsTopBoxWrap .btn01 {
	margin:30px auto 0;
}
.eventTopBoxWrap .btn02 {
	margin:20px auto 0;
}
#linkBoxWrap {
		padding: 0 20px 40px;
}
#linkBoxWrap ul .link {
	width: 100%;
	padding-bottom: 20px;
}
#linkBoxWrap .linkBox01 {
	margin-bottom: 0px;
} 
#linkBoxWrap ul .link a .btn03 {
	width: 100px;
	bottom: 20%;
	left: 0;
	right: 0;
	margin: 0 auto; 
}
#linkBoxWrap ul .link a .btn03 span {
	padding:5px 0;
    width: 100px;
    font-size: 12px;
}
#linkBoxWrap ul .link a .btn03 span:after {
	width: 6px;
	height: 6px;
	top: 7px;
	right: 10px;
}




.content .nifty-area ul {width: 95%;}


/*slide
-------------------------------*/
.slideBoxWrap .slideBox {
	justify-content:space-between;
	flex-flow: column;
}
.slideBoxWrap h1 {
	padding-bottom: 20px;
}
.slideBoxWrap p {
	padding-bottom: 10px;
}
.slideBoxWrap img{
	width: 100%;
	height: auto;
}
.slideBox_l01,.slideBox_r02{
	width: 100%;
}
.slideBox_r01,.slideBox_l02{
	width: 100%;
}
.slideBox_r01 .btnLeft,.slideBox_l02 .btnLeft {
	text-align: center;
	margin-top: 20px;
}
.slideTxtBox{
	padding: 30px 0;
}
.thumb {
	display: flex;
	justify-content: space-between;
}
.thumb li{
	display: inline-block;
	width: calc(100%/3);
	padding:10px 5px 0;
}
.thumb li:first-child {
	padding-left: 0;
}
.thumb li:last-child {
	padding-right: 0;
}

/*下層共通
-------------------------------*/
#pankuzuWrap {display: none;}

#page {
	padding: 20px 0 0 0;
}
#page p{
	text-align: left;
	line-height: 1.8;
}
#page h2 {
    margin-bottom: 20px;
}
.pageBox04 {
	flex-flow: column;
}
.pageBox04Img{
	width: 100%;
	margin: 0 auto;
}
.pageImgBox h1 {
    font-size: 36px;
}
.pageBox04Txt{
	width: 100%;
	margin: 0 auto;
}
.priceBox {
	width: 100%;
	font-size: 12px;
	line-height: 1.4em;
	margin: 20px auto 0;
}
.priceBox table{
	width: 100%;
	border-spacing: 0;
	margin-top:10px; 
}
.priceBox tr td {
	padding: 5px 5px;
}
.priceBox p {
	font-size: 12px;
	padding-top: 10px;
}
#page article section {
    padding-bottom: 60px;
}
.pageBox01 {
	width: 100%;
	text-align: center;
}

.pageBox01 .photo img {width: 100%; height: auto;}

.pageBox02 {
	margin-top:20px;
	flex-flow: column;
}
.pageBox02 .pageBox02Img {
	width: 100%;
}
.pageBox02 .pageBox02Txt {
	width: 100%;
}
.pageBox02 .pageBox02Txt h3{
	margin:10px 0; 
}
.pageBox02 .pageBox02Txt dl dt {
	width: 15%;
	margin-bottom:10px; 
}
.pageBox02 .pageBox02Txt dl dd {
	padding-left: 20%;
	margin-bottom:10px; 
}

.pageBox03 {
	margin:20px auto 0;
}
#page .menuSp {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;
		box-sizing: border-box;
		text-align: center;
}
#page .menuSp li{
		width: 50%;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
		padding: 5px 10px;
}
#page .menuSp li a {
		width: 100%;
		display: block;
}

/*lightbox(ポップアップ)
-------------------------------*/
.lb-nav a.lb-prev{
	left:-20px;
}
.lb-nav a.lb-next{
	right:-20px;
}

/*spa-page
-------------------------------*/
#spa .pageImgBox {
	background-position-y: center;
	background-image: url('../images/spa/spa_img01s.jpg');
	height: 30vh;
	width: auto;
}
#spa #pageBoxSlSp {
	width:100%;
	height:auto;
}

.popBox {
    margin-top: 20px;
}
.popBox li {
	width: 32%;
	padding: 0 1% 10px;
	font-size: 12px;
	box-sizing: content-box;
	line-height: 1.4em;
}
.popBox li a:after {
	width: 20px;
	height: 20px;
	bottom: 30%;
	right: 10%;
}
.popBox li:first-child {
	padding-left: 0;
}
.popBox li:nth-child(3n+1) {
	padding-left: 0;
}
.popBox li:nth-child(3n) {
	padding-right: 0;
}
.spaPrice {
	font-size: 18px;
	padding-bottom: 10px;
}
.spaPrice .min-spaPrice {
	font-size: 14px;
}
/* #spa dl dt {font-weight: bold;} */

.spaPriceBox {
	width: 100%;
}
.spaPriceBox table {
    font-size: 12px;
}
.spaPriceBox table tr td {
    padding: 5px 5px;
}
.spaPriceBox table tr th {
    padding: 5px 5px;
}

.inside-map img {
	width: 100%;
}

.amenities-left h3, .amenities-right h3 {
	text-align: center;
}

/*restaurant-page
-------------------------------*/
#restaurant .pageImgBox {
	background-position-y: center;
	background-image: url('../images/restaurant/restaurant_img01s.jpg');
	height: 30vh;
	width: auto;
}
#restaurant .priceBox {
	padding: 0 20px;
	box-sizing: border-box;
}
#restaurant .pageTitleWrap h2.pageTitle {
	width: 70%;
}
#restaurant .pageTitleWrap h2.pageTitle .note {
    font-size: 12px;
}

#pageBoxSlSp {
	width:100%;
	height:auto;
	margin: 0 auto;
}
.pageBox03 #pageBoxSlSp .bx-wrapper {
	width:100%;
	height:auto;
	margin: 0 auto;
}
#cookBox {
	width: 100%;
	flex-flow: column;
	padding:0 20px;
	box-sizing: border-box; 
	margin-bottom: 0 ;
}
#cookBox .cookImg {
	width: 60vw;
    margin: 0 auto 5px;
}
#cookBox .cookTxt {
	width: 100%;
	margin: 0 auto;
	padding-top: 10px;
}
.restrnPriceBox {
	width: 100%;
	padding: 0 20px;
    box-sizing: border-box;
}
.restrnPriceBox table {
    font-size: 12px;
}
.restrnPriceBox table tr td {
    padding: 5px 5px;
}
.restrnPriceBox table tr th {
    padding: 5px 5px;
}

/*enjoy-restaurant-page
-------------------------------*/
#enjoy-restaurant .pageImgBox {
	background-position-y: 70%;
	background-image: url('../images/enjoy/enjoy_img01s.jpg');
	height: 30vh;
	width: auto;
}
#enjoy-restaurant .pageBox04 {
    background-color: initial;
}
#enjoy-restaurant .pageBox04Txt .in04Txt h3 {
	line-height: 2em;
}
#enjoy-restaurant .lastTxt h4 {
    font-size: 16px;
}
#enjoy-restaurant .pageBox04Txt .btn {
    text-align: center;
    margin-top: 20px;
}

/*restarea-page
-------------------------------*/
#restarea .pageImgBox {
	background-position-y: center;
	background-image: url('../images/restarea/restarea_img01s.jpg');
	height: 30vh;
	width: auto;
}
#restarea .pageBox04Txt .in04Txt h3 {
    line-height: 2em;
}
#restarea .pageTitleWrap h2.pageTitle {
	width: auto;
}
#restarea .pageTitleWrap h2.pageTitle .note {
    font-size: 12px;
}
#restarea .priceBox {
	padding: 0 20px;
	box-sizing: border-box;
}
#restarea .towColuBoxWrap {
    width: 100%;
    margin: 0;
    flex-flow: column;
}
#restarea .towColuBoxWrap .towColuBox {
	width: 100%;
    text-align: left;
    padding: 0 0 40px 0;
    margin-bottom: 0;
}
.natulePriceBox {
	width: 100%;
	padding: 0 20px;
    box-sizing: border-box;
}
.natulePriceBox table {
    font-size: 12px;
}
.natulePriceBox table tr td {
    padding: 5px 5px;
}
.natulePriceBox table tr th {
    padding: 5px 5px;
}


/*banquet-page
-------------------------------*/
#banquet .pageBox04 {
	background-color: initial;
}
#banquet .pageImgBox {
	background-position-y: center;
	background-image: url('../images/banquet/banquet_img01s.jpg');
	height: 30vh;
	width: auto;
}


/*memorial-page
-------------------------------*/
#memorial .pageImgBox {
	background-position-y: center;
	background-image: url('../images/memorial/memorial_img01s.jpg');
	height: 30vh;
	width: auto;
}
#memorial .pageBox04 {
	background-color: initial;
}

/*spend-page
-------------------------------*/
#spend .pageImgBox {
	background-position-y: 70%;
	background-image: url('../images/spend/spend_img01s.jpg');
	height: 30vh;
	width: auto;
}
#spend .pageBox04 {
    background-color: initial;
}
#spend .pageBox04Txt .in04Txt h3 {
	line-height: 2em;
}
#spend .pageBox04Txt .in04Txt .time {
	font-size:20px; 
}
#spend .pageBox04Txt .in04Txt .time .minTime {
	font-size:12px; 
}
#spend .pageBox04Txt .in04Txt .time01:before {
	width: 30px;
	height: 30px;
}
#spend .pageBox04Txt .in04Txt .time02:before {
	width: 30px;
	height: 30px;
}

#spend .pageBox04Txt .in04Txt .time03:before {
	width: 30px;
	height: 30px;
}

#spend .pageBox04Txt .in04Txt .time04:before {
	width: 30px;
	height: 30px;
}

#spend .pageBox04Txt .in04Txt .time05:before {
	width: 30px;
	height: 30px;
}

#spend .pageBox04Txt .in04Txt .time06:before {
	width: 30px;
	height: 30px;
}

/*reason-page
-------------------------------*/
#reason .pageImgBox {
	background-position-y: bottom;
	background-image: url('../images/reason/reason_img01s.jpg');
	height: 30vh;
	width: auto;
}
.reasonMenu {
	justify-content: space-between;
	width: 100%;
	padding-bottom: 20px;
	flex-wrap: wrap;
}
#reason .big {font-size:30px;}
.reasonMenu li {
	width: 50%;
	height: 40vh;
	box-sizing: border-box;
}
.reasonMenu li img{
	width: 100%;
	height: auto;
}
.reasonMenu li .reasonMenuTxt:after {
	display: none;
}
.reasonImgWrap {
	display: block;
}
.reasonTxtWrap {
	display: block;
}
.reasonImgWrap .reasonImg {
	width: 100%;
	padding: 0;
	text-align: left;
}
#page .reasonTxt{
	width: 100%;
	box-sizing: content-box;
	text-align: left;
}
#page .reasonTxt h3 {
	font-size: 18px;
	padding:10px 0; 
}
#page .reasonTxt p {
	padding:0 0 10px 0; 
}
#page .reasonTxt .btn {
	margin-bottom: 20px;
}
.reasonTxtWrap .reasonTxt{
	width: 100%;
}
.reasonTxtWrap .reasonTxt h3 {
	font-size: 18px;
}
#reason .reasonBox .txt {
    font-size: 18px;
    padding: 0 0 20px;
    text-align: center;
}
.reasonBox dl {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
	line-height: 2em;
	padding-top: 10px;
}
.reasonBox dl dt {
	float: left;
	width: 15%;
	font-weight: bold;
}
.reasonBox dl dd {
	padding-left: 20%;
	margin-left: 0;
}
#reason .btnLeft {
	text-align: center;
}
#reason #reason02,#reason #reason03 {
	padding-bottom: 40px;
}

/*open-fee-page
-------------------------------*/

th.title01 {
	line-height: 1.7;
}

.tablearea h2 span {
	line-height: 1.5;
}

#open-fee #page .pageImgBox {
	background-color:#EEEEFF;
	height: 30vh;
	width: 100%;
}
#open-fee .openBoxWrap {
	flex-flow: column;
}
#open-fee .openBox {
	width: 100%;
}
#open-fee .openBox h2{
	text-align: center;
	display: block;
}
#open-fee .openBox h2.natule {
    text-align: center;
}
#open-fee .openImg {
	display: none;
}
.openBox table {
    font-size: 12px;
}
.openBox table tr td {
    padding: 5px 5px;
}
.openBox table tr th {
    padding: 5px 5px;
}
#open-fee .openBox .btn {
	text-align: center;
	margin-top:10px; 
}
#open-fee .openBox .note {
	float: right;
}



#restaurant #restaurant01 .pageBox01 .chinese_food_area h2 {font-size: 6vw;}
#restaurant #restaurant01 .pageBox01 .chinese_food_area h2:before {background: url(../images/chinese/kumo02.png) no-repeat center; background-size: 100%; content: ''; display: block; position: absolute; top: -15%; left: -15%; width: 14%; height: 100%;}
#restaurant #restaurant01 .pageBox01 .chinese_food_area h2:after {background: url(../images/chinese/kumo01.png) no-repeat center; background-size: 100%; content: ''; display: block; position: absolute; top: -15%; right: -15%; width: 14%; height: 100%;}
#restaurant #restaurant01 .pageBox01 .chinese_food_area h2 p {position: absolute; max-width: 41%; right: -30%; transform: rotate(12deg); top: -160%; z-index: 3;}
#restaurant #restaurant01 .pageBox01 .chinese_food_area #info {display: block;}
#restaurant #restaurant01 .pageBox01 .chinese_food_area .infoarea {width: 90%; padding: 5%;}
#restaurant #restaurant01 .pageBox01 .chinese_food_area .infoarea p {text-align: center;}

#takeout #archive article section {padding-bottom: 100px;}
#takeout #archive article section .chinese_food_area h2 {font-size: 6vw;}
#takeout #archive article section .chinese_food_area h2:before {background: url(../images/chinese/kumo02.png) no-repeat center; background-size: 100%; content: ''; display: block; position: absolute; top: -15%; left: -15%; width: 14%; height: 100%;}
#takeout #archive article section .chinese_food_area h2:after {background: url(../images/chinese/kumo01.png) no-repeat center; background-size: 100%; content: ''; display: block; position: absolute; top: -15%; right: -15%; width: 14%; height: 100%;}
#takeout #archive article section .chinese_food_area h2 p {position: absolute; max-width: 41%; right: -30%; transform: rotate(12deg); top: -160%; z-index: 3;}
#takeout #archive article section .chinese_food_area #info {display: block;}
#takeout #archive article section .chinese_food_area .infoarea {width: 90%; padding: 5%;}
#takeout #archive article section .chinese_food_area .infoarea p {text-align: center;}

#open-fee .openBox .tablearea .pc-zone {display: none;}
#open-fee .openBox .tablearea .sp-zone {display: block;}

#news_and_event .newsTopBoxWrap .newsTopBox a {padding-left: 0;}
#news_and_event .newsTopBoxWrap .newsTopBox.post a:before {position: initial;display: block;margin-bottom: 5px;}
#news_and_event .newsTopBoxWrap .newsTopBox.events a:before {position: initial;display: block;margin-bottom: 5px;}
#news_and_event .btn-area {display: block; margin-bottom: 100px;}
#news_and_event .btn-area .btn {margin-bottom: 20px;}
.tab-list {display: block;width: 100%;margin: auto auto 50px auto;justify-content: space-between;}
.tab-list li { width: 60%; margin: auto auto 10px;}
#post .tab-list ,#events .tab-list {margin-top: 60px;}
#news_and_event.top #newsEventBox h1 {margin-top: 60px;}

.spa-fixtures {
	display: block;
}

.amenities-left, .amenities-right {
	width: 100%;
}

.amenities-left .blue-line, .amenities-right .blue-line {
	text-align: center;
}


/*access-page
-------------------------------*/
#access #page .pageImgBox {
	background-color:#F2F8FF;
	height: 30vh;
	width: 100%;
}
#access .mapBox {
	width: 80%; 
}
#access .accessBox .textBox {
	width: 100%; 
	margin-bottom: 20px;
}
#access .accessBox .textBox h3 {
	padding-bottom: 10px;
	font-size: 16px;
}
#access .accessBox .textBox dl dt {
	font-size: 12px;
	width: 80%;
	line-height: 2em;
}
#access .accessBox .textBox dl dd {
	font-size: 12px;
	padding-left: 80%;
	margin-left: 0;
	line-height: 2em;
	padding-bottom: 10px;
}

/*contact-page
-------------------------------*/
#contact .pageImgBox {
	background-color:#DCDEE0;
	height: 30vh;
	width: 100%;
}
#contact .contactbox dt {
	float: none;
    width: 100%;
}
#contact .contactbox dd {
	width: 100%;
    padding-left: 0;
}

#contact .mw_wp_form_confirm .contactbox dd {
	margin:0 0 20px 0;
}
#contact .mw_wp_form dd {
    padding: 0;
    margin-left: 0; 
}
#contact .mw_wp_form {
	padding: 0;
    font-size: 14px;
}
#contact .mw_wp_form_complete p{
	text-align: left;
	font-size:18px;
	line-height: 1.4em;
}

/*gallery
-------------------------------*/
#gallery #page .pageImgBox {
	background-color:#F5FAFA;
	height: 30vh;
	width: 100%;
}
#gallery #page .galleryBox {
	margin-top: 10px;
	padding: 0;
}
.galleryBox li {
	width: 48%;
	height: 32vh;
	padding: 0 2% 10px;
	box-sizing: content-box;
	line-height: 1.4em;
}
.galleryBox li:nth-child(odd) {
	padding-left: 0;
}
.galleryBox li:nth-child(even) {
	padding-right: 0;
}
.galleryBox li a:after {
	width: 20px;
	height: 20px;
	bottom: 0;
	top:20vh;
	right: 10%;
}





/*chinesecuisine201902-page
-------------------------------*/
#chinesecuisine201902 .sp {display: block;}
#chinesecuisine201902 .pc {display: none;}

#chinesecuisine201902 img {max-width: 100%; height: auto;}

#chinesecuisine201902 #page .mainphoto {margin-top: 0;}
#chinesecuisine201902 #page article section.chinese {padding-bottom: 60px;}
#chinesecuisine201902 #page article section.chinese ul.menu {width: 100%;}
#chinesecuisine201902 table {width: 100%;}
#chinesecuisine201902 #page article section.chinese .table-area {margin-top: 60px;}
#chinesecuisine201902 #page article section.chinese .read-area {display: block; width:100%;}
#chinesecuisine201902 #page article section.chinese .read-area li.list {margin-bottom: 30px;}
#chinesecuisine201902 #page article section.chinese .read-area li.list p br {display: none;}
#chinesecuisine201902 #page article section.chinese .read-area li.list:last-child {margin-bottom: 0;}
#chinesecuisine201902 #page article section.chinese .read-area li ul {width: 90%;}
#chinesecuisine201902 #page article section.chinese .read-area li ul li {width: 100%; float: none;}
#chinesecuisine201902 #page article section.chinese ul.set {display: block; width: 100%;}
#chinesecuisine201902 #page article section.chinese ul.set li {padding: 5%; float: none; margin-bottom: 30px;}
#chinesecuisine201902 #page article section.chinese ul.set li p {font-size: 16px; text-align: center; width: 100%; margin-top: 10px; float: none;}
#chinesecuisine201902 #page article section.chinese ul.set li p span br.sp {display: block;}
#chinesecuisine201902 #page article section.chinese ul.set li:last-child {margin-bottom: 0;}
#chinesecuisine201902 #page article section.chinese ul.set li .setimg {width: 100%; float: none;}
#chinesecuisine201902 #page article section.chinese h3.c-t {margin-top: 20px;}
#chinesecuisine201902 #page article section.chinese h3.c-t br.sp {display: block;}
#chinesecuisine201902 #page article section.chinese h3.c-t br.pc {display: none;}

#chinesecuisine201902 #page article section.chinese ul.menu li .text {float: none; width: 100%;}
#chinesecuisine201902 #page article section.chinese ul.menu li .text {margin-top: 15px;}
#chinesecuisine201902 #page article section.chinese ul.menu li .chinese-images {float: none; width: 100%;}

#chinesecuisine201902 table tr td:first-child {width: 8px; padding: 10px;}
#chinesecuisine201902 #page h2.pageTitle {margin-bottom: 20px;}

#coupon .coupon-area {width: 90%; margin: 0 5%;}
#coupon .coupon-area iframe {width: 100%;}


/*traver-page
-------------------------------*/
#travel-agency #page .pageImgBox {
	background-color:#F0ECFF;
	height: 30vh;
	width: 100%;
}
#travel-agency #page .menuSp li {
   	font-size: 13px;
    padding: 4px 0px;
}
#travel-agency .priceBox {
	overflow-x:scroll;
	margin: 0; 
}
#travel-agency .priceBox table {
	width: 1000px;
}
#travel-agency .priceBox .priceTitle td {
	font-size: 14px;
}
#travel-agency .priceBox td:first-child {
    font-size: 14px;
}
.travelPop td a:after {
	width: 20px;
	height: 20px;
} 
#travel05 .minContent {padding: 0;}
#travel05 .mapBox {
	width: 80%; 
	margin: 0 auto 40px;
}
#travel05 .accessBox .textBox {
	width: 100%; 
	margin-bottom: 20px;
}
#travel05 .accessBox .textBox h3 {
	padding-bottom: 10px;
	font-size: 16px;
}
#travel05 .accessBox .textBox dl dt {
	font-size: 12px;
	width: 80%;
	line-height: 2em;
}
#travel05 .accessBox .textBox dl dd {
	font-size: 12px;
	padding-left: 80%;
	margin-left: 0;
	line-height: 2em;
	padding-bottom: 10px;
}

#travel05 .mapBox2 {margin-top: 40px;}
#travel05 .mapBox2 a{display: block;}
#travel05 .mapBox2 .left {
	width: 80%;
	margin: 0 auto;
}
#travel05 .mapBox2 .right {
	width: 80%;
	margin: 20px auto 0;
}
#travel05 .mapBox2 img {
	width: 100%;
	height: auto;
}

#travel-agency .scroll {
	display: block;
    margin-top: 10px;
    text-align: center;
}
#travel-agency .scroll:after {
    content: '▶︎';
    margin-left: 10px;
    color: #F0ECFF;
}

/*areainfo-page
-------------------------------*/
#areainfo #page .pageImgBox {
	background-color:#FFE4F8;
	height: 30vh;
	width: 100%;
}
.areainfoMenu li {
	text-align: center;
	width: calc(25%);
	border-right: solid 1px #646464;
}
#areainfo .pageBox02 .pageBox02Txt dl dt {
	float: none;
	width: 100%;
	margin-bottom:0px; 
	font-weight: bold;
}
#areainfo .pageBox02 .pageBox02Txt dl dd {
	width: 100%;
	 padding-left: 0;
	margin-bottom:10px; 
}

/*archive
-------------------------------*/
#archive {padding-top: 20px;}
#archive .archiveImgBox {
	background-color:#ccc;
	height: 30vh;
	width: 100%;
}
.archiveImgBox h1 {
	font-size: 24px;
}

/*news-archive
-------------------------------*/
#archive .newsBoxWrap .newsBox .newsTxt h2{
	font-size: 16px;
}

/*event-archive
-------------------------------*/
#archive .eventBox {
	width: 100%;
	margin: 20px auto 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCC;
}
#archive .eventBox .eventImg {
	max-height: 80px;
}
#archive .eventBox .eventTxt h2 {
    font-size: 16px;
}
#archive .eventBox .eventTxt .data {
	font-size: 14px;
}
#archive .eventBox .eventTxt .data dt {
	float: none;
	width: 100%;
	margin: 0 auto;
	font-weight: bold;
}
#archive .eventBox .eventTxt .data dd {
	padding-left:0;
	padding-bottom: 10px;
	width: 100%;
	margin: 0 auto;
}

/*blog-archive
-------------------------------*/
#archive .blogBox {
	width: 100%;
	margin: 20px auto 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCC; 
}
#archive .blogBox .blogTxt {
	width: 78%;
}
#archive .blogBox .blogTxt h2 {
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom:5px;
}
#archive .blogBox .blogTxt .blogDate {
	margin-bottom: 5px;
}
#archive .blogBox .blogTxt .blogContent {
	font-size: 12px;
	line-height: 1.4em;
}


#license-return .text h2 br {display: none;}
#license-return .text h2 {font-size: 1rem;}


/*single
-------------------------------*/
#single {padding-top: 20px;}
#single article section {
	padding-bottom: 60px;
}
#single h1 {
	font-size: 24px;
	text-align: left;
}
#single .date .right {
	text-align: right;
}
#single #singleBoxWrap {
	margin-top:0;
}
#single #singleBoxWrap .singleBox {text-align: left;}
#single #singleBoxWrap .singleBox h2 {font-size:20px; font-weight: bold; line-height: 1.5em; margin: 0; padding: 0;}
#single #singleBoxWrap .singleBox h3 {font-size:18px; font-weight: bold;  line-height: 1.5em; margin: 0; padding: 0;}
#single #singleBoxWrap .singleBox h4 {font-size:14px;  font-weight: bold; line-height: 1.5em; margin: 0; padding: 0;}
#single #singleBoxWrap .singleBox p {font-size:14px;  line-height: 1.5em; margin: 0; padding: 0;}
#single #singleBoxWrap .singleBox ul {font-size:14px;  line-height: 1.5em; margin: 0; padding: 0;}
#single #singleBoxWrap .singleBox ul li {list-style: disc; list-style-position:inside; padding-left: 10px;}
#single #singleBoxWrap .singleBox ol {font-size:14px;  line-height: 1.5em; margin: 0; padding: 0;}
#single #singleBoxWrap .singleBox ol li {list-style-type: decimal; list-style-position:inside; padding-left: 10px;}


/*event-single
-------------------------------*/
#single .eventBoxWrap h2 {
	padding: 0 0 20px;
	text-align: left;
}
#single .eventBoxWrap .data { padding-top: 20px; }
#single .eventBoxWrap .data dt {
	float: none;
	width: 100%;
	margin: 0 auto;
	font-weight: bold;
}
#single .eventBoxWrap .data dd {
	padding-left:0;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc ;
}
#single .eventBoxWrap .eventTxt h2 {font-size:20px; font-weight: bold; line-height: 1.5em; margin: 0; padding: 0;}
#single .eventBoxWrap .eventTxt h3 {font-size:18px; font-weight: bold;  line-height: 1.5em; margin: 0; padding: 0;}
#single .eventBoxWrap .eventTxt h4 {font-size:14px;  font-weight: bold; line-height: 1.5em; margin: 0; padding: 0;}
#single .eventBoxWrap .eventTxt p {font-size:14px;  line-height: 1.5em; margin: 0; padding: 0;}
#single .eventBoxWrap .eventTxt ul {font-size:14px;  line-height: 1.5em; margin: 0; padding: 0;}
#single .eventBoxWrap .eventTxt ul li {list-style: disc; list-style-position:inside; padding-left: 10px;}
#single .eventBoxWrap .eventTxt ol {font-size:14px;  line-height: 1.5em; margin: 0; padding: 0;}
#single .eventBoxWrap .eventTxt ol li {list-style-type: decimal; list-style-position:inside; padding-left: 10px;}

/* navi */
.navi { position: fixed; right:20px; bottom:60px;}
.navi { width: 40px; display:block; line-height:1em; z-index:9999; transition: .3s; }
.navi .name { 
	vertical-align:middle; 
	text-align:center; 
	color:#FF8535; 
	font-size:7.3px; 
	font-weight: bold; 
	line-height: 1em; 
	height: 1em;
	text-shadow: 1px 1px 1px #fff,
             -1px 1px 1px #fff,
             1px -1px 1px #fff,
             -1px -1px 1px #fff;
}
.navi .menuBtn {
	display: inline-block; position: relative; width: 40px; height:30px; 
	background-color:#FF8535; border-radius: 10px; padding:10px 0px 0px;
	box-shadow: 1px 1px 1px #fff,
             -1px 1px 1px #fff,
             1px -1px 1px #fff,
             -1px -1px 1px #fff;
}
.menu-icon {display: block; position: absolute; top: 50%; left: 50%; width: 24px; height: 2px; margin: -1px 0 0 -12px; background: #fff; transition: .2s;}
.menu-icon:before,.menu-icon:after {display: block; content: ""; position: absolute; top: 50%; left: 0; width: 24px; height: 2px; background: #fff; transition: .3s;}
.menu-icon:before {margin-top: -8px;}
.menu-icon:after {margin-top: 6px;}
.menuBtn:hover .menu-icon:before {margin-top: -10px;}
.menuBtn:hover .menu-icon:after {margin-top: 8px;}

.navi.close .name {overflow: hidden; }
.navi.close .name:before { display: inline-block; width: 100%; content: 'CLOSE';}
.navi.close .menuBtn .menu-icon { background-color: #FF8535; }
.navi.close .menuBtn .menu-icon:before, .navi.close .menuBtn .menu-icon:after {margin-top: 0;}
.navi.close .menuBtn .menu-icon:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.navi.close .menuBtn .menu-icon:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}

.chinese-link a.link {width: 90%; padding: 5%;}
.chinese-link .banner {margin-bottom: 30px;}
.chinese-link .banner img {width: 90%; margin: 0 5% 0px 5%; height: auto;}

/* menu sp */
#menuBoxSp { 
	display: block; 
	position: fixed; 
	top:0; 
	left: -100%; 
	z-index:9999;
	width: 80%; 
	height: 100vh; 
	transition: 0.4s ease-in-out;
	overflow-y: scroll;
}
#mainMenu {
	display: block;  
	background-color: #FF8535; 
	color: #fff;
	padding: 0;
	margin:0;
	padding-bottom: 40px;
	flex-flow: column;
}
#mainMenu li a {
	display: block; padding: 10px; 
	border-bottom:solid #fff 1px; 
	color: #fff; text-decoration: none; font-size: 15px; font-weight: bold;}

#menuBoxSp.open {left: 0; background-color: #FF8535;}

#cover {
	display: none;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top:0;
	background:rgba(255,255,255,0.8);
	z-index: 999;
	transition: 0.4s ease-in-out;
}

#cover.open {
	display: block;
	opacity: 1;
}
.navi { display: block; }

.modalWrapper {width: 85%;}
.modalWrapper img {width: 100%; height: auto;}

#ladies .center-float,#ladies .center-float02 {width: 100%; padding: 0%;}
#ladies .l-float {width: 100%;}
#ladies .right,#ladies .l-float .right,#ladies .center-float02 .left {float: none; width: 100%;}
#ladies .left,#ladies .l-float .left,#ladies .center-float02 .right {float: none; width: 100%;}
#ladies .right, #ladies .l-float .right {margin-top: 50px;}
#ladies .right, #ladies .l-float .right img {}
#ladies .l-float h3.list {text-align: center;}
/*#ladies .center-float .left {float: left;}
#ladies .center-float .right {float: right; margin-top: 0;}*/
#ladies .center-float img {width: 100%;}
#ladies .center-float .left {width: 100%;}
#ladies .center-float .right {width: 100%; margin-top: 30px;}
#ladies .l-float .right p.list {text-align: center; font-size: 16px;}
#ladies p.plus {margin-top: 30px;}
#ladies p.m-text span {line-height: 1.5em;}
#ladies .l-float .prof img {width: 40%; margin: auto;}
#ladies .center-float .m-text,#ladies .l-float .menu {text-align: center;}
#ladies #acMenu dt:after {top: 15px;}
#ladies #acMenu dt span {display: block; margin-left: 0;}
/*#ladies #acMenu dd ul li {margin-left: 0;}*/
#ladies .red-zone {width: 90%; padding: 5%;}
#ladies .red-zone p {text-align: center;}
#ladies .red-zone .nom {font-size: 37px;}
#ladies .btn a {display: block;}
#ladies .btn a span {width: 100%;}
#ladies .l-float p.list strong.t18 span {font-size: 14px;}

.spaPriceBox p .pc-zone {display: none;}



.takeout-list-link-btn {width: 90%; margin: 50px auto 100px auto;}
.takeout-list-link-btn ul {display: block;}
.takeout-list-link-btn ul li {width: 100%;}
.takeout-list-link-btn ul li a {border-right: none; border-bottom: 1px solid #efefef;}
.takeout-list-link-btn ul li:last-child a {border-bottom: 0px solid #efefef;}

.takeout-menu-list.takeout-menu-list {border-bottom: 1px solid #ddd; margin-top: 0;}
.takeout-menu-list.takeout-menu-list01 {border-bottom: 0px solid #ddd;}
.takeout-menu-list.takeout-menu-list li {border-top: 1px solid #ddd;}

.takeout-list-zone .prof-box {display: none; /*display: block;*/ padding: 5%; width: 90%;}
.takeout-list-zone .prof-box .photo {width: 50%; margin: 0 auto 30px auto;}
.takeout-list-zone .prof-box .text {width: 100%;}
.takeout-menu-list {width: 90%;}
.takeout-menu-list li {width: 100%; margin-right: 0%; margin-bottom: 0; box-shadow: 0px 0px 0px #eee; padding:0px 0; border-top: 1px solid #;}
.takeout-menu-list li .photo {width: 45% !important;}
.takeout-menu-list li:nth-of-type(2n) {margin-right: 0%;}
.takeout-menu-list li:nth-of-type(3n) {margin-right: 0%;}
.takeout-menu-list li img {width: 80%;}

p.modalClose {
	font-size: 36px;
    top: 1%;
    left: 5%;
    border-radius: 50%;
    background: #eee;
    color: #000;
    width: 35px;
    height: 35px;
    padding: 14px 10px 10px;
}
.modalOpen {    
    width: 100%;
    height: 100%;
    max-height: 100%;
}
.popup-zone {display: block;}
.popup-zone .photozone {width: 100%; margin: auto auto 20px auto;}
.popup-zone .text {width: 94%;}
.linkbtn {bottom: 0; position: absolute; border-radius: 10px 10px 0 0;}


.closeModal {
    top: 1.5rem;
    font-size: 50px;
}



.restaurant-menu ul {display: block;}
.restaurant-menu ul li {width: 100%;}
.restaurant-menu h3 {font-size: 4vw;}






#simple-accommodation br.pc {display: none;}
#simple-accommodation br.sp {display: block;}
#simple-accommodation .pc-zone,#simple-accommodation .pcmenu {display: none;}
#simple-accommodation .sp-zone {display: block;}

#simple-accommodation {font-size: 3.5vw;}
#simple-accommodation .flex-area {display: block;}
#simple-accommodation .flex-area .photo-area {width: 100%; margin-bottom: 30px;}
#simple-accommodation .flex-area .text-area {width: 100%;}
#simple-accommodation .flex-area .text-area .optionlist ul li span.item:after {display: none;}
#simple-accommodation .flex-area .text-area .optionlist ul li span {display: block;}
#simple-accommodation .flex-area .text-area .optionlist ul li span.red {display: inline-block;}
#simple-accommodation .flex-area02 .text-area .optionlist ul li span.item {font-weight: bold; font-size: 3.5vw;}
#simple-accommodation .flex-area02 .text-area .optionlist ul li span.item br {display: none;}
#simple-accommodation .info-area .btn-area a {width: 80%;}



.content.event_information img {width: 100%;}
.content.event_information .reserve .sp-zone {
	display: block;
}


}/*680px end*/

@media only screen and (max-width: 480px) {
}

@media only screen and (max-width: 400px) {
	br.sp400 {display: block;}
}
@media only screen and (max-width: 320px) {
.popBox li a:after {
	width: 20px;
	height: 20px;
	bottom: 35%;
	right: 10%;
}
#restaurant .pageTitleWrap h2.pageTitle {
	width: 100%;
}
#restarea .pageTitleWrap h2.pageTitle {
	width: 100%;
}
.galleryBox li a:after {
	width: 20px;
	height: 20px;
	bottom: 0;
	top:60%;
	right: 10%;
}

br.sp320 {display: block;}
}/*320px end*/