#Proom{}
.proom_header{
text-align: center;
background-color: #fff;
overflow: hidden;
height: 500px;
position: relative;
}
.proom_header_wrap{
width: 1100px;
margin: 0 auto;
position: relative;
height: 500px;
overflow: hidden;
}
.proom_main_bg{
position: absolute;
transform: translate(-50%, -50%);
max-width: unset !important;
width: 102%;
filter: blur(6px);
opacity: 0.6;
top: 45%;
}
.proom_main{
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.proom_header_text{
width: 620px;
text-align: center;
background: rgba(70, 54, 14, 0.5);
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
padding: 3em 0;
background-image: url(/lounge/tokyo/powder-room/img/ttl_bg01.png), url(/lounge/tokyo/powder-room/img/ttl_bg02.png);
background-position: left top, right bottom;
background-repeat: no-repeat, no-repeat;
}
.proom_header_text h2{
color: #fff;
font-size: 3em !important;
margin-bottom: 0.2em;
}
.p_text{
color: #fff;
font-size: 20px;
}
.p_date{
color: #fff100;
font-size: 25px;
font-weight: bold;
margin-bottom: 0.2em;
}

@media screen and (max-width:768px){
.proom_header{height: 450px;}
.proom_header_wrap{width: 100%;height: 450px;}
.proom_main_bg{display: none;}
.proom_main{
max-width: unset;
height: 120%;
left: 63%;
}
.proom_header_text{width: 90%;background-size: 15%;}
.proom_header_text h2{font-size: 2.7em !important;margin-bottom: 0;}
.p_text{font-size: 18px;}
.p_date{font-size: 17px;margin-bottom: 0.4em;}
}

/*-----------------------------------------------*/
.proom_wrap{
display: flex;
flex-wrap: wrap;
width: 1100px;
margin: 0 auto;
font-size: 16px;
}
.h2_i {
position: relative;
width: 54%;
text-align: center;
font-size: 1.5em;
margin: 0 23% 0.5em;
margin-bottom: 1em;
color: #ab4823;
background: #f5ebe7;
padding: 0.5em;
border-radius: 50px;
border: solid 4px;
}

.h2_i:before,.h2_i:after {
font-family: 'Font Awesome 5 Free';
line-height: 1;
/*color: #ab4823;*/
transform: translate(0, -50%);
position: absolute;
top: 50%;
}
.h2_i:before {content: '\f101';left: 1em;}
.h2_i:after {content: '\f100';right: 1em;}

.h3_i{
width: 100%;
font-size: 1.2em;
margin-bottom: 0.5em;
color: #ab4823;
position: relative;
padding: 0.5em 1em 0.1em 2em;
border-bottom: dotted 5px #d3a8b4;
}
.h3_i::after, .h3_i::before {
content: "";
position: absolute;
transform: rotate(45deg);
}
.h3_i::before {
top: 0.7em;
left: 0.2em;
width: 12px;
height: 12px;
border: 2px solid #7D0022;
}
.h3_i::after {
top: 0.9em;
left: 0.7em;
width: 14px;
height: 14px;
background: #7D002257;
transform: rotate(60deg);
}

@media screen and (max-width:768px){
.proom_wrap{width: 96%;}
.h2_i {
width: 86%;
margin: 0px 7% 0.5em;
font-size: 1.2em;
padding: 0.4em;
/*border: solid 3px;*/
}
.h2_i:before,.h2_i:after {font-size: 0.9em;}
.h2_i:before {left: 0.7em;}
.h2_i:after {right: 0.7em;}
.h3_i{font-size: 1.1em;}
}

/* top -----------------------------------------------*/
.info_top{
background: #f5ebe7 !important;
padding: 4em 0 0;
/*margin-bottom: 3em;*/
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}
.proom_wrap.info{
justify-content: space-between;
align-items: center;
margin-bottom: 2em;
}
.info_top_img{
width: 47%;
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
.info_top_text{width: 48%;}
.h2_info{
text-align: center;
font-size: 1.5em;
margin-bottom: 0.5em;
color: #ab4823;
}
.info_top p{
font-size: 1.1em;
line-height: 1.7;
}
.slide_top{
padding: 3em 0;
background: #c7a092;
}

@media screen and (max-width:768px){
.info_top{padding: 3em 0 0;}
.proom_wrap.info{margin-bottom: 1em;}
.info_top_img{width: 94%;margin: 0 auto 1.5em;}
.info_top_text{width: 100%;}
.h2_info{font-size: 1.3em;}
.info_top p{font-size: 1em;}
.slide_top{padding: 1em 0 3em;}
}

/* リニューアルポイント -----------------------------------------------*/
.point{}
.proom_wrap.point_wrap{}
.point h2{
text-align: center;
margin-bottom: 1em;
}
.point_co{
width: calc(100% / 2 - 4%);
margin: 0 2% 3em;
}
.proom_wrap.floor_wrap{
width: 800px;
margin: 0 auto;
}
.floor_img{margin: 0em auto 2em;}
.equipment_img_wrap{display: flex;flex-wrap: wrap;}
.equipment_img_wrap img{
width: calc(100% / 4 - 1px);
margin: 0 0.5px;
}

@media screen and (max-width:768px){
.point{padding: 3em 0 3em;}
.point h2{}
.point_co{width: 100%;margin: 0 0 1.5em;}
.proom_wrap.floor_wrap{width: 94%;}
}

/* 美容家電リスト -----------------------------------------------*/
.appliances{
background: #f5ebe7 !important;
padding: 4em 0 0em;
}
.appliances h2{
background: #fff;
margin-bottom: 0.5em;
}
.app_lead{
width: 100%;
text-align: center;
margin-bottom: 1.5em;
font-size: 1.1em;
}
.app_co{
width: calc(100% / 3 - 2%);
margin: 0 1% 3em;
background: #fff;
padding: 0 0 1em;
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
z-index: 1;
}
.app_title{}
.app_title h3{
font-size: 1.2em;
background: #ab4823;
color: #fff;
padding: 0.5em 0.7em;
text-align: center;
}
.app_title h3 span{
font-size: 0.9em;
font-weight: normal;
margin: 0 -5px;
}
.app_title p{
width: 100%;
text-align: center;
background: #f1f1f1;
margin: 0 !important;
padding: 0.3em;
}
.app_co img.app_img{
width: 100%;
margin: 0 0 1em;
}
.app_co dl{
margin: 0 1em 0.5em;
display: flex;
flex-wrap: wrap;
}
.app_co dt,.app_co dd{padding: 0.5em;font-size: 0.9em;}
.app_co dt{
background: #f4dcd3;
width: 100%;
text-align: center;
}
.app_co dd{width: 100%;border: solid 1px #f4dcd3;}
.app_co p{margin: 0 1em 0;}

.appliances .proom_wrap{position: relative;}
.appliances_bg{
position: absolute;
bottom: 5em;
right: 0.5em;
opacity: 0.5;
}

@media screen and (max-width:768px){
.appliances{padding: 3em 0 0em;}
.app_co{width: 90%;margin: 0 auto 2em;}
.app_title h3{font-size: 1.1em;padding: 0.3em 0.5em;}
.appliances_bg{display: none;}
}

/* slide ------------------------------------------*/
.swiper.pr_slide{
width: 1100px;
margin: 0em auto -2em;
padding-bottom: 4em;
}
.swiper.pr_slide .swiper-slide {padding: 0 2px;}
.app_img_wrap{
width: 100%;
margin: 0 0 1em;
}
.swiper2.pr_slide{
width: 100%;
position: relative;
}
/*.swiper.pr_slide .swiper-slide{margin-right: 1px;}*/
.swiper2-pagination {
text-align: center;
position: absolute;
z-index: 1;
bottom: 0 !important;
}
.swiper.pr_slide .swiper-pagination-bullet,
.swiper2-pagination .swiper-pagination-bullet{
width: 10px;
height: 10px;
background: #fff;
opacity: 1;
}
.swiper.pr_slide .swiper-pagination-bullet-active,
.swiper2-pagination .swiper-pagination-bullet-active{background: #ab4823;}

.swiper.pr_slide .swiper-button-prev::after,
.swiper.pr_slide .swiper-button-next::after,
.swiper2.pr_slide .swiper-button-prev::after,
.swiper2.pr_slide .swiper-button-next::after{
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: bold;
font-size: 2.5em;
color: #fff;
}
.swiper.pr_slide .swiper-button-prev::after,
.swiper2.pr_slide .swiper-button-prev::after{transform: rotate(180deg);}
.swiper.pr_slide .swiper-button-prev,.swiper.pr_slide .swiper-button-next{font-size: 1.5em;}
.swiper.pr_slide .swiper-button-prev,.swiper.pr_slide .swiper-button-next{top: 43%;}
.swiper2.pr_slide .swiper-button-prev,.swiper2.pr_slide .swiper-button-next{top: 50%;}

@media screen and (max-width:768px){
.swiper.pr_slide{width: 98%;margin: 0em auto -3em;}
.swiper.pr_slide .swiper-button-prev,.swiper.pr_slide .swiper-button-next{  font-size: 1.2em;}
.swiper.pr_slide .swiper-button-prev{left: 0;}
.swiper.pr_slide .swiper-button-next{right: 0;}
}

/* 料金表 -----------------------------------------------*/
.price{}
.price h2{
text-align: center;
margin-bottom: 0.5em;
}
.price .price_table{width: 1000px;}
.price .price_kome{font-size: 0.9em;}
.price_wrap{
width: 1000px;
justify-content: space-between;
margin: 1em auto 0;
}
.price_wrap img{width: 49%;}
.price_wrap .list-13{
width: 100%;
margin-bottom: 0.5em;
}

@media screen and (max-width:768px){
.price{padding: 3em 0 1em;}
.price_wrap img{width: 90%;margin: 0 auto 1.5em;}
}

/* その他設備 -----------------------------------------------*/
.service{}
.service h2{
margin-bottom: 1em;
background: #fff;
color: #b49844;
}
.h3_service{
background: #b49844;
width: 100%;
color: #fff;
padding: 0.6em 1em;
font-size: 1.1em;
}
.shop_service{}
.shop_service div{padding: 0.9em !important;}
.shop_service div a p,.cmn_service div a h3{font-size: 0.9em;}
.cmn_service{margin: 1em 1em 0em !important;}
.cmn_service div{padding: 0.6em !important;}

@media screen and (max-width:768px){
.service{background: #f7f4ec !important;padding: 3em 0 3em;}
.cmn_service{margin: 1em 1em 0em !important;}
}

/* その他設備 -----------------------------------------------*/
.shop{}
.shop h2{
margin-bottom: 1em;
background: #fff;
color: #b49844;
}
.shop_wrap{}
.shop_text{
width: 52%;
margin-left: 3%;
margin-bottom: 2em;
}
dl.shop_s{display: flex;flex-wrap: wrap;}
dl.shop_s dt,dl.shop_s dd{
padding: 0.5em;
border-bottom: 3px solid #fff;
}
dl.shop_s dt {width: 20%;background: #f7f4ec;}
dl.shop_s dd{width: 80%;}
.shop_map{width: 45%;height: 300px;}
.shop_map #Map_lounge_tokyo{width: 100%;height: 100%;}

@media screen and (max-width:768px){
.shop{padding: 3em 0 3em;}
.shop_text{width: 100%;margin: 1em 0;}
dl.shop_s dt,dl.shop_s dd{width: 100%;}
.shop_map{width: 100%;}
}