@charset "UTF-8";
/*////////////////////// common //////////////////////*/
html{
    font-size: 62.5%;
}
body{
    font-size:1.4rem;/* 14px*/
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    line-height: 2;
	color:#333;
	text-align:justify;
	letter-spacing: 0.02em;
	background:#F2F2F2;
	}
@media screen and (max-width: 640px) {/* 640px以下*/
    body{
    line-height: 1.6;
    }
}

/*-----  box-sizing -----*/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	
/*----- padding margin -----*/
.mt5	{ margin-top: 5px;  }
.mt10	{ margin-top: 10px; }
.mt15	{ margin-top: 15px; }
.mt20	{ margin-top: 20px; }
.mt30	{ margin-top: 30px; }
.mb5	{ margin-bottom: 5px;  }
.mb10	{ margin-bottom: 10px; }
.mb15	{ margin-bottom: 15px; }
.mb20	{ margin-bottom: 20px; }
.mb30	{ margin-bottom: 30px; }
.mb60{ margin-bottom: 100px; }
.mr10{ margin-right:10px;}
.pd2{ padding:0 2px; }
.pd5{ padding:0 5px; }

/*----- font -----*/
.fontSize12{ font-size:12px; line-height:1.4em;}
.fontSize20{ font-size:20px; line-height:1.4em;}	 

.textLeft	{ text-align: left;   }
.textRight	{ text-align: right;  }
.textCenter	{ text-align: center; }

strong	{ font-weight: normal; }
.fontBold { font-weight: bold; }
.fontNormal	{ font-weight: normal; }

/*----- color -----*/
.colorBlack	{ color: #000; }
.colorGray { color: #333; }
.colorWhite	{ color: #FFF; }
.colorRed { color: #F00; }
.colorOrenge{ color: #F30; }
.colorBlue { color: #36F; }
.colorGreen { color: #6C3; }
.colorYellow { color:#FF0; }

.mainColor	{ color: #D91200; }
.subColor	{ color: #0078CF; }

/*----- img -----*/
.img_icon{ vertical-align:middle; }

/*----- clearfix -----*/

/* 親カテゴリーに設定 */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
 
.clearfix:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

/* link */
a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#333;text-decoration:none;}
a:active{color: #333;text-decoration: none;}


.bluelink{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  text-align:center; padding:50px; 
  }
.bluelink a{ color: #0078CF;text-decoration: none; }

.bluelink2 a {color: #0078CF;text-decoration: underline;}



/* line */
hr.style1{
	border-top: 4px solid #F2F2F2;
	margin:0.8em 0;
}
hr.style2{
	border-top: 1px solid #F2F2F2;
	margin:0.8em 0;
}
hr.style3{
	border-top: 2px solid #F2F2F2;
}

/* ------------------------------
   header
------------------------------ */
header {
    position: fixed;
	top:0;
    width: 100%;
    height: 48px;
	z-index:1000;
}	
.headbg{
	background:#000;
	width:100%;
	height:42px;
	}
.headbg img{
	margin-left:5px;
	margin-top:10px; 
	height:22px;
	}
	
/* ------------------------------
   MAP
------------------------------ */	
.mapArea{
	background:#FFF;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.mapTl{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:28px;
	color:#333;
	height:120px;
	line-height:120px;
	font-weight: bold;
	text-align:center;
	margin-bottom:20px;
}

.mapTxt{
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:10px;
	margin-bottom:5px;
	color:#999;
	text-align:center;
}

/* ------------------------------
   PRICE
------------------------------ */	
.priceArea{
	margin-top:40px;
	background:#FFF;
	border-bottom: 1px solid #e6e6e6;
}

.priceTl{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:28px;
	color:#333;
	height:120px;
	line-height:120px;
	font-weight: bold;
	text-align:center;
}
 
.priceMenu {
	max-width:980px;
	margin:0 auto;
	padding-bottom:80px;
	}  
 
.priceMenu ul {
    padding:0 10vw 10vw;
    width: 100%;
}
 
.priceMenu ul li {
	position:relative;
    font-size: 14px;
    width: 100%;
    border-bottom: 1px solid #808080;
    padding: 1em 0;
}




            
@media screen and (max-width: 750px) {
.priceMenu ul {
    padding:0 5vw 5vw;
    width: 100%;
}

}


/* ------------------------------
   COMPANY
------------------------------ */	
.companyMenu ul {
    padding:0 10vw 10vw;
    width: 100%;
}

.companyMenu{
	max-width:980px;
	margin:0 auto;
	}
	
.companyMenu ul li {
	position:relative;
    font-size: 14px;
    width: 100%;
    border-bottom: 1px solid #808080;
    padding: 1em 0;
}
.company_h {
    padding: 1em 0 3em !important;
}


.company{
	position:absolute;
	right:0;
	text-align:right;
	}




/* ------------------------------
   HOWTO
------------------------------ */	

.howtoMenu {
	max-width:980px;
	margin:0 auto;
	}


.howtoMenu dl {
    padding:0 10vw 40px;
    width: 100%;
}
 
.howtoMenu dl dt {
	position:relative;
    font-size: 14px;
	font-weight:900;
    width: 100%;
    border-bottom: 1px solid #808080;
    padding: 1em 0;
}

.howto{
	position:absolute;
	right:0;
	}
	
.howtoMenu dl dd {
	margin-top:1em;
	margin-bottom:2em;
}	


/* ------------------------------
   facility
------------------------------ */
.imageSub{
  position: relative;
  width: 95%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/
  padding-top: 8rem;/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）　*/
  overflow: hidden;/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/
  margin:0 auto;
}
.imageSub img{
/* 画像を上下左右に中央配置する（絶対指定） */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* 画像の最大サイズは枠の1.5倍まで */
  max-width: 150%;
  max-height: 150%;
}
#slideshow {
	margin: 0 auto;
	text-align: center;
}
#slideshow div {
	width: 100%;
	height: 64vh;
	overflow: hidden;
	position: relative;
	}
#slideshow div div {
	top: 0;
	left: 0;
	position: absolute;	
}
#slideshow ul {
	display:flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
	width: 98%;
	margin-left:1%;
}
#slideshow ul li {
	border:1px solid #FFF;
	flex: 0 0 23%;
}
#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* ------------------------------
   お問合せ
------------------------------ */
.ip_txt {
	font-size:16px;
	padding:5px;
	width:100%;
	outline: none;
	border: 1px solid #e6e6e6;
	border-radius: 0;
	-webkit-appearance: none;
}

.tbl-r th {
	background: #F2F2F2;
	border:solid 1px #ccc;
	color: #333;
	padding: 10px;
	width:30%;
	border-collapse:collapse;
	}
.tbl-r {
	width:100%;
	max-width:700px;
	margin:0 auto 30px;
}
.tbl-r td {
	border: solid 1px #ccc ;
	padding: 10px;
	border-collapse:collapse;
	}
.textarea-text {
  background-color: transparent;
  border: 1px solid #e6e6e6;
  color: inherit;
  font-size:16px;
  height: 100px;
  padding: 0.4em 0.8em;
  width: 100%;
}	
.submitBtn{
	font-size:16px;
	font-weight:900;
	color:#FFF;
	margin:0 auto;
	text-align:center;
	display:block;
	background:#40c002;
	width:300px;
	margin:50px auto 100px;
	padding:10px;
	border-radius:2px;
	}

.submitBtn_back{
	font-size:16px;
	font-weight:900;
	color:#333;
	margin:0 auto;
	text-align:center;
	display:block;
	background:#e2cf00;
	width:250px;
	padding:10px;
	border-radius:2px;
	}
/* ------------------------------
   footer
------------------------------ */

footer ul {
	padding-left:0;
	}
			
footer li {	
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:12px;
	border-right:#999 solid 1px;
	padding-right:5px;
	display: inline;
	}
footer li:last-child {	
	border-right: none;
	}
footer a {
	color: #333;
	}
address{
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	width:100%;
	font-size:8px !important;
	color:#B3B3B3;
	padding-top:10px !important;
	}

/* ------------------------------
   追加
------------------------------ */
.catch {
	width:100%;
	text-align:center;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:40px;
	color:#242e3f;
	line-height:1.4em;
	font-weight: bold;
	margin-bottom:10px;
	text-shadow: 0 0 2px #FFF, 0 0 4px #FFF, 0 0 6px rgba(255, 255, 255, 0.8);
	padding:120px 0 60px 0;
}



/*////////////////////// レスポンシブ //////////////////////*/
/* スマホだけに適用するCSS */
@media screen and (max-width: 749px) { 
    /*　画面サイズ 749pxまで適用　*/
/*
.box{
	padding-top:105px;
  	}
*/
	
.img_changePc{
	display: none !important;
}

.img_changePc_02{
	display: none !important;
}

/* ------------------------------
   background-size
------------------------------ */
.bg_sp{/* -- 表示画像の高さ ÷ 表示画像の幅 × 100 -- */
	height: 0;
    padding-top: 15vh;
	width: 100%;
    background: url(../img/imgBg01.jpg) 0 0 no-repeat;
    background-size: cover;
	position:relative;	
}

.price_sp {
	width: 100%;
	height: 15vh;
}

.price_sp img{/* -- 表示画像の高さ ÷ 表示画像の幅 × 100 -- */
	width: 100%;
	height:46vh;	
	object-fit: cover;
}

.bg_pc{
display: none;
}

.mainLogo{
	display: none;
	}
.mainLogo img{
	width:70vw;
	}
	
.greenImg img{
	display: none;
}
.purpleImg img{
	display: none;
}

.ReservBt{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:12px;
	font-weight:900;
	text-align:center;
	}
.ReservBt a{
	display:block;
	width:48vw;
	background:#D91200;
	padding:14px 0;
	color:#FFF;
	}
.icon_sp_img{
	top: 0;
	left: 0;
	width: 40px;
	z-index: 2;
}
	
.bg02{/* -- 表示画像の高さ ÷ 表示画像の幅 × 100 -- */
	height: 0;
    padding-top: 144.92%;
    background: url(../img/imgBg02.jpg) 0 0 no-repeat;
    background-size: contain;
	margin-bottom:5px;
	position:relative;
}
	
.txtArea2{
	position:absolute;
	top:5vw;
	left:5vw;
	width:60vw;
	}	
	
.mainTl2{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:25px;
	color:#333;
	line-height:1.4em;
	font-weight: bold;
	margin-bottom:10px;
	text-shadow: 0 0 2px #FFF, 0 0 4px #FFF, 0 0 6px rgba(255, 255, 255, 0.8);
	}
	
.mainTxt2{
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:14px;
	line-height:1.5em;
	padding-left:5px;
	color:#333;
	text-shadow: 0 0 2px #FFF, 0 0 4px #FFF, 0 0 6px rgba(255, 255, 255, 0.8);
	}		
	
	
.bg03{/* -- 表示画像の高さ ÷ 表示画像の幅 × 100 -- */
	height: 0;
    padding-top: 144.92%;
    background: url(../img/imgBg03.jpg) 0 0 no-repeat;
    background-size: contain;
	margin-bottom:5px;
	position:relative;
}

.txtArea3{
	position:absolute;
	bottom:25vw;
	right:5vw;
	width:60vw;
		}	
	
.mainTl3{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:28px;
	color:#F2F2F2 ;
	line-height:1.4em;
	font-weight: bold;
	margin-bottom:10px;
	text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 6px rgba(0, 0, 0, 0.8);
	}
	
.mainTxt3{
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:14px;
	line-height:1.5em;
	color:#F2F2F2;
	text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 6px rgba(0, 0, 0, 0.8);
	}	

.storeImg_pc{
	display: none;
}
	
.txtArea4_sp{
	background-color: #000;
	width:100vw;
	padding-top: 3vh;
	margin-bottom: 2vh;
	}


.txtArea4 {
	display: none;
}




.mainTl4{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:28px;
	color:#FFF;
	line-height:1.4em;
	font-weight: bold;
	margin-bottom:10px;
	padding:5vw 5vw 2vw;
	}
	
.mainTxt4{
	font-size:14px;
	line-height:1.8em;
	color:#FFF;
	padding:0 5vw 5vw;
	}

.mapTl{
	font-size:120%;
	padding-top:10px;
}

/* 20220827追加 住所等の箇所 SP用 */
.txtArea4_02 {
	background-color: #000;
	width:100%;
}	

/* 20220827追加 設備のタイトル SP用 */
.mapTl_02{
	font-size:180%;
	padding-top:10px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	margin: 5vw 0;
}
	
/* ------------------------------
   index内カルーセル
------------------------------ */

	.swiper-container{
		position:absolute !important;
		width:100% !important;
		top:109vw;
	}
	
	ul.swiper-wrapper li{
		width:20%;
	}
	
	
li.swiper-slide img {
	display:block;
    max-width:102%;
    margin: 0;
    
}

/* ------------------------------
   index内カルーセル-modal
------------------------------ */
.modal_wrap_store input {
  display: none;
}

.modal_overlay_store {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.modal_trigger_store {
  position: absolute;
  width: 100%;
  height: 100%;
}

.modal_content_store {
  position: relative;
  align-self: center;
  width: 100%;
  box-sizing: border-box;
  transition: 0.5s;
}

.close_button_store {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 15px;
  cursor: pointer;
}

.modal_wrap_store input:checked ~ .modal_overlay_store {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}	
	


/* ------------------------------
   お問合せ
------------------------------ */
	
.howtoBt{
	font-size:12px;
	font-weight:900;
	text-align:center;
	}
.howtoBt a{
	font-size:16px;
	font-weight:900;
	display:block;
	width:56vw;
	margin:0 auto 50px;
	background:#D91200;
	padding:10px;
	color:#FFF;
	border-radius:2px;
	}		
	
	

/* ------------------------------
   sp-nav
------------------------------ */
.wrap{
		width: 100vw;
		height: 100vh;
	}
	
nav.globalMenu {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    color: #fff;
    transform: translateY(-100%);
    transition: all 0.6s;
	max-width:960px;
    width: 100%;
	padding-bottom:4vh;
	line-height: 1em !important;
}

 nav.globalMenu ul {
    padding:5vw 10vw 10vw;
    width: 100%;
	background: rgba(0,0,0,0.8);
}
 
nav.globalMenu ul li {
    font-size: 14px;
    width: 100%;
    border-bottom: 1px solid #808080;
}
 
nav.globalMenu ul li a {
    display: block;
    color: #FFF;
    padding: 8px 0;
}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenu.active {
    transform: translateY(0%);
}
/* ハンバーガー */
.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 0;
    top: 6px;
    width: 42px;
    height: 45px;
    cursor: pointer;
    z-index: 3;
    text-align: center;
}

.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 20px;
    border-bottom: solid 2px #eee;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}

.navToggle span:nth-child(1) {
    top: 9px;
}

.navToggle span:nth-child(2) {
    top: 18px;
}

.navToggle span:nth-child(3) {
    top: 27px;
}

.navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}
	
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目のspanを45度に */
.navToggle.active span:nth-child(2){
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}	
	
.tbl-r {
	width:95%;
	}
.tbl-r th,
.tbl-r td {
    display: block;
    width: 100%;
	}
	
.tbl-r td {
	border-top:none;
	border-bottom:none;
	}		
.tbl-r td.last {
	border-bottom:solid 1px #ccc !important;
	}
.submitBtn{
	font-size:16px;
	font-weight:900;
	color:#FFF;
	margin:0 auto;
	text-align:center;
	display:block;
	background:#40c002;
	width:60%;
	margin:4vh auto 10vh;
	padding:10px;
	border-radius:2px;
	}

.submitBtn_back{
	font-size:16px;
	font-weight:900;
	color:#333;
	margin:0 auto;
	text-align:center;
	display:block;
	background:#e2cf00;
	width:45%;
	padding:10px;
	border-radius:2px;
	}
	
	
/* ------------------------------
   gmap
------------------------------ */
	.box.box4{
		height:115vh;
	}	
	


/* ------------------------------
   facility
------------------------------ */
.imageSub{
  position: relative;
  width: 95%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/
  padding-top: 8rem;/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）　*/
  overflow: hidden;/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/
  margin:0 auto;
}
.imageSub img{
/* 画像を上下左右に中央配置する（絶対指定） */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* 画像の最大サイズは枠の1.5倍まで */
  max-width: 150%;
  max-height: 150%;
}
#slideshow {
	margin: 0 auto;
	text-align: center;
}
#slideshow div {
	width: 100%;
	height: 68vh;
	overflow: hidden;
	position: relative;
	}
#slideshow div div {
	top: 0;
	left: 0;
	position: absolute;	
}
#slideshow ul {
	display:flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
	width: 98%;
	margin-left:1%;
}
#slideshow ul li {
	border:1px solid #FFF;
	flex: 0 0 23%;
}
#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* ------------------------------
   modal
------------------------------ */
.modal-content {
	width: 85vw ;
	height: 75vh ;
	background: #fff ;
	border:5px solid #333;
	position: fixed ;
	display: none ;
	z-index: 9999 ;
	padding:5vw;
	border-radius:24px;
	box-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 6px rgba(0, 0, 0, 0.8);
}

.modal-content h2{
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	text-align:center;
	margin:8vw 0 10vw;
	font-size:90%;
	}

#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background:rgba(0,0,0,0.8);
	}
	
.modal-close{
	position:absolute;
	right:2vw;
	top:2vw;
	}
	
	

/* ------------------------------
   footer
------------------------------ */
footer{
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	margin-top:15px !important;
	padding:50px 20px  !important;
	background:#FFF;
	border-top: 1px solid #e6e6e6;
	}

/* ------------------------------
   追加
------------------------------ */
.catch {
	width:100%;
	text-align:center;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:120%;
	color:#242e3f;
	line-height:1.4em;
	font-weight: bold;
	margin-bottom:10px;
	text-shadow: 0 0 2px #FFF, 0 0 4px #FFF, 0 0 6px rgba(255, 255, 255, 0.8);
	padding:18px 0;
}

.storeImg_sp {
display: inherit !important;
}



/* ------------------------------
   利用規約(2020/01/10)
------------------------------ */
.rule_box{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 5vh;
}

.rule_box p{
	font-weight: bold;
	margin-top: 2vh;
}

.rule_box li{
	list-style-type: decimal;
	margin-left: 5.5vw !important;
}

.rule_box dt{
	margin: 0;
	list-style-type: lower-roman
}

/* ------------------------------
   利用規約(2020/01/14)
------------------------------ */
.HowtoBt{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:12px;
	font-weight:900;
	text-align:center;
	margin-right:5px;
		}
.HowtoBt a{
	display:block;
	width:48vw;
	background:#63B01A;
	padding:14px 0;
	color:#FFF;

	}
.indexBtnArea_sp{
	text-align: center;
	display:flex;
	height: 8.5vh;
	margin-left: 2.5vw;
	}

.indexBtnArea{
	display: none;
}

.price_pc {
	display: none;
}	

/* ------------------------------
   追加修正(2020/09/10)
------------------------------ */
.gnav li ul {
	margin-top:-2.5em !important;
	background:none !important;
}

/*部屋番号*/
.room_number606{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	position: absolute;
	top:34vw;
	left:1.5vw;
	font-size:12px;
	color:#FFF;
	background:#D00;
	padding:6px;
	}
.room_number402{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	position: absolute;
	top:83vw;
	right:1.5vw;
	font-size:12px;
	color:#0070b5;
	background:#FFF;
	padding:6px;
	}
/*店舗・設備*/
.RoomNumberBg{
	margin-top:40px;
	padding:5px;
	width:100%;
}
.RoomNumberBg p{
	font-size:14px;
	color:#FFF;
	font-weight:900;
	width:100%;
	margin:0 auto;
}
.redBg{
	background:#F00;
	}
.blueBg{
	background:#00F;
	}

.navyBg{
	background:#202f55;
	}

.purpleBg{
	background:#632c86;
}
.greenBg{
	background:#20a335;
}
.camouflageBg{
	background:#808000;
}
.orangeBg{
	background:#F17C15;
}
.goldBg{
	background-image: url("../img/bg_gold.jpg");
	background-repeat: repeat-x;
	background-size: 500px;
}
.silverBg{
	background-image: url("../img/bg_silver.jpg");
	background-repeat: repeat-x;
	background-size: 500px;
}
.blackBg{
	background:#333333;
}
.whiteBg{
	background:#FFF;
}
.grayBg{
	background:#959595;
}



.tricolorBg{
	background-image: url("../img/bg_tricolor.jpg");
	background-repeat: repeat-x;
	background-size: contain;
	text-shadow:1.5px 1.5px 0 #FFF, -1.5px -1.5px 0 #FFF,
              -1.5px 1.5px 0 #FFF, 1.5px -1.5px 0 #FFF,
              0px 1.5px 0 #FFF,  0 -1.5px 0 #FFF,
              -1.5px 0 0 #FFF, 1.5px 0 0 #FFF;
}

.checkerBg{
	background-image: url("../img/bg_checker_tl.gif");
    background-size: contain;
    background-repeat: repeat-x;
    /*
    text-shadow:3px 3px 0 #FFF, -3px -3px 0 #FFF,
              -3px 3px 0 #FFF, 3px -3px 0 #FFF,
              0px 3px 0 #FFF,  0 -3px 0 #FFF,
              -3px 0 0 #FFF, 3px 0 0 #FFF;
              */
}

.woodBg{
	background-image: url("../img/bg_wood_tl.jpg");
    background-size: contain;
    background-repeat: repeat-x;
	text-shadow:1.5px 1.5px 0 #FFF, -1.5px -1.5px 0 #FFF,
              -1.5px 1.5px 0 #FFF, 1.5px -1.5px 0 #FFF,
              0px 1.5px 0 #FFF,  0 -1.5px 0 #FFF,
              -1.5px 0 0 #FFF, 1.5px 0 0 #FFF;
}

.storeImg{
	display:flex;
	flex-wrap: wrap;
  	}
.storeImg div {
	width:49%;
	margin:0.5%;
	}	
.storeImg div img{
	width:100%;
	vertical-align:bottom;
	}
	
.menutxt{
	line-height:1.5em !important;
	padding-top:0.85em  !important;
	}
	
}

/*2021.02.22 お知らせ*/
.info_l{
	width: 20%;
	display: inline-block;
	vertical-align: middle;
}

.info_r{
	width: 70%;
	display: inline-block;
	margin-left: 10%;
	vertical-align: middle;
}




/* PCだけに適用するCSS */
@media screen and (min-width: 750px){
	.index_in_facility{
		display: none;
	}
	

	
.storeImg{
	display:flex;
	flex-wrap: wrap;
	width:80%;
	margin:0 auto;
  	}
.storeImg div {
	width:32.3%;
	margin:0.5%;
	}	
.storeImg div img{
	width:100%;
	vertical-align:bottom;
	}		
	
	
}


/* 2020/11/9 設備ページムービー */
@media screen and (max-width: 640px) {
.fac_movie{
 border: 1px #FFF solid;
 width: 99%;
 height: 150px;
}


}

@media screen and (min-width: 750px){
.fac_movie{
 border: 1px #FFF solid;
 width: 99.5%;
 height: 300px;
}

}

/* 2020/11/11 利用方法予約説明画像 */
@media screen and (max-width: 640px) {
.yoyakusetsumei{
	display: flex;
	align-items: flex-start;
	margin-bottom: 15px;
}

.yoyakusetsumei img{
	width:50%;
	height: auto !important;
}



	
}

@media screen and (min-width: 750px){
.yoyakusetsumei{
	display: flex;
	align-items: flex-start;
	margin-bottom: 15px;
}

.yoyakusetsumei img{
	width:50%;
	height: auto;
}
.icon_pc_img{
	width: 10px;
}
}

/* ------------------------------
   追加(2021/04/28)
------------------------------ */
.bg_sp_blue{
	width: 100%;
	height:25vh;
	background-image: url("../img/main_sp_blue.jpg");
	background-size: cover;
}

.bg_sp_yellow{
	width: 100%;
	height:25vh;
	background-image: url("../img/main_sp_yellow.jpg");
	background-size: cover;
}

.bg_sp_pink{
	width:100%;
	height:25vh;
	background-image: url("../img/main_sp_pink.jpg");
	background-size: cover;
}

.bg_sp_red{
	width:100%;
	height:25vh;
	background-image: url("../img/main_sp_red.jpg");
	background-size: cover;
}

.sp_subImg{
	display: flex;
	flex-wrap: wrap;
}

.sp_subImg a{
	width: 50%;
	background: #000;
}

.sub-img{
	width: 50vw;
	height: 18vh;
	object-fit: cover;
	vertical-align:top;
	background-position: left top;
}

.sp-icon-box {
    position: relative;
}

.sp-icon{
    position: absolute;
    top: 0;
    left: 0;
	width: 40px;
}

.sp_logo{
	position: absolute;
	top: 70vw;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	pointer-events: none;
	}

.open_txt{
	position: absolute;
	bottom: -10%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	}
	
.facility_menu{
	width: 400px !important;
}

.pinkBg{
	background:#FFADFF;
}


/* ------------------------------
   追加(2021/05/31)
------------------------------ */
.sp_mainImg{
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.sp_mainImg a{
	width: 50%;
	background: #000;
}
.open_txt01{
	width: 35vw;
	position: absolute;
	bottom: -10%;
    left: 25%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	pointer-events: none;
	}	
.open_txt02{
	width: 35vw;
	position: absolute;
	bottom: -10%;
    left: 75%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	pointer-events: none;
	}
/* ------------------------------
   追加(2021/05/31)
------------------------------ */

.enter_box{
	width: 100%;
	margin-top: 3vh;
}

.enter_box li img {
	max-width:100%;
	height: auto;
}
/* ------------------------------
   追加(2021/11/17)
------------------------------ */
									.menu_tl {
										width: 100%;
										text-align: center;
										color: #FFF;
										font-size: 75%;
										padding: 10px 0 10px 0;
										}
									.menu_tl span {
										border-radius: 2px;
										}
									.menu_room {
										display: flex;
										flex-wrap: wrap;
										flex-direction: row;
										width: 100%;
										margin: 0.5vh 0 2vh 0;
									}
									.menu_room p{
										width: 23.5%;
										border-radius: 2px;
										margin: 2px;
									}
									.openTxt {
										display: flex;
										flex-direction: row;
										width: 100%;
										margin-top: -1.8vh;
									}
									.openTxt p{
										width: 23.5%;
										margin:0 2px 1.5vh;
									}
									
									.gold{
										background-image: url("../img/bg_gold.jpg"); 
										background-size: contain; 
									}

									.silver{
										background-image: url("../img/bg_silver.jpg"); 
										background-size: contain; 
									}
									.redTxt{
										color: #FF0000;
										font-weight: bold;
									}
									/*////////////////////// レスポンシブ //////////////////////*/
									/* PCだけに適用するCSS */
									@media screen and (min-width: 750px) { 
										.sp_menu{
											display: none;
										}
									}
									/* スマホだけに適用するCSS */
									@media screen and (max-width: 749px) { 
										.pc_menu{
											display: none;
										}
										.facility_menu{
											width: 80vw !important;
										}
									}

/* ------------------------------
   追加(2021/12/14)
------------------------------ */
.sp_subImg div{
	width: 50%;
	background: #000;
}

.img_changeSp li{
	width: 50%;
}
/* スマホだけに適用するCSS */
@media screen and (max-width: 749px) { 
.img_changeSp
{
	margin-top: 0px;
	}
}


/* ------------------------------
   追加(2022/3/10) 予約ボタンデザイン
------------------------------ */
.HowtoBt2{
	font-size:14px;
	font-weight:900;
	text-align:center;
	display:inline-block;
	}
.HowtoBt2 a{
	width:14vw;
	padding:12px 18px 12px 18px;
	color:#FFF;
  background: #63B01A;/*背景色*/
  border-bottom: solid 2.5px #39670F;/*少し濃い目の色に*/
  border-radius: 8px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.4), 0 2.5px 2.5px rgba(0, 0, 0, 0.19);
	}
.ReservBt2{
	font-size:14px;
	font-weight:900;
	text-align:center;
	display:inline-block;

	}
.ReservBt2 a{
	width:14vw;
	padding:12px 18px 12px 18px;
	color:#FFF;
  background: #D91200;/*背景色*/
  border-bottom: solid 2.5px #8D0C00;/*少し濃い目の色に*/
  border-radius: 8px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.4), 0 2.5px 2.5px rgba(0, 0, 0, 0.19);
	}


@media screen and (max-width: 749px) { 
.HowtoBt2{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:12px;
	font-weight:900;
	text-align:center;
	margin-right:5px;
		}
.HowtoBt2 a{
	display: block;
	width:47vw;
	padding:14px 0;
  text-decoration: none;
  color: #FFF;
  background: #63B01A;/*背景色*/
  border-bottom: solid 2.5px #39670F;/*少し濃い目の色に*/
  border-radius: 8px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.4), 0 2.5px 2.5px rgba(0, 0, 0, 0.19);
	}
.ReservBt2{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:12px;
	font-weight:900;
	text-align:center;
	}
.ReservBt2 a{
	display: block;
	width:47vw;
	padding:14px 0;
  text-decoration: none;
  color: #FFF;
  background: #D91200;/*背景色*/
  border-bottom: solid 2.5px #8D0C00;/*少し濃い目の色に*/
  border-radius: 8px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.4), 0 2.5px 2.5px rgba(0, 0, 0, 0.19);
	}
}



.camou{
width: 33% !important;
background-image: url("../img/camou_bg.jpg");
background-size: cover;
text-shadow:
           1px 1px 0px #000, -1px -1px 0px #000,
          -1px 1px 0px #000,  1px -1px 0px #000,
           1px 0px 0px #000, -1px  0px 0px #000,
           0px 1px 0px #000,  0px -1px 0px #000;
}

.camou2{
padding: 5px;
color: #FFF;
font-weight: bold;
background-image: url("../img/camou_bg.jpg");
background-size: cover;
text-shadow:
           1px 1px 0px #000, -1px -1px 0px #000,
          -1px 1px 0px #000,  1px -1px 0px #000,
           1px 0px 0px #000, -1px  0px 0px #000,
           0px 1px 0px #000,  0px -1px 0px #000;
}



/* ------------------------------
   追加(2022/7/8) 地図用
------------------------------ */
.google_map_container{
	width: 100%;
	display: flex;
}

.google_map_box iframe{
	height: 500px;
	width: 100%;
}

.google_map_box{
	width: 100%;
}

.google_map_room{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	width: 100%;
	background-color: #000;
	text-align: center;
	color: #FFF;
	font-size: 70%;
	padding-top: 15px;
	padding-bottom: 15px;
}

.google_map_room p{
	margin-bottom: 20px;
}

.google_map_room span{
	border-radius: 3px;
	font-size: 70%;
}

.icon_gold{
	background-image: url("../img/bg_gold.jpg");
	padding: 5px;
	color: #000;
	font-weight: bold;
	background-size: 800px;
}

.icon_silver{
	background-image: url("../img/bg_silver.jpg");
	padding: 5px;
	color: #000;
	font-weight: bold;
	background-size: 300px;
}

.icon_tricolor{
	background-image: url("../img/icon_tricolor.jpg");
	padding: 5px;
	color: #000;
	font-weight: bold;
	background-size: cover;
	color: #FFF;
	text-shadow:
           1px 1px 0px #000, -1px -1px 0px #000,
          -1px 1px 0px #000,  1px -1px 0px #000,
           1px 0px 0px #000, -1px  0px 0px #000,
           0px 1px 0px #000,  0px -1px 0px #000;
}

.camou{
width: 33% !important;
background-image: url("../img/camou_bg.jpg");
background-size: cover;
text-shadow:
           1px 1px 0px #000, -1px -1px 0px #000,
          -1px 1px 0px #000,  1px -1px 0px #000,
           1px 0px 0px #000, -1px  0px 0px #000,
           0px 1px 0px #000,  0px -1px 0px #000;
}

.icon_checker{
	background-image: url("../img/bg_checker_tl.gif");
	padding: 5px;
	color: #000;
	font-weight: bold;
	background-size: contain;
	color: #FFF;
	text-shadow:
           1px 1px 0px #000, -1px -1px 0px #000,
          -1px 1px 0px #000,  1px -1px 0px #000,
           1px 0px 0px #000, -1px  0px 0px #000,
           0px 1px 0px #000,  0px -1px 0px #000;
}

.icon_wood{
	background-image: url("../img/bg_wood_tl.jpg");
	padding: 5px;
	color: #000;
	font-weight: bold;
	background-size: contain;
	color: #FFF;
	text-shadow:
           1px 1px 0px #000, -1px -1px 0px #000,
          -1px 1px 0px #000,  1px -1px 0px #000,
           1px 0px 0px #000, -1px  0px 0px #000,
           0px 1px 0px #000,  0px -1px 0px #000;
}

/*スマホ用*/
@media screen and (max-width: 750px) {
.google_map_container{
	width: 100%;
	display: block;
}

.google_map_box iframe{
	height: 300px;
	width: 100%;
}

.google_map_box{
	margin-bottom: 20px;
}
}

.tricolor{
width: 33% !important;
color: #FFF !important;
background-image: url("../img/icon_tricolor.jpg");
background-size: cover;
text-shadow:
           1px 1px 0px #000, -1px -1px 0px #000,
          -1px 1px 0px #000,  1px -1px 0px #000,
           1px 0px 0px #000, -1px  0px 0px #000,
           0px 1px 0px #000,  0px -1px 0px #000;
}

.txtArea4 {
	background-color: #000;
	width:100%;
}



/* ------------------------------
   追加(2022/08/27)
------------------------------ */
@media screen and (min-width: 800px) {
.setsubi_block{
	display: flex !important;
	flex-wrap: wrap;
	width: 99vw !important;
	align-items: center;
	
}
.setsubi_box{
	background-color: #FFF;
	margin: 0;
	padding: 0;
	padding: 1vw 0 0 0;
}

.setsubi_box img{
	width: 100%;
}

.col-lg-1{
	width: 50% !important;
}

.setsubi_pm{
	padding: 1vw 0 0 0 !important;
}
}


@media screen and (max-width: 1500px) {
.setsubi_box{
	background-color: #FFF;
	width: 95%;
	margin-left: 2%;
}

.setsubi_inline{
	display: inline-block !important;
	border: 1px #FFF solid;
}

.setsubi_pm{
	padding: 0 !important;
}

.col-4{
	width: 24% !important;
	margin: 0 !important;
	padding: 0 !important;
}
}

.gmap_f {
background:#FFF;
height: 0;
overflow: hidden;
padding-bottom: 80vw;
position: relative;
}	

.gmap_f iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/* 20221213　スマホ横向きのスタイル */
@media (orientation: landscape) and (max-height: 400px){
.img_changeSp{
	width: 100%;
	padding: 0;
	margin-top: 4vw;
	display: flex;
}

.img_changeSp a{
	width: 33%;
}

.sub-img{
	width: 200%;
	height: 20vw;
}

.sp_land_img{
	display: inherit !important;
}

.sp_logo{
	width: 80%;
	position: absolute;
	top: 74vw;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	pointer-events: none;
	z-index: 999;
}

.HowtoBt2{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:12px;
	font-weight:900;
	text-align:center;
	margin-right:5px;
}
		
.HowtoBt2 a{
	display: block;
	width:40vw;
	padding:14px 0;
  text-decoration: none;
  color: #FFF;
  background: #63B01A;/*背景色*/
  border-bottom: solid 2.5px #39670F;/*少し濃い目の色に*/
  border-radius: 8px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.4), 0 2.5px 2.5px rgba(0, 0, 0, 0.19);
  margin-right: 1vw;
}

.ReservBt2{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:12px;
	font-weight:900;
	text-align:center;
}

.ReservBt2 a{
	display: block;
	width:40vw;
	padding:14px 0;
  text-decoration: none;
  color: #FFF;
  background: #D91200;/*背景色*/
  border-bottom: solid 2.5px #8D0C00;/*少し濃い目の色に*/
  border-radius: 8px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.4), 0 2.5px 2.5px rgba(0, 0, 0, 0.19);
  margin-left: 1vw;
}

.indexBtnArea_sp{
	margin-left: 8.5vw;
}
}


	
/*トップページルーム画像PC用 20231228*/
.room_tl_box{
	display: flex;
}

.room_tl_LL{
	width: 60%;
	text-align: center;
	color: #FFF;
	background-color: #999;
	border-bottom: 2px #FF0000 solid;
	padding: 10px 0;
	font-size: 120%;
	font-weight: bold;
}
.room_tl_L{
	width: 20%;
	text-align: center;
	color: #FFF;
	background-color: #999;
	border-bottom: 2px #FF0000 solid;
	padding: 10px 0;
	font-size: 120%;
	font-weight: bold;
}
.room_tl_R{
	width: 20%;
	text-align: center;
	color: #FFF;
	border-bottom: 2px #FF0000 solid;
	padding: 10px 0;
	font-size: 120%;
	font-weight: bold;
}
	

.room_bg01{
	background-color: #111;
}

.room_bg02{
	background-color: #333;
}

.room_box{
	width: 100%;
	display: flex;
}

.room_inner_00{
	width: 60%;
	height: calc(67.5vh + 6px);
	display: flex;
	padding-top: 2px;
}
	
.room_inner_01{
	width: 20%;
	height: calc(67.5vh + 6px);
	display: flex;
	padding-top: 2px;
}

.room_inner_02{
	width: 20%;
	height: calc(67.5vh + 6px);
	display: flex;
	padding-top: 2px;
}

.room_photo_box{
	width: 100%;
	height: 22.5vh;
	display: flex;
	flex-wrap:wrap;
}

.bg_pc_poster{
	height:22.5vh;
	background-image: url("../img/main_poster.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}	
	
.bg_pc_blue{
	height:22.5vh;
	background-image: url("../img/main_blue.jpg");
	background-size: cover;
	background-position:right top;
	background-repeat: no-repeat;
}

.bg_pc_red{
	height:22.5vh;
	background-image: url("../img/main_red.jpg");
	background-size: cover;
	background-position:left top;
	background-repeat: no-repeat;
}

.bg_pc_yellow{
	height:22.5vh;
	background-image: url("../img/main_yellow.jpg");
	background-size: cover;
	background-position:right top;
	background-repeat: no-repeat;
}

.bg_pc_pink{
	height:22.5vh;
	background-image: url("../img/main_pink.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position:left top;
}	
	
.bg_pc_black{
	height:22.5vh;
	background-image: url("../img/storeBg00_407_top.jpg");
	background-size: cover;
	background-position:left center;
}

.bg_pc_18{
	height:22.5vh;
	background-image: url("../img/storeBg00_18_top.jpg");
	background-size: cover;
	background-position: left top;
}

.bg_pc_purple01{
	height:22.5vh;
	background-image: url("../img/pc_top_shibuyapurple_01.jpg");
	background-size: cover;
	background-position: right top;
	background-repeat: no-repeat;
}

.bg_pc_camo{
	height:22.5vh;
	background-image: url("../img/storeBg00_camouflage_top.jpg");
	background-size: cover;
	background-position:right center;
}
	
.bg_pc_9{
	height:22.5vh;
	background-image: url("../img/storeBg00_9_top.jpg");
	background-size: cover;
	background-position:right top;
	z-index: 1;
}

.bg_pc_10{
	height:22.5vh;
	background-image: url("../img/storeBg00_10_top.jpg");
	background-size: cover;
	background-position:right top;
	z-index: 1;
}

.bg_pc_11{
	height:22.5vh;
	background-image: url("../img/storeBg00_11_top.jpg");
	background-size: cover;
	background-position:right top;
	z-index: 1;
}

.bg_pc_12{
	height:22.5vh;
	background-image: url("../img/storeBg00_12_top.jpg");
	background-size: cover;
	background-position:center;
}

.bg_pc_13{
	height:22.5vh;
	background-image: url("../img/storeBg00_13_top.jpg");
	background-size: cover;
	background-position:center;
}

.bg_pc_14{
	height:22.5vh;
	background-image: url("../img/storeBg00_14_top.jpg");
	background-size: cover;
	background-position:center;
}

.bg_pc_15{
	height:22.5vh;
	background-image: url("../img/storeBg00_15_top.jpg");
	background-size: cover;
	background-position:left center;
}

.bg_pc_16{
	height:22.5vh;
	background-image: url("../img/storeBg00_16_top.jpg");
	background-size: cover;
	background-position:left center;
}

.bg_pc_map{
	height:22.5vh;
	background-image: url("../img/main_poster.jpg");
	background-size: cover;
	background-position:left center;
}

.bg_pc_image{
	height:22.5vh;
	background-image: url("../img/shinjyuku_map.jpg");
	background-size: cover;
	background-position:left center;
}

.bg_pc_17{
	height:22.5vh;
	background-image: url("../img/storeBg00_17.jpg");
	background-size: cover;
	background-position:left center;
}
	
.room_inner_00 a{
	width: 33.333%;
	height: 100%;
	position: relative;
}
	
	
.room_inner_01 a{
	width: 100%;
	height: 100%;
	position: relative;
}


.room_inner_02 a{
	width: 100%;
	height: 100%;
	position: relative;
}

.room_border_01{
	border: 2px #111 solid;
	background-color: #111;
}

.room_border_02{
	border: 2px #333 solid;
	background-color: #333;
}

.room_photo_box img{
	width: 15%;
	position: absolute;
}





/*トップ料金表 20231228*/
/*PC*/
@media screen and (min-width:640px){
.price_txt_box_sp{
    display: none;
}

.price_txt_box_pc{
    display: flex;
    justify-content: center;
    margin-top: 15px;
    font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;

}

.price_txt_inner{
    text-align: center;
    color: #FFF;
    margin: 0 15px;
}

.price_min{
    display: block;
    color: #E02226;
    font-size: 250%;
    line-height: 1.1em;
}

.price_pr{
    display: block;
    font-size: 300%;
     letter-spacing: 0;
}

.price_zei{
    display: block;
    line-height: 1.8em;
}

.price_txt_s{
    font-size: 70%;
    font-weight: bold;
}

.price_txt_s2{
    font-size: 50%;
    font-weight: bold;
}
}

/*SP*/
@media screen and (max-width:639px){
.price_txt_box_pc{
    display: none;
}

.price_txt_box_sp{
    display: flex;
    justify-content: center;
    width: 100%;
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    padding: 13vw 0 4vw 0;
}

.price_txt_inner{
    text-align: center;
    color: #FFF;
}

.price_min{
    display: block;
    color: #E02226;
    font-size: 140% !important;
    line-height: 1.1em;
}

.price_pr{
    display: block;
    font-size: 145% !important;
     letter-spacing: 0;
     transform: scale(0.8, 1);
}

.price_zei{
    display: block;
    line-height: 1.8em;
    font-size: 50% !important;
}

.price_txt_s{
    font-size: 70%;
}

.price_txt_s2{
    font-size: 50%;
}
}


/*インスタ用css*/
.ic_inst{
	width: 50px;
	margin: 0 auto 20px;
	text-align: center;
}
.ic_inst img{
	width: 100%;
}


/* ===== 神宮前 準備中オーバーレイ =====
   部屋が完成したら：このブロックの「display: flex;」を「display: none;」に変えると全オーバーレイが一括で消えます。
   完全に削除する場合は、HTML側の <span class="comingsoon">…</span>（PC3枚＋SP3枚）を消してください。 */
.comingsoon{
	display: flex;            /* ← 完成後は none にすると全部非表示 */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,0.6);
	color: #fff;
	text-align: center;
	z-index: 4;               /* 中央ロゴ(後述で z-index:10)より背面。ロゴを最前面にする */
	pointer-events: none;     /* タップは下の<a>に通すのでページ遷移は維持 */
}
.comingsoon .cs_main{
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 1.2;
}
.comingsoon .cs_sub{
	font-size: 0.78rem;
	margin-top: 0.4em;
	letter-spacing: 0.06em;
}
/* SP（スマホ）スライダー：親の .sp_subImg div が幅50%のため、100%だと画像の半分しか覆えない。
   画像(sub-img=50vw)の全幅に合わせて、画像全面を覆う。 */
.sp-icon-box .comingsoon{
	width: 50vw;
}


/* ===== 詳細ページ(GREEN/WHITE/GRAY) 室内ビジュアル 準備中オーバーレイ =====
   ストリートビュー(.365Area)＋店舗画像(.storeImg div)に重ねる。
   ▼部屋が完成したら：下の .room_coming の「display: flex;」を「display: none;」に変えるだけで
     3ページ全部のオーバーレイが一括で消えます（HTML側の <span class="room_coming"> 削除でも可）。 */
[class~="365Area"]{ position: relative; }
.storeImg div{ position: relative; }
.room_coming{
	display: flex;            /* ← 完成後は none に */
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,0.6);
	color: #fff;
	text-align: center;
	z-index: 20;
}
.room_coming .cs_main{ font-size: 24px; font-weight: bold; letter-spacing: 0.08em; line-height: 1.2; }   /* indexの準備中(1.5rem×16px=24px)と同じ実寸。詳細ページはルート10pxのためpx指定で統一 */
.room_coming .cs_sub{ font-size: 12.5px; margin-top: 0.4em; letter-spacing: 0.06em; }                  /* indexのComing Soon(0.78rem×16px=12.48px)と同寸 */