@charset "UTF-8";

/* ::::::::::::::::::::::::::::::::: ベストレート保障 ::::::::::::::::::::::::::::::::: */

.bestrate_subTtl_area {
  display: table;
} 
.bestrate_subTtl_area img {
  display: table-cell;
  margin-right: 30px;
}
@media screen and (max-width: 1019px) {
  .bestrate_subTtl_area img {
      width: 90px;
      height: 90px;
      margin-right: 10px;
  }
}
.bestrate_subTtl_area .bestrate_subTtl {
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  margin-bottom: 0;
}
@media screen and (max-width: 1019px) {
  .bestrate_subTtl_area .bestrate_subTtl {
    font-size: 18px;
  }
}

/* ::::::::::::::::::::::::::::::::: 客室一覧 ::::::::::::::::::::::::::::::::: */
div.section div.amenityBox {
	transition: opacity 0.2s ease;
}
div.section div.amenityBox:hover {
	opacity: 0.8;
}
@media screen and (max-width: 1019px) {
	div.section div.amenityBox:hover {
		opacity: 1;
	}
}
div.section div.amenityBox a {
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
  padding: 60px;
  box-sizing: border-box;
  background: #fff;
  position: relative;
  text-decoration: none;
	color: #2b3034;
}
@media screen and (max-width: 1019px){
  div.section div.amenityBox a {
    display: block;
    padding: 40px 15px;
  }
}
div.section div..amenityBox a:hover {
	color: #2b3034;
}
div.section div.amenityBox a p.commonLink span:hover {
	opacity: 1;
}


div.section div.amenityBox .amenityBoxImg {
  width: 45%;
}
@media screen and (max-width: 1019px){
  div.section div.amenityBox .amenityBoxImg {
    width: 100%;
    margin-bottom: 20px;
  }
}
div.section div.amenityBox .amenityBoxImg img {
  width: 100%;
}
div.section div.amenityBox .amenityBoxTxt {
  width: 50%;
  margin-right: 5%;
  position: relative;
}
@media screen and (max-width: 1019px){
  div.section div.amenityBox .amenityBoxTxt {
    width: 100%;
    margin-right: 0;
  }
}
div.section div.amenityBox .amenityBoxTxt h3 {
  text-align: left;
  margin: 0 0 20px;
}
div.section div.amenityBox .amenityBoxTxt p.commonLink {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
}
@media screen and (max-width: 1019px){
  div.section div.amenityBox .amenityBoxTxt p.commonLink {
    position: static;
  }
}
div.section div.boxList div.block.roomlink img {
	transition: opacity 0.2s ease;
}
div.section div.boxList div.block.roomlink img:hover {
	opacity: 0.8;
}
@media screen and (max-width: 1019px) {
	div.section div.boxList div.block.roomlink img:hover {
		opacity: 1;
	}
}
div.section div.boxList div.block.roomlink a {
	text-decoration: none;
  color: #2b3034;
  transition: opacity 0.2s ease;
}
div.section div.boxList div.block.roomlink a:hover {
  color: #2b3034;
  opacity: 0.8;
}
@media screen and (max-width: 1019px) {
	div.section div.boxList div.block.roomlink a:hover {
		opacity: 1;
	}
}

/* ::::::::::::::::::::::::::::::::: 客室詳細 ::::::::::::::::::::::::::::::::: */

div.section div.roomSpecBlock {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1019px){
  div.section div.roomSpecBlock {
    display: block;
  }
}
div.section div.roomSpecBlock .roomSpecBlockTable {
  width: 50%;
}
@media screen and (max-width: 1019px){
  div.section div.roomSpecBlock .roomSpecBlockTable {
    width: 100%;
  }
}
div.section div.roomSpecBlock .roomSpecBlockImg {
  width: 45%;
}
@media screen and (max-width: 1019px){
  div.section div.roomSpecBlock .roomSpecBlockImg {
    width: 100%;
  }
}
div.section div.roomSpecBlock img {
  width: 100%
}
div.section div.room360Block img {
  width: 100%
}
div.section div.room360Block iframe {
  width: 100%
}
@media screen and (max-width: 1019px){
	div.section div.room360Block iframe {
	  width: 100%;
		height: 400px;
	}
}