@charset "utf-8";	/* PAL */
:root{
	--MenuSize: 435px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}
a{text-decoration: none;}
a:link{color: #ffffff;}
a:visited{color: #ffffff;}
a:hover{color: #ffffff;}
a:active{color: #ffffff;}
hr{
	height: 1px;
	border-width: 0px;
	background-color: #a09090;
	width: 94%;
}
hr.w100p{
	width: 100%;
	margin-top: 1px;
	margin-bottom: 1px;
}
hr.w94p{
	margin-top: 1px;
	margin-bottom: 1px;
}
button{
	outline: 0;
}
body{
    margin: 0 0 0 0;
/*	overflow-x: hidden;
*/	background-color: #000000;
	-webkit-text-size-adjust:100%;
	font-family: "yu-mincho-pr6";
	overflow-y: scroll;
	color: #ffffff;
}

/* フォントロード関係 */
/*
.fl{visibility: hidden;}
.fl.wf-active,.fl.loading-delay {visibility: visible;}
*/
.fl{opacity:0;}
.fl.wf-active,.fl.loading-delay {opacity: 1;}
.hand{cursor: pointer;}

#main_window{
	position: relative;
	text-align: center;
	vertical-align: top;

	margin-left: auto;
	margin-right: auto;
	width: 1480px;
	height: 100vh;
}

.center_img{
	width: 720px;
	text-align: center;
}
.style_pr{
	position:relative;
}
.style_pa{
	position:absolute;
}
.style_pr_dib{
	position:relative;
	display: inline-block;
}
.style_pr_dib_vt{
	position:relative;
	display: inline-block;
	vertical-align: top;
}
.ta_c{
	text-align: center;
}
.ta_l{
	text-align: left;
}
.va_c{
	vertical-align: middle;
}
.va_t{
	vertical-align: top;
}
.ta_r{
	text-align: right;	
}
.overf_h{
	overflow: hidden;
}
.style_top{position: absolute; left: 0px; top: 0px;}
.flip_x{transform: scale(-1,1);}
.flip_y{transform: scale(1,-1);}
.x2{
    transform: scale(0.5);
    transform-origin: 0 0;
}

#wap{
	width: 1480px;
	-webkit-transform: translate(0);
/*
position: fixed; top: -600px;
	position:absolute; left:0px; top:0px;
    width: 720px;
    height: 100vh;
    overflow: scroll;
*/
/*    -webkit-overflow-scrolling: touch;*/
	overflow: hidden;
}
#wap::-webkit-scrollbar{
    display: none;
}
#wap2{
/*position: relative;*/
/*position: fixed; top: -600px*/
	width: 1480px;
-webkit-transform: translate(0);
}

#top_bar{position:absolute; left:0px; top:0px; z-index: 2500;}
#top_logo{position:absolute; left:115px; top:6px; z-index: 2500;}

#top_menu2{		/* 2倍&縮小表示 */
	position:absolute; left:410px; top:8px;
	width:calc(870px * 2); height:calc(72px * 2); z-index: 2500;
	font-size: calc(15px * 2);
	line-height: calc(40px * 2); 
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	white-space: nowrap;
	transform: scale(0.5);
	transform-origin: 0 0;
/*
	text-shadow:
		white 1px 1px 3px, white -1px 1px 3px, white 1px -1px 3px, white -1px -1px 3px,
		white 1px 1px 3px, white -1px 1px 3px, white 1px -1px 3px, white -1px -1px 3px,
		white 1px 1px 3px, white -1px 1px 3px, white 1px -1px 3px, white -1px -1px 3px,
		white 1px 1px 3px, white -1px 1px 3px, white 1px -1px 3px, white -1px -1px 3px,
		white 1px 1px 15px, white -1px 1px 15px, white 1px -1px 15px, white -1px -1px 15px;
*/
}
#top_menu2.s1{
	font-size: calc(19.5px * 2);
	line-height: calc(50px * 2); 
}
#top_menu2.left{
	left: 370px;
	width: calc(930px * 2);
}

#top_menu2 li{
	display: inline-block;
	background-color: #87617d;
	line-height: 60px;
	border-width: 2px;
	border-style: solid;
	border-color: #000000;
	border-radius: 12px;
	margin: 0 6 0 6;
	padding: 0 16 0 16;
	height: 60px;
	color: white;
}
#top_menu2.s1 li{
	line-height: 70px;
	height: 70px;
}

#top_menu2 li2{
	display: inline-block;
	background-color: #51525c;
	line-height: 60px;
	border-width: 2px;
	border-style: solid;
	border-color: #000000;
	border-radius: 12px;
	margin: 0;
	padding: 0 16 0 16;
	height: 60px;
	color: white; 
}
#top_menu2.s1 li2{
	line-height: 70px;
	height: 70px;
}
.menu_txt:hover{
    animation: menu_on_cur 0.4s linear 0s 1 forwards;
}
.menu{
	cursor: pointer;
}
@keyframes menu_on_cur {
    100% {color:#ff0000;}
}


.pdlink:hover{
    animation: pdlink_on_cur 0.5s linear 0s 1 forwards;
}
@keyframes pdlink_on_cur {
    0% {transform: scale(1);}
    50% {transform: scale(1.01);}
    100% {transform: scale(1);color:#ff0000;}
}


.oncur{
backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.oncur:hover{
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
    animation: on_cur 0.5s linear 0s 1 forwards;
	z-index: 1;
}
@keyframes on_cur {
    0% {transform: scale(1);}
    50% {transform: scale(1.05);}
    100% {transform: scale(1);}
}


img,li{
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.portal{display: inline;}
.no_portal{display: none;}

@keyframes MenuIn {
    0% {transform: translate(720px)}
    100% {transform: translate(0px)}
}
.m_txt00,.m_txt01,.m_txt02,.m_txt03,.m_txt04,.m_txt05,.m_txt06,.m_txt07,.m_txt08,.m_txt09,.m_txt10,
.m_txt10,.m_txt11,.m_txt12,.m_txt13,.m_txt14,.m_txt15{
	position:relative; left:26px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	color: #ffffff;
	width: 720px;
	height: 36px;
}

#m_btn_area{
	position: absolute; left: 24px; top: calc(100vh - 120px - 16px);
	width: 720;
	height: calc(120px + 16px);
}

#put_wait{
    position: absolute; left: calc((720px - 32px)/2); top: calc((100vh - 32px)/2); z-index: 9999;
	width: 32px;
	height: 32px;
	display:none;
	opacity: 0;
    animation: WaitIn 2s linear 0s 1 forwards;
}
@keyframes WaitIn {	/* 最初の1秒は表示しない */
    0% {opacity: 0;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}

#pop_bg {
    position: fixed; left: 0; top: 0px; z-index: 3000;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: none;
	font-size: 26px;
	letter-spacing: 2.5px;
	color: #000000;
}
.pop_logo{
	position:absolute; top: 28px;
	text-align: center;
	width: 100%;
}
.pop_under_bg{
    position: fixed; left: 0; top: 0px; z-index:1;
	width: 720px;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

.pop_title{
	position:absolute; top: 90px;
	text-align:center;
	width: 620px;
}
.pop_title2{
	position:absolute; top: 355px;
	text-align:center;
	width: 720px;
	font-size: 30px;
}
#pop_rec,#pop_win,#pop_mail{
	display:none;
	position:fixed; z-index: 5000;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden;

	width:100%;
	height: 100%;
}

#pop_setsubi{
	position:absolute; left:0px; top: 0px; z-index: 3005;
	width: 1480px;
	height: 100vh;
	height: 100%;
}
.ifr{
	width: 1480px;
	height: 100vh;
	height: 100%;
	overflow: hidden;
}

#pop_evecal{
	position:fixed; left:0px; top: 80px; z-index: 3005;
    display: none;
	width: 720px;
    animation: PopIn 0.5s ease 0s 1 normal;
}

#pop_inquiry{
	position:fixed; left:50px; top: 80px; z-index: 3005;
    display: none;
	width: 620px;
	height: 930px;
    animation: PopIn 0.5s ease 0s 1 normal;
}
#pop_qes{
	position:fixed; left:50px; top: 80px; z-index: 3005;
    display: none;
	width: 620px;
	height: 930px;
    animation: PopIn 0.5s ease 0s 1 normal;
}
#pop_sys{
	position:fixed; left:50px; top: 80px; z-index: 3005;
    display: none;
	width: 620px;
	height: calc(100vh - 80px + 1px);
    animation: PopIn 0.5s ease 0s 1 normal;
	overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

#pop_img{
	display:none;
	position:fixed; z-index: 5000;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	text-align: center;
}
#pop_price{
	display:none;

	position:fixed; z-index: 5000;
	background-color: rgba(0,0,0,0.8);
	width: 100vw;
	height: 100vh;
	width: 100%;
	height: 100%;

	overflow-x: hidden;
	font-size: 0;
}
#pop_price_in{
	position: relative;
	text-align: center;

	margin-left: auto;
	margin-right: auto;
	width: 1480px;
}
#pop_yoyaku{
	display:none;
	position:fixed; z-index: 5000;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	text-align: center;
	color: #000000;

	width:100%;
	height: 100%;
}
.w1480{
	position: relative;
	text-align: center;
	vertical-align: top;

	margin-left: auto;
	margin-right: auto;
	width: 1480px;
	height: 100vh;
}
.w900_1480{
	position: relative;
	text-align: center;
	vertical-align: top;

	margin-left: auto;
	margin-right: auto;
	width: 900px;
	padding-left: calc((1480px - 900px) / 2);
	padding-right: calc((1480px - 900px) / 2);
}
#pop_yoyaku_in{
	position: absolute;
	top: calc(50% - (630px / 2)); left: calc(50% - (564px / 2));
	width: 630px;
	height: 564px;
}
.pop_txt{
	position: absolute;
	width: 630px;
	height: 40px;
}
.pop_txt_x2{
	position: absolute;
	width: calc(630px * 2);
	height: calc(40px * 2);
	transform: scale(0.5);
	transform-origin: 0 0;
}
.font_s28{
	font-size: 28px;
}
.font_s30{
	font-size: 30px;
}
.pop_yoyaku_btn{
	position:absolute; top: 278px;
	width: 100%;
}
.pop_txt_box{
	margin: 0px 60px 0px 60px;
	width: calc((900px - 60px * 2) * 2);
	white-space: pre-wrap;
	text-align: left;
	font-size: calc(14px * 2);
	line-height: calc(24px * 2);
	transform: scale(0.5);
	transform-origin: 0 0;
	color: black;
}

#pop_back{
	position:fixed; z-index: 3600;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}
#pop_swiper{
	position:fixed; z-index: 3600;
	width: 1480;
	height: 100%;
}

#pop_order,#pop_privacy,#pop_media{
	position:fixed; top: 0px; z-index: 2000;
    display: none;
	width: 720px;
	height: calc(100vh - 80px + 1px);
    animation: PopIn 0.5s ease 0s 1 normal;
	overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}


.pop_content{
	position:absolute; left: 30px; top:167px;
	text-align: center;
	width: 560px;
	line-height: 50px;

	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.pop_sp_h8{
	height: 8px;
}
.pop_mes2{
	height: 100px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-align: left;
	margin-top: 25px;
	margin-bottom: 15px;
}
.pop_mes3{
	height: 150px;
	overflow: hidden;
	-webkit-line-clamp: 3;
	text-align: left;
	margin-top: 25px;
	margin-bottom: 15px;
}

.btn1:active{
	transform: scale(0.97,0.97);
	filter: brightness(75%);
}
.btn_s97b75:active{
	transform: scale(0.97,0.97);
	filter: brightness(75%);
}
.btn_b75:active{
	filter: brightness(75%);
}
.btn_s80:active{
	transform: scale(0.8,0.8);
}
@keyframes PopIn {
    0% {transform: translate(-720px)}
    100% {transform: translate(0px)}
}
@keyframes PopInA {
    0% {
		transform: translate(-720px);
		opacity: 1;
	}
    100% {
		transform: translate(0px);
		opacity: 1;
	}
}

#b1{
	position:relative; left:0px; top:0px;
	height:calc(750px);
	font-size: 19px;
	color: #000000;
	overflow: hidden;
}

#b1.wcboad{
	height:calc(750px + 580px);
}

#b1_contents{
	position:absolute; top:0px;
	display: none;

}
.b1_mes{
	position:absolute; left: 0px; top: 650px;
	width: 1170px;
	z-index: 10;
	text-align: right;
	white-space: pre;
	line-height: 40px;
	text-shadow:
		white 2px 2px 20px, white -2px 2px 20px, white 2px -2px 20px, white -2px -2px 20px,
		white 2px 2px 20px, white -2px 2px 20px, white 2px -2px 20px, white -2px -2px 20px,
		white 2px 2px 20px, white -2px 2px 20px, white 2px -2px 20px, white -2px -2px 20px,
		white 2px 2px 20px, white -2px 2px 20px, white 2px -2px 20px, white -2px -2px 20px;
}
#b1_swiper{
	position:absolute; z-index: 1;
	width: 630px;
	height: 180px;
	top: 247px;
}
#b1_swiper.g2{
	left: 99px;
	top: 316px;
}

.b1_base{position:absolute; left:0px; top:0px; z-index: 5;}
#b1_kira{
	position:absolute; left:0px; top:0px; z-index: 7;
    animation: b1_DownIn 10.0s ease-out 0s 1 normal;
}
@keyframes b1_DownIn {
    0% {
		transform: translateY(-200px);
		opacity: 0;
	}
    100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

#lll2{
	position:absolute; left: 180px; top: 0px;
	width: 540px;
	height: 606px;
	overflow: hidden;
}
#rrr2{
	position:absolute; left: 760px; top: 0px;
	width: 540px;
	height: 606px;
	overflow: hidden;
}

.b1_room{
	position:absolute; left:270px;top:303px;		/* ウィンドウの半分の値 */
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
	z-index: 0;
}
.b1_anim{
	animation: b1_room_anim 8s linear 6s 1;
}
.b1_anim_first{
	animation: b1_room_anim 8s linear 0s 1;
}
.b1_anim_first2{
	animation: b1_room_anim 8s linear 7s 1;
}
.b1_anim1{
	animation: b1_room_anim 8s linear 0s 1;
}
.b1_anim2{
	animation: b1_room_anim 8s linear 4s 1;
}
.zi1{
	z-index: 1;
}
.zi2{
	z-index: 2;
}
@keyframes b1_room_anim {
    0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
	87.5% {
		opacity: 1;
	}
    100% {
		transform: translate(-50%, -50%) scale(0.8);
		opacity: 0;
	}
}

#b1_l1{
	position:absolute; left:874px; top:360px;
	z-index: 10;
}
#b1_l1anim{
	position:absolute; left:874px; top:360px;
	z-index: 10;
	animation:
		burabura 6s ease-in-out -9s infinite alternate,
		burabura 6s ease-in-out -3s infinite alternate-reverse;
}
@keyframes burabura {
0% { transform: rotate(-4deg); }
100% { transform: rotate(4deg); }
}
@keyframes burabura_ {
0% { transform: rotate(0deg); }
25% { transform: rotate(-5deg); }
/*50% { transform: rotate(0deg); }*/
75% { transform: rotate(5deg); }
100% { transform: rotate(0deg); }
}
#b1_l2{
	position:absolute; left:44px; top:350px;
	z-index: 10;
}
#b1_l2anim{
	position:absolute; left:44px; top:350px;
	z-index: 10;
	animation:
		burabura 6s ease-in-out -9s infinite alternate,
		burabura 6s ease-in-out -3s infinite alternate-reverse;
}



.b2{position:relative; height: 712px;}
#b2_btn_area{
	position: absolute; top:0px;
	width:720px; height:712px;
	opacity: 0;
}

.b3{position:relative; width:1480px; height: 580px;}
.b3_board{
	position: absolute; left: calc((1480px - 630px)/2); top:calc(40px + 750px);
	width: 630px;
	height: 464px;
	display: none;
}
.b3_board.g2{
	left: calc((1480px - 827px)/2); top:calc(40px + 682px);
	width: 827px;
	height: 601px;
	z-index: 7;
}
.b3_board.g4 {
    left: 0px;
    top: calc(40px + 682px);
    width: 1480px;
    height: 601px;
    z-index: 7;
}
.b3_txt_title{
	position:absolute; left:10px; top:75px;
	text-align: center;
	color: #000000;
	font-size: calc(15px * 2);
	width: calc(610px * 2);
	height: calc(30px * 2);
	line-height: calc(30px * 2);
	letter-spacing: 1.0px;
	transform: scale(0.5);
	transform-origin: 0 0;
}
.b3_txt_title.g2{
	left:260px; top:130px;
	width: calc((827px - 260px * 2) * 2);
}
.b3_txt_title.g4{
	left:260px; top:130px;
	width: calc((1480px - 260px * 2) * 2);
}

.b3_txt_mes{
	position:absolute; left: 55px; top: 125px;
	font-size: calc(14px * 2);
	line-height: calc(32px * 2);
	letter-spacing: calc(1.0px * 2);
	color: #000000;
	width: calc(520px * 2);
	height: calc(32px * 10 * 2);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	transform: scale(0.5);
	transform-origin: 0 0;
	text-align: left;
}
.b3_txt_title.np{
	top:260px;
}
.b3_txt_title.np3{
	top:198px;
}
.b3_txt_title.np3.g2,.b3_txt_title.np3.g4{
	top:267px;
	color: #a00080;
}
.b3_txt_mes.np1{
	top:121px;
	height: calc(32px * 3 * 2);
	-webkit-line-clamp: 3;
}
.b3_txt_mes.np1.g2{
	top:162px; left:276px;
	height: calc(32px * 3 * 2);
	width: calc(403px * 2);
	-webkit-line-clamp: 3;
}
.b3_txt_mes.np1.g4{
	top:162px; left:604px;
	height: calc(32px * 3 * 2);
	width: calc(403px * 2);
	-webkit-line-clamp: 3;
}
.b3_txt_mes.np2{
	top:306px;
	height: calc(32px * 4 * 2);
	-webkit-line-clamp: 4;
}
.b3_txt_mes.por{
	top:230px;
	height: calc(32px * 6 * 2);
	-webkit-line-clamp: 6;
}
.b3_txt{
	display:none;
}

.bar900{
	position: relative; left: 0px; top: 0px;
	width: 900px;
	height: 70px;
	text-align: center;
}
.bar{
	position: absolute; left: 0px; top: 0px;
	width: 1480px;
	height: 70px;
	text-align: center;
}
.bar_title{	/* ボードタイトル */
	font-size: 18px;
	line-height: 70px;
	color: #ffffff;
	height: 70px;
	margin: 0px 50px 0px 50px;
}

#b4,#news,#order2,#snsapp{
	position:relative;
	width: 1480px;
}	/* 最新情報 */

#b4_motto,#news_motto,#order2_motto{
	position: relative;	left:calc((100% - 103px) / 2);
    background-image: url("imgpc/5_bot/more_1.png");
    width: 103px;
    height: 50px;
	margin-top: 20px;
	margin-bottom: -10px;
	cursor: pointer;
}

#b4_motto_area,#news_motto_area,#order2_motto_area{
	display: none;
}
.b4_contents{
    position: relative; left:200px; top:90px;
	margin-top: 0px;
	margin-bottom: 110px;
	width: 1080px;
	font-size: calc(14px * 2);
	line-height: calc(22px * 2);
	text-align:center;
}
.b4_contents.c5{
    position: relative; left:275px; top:90px;
	width: 930px;
}


.b4_box{
	width: 250px;
	height: calc(343px + 22px * 2);
	text-align: center;
	vertical-align: top;
	margin: 0 8 0 8;
	cursor: pointer;
}
.b4_box.c5{
	margin: 0 28 0 28;
}
.b4_box_txt{
	width: calc(220px * 2);
	height: calc(22px * 2 * 2);
	text-align: center;
	margin: 0 15 0 15;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	transform: scale(0.5);
	transform-origin: 0 0;
}
.b4_img{
	position: absolute;
	left: 20px; top: 23px;
	width: 210px;
}

#b5{/*	設備 */
	position:relative;
	width: 1480px;
}
#b5_contents{
    position: relative; left:180px; top: 90px;
	margin-top: 0px;
	margin-bottom: 100px;
	width: 1120px;
	text-align: center;
	color: #000000;
}
#b5_motto_area{
	display: none;
}
#b5_motto{
	position: relative;	left:calc((100% - 103px) / 2);
    background-image: url("imgpc/5_bot/more_1.png");
    width: 103px;
    height: 50px;
	margin-top: 20px;
	cursor: pointer;
}

.b5_box{
	width: 212px;
	text-align: center;
	vertical-align: top;
	margin: 0 5 0 5;
}
.equip_img{
	position:absolute; left:20px; top:20px;
	width: 172px;
}
.equip_title{
	position:absolute; left:12px; top:138px;
	width: calc((212px - 12px * 2) * 2);
	font-size: calc(15px * 2);
	line-height: calc(22px * 2);
	height: calc(22px * 2);
	overflow: hidden;
	vertical-align: top;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	transform: scale(0.5);
	transform-origin: 0 0;
}
.equip_mes{
	position:absolute; left:18px; top:160px;
	width: calc((212px - 18px * 2) * 2);
	font-size: calc(14px * 2);
	line-height: calc(22px * 2);
	height: calc(22px * 4 * 2);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	text-align: left;
	transform: scale(0.5);
	transform-origin: 0 0;
}

#b_order{/*	設備 */
	position:relative;
	width: 1480px;
}
#b_order_contents{
    position: relative; left:150px; top: 90px;
	margin-bottom: 100px;
	width: calc(1480px - 150px * 2);
	text-align: center;
	color: #000000;
	font-size: 0;
}
#b_order_motto_area1,#b_order_motto_area2,#b_order_motto_area3,#b_order_motto_area4{
	display: none;
}
#b_order_motto{
    background-image: url("imgpc/5_bot/more_1.png");
    width: 103px;
    height: 50px;
	margin-top: 20px;
	cursor: pointer;
}
#b_order_down{
    background-image: url("imgpc/5_bot/more_2.png");
    width: 103px;
    height: 50px;
	margin-top: 20px;
	display: none;
	cursor: pointer;
}

.order_box{
	width: 218px;
	height: 339px;
	text-align: center;
	vertical-align: top;
	margin: 0 0 0 0;
    background-image: url("imgpc/5_bot/order_back.png");
	cursor: pointer;
}
.order_img{
	margin-top: 20px;
	width: 180px;
}

.order_title{	/* 2倍表示 */
	position:absolute; left:13px; top:285px;
	font-size: 28px;
	line-height: 40px;
	width: calc((218px - 13px * 2)* 2);
	height: 40px;
	overflow: hidden;
	vertical-align: top;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	transform: scale(0.5);
	transform-origin: 0 0;
}

#b9_acsess{	/* アクセス */
	position:relative;
	width: 1480px;
}
#b9_contents{
    position: relative; left:180px; top: 105px;
	margin-top: 0px;
	margin-bottom: 140px;
	width: calc(1480px - 180px * 2);
	height: 380px;
	text-align: center;
}
#b9_mes_area{	/* 2倍&縮小表示 */
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(480px * 2);
	text-align: left;
	margin-left: 15px;
	font-size: calc(14px * 2);
	line-height: calc(25px * 2);
	transform: scale(0.5);
	transform-origin: 0 0;
	white-space: pre-wrap;
}
#b9_gmap{
	width: 570px;
	height: 380px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.4));
}

#yoyaku_contents {
    position: relative;
    left: 65px;
    top: 90px;
    margin-top: 0px;
    margin-bottom: 120px;
    width: calc(1480px - 65px * 2);
    text-align: center;
}

#b_roomprice,#b_yoyaku{	/* 客室料金 */
	position:relative;
	width: 1480px;
}
#rp_contents{
    position: relative; left:130px; top: 90px;
	margin-top: 0px;
	margin-bottom: 100px;
	width: calc(1480px - 130px * 2);
	text-align: center;
}
#rp_contents5{
    position: relative; left:280px; top: 90px;
	margin-top: 0px;
	margin-bottom: 100px;
	width: calc(1480px - 280px * 2);
	text-align: center;
}
.rp_box{	/* rpはすべて2倍&縮小表示 */
	display: inline-block;
	position: relative;
	width: 274px;
	text-align: center;
	vertical-align: top;
	margin: 0 0 0 0;
	line-height: calc(30px * 2);
	font-size: calc(14px * 2);
	color: black;
	cursor: pointer;
}

.notouch{
	pointer-events:none;
}

.rpbox.space{
	pointer-events:none;
	opacity:0;
}
.rp_img{position:absolute; left:14px; top:75px; }
.rp_type{
	position:absolute; left:14px; top:14px;
	width: calc(246px * 2); height: calc(30px * 2);
	transform: scale(0.5);
	transform-origin: 0 0;
	color: black;
}
.rp_roomnum{
	position:absolute; left:14px; top:44px;
	width: calc(246px * 2); height: calc(30px * 2);;
	font-size: calc(12px * 2);
	transform: scale(0.5);
	transform-origin: 0 0;
}
.rp_p1{
	position:absolute; left:24px; top:242px;
	width: calc(226px * 2); height: calc(30px * 2);
	text-align: left;
	transform: scale(0.5);
	transform-origin: 0 0;
}
.rp_p2{
	position:absolute; left:24px; top:272px;
	width: calc(226px * 2); height: calc(30px * 2);
	text-align: left;
	transform: scale(0.5);
	transform-origin: 0 0;}
.rp_p3{
	position:absolute; left:24px; top:302px;
	width: calc(226px * 2); height: calc(30px * 2);
	text-align: left;
	transform: scale(0.5);
	transform-origin: 0 0;}
.rp_p4{
	position:absolute; left:24px; top:332px;
	width: calc(226px * 2); height: calc(30px * 2);
	text-align: left;
	transform: scale(0.5);
	transform-origin: 0 0;
}
.rp_p1.p,.rp_p2.p,.rp_p3.p,.rp_p4.p{
	text-align: right;
}
#rp_motto{
	position: relative;	left:calc((100% - 103px) / 2);
    background-image: url("imgpc/5_bot/more_1.png");
    width: 103px;
    height: 50px;
	cursor: pointer;
}

#rp_motto_area{
	display: none;
}
#rp_ft{
	font-size: 24px;
	width: 200%;
	height: 40px;
	margin-top: 8px;
	transform: scale(0.5);
	transform-origin: 0 0;
}
#rp_hd{
	font-size: 30px;
	width: 200%;
	height: 40px;
	line-height:40px;
	transform: scale(0.5);
	transform-origin: 0 0;
}

#pop_plan{
	display:none;
	position:fixed; z-index: 5000;
	background-color: rgba(0,0,0,0.8);
	width: 100vw;
	height: 100vh;

	width: 100%;
	height: 100%;
	overflow-x: hidden;
}
#pop_plan_in{
	position: relative;
	text-align: center;

	margin-left: auto;
	margin-right: auto;
	width: 1480px;
	height: 100vh;
}
.plans{
	opacity: 0;
}
.fadein{
	transition: all 1s;
	opacity: 1 !important;
}
.opa0{
	opacity: 0;
}


#sns_box_l{
	position: absolute; left:36px; top:48px;
	width: 498px;
	height: 319px;
	text-align: center;
}
#sns_box_r2{
	position: absolute; left:736px; top:152px;
	width: 320px;
	height: 204px;
	text-align: left;
}
#sns_box_r1{
	position: absolute; left:736px; top:48px;
	width: calc(320px * 2);
	height: calc(104px * 2);
	text-align: left;
	color: black;
	font-size: calc(14px * 2);
	line-height: calc(25px * 2);
	transform: scale(0.5);
	transform-origin: 0 0;
}


#b6{position:relative; width:1480px;}	/* 店舗 */
#b6_contents{
    position: relative; left:180px; top: 95px;
	margin-top: 0px;
	margin-bottom: 140px;
	width: 1120px;
	text-align: center;
	vertical-align: top;
	font-size: 0px;
}

#b6_title{
	position:absolute; left:0px; top:0px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	 justify-content: center;
	font-size: 24px;
	font-height: 60px;
	width: 600px;
	height: 60px;
}
.b6_name{	/* 2倍&縮小表示 */
   	position:absolute; left:0px; top:140px;
	font-size: 28px;
	line-height: 48px;
	width: calc((200px - 3px) * 2);
	height: calc(48px * 4);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	white-space: pre-line;
	transform: scale(0.5);
	transform-origin: calc(3px * 2) 0;
}
.b6_n2{
	margin-top: 8px;
	font-size: 24px;
	line-height: 40px;
}

#b7{
	position:relative; 
	width: 1480px;
	vertical-align: top;
	text-align: center;
	font-size: 0px;
}
.b7_area{
	position: relative;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 720px;
	font-size: 26px;
	line-height: 60px;
}
#b7_areas{
	position: relative;
	display: inline-block;
	width: calc(720px * 2);
	transform: scale(0.5);
	transform-origin: 920px 0;

}

#b7_hotels0,#b7_hotels1,#b7_hotels2,#b7_hotels3,#b7_hotels4,#b7_hotels5{
	display: none;
	font-size: 26px;
	width: 640px;
    margin-left: 56px;
    margin-right: 24px;
    line-height: 29px;
}

.b7_txt1{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	font-size: 17px;
	width: 200px;
	height: 40px;
	margin: 40px auto 0px;
}
#b7_txt{
	position: relative;
	margin-top: 30px;
	font-size: 14px;
	line-height: 40px;
}
.b7_txt3{
	margin-bottom: 100px;
}


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

#end_h{
	position:relative; 
	width: 1480px;
	height: 0px;
}

#clickp {
    display: none;
background: rgba(181, 244, 253, 0.8);
position: fixed;
z-index:9999;
border-radius: 100px;
height: 30px;
width: 30px;
top: 0px;  /*A.中心*/
left: 0px;  /*A.中心*/
animation: pulsate 0.3s ease-out 0s 1 normal; 
}
@keyframes pulsate {
0%   { transform: scale(1, 1); }
50%  { opacity: 1; }
100% { transform: scale(3, 3); opacity: 0.0; }
}