@charset "utf-8";
: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: #ffffff;
	-webkit-text-size-adjust:100%;
	font-family: "yu-mincho-pr6n";
	overflow-y: scroll;
}
.style_dn {
    display: none;
}

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

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

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

.center_img{
	width: 1480px;
	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);}
.notouch,.noclick{pointer-events:none;}


#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,#all_rphoto::-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:60px; top:6px; z-index: 2500;}

#top_menu2{		/* 2倍&縮小表示 */
	position:absolute; left:355px; top:8px;
	width:calc(889px * 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 li{
	display: inline-block;
	background-color: #f0f090;
	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: #000000;
}
#top_menu2 li2{
	display: inline-block;
	background-color: #988068;
	line-height: 60px;
	border-width: 2px;
	border-style: solid;
	border-color: #000000;
	border-radius: 12px;
	margin: 0 6 0 0;
	padding: 0 16 0 16;
	height: 60px;
	color: #ffffff; 
}
#top_menu2 li3{
	display: inline-block;
	background-color: #fcfaea;
	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: black; 
}

.menu_txt:hover{
    animation: menu_on_cur 0.4s linear 0s 1 forwards;
}
@keyframes menu_on_cur {
    100% {color:#ff0000;}
}
.menu{
	cursor: pointer;
}

.hand{
	cursor: pointer;
}


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

.oncur,.oncur102{
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;
}
@keyframes on_cur {
    0% {transform: scale(1);}
    50% {transform: scale(1.05);}
    100% {transform: scale(1);}
}
.oncur102:hover{
backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
    animation: on_cur102 0.5s linear 0s 1 forwards;
}
@keyframes on_cur102 {
    0% {transform: scale(1);}
    50% {transform: scale(1.02);}
    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_btn1{
position: absolute; left: 30px; top: calc(100vh - 120px - 16px - 120px - 12px);
}
.m_btn2{position: absolute; left: 30px; top: calc(100vh - 120px - 16px);}
.m_btn_acs{position: absolute; left: 30px; top: calc(100vh - 120px - 16px - 120px - 12px);}
.m_btn_yoyaku{position: absolute; left: calc(30px + 120px + 12px); top: calc(100vh - 120px - 16px - 120px - 12px);}
*/
#m_btn_area{
	position: absolute; left: 24px; top: calc(100vh - 120px - 16px);
	width: 720;
	height: calc(120px + 16px);
}

#put_wait_{
    position: fixed; left: calc((720px - 64px)/2); top: calc((100vh - 64px)/2); z-index: 3400;
	width: 64px;
	height: 64px;
/*	background-image: url('img/3_base_parts/0/gif/Preloader_9_s.gif');*/
	display:none;
}

#put_wait{
    position: absolute; left: calc((720px - 32px)/2); top: calc((100vh - 32px)/2); z-index: 9999;
	width: 32px;
	height: 32px;
	display:none;
}


#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_setsubi{
	position:absolute; left:0px; top: 0px; z-index: 3005;
	width: 1480px;
	height: 100vh;
}
.ifr{
	width: 1480px;
	height: 100vh;
	overflow: hidden;
}

#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_img,#all_rphoto{
	display:none;
	position:fixed; z-index: 5000;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	text-align: center;
}
#all_rphoto{
	overflow-x: hidden;
}

#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%;	/* 100%にしないとipadで横幅がおかしくなる */
	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_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;
}

#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_rec_in{
	position: absolute;
	top: 0; left: calc(50% - (900px / 2));
	width: 900px;
	height: 1814px;
	color: black;
}

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

	width:100%;
	height: 100%;
	overflow: hidden;
}
.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);
}
.w1000_1480{
	position: relative;
	text-align: center;
	vertical-align: top;

	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	padding-left: calc((1480px - 1000px) / 2);
	padding-right: calc((1480px - 1000px) / 2);
	overflow: hidden;
}
.w900_1480_2{
	width: 900px;
}
#pop_yoyaku_in{
	position: absolute;
	top: calc(50% - (824px / 2)); left: calc(50% - (630px / 2));
	width: 630px;
	height: 824px;
}
#pop_yoyaku_in.nojyoshi {
	top: calc(50% - (544px / 2));
    height:544px;
    overflow: hidden;
}
#pop_privacy_in{
	position: absolute;
/*	top: calc(50% - (564px / 2));
*/	left: calc(50% - (900px / 2));
	width: 900px;
/*	height: 564px;
*/
}
.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;
}

.x2{
    transform: scale(0.5);
    transform-origin: 0 0;
}
.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_s24{
	font-size: 24px;
}
.font_s26{
	font-size: 26px;
}
.font_s28{
	font-size: 28px;
}
.font_s30{
	font-size: 30px;
}
.font_s36{
	font-size: 36px;
}
.font_s40{
	font-size: 40px;
}
.pop_yoyaku_btn{
	position:absolute; top: 278px;
	width: 100%;
}

#pop_back{
	position:fixed; z-index: 3600;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}
#b1_swiper{
	position:absolute; z-index: 1;
	width: 630px;
	height: 180px;
	top: 247px;
}

.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_s80:active{
	transform: scale(0.8,0.8);
}
.btn_s97b75:active{
	transform: scale(0.97,0.97);
	filter: brightness(75%);
}
.btn_b75:active{
	filter: brightness(75%);
}

.btn_mes{
    background-image: url("img/4_boad/other/text_bar.png");
	background-position: center;
	background-repeat: no-repeat;
	width: 560px;
	height: 119px;
	font-size: 30px;
	color: #ffffff;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

@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 + 580px);
	font-size: 19px;
	color: #000000;
}
#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_base{position:absolute; left:0px; top:0px; z-index: 5;}
.b1_catch{
	position:absolute; left: 200px; top:calc(750px - 120px); z-index: 5;
	width: 540px;
	height: 120px:
}

#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_kira{
	position:absolute; left:0px; top:0px; z-index: 7;
/*    animation: b1_DownIn 10.0s ease-out 0s 1 normal;
*/    animation: b1_DownIn 10.0s ease-out 0s infinite alternate;
}
@keyframes b1_DownIn {
    0% {
		transform: translateY(-200px);
		opacity: 0;
	}
	50%{
		opacity: 1;
	
	}
    100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

.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;
	}
}
/*
@keyframes b1_ani_l1{
    0% {
		opacity:1;
		z-index: 2;
		transform: translate(-50%, -50%) scale(1);
	}
	87.5% {
		opacity: 1;
		z-index: 2;
	}
    100% {
		transform: translate(-50%, -50%) scale(0.8);
		opacity: 0;
		z-index: 3;
	}
}
@keyframes b1_ani_l2{
     0% {
		opacity:1;
		z-index: 2;
		transform: translate(-50%, -50%) scale(1);
	}
	33.3% {
		opacity: 1;
		z-index: 2;
	}
    38.1% {
		transform: translate(-50%, -50%) scale(0.8);
		opacity: 0;
		z-index: 3;
	}
	39%{
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
		z-index: 1;
	}
	100%{
		opacity: 2;
		z-index: 2;
	}
}
.b1_anim_l1{
	animation: b1_ani_l1 8s linear 0s 1 forwards,b1_ani_l2 21s linear 21s infinite;
}
.b1_anim_l2{
	animation: b1_ani_l1 8s linear 7s 1 forwards,b1_ani_l2 21s linear 28s infinite;
}
.b1_anim_l3{
	animation: b1_ani_l1 8s linear 14s 1 forwards,b1_ani_l2 21s linear 35s infinite;
}
*/

.b1_l1p{position:absolute; left:940px; top:130px; animation: fadeIn 2s ease 0s 1 normal; z-index: 10;}
.b1_l2p{position:absolute; left:812px; top:416px; animation: fadeIn 2s ease 0s 1 normal; z-index: 10;}
.b1_l1{position:absolute; left:940px; top:214px; animation: fadeIn 2s ease 0s 1 normal; z-index: 10;}
.b1_l3{position:absolute; left:520px; top:486px; animation: fadeIn 2s ease 0s 1 normal; z-index: 10;}

#tbanner1,#tbanner2,#tbanner3,#tbanner4,#tbanner3goto{
    position:absolute; left:845px;
    animation: fadeIn 2s ease 0s 1 normal;
    z-index: 10;
    width:500px;height:140px;
    overflow: hidden;
    opacity: 0;
}
#tbanner1.h26 { top:80px; animation: tb_anim1 2.0s ease-in-out 1.0s forwards;}
#tbanner1.h27 { top:320px; animation: tb_anim1 2.0s ease-in-out 1.0s forwards;}

#tbanner1 { top:505px; animation: tb_anim1 2.0s ease-in-out 1.0s forwards;}
#tbanner2 { top:365px; animation: tb_anim1 2.0s ease-in-out 1.3s forwards;}
#tbanner3 { top:225px; animation: tb_anim1 2.0s ease-in-out 1.6s forwards;}
#tbanner4 { top: 85px; animation: tb_anim1 2.0s ease-in-out 1.9s forwards;}
#tbanner3goto{ top: 135px; height:220px; animation: tb_anim1 2.0s ease-in-out 1.6s forwards;}

#tbanner1::before,#tbanner2::before,#tbanner3::before,#tbanner4::before,#tbanner3goto::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 1.0) 50%, rgba(255, 255, 255, 0) 75%);
}
#tbanner1::before { animation: shine 8s infinite 2.0s;}
#tbanner2::before { animation: shine 8s infinite 4.0s;}
#tbanner3goto::before { animation: shine 8s infinite 6.0s;}
#tbanner3::before { animation: shine 8s infinite 6.0s;}
#tbanner4::before { animation: shine 8s infinite 8.0s;}

@keyframes shine {
    100% {
        left: 2000%;
    }
}
.bura1{ animation: j1_Zoom 4.0s ease-in-out -0.5s infinite alternate-reverse;}
.bura2{ animation: j1_Zoom 4.0s ease-in-out 1.5s infinite alternate-reverse;}
.bura3{ animation: j1_Zoom 4.0s ease-in-out 3.5s infinite alternate-reverse;}
.bura4{ animation: j1_Zoom 4.0s ease-in-out 5.5s infinite alternate-reverse;}

@keyframes tb_anim1 {
    0% {
        opacity: 0;
        transform: translate(0px,-100px);
    }
    60% {
        opacity: 1;
        transform: translate(0px,10px);
    }
    100%    {
        opacity: 1;
        transform: translate(0px,0px);    
    }
}  
@keyframes j1_Zoom {
    0%      { transform: scale(0.95) }
    25%     { transform: scale(1.0) }
    75%     { transform: scale(1.0) }
    100%    { transform: scale(1.0) }
}



.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_c1{
	position: absolute; left: -350px; top:calc((464px - 350px) / 2);
	width: 350px;
	height: 350px;
}
.b3_board_c2{
	position: absolute; left: 630px; top:calc((464px - 350px) / 2);
	width: 350px;
	height: 350px;
}
.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_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: center;
}
.b3_txt_title._3l{
	top:70px;
}
.b3_txt_title.np{
	top:260px;
}
.b3_txt_title.np3{
	top:198px;
}
.b3_txt_mes.np1{
	top:121px;
	height: calc(32px * 3 * 2);
	-webkit-line-clamp: 3;
}
.b3_txt_mes.np1._3l{
	top:108px;
	line-height: calc(28px * 2);
}
.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,#snsapp,#member,#b_menu{
	position:relative;
	width: 1480px;
}	/* 最新情報 */

#b4_motto,#menu_motto{
	position:reletive;
	display:inline-block;
    background-image: url("img/5_bot/more_1.png");
	width: 103px;
    height: 50px;
	margin-top: 20px;
	margin-bottom: -10px;
	cursor: pointer;
}
#b4_motto._en,#menu_motto._en{
    background-image: url("img/5_bot/more_1_en.png");
}
#b4_motto._cn,#menu_motto._cn{
    background-image: url("img/5_bot/more_1_cn.png");
}
#b4_motto._ko,#menu_motto._ko{
    background-image: url("img/5_bot/more_1_ko.png");
}
#b4_close,#menu_close{
	position:reletive;
	display:inline-block;
    background-image: url("img/5_bot/more_2.png");
    width: 103px;
    height: 50px;
	margin-top: 20px;
	margin-bottom: -10px;
	cursor: pointer;
}
#b4_close._en,#menu_close._en{
    background-image: url("img/5_bot/more_2_en.png");
}
#b4_close._cn,#menu_close._cn{
    background-image: url("img/5_bot/more_2_cn.png");
}
#b4_close._ko,#menu_close._ko{
    background-image: url("img/5_bot/more_2_ko.png");
}


#b4_motto_area,#menu_motto_area{
	display: none;
}
#b4_contents,#menu_contents{
    position: relative; left:150px; top:90px;
	margin-top: 0px;
	margin-bottom: 110px;
	width: 1180px;
	font-size: calc(14px * 2);
	line-height: calc(22px * 2);
	color: #000000;
	text-align:center;
}
.menu_box {
    width: 250px;
/*    height: calc(343px + 22px * 2);
*/    text-align: center;
    vertical-align: top;
    margin: 0 8 0 8;
    cursor: pointer;
}
.b4_box{
	width: 250px;
	height: calc(343px + 22px * 2);
	text-align: center;
	vertical-align: top;
	margin: 0 8 0 8;
	cursor: pointer;
}
.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;
}

#b_voice,#b_kuji{ /* 声 */
	position:relative;
	width: 1480px;
}
#bv_contents,#bk_contents{
    position: relative; left:180px; top: 90px;
	margin-top: 0px;
	margin-bottom: 100px;
	width: 1120px;
	text-align: center;
	color: #000000;
}
#bv_motto_area,#bk_motto_area{
	display: none;
}
#bv_motto,#bk_motto{
	position:reletive;
	display:inline-block;
    background-image: url("img/5_bot/more_1.png");
    width: 103px;
    height: 50px;
	margin-top: 10px;
	cursor: pointer;
}
#bv_motto._en,#bk_motto._en{
    background-image: url("img/5_bot/more_1_en.png");
}
#bv_motto._cn,#bk_motto._cn{
    background-image: url("img/5_bot/more_1_cn.png");
}
#bv_motto._ko,#bk_motto._ko{
    background-image: url("img/5_bot/more_1_ko.png");
}
#bv_close{
	position:reletive;
	display:inline-block;
    background-image: url("img/5_bot/more_2.png");
    width: 103px;
    height: 50px;
	margin-top: 10px;
	cursor: pointer;
}
#bv_close._en{
    background-image: url("img/5_bot/more_2_en.png");
}
#bv_close._cn{
    background-image: url("img/5_bot/more_2_cn.png");
}
#bv_close._ko{
    background-image: url("img/5_bot/more_2_ko.png");
}


.bv_box{
	width: 200px;
	text-align: center;
	vertical-align: top;
	margin: 0 8 15 8;
	cursor: pointer;
}
.bv_box_img{
	position: absolute; left:25px; top:54px;
	width: 151px;
}

#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("img/5_bot/more_1.png");
    width: 103px;
    height: 50px;
	margin-top: 20px;
	cursor: pointer;
}
#b5_motto._en{
    background-image: url("img/5_bot/more_1_en.png");
}
#b5_motto._cn{
    background-image: url("img/5_bot/more_1_cn.png");
}
#b5_motto._ko{
    background-image: url("img/5_bot/more_1_ko.png");
}

.b5_box{
	width: 212px;
	text-align: center;
	vertical-align: top;
	margin: 0 5 0 5;
}
.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{
/*	position: relative;	left:calc((100% - 103px) / 2);
*/    background-image: url("img/5_bot/more_1.png");
    width: 103px;
    height: 50px;
	margin-top: 20px;
	cursor: pointer;
}
#b_order_motto._en{
    background-image: url("img/5_bot/more_1_en.png");
}
#b_order_motto._cn{
    background-image: url("img/5_bot/more_1_cn.png");
}
#b_order_motto._ko{
    background-image: url("img/5_bot/more_1_ko.png");
}
#b_order_down{
/*	position: relative;	left:calc((100% + 103px) / 2);
*/    background-image: url("img/5_bot/more_2.png");
    width: 103px;
    height: 50px;
	margin-top: 20px;
	display: none;
}
#b_order_down._en{
    background-image: url("img/5_bot/more_2_en.png");
}
#b_order_down._cn{
    background-image: url("img/5_bot/more_2_cn.png");
}
#b_order_down._ko{
    background-image: url("img/5_bot/more_2_ko.png");
}

.order_box{
	width: 218px;
	height: 339px;
	text-align: center;
	vertical-align: top;
	margin: 0 0 0 0;
    background-image: url("img/5_bot/order_back.png");
	cursor: pointer;
}
.order_img{
	margin-top: 20px;
	width: 180px;
}
.order_title{	/* 2倍表示 */
	position:absolute; left:13px; top:288px;
	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;
}

#b8{	/* お得なプラン */
	position:relative;
	width: 1480px;
	height: 490px;
}
#b8_contents{
    position: relative; left:185px; top: 90px;
	margin-top: 0px;
	margin-bottom: 115px;
	width: calc(1480px - 185px * 2);
	text-align: center;
	color: #000000;
}
#b8_woman{
	width: 1080px;
	display: inline-block;
}
#b8_woman_title{
	position:absolute; left:620px; top:46px;
	width: calc((1080px - 620px) * 2);
	font-size: calc(18px * 2);
	line-height: calc(27px * 2);
	height: calc(27px * 2 * 2);
	overflow: hidden;
	vertical-align: top;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	transform: scale(0.5);
	transform-origin: 0 0;
}
#b8_woman_title._en{
	top:36px;
}
#b8_woman_mes{
	position:absolute; left:calc(620px + 50px); top:120px;
	width: calc((1080px - 620px - 50px) * 2);
	font-size: calc(14px * 2);
	line-height: calc(27px * 2);
	height: calc(27px * 2 * 4);
	letter-spacing: calc(1.1px * 2);
	overflow: hidden;
	vertical-align: top;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	text-align: left;
	transform: scale(0.5);
	transform-origin: 0 0;
}
#b8_woman_mes._en{
	left:calc(620px + 40px);
	top: 105px;
	font-size: calc(13.5px * 2);
	line-height: calc(25px * 2);
	height: calc(25px * 2 * 5);
	-webkit-line-clamp: 5;
}

#b8_woman_btn{
	position:absolute; left:calc(600px + 36px); top:245px;
	width: 418;
}

#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;
	color: #000000;
}
#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));
}

#b_roomprice{	/* 客室料金 */
	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;
	color: #000000;
}
.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);
	cursor: pointer;
}
.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;
}
.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("img/5_bot/more_1.png");
    width: 103px;
    height: 50px;
	cursor: pointer;
}
#rp_motto._en{
    background-image: url("img/5_bot/more_1_en.png");
}
#rp_motto._cn{
    background-image: url("img/5_bot/more_1_cn.png");
}
#rp_motto._ko{
    background-image: url("img/5_bot/more_1_ko.png");
}

#rp_motto_area{
	display: none;
}
#rp_ft{
	font-size: 28px;
	width: 200%;
	height: 40px;
	margin-top: 8px;
	transform: scale(0.5);
	transform-origin: 0 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;
}
.sns_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;
}

.member_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;
}


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

.b6_map{
	position:absolute; left:0px; top:200px;
}

#b6_kana,#b6_tokyo,#b6_sai,#b6_gun,#b6_tochi,#b6_naga,#b6_yama,#b6_kyo{
    display: none;
    position: relative;
	font-size: 0px;

    position: absolute; left:0px; top:60px;
}
/*
#b6_tokyo{
    display: inline;
}
*/

#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;
	color: #000000;
	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;
	pointer-events:none;
}
.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 * 3);
	transform: scale(0.5);
	transform-origin: 400px 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: 130px;
	font-size: 14px;
	line-height: 40px;
}

#b_fo{
	position:relative;
	width: 1480px;
	height: 564px;
}
#b_fo._en,#b_fo._cn,#b_fo._ko{
	height: 184px;
}
#bfo_contents{
    position: relative; left:210px; top: 90px;
	margin-top: 0px;
	width: 1060px;
	text-align: center;
	color: #000000;
}
#bfo_title{
	position:absolute; left:420px; top:20px;
	width: calc((1060px - 420px) * 2);
	font-size: calc(18px * 2);;
	line-height: calc(27px * 2);;
	height: calc(27px * 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;
}
#bfo_mes{
	position:absolute; left:calc(420px + 25px); top:58px;
	width: calc((1060px - 420px - 25px * 2) * 2);
	font-size: calc(14px * 2);
	line-height: calc(27px * 2);
	height: calc(27px * 3 * 2);
	letter-spacing: calc(1.1px * 2);
	overflow: hidden;
	vertical-align: top;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-align: left;
	transform: scale(0.5);
	transform-origin: 0 0;
}
#bfo_btn{
	position:absolute; right:111px; top:140px;
	width: 418px;
}

.fadein_anim{
    animation: fadeIn 1s linear 0s 1 forwards;
}
@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; }
}




/* 言語選択 */
#lang_area{
	position: absolute; left:1248px; top:28px; z-index:3501;
	transform: scale(0.5);
	transform-origin: 0 0;
}

#mt_lang{
  list-style-type: none;
  height: calc(30px * 2);
	margin: 0 auto;
	padding: 0;
	background: #fcfaea;
	font-size: calc(15px * 2);
	line-height: calc(30px * 2);
	border-width: calc(1px * 2);
	border-style: solid;
	border-color: black;
	border-radius: calc(6px * 2);
	padding: 0 16 0 16;
	color: black;	
	vertical-align: middle;
}
#mt_lang li a{
	display: block;
	margin: 0;
	border-radius: calc(6px * 2);
}
#mt_lang li ul{
	list-style: none;
	position: absolute;
	top: calc(30px * 2);
	left: 0;
    padding: 0;
	border-radius: calc(6px * 2);
}
#mt_lang li:last-child ul{
	width: 100%;
}

#mt_lang li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#mt_lang li ul li a{
	padding: 0px 0px;
	background: #fcfaea;
	border-width: calc(1px * 2);
	border-style: solid;
	border-color: black;
}
#mt_lang li:hover > a{	/* カーソルを当てた時の色 */ 
	background: #2a62a3;
	color: #fff;
	border-radius: calc(6px * 2);
}

#mt_lang li:hover ul li{
	overflow: visible;
	height: calc(30px * 2);
}

/*
#mt_lang li:hover ul li:first-child{
  border-top: 0;
}
#mt_lang li:hover ul li:last-child{
  border-bottom: 0;
}
*/


#pic{
	position: relative;
	width: 1480px;
	height: 740px;
	text-align: center;	
	overflow-x: hidden;
	_display: inline-block;
	font-size:24px;
	color:white;

/*	top:0px;bottom:0px;
	margin:auto;
*/	position: absolute;
	top:calc((100% - 740px) / 2 - 100px);
}

#pic2{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
}
  
  .swiper-container {
	width: 100%;
	height: 100%;
	overflow: visible;
	z-index: 1;
  }
  
  .swiper-button-next{
	  background-image: url('img/8_room_preview/next.png');
	  width: 80px;
	  height: 92px;
	  background-size: 80px 92px;
	  top:calc(640px / 2 - 92px / 2);
  }
  .swiper-button-prev{
	  background-image: url('img/8_room_preview/back.png');
	  width: 80px;
	  height: 92px;
	  background-size: 80px 92px;
	  top:calc(640px / 2 - 92px / 2);
  }
  
  .swiper-pagination-bullet {
	  background: #fff;
	  width: 20px;
	  height: 20px;
  }
  .swiper-lazy{
	  opacity: 0;
	  transition: all 0.5s;
  }
  .swiper-lazy-loaded{
	  opacity: 1;
  }


</style>