/*========================================

　●　客 室
　●　お風呂

========================================*/

/*========================================
　●　客 室
========================================*/
.roomWhole{ margin-bottom: 56px;}

.roomBase{ margin-bottom: 28px;}
.roomBaseWrap{
 display: flex;
  align-items: center;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: space-between;
 width: 100%;
 max-width: 1140px;
}

.roomBaseMain{ width: 288px;}

.roomBaseWrap > figure{
 width: calc(100% - 320px);
}

.roomBaseWrap > figure img{ width: 100%;}

/*----------*/
.roomBase h4{
 padding: 12px 4px 14px 4px;
 color: #fff;
 font-size: 22px;
 text-align: center;
 text-shadow:
   #44245d 1px 1px 2px, #44245d -1px 1px 2px,
   #44245d 1px -1px 2px, #44245d -1px -1px 2px;
 background: url("../images/bg/bg_fuji02.png") no-repeat -74px 19%,#44245d;
 border-radius: 15px;
}

.roomBaseMemo01{
 display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
 margin-top: 20px;
 margin-bottom: 8px;
}

.roomBaseMemo01 > span{
 width: 72px;
 height: 72px;
 margin-left: 4px;
 margin-right: 4px;
 padding-top: 25px;
 color: #44245d;
 font-size: 18px;
 text-align: center;
 border: 1px solid #44245d;
 border-radius: 50%;
}

.roomBaseNinzu{
 display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
 width: 100%;
 padding-top: 16px;
 font-size: 17px;
 border-bottom: 1px solid #44245d;
}

.roomBaseNinzu dt{
 width: 76px;
 margin-right: 1em;
}

.roomBaseNinzu{ padding-bottom: 10px;}
.roomBaseNinzu dt{}
.roomBaseNinzu dd{}

/*-----*/
.roomBaseRiyou{
 padding-top: 16px;
 padding-bottom: 8px;
 font-size: 17px;
 border-bottom: 1px solid #44245d;
}

.roomBaseRiyou dl{
 display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
 width: 100%;
}

.roomBaseRiyou dt{
 width: 76px;
 margin-right: 1em;
 line-height: 1.4;
}

.roomBaseRiyou dd{
 min-width: 112px;
 line-height: 1.4;
 text-align: right;
}


/*------------------------------ 個別設定 */
.room02 .roomBaseWrap,
.room04 .roomBaseWrap{ margin-left: auto;}

.room04 h4 span.u-font24{ font-size: 18px; margin-right: 0.5em;}

.roomBaseRiyou span.u-fix01{ display: none;}

/*============================== ■ max-width 1087 */
@media screen and (max-width: 1087px){
.roomBase{ margin-bottom: 56px;}

.roomBaseWrap{
display: flex;
  align-items: center;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  justify-content: space-between;
 width: 100%;
 max-width: 750px;
 margin-right: auto;
 margin-left: auto;
}

.roomBaseMain{
 width: 100%;
 max-width: 520px;
}

.roomBaseWrap > figure{
 width: 100%;
 max-width: 750px;
 margin-bottom: 12px;
}

.roomBaseRiyou{
 display: flex;
  justify-content: center;
}

.roomBaseRiyou dl{ width: auto;}

/*------------------------------ 個別設定 */
.roomBaseRiyou span.u-fix01{ display: inline-block;}

}/*----- media -----*/

/*============================== ■ max-width 767 */
@media screen and (max-width: 767px){}/*----- media -----*/

/*============================== ■ max-width 520 */
@media screen and (max-width: 520px){
.roomBaseRiyou{
 display: block;
}

.roomBaseRiyou dl{ width: 100%;}

/*------------------------------ 個別設定 */
.roomBaseRiyou span.u-fix01{ display: none;}

}/*----- media -----*/

/*========================================
　●　お風呂
========================================*/
.ofuro{}

dl.ofuro--time{
 width: 100%;
 max-width: 360px;
 margin-bottom: 20px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 padding: 8px 4px;
 border: 1px solid #393939;
 border-radius: 10px;
}

dl.ofuro--time dt,
dl.ofuro--time dd{ line-height: 1.8;}

dl.ofuro--time dt{ padding-bottom: 4px; font-size: 18px;}

.ofuroWrap{
 display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.ofuroWrap figure img{ width: 100%;}

.ofuro--sideA{
 width: 46.6%;
 max-width: 566px;
}

.ofuro--sideB{
 width: 51.4%;
 max-width: 624px;
}

.ofuro--sideB p{
 padding-bottom: 8px;
 line-height: 1.8;
}

.ofuro--sideB p br.u-br01{ display: none;}

/*============================== ■ max-width 1087 */
@media screen and (max-width: 1087px){

.ofuroWrap{
 display: flex;
  align-items: center;
  flex-direction: column-reverse;
  justify-content: space-between;
 width: 100%;
 max-width: 750px;
 margin-left: auto;
 margin-right: auto;
}
.ofuro--sideA,
.ofuro--sideB{ width: 100%;}

.ofuro--sideB{ margin-bottom: 20px;}

.ofuro--sideB p{
 padding-bottom: 20px;
 text-align: center;
}

.ofuro--sideB p br.u-br01{ display: block;}

}/*----- media -----*/

/*============================== ■ max-width 767 */
@media screen and (max-width: 767px){}/*----- media -----*/

/*============================== ■ max-width 520 */
@media screen and (max-width: 520px){
.ofuro--sideB p{ text-align: left;}

.ofuro--sideB p br.u-br01{ display: none;}

}/*----- media -----*/