@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : copy.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");

/* body {
  background: url(https://www.jozankeiview.com/suirei/rakuten/top/img/back_washi.png) ;
  background-size: 100%;
  font-size: 15px;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-text-size-adjust: none;
  font-feature-settings: "palt";
} */

body a,
body a:hover {
  color: #ffffff;
  text-decoration: none;
}

a:hover {
  color: #fff;
  opacity: 0.75;
  text-decoration: none;
}

#RthCustomizeW {
  background: url(https://www.jozankeiview.com/suirei/rakuten/top/img/back_washi.png);
  background-size: 100%;
  font-size: 15px;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-text-size-adjust: none;
  font-feature-settings: "palt";
}

div#RthCustomizeW {
  padding: 30px 0 100px;
}

a,
a:hover {
  color: #ffffff;
  text-decoration: none;
}

#page {
  padding-top: 30px;
}

ul,
li {
  list-style: none;
}

h3 {
  text-align: center;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 300;
  margin: 0 auto 30px;
}

h3 span {
  font-size: 13px;
  letter-spacing: 2px;
  display: block;
  margin: 10px 0 0;
}

#hero_image {
  width: 950px;
  margin: 0 auto 0;
  font-family: "Noto Serif JP", system-ui;
  font-weight: 300;
}

#hero_image.main_slide,
.viewroyal,
.viewpremier,
.viewdeluxe,
.superior,
.junior,
.superiortwin,
#hero_image_spa,
#hero_image_faci{
  position: relative;
}
#hero_image,
.viewroyal,
.viewpremier,
.viewdeluxe,
.superior,
.junior,
.superiortwin,
#hero_image_spa,
#hero_image_faci {
  width: 950px;
  margin-bottom: 40px;
  font-family: "Noto Serif JP", system-ui;
  font-weight: 300;
  margin: 0 auto;
}
#contents .room {
  width: 950px;
}
#hero_image .mainvisual,
.viewroyal .mainvisual,
.viewpremier .mainvisual,
.viewdeluxe .mainvisual,
.superior .mainvisual,
.junior .mainvisual,
.superiortwin .mainvisual,
#hero_image_spa .mainvisual,
#hero_image_faci .mainvisual {
  position: relative;
}
#hero_image .mainvisual ul,
.viewroyal .mainvisual ul,
.viewpremier .mainvisual ul,
.viewdeluxe .mainvisual ul,
.superior .mainvisual ul,
.junior .mainvisual ul,
.superiortwin .mainvisual ul,
#hero_image_spa .mainvisual ul,
#hero_image_faci .mainvisual ul {
  list-style: none;
  position: absolute;
  z-index: 2;
}
#hero_image .mainvisual ul.nav_01,
.viewroyal .mainvisual ul.nav_01,
.viewpremier .mainvisual ul.nav_01,
.viewdeluxe .mainvisual ul.nav_01,
.superior .mainvisual ul.nav_01,
.junior .mainvisual ul.nav_01,
.superiortwin .mainvisual ul.nav_01,
#hero_image_spa .mainvisual ul.nav_01,
#hero_image_faci .mainvisual ul.nav_01 {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  bottom: 0px;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
}
#hero_image .mainvisual ul.nav_01 li,
.viewroyal .mainvisual ul.nav_01 li,
.viewpremier .mainvisual ul.nav_01 li,
.viewdeluxe .mainvisual ul.nav_01 li,
.superior .mainvisual ul.nav_01 li,
.junior .mainvisual ul.nav_01 li,
.superiortwin .mainvisual ul.nav_01 li,
#hero_image_spa .mainvisual ul.nav_01 li,
#hero_image_faci .mainvisual ul.nav_01 li {
  width: 17%;
  text-align: center;
  position: relative;
}
#hero_image .mainvisual ul.nav_01 li:last-child,
.viewroyal .mainvisual ul.nav_01 li:last-child,
.viewpremier .mainvisual ul.nav_01 li:last-child,
.viewdeluxe .mainvisual ul.nav_01 li:last-child,
.superior .mainvisual ul.nav_01 li:last-child,
.junior .mainvisual ul.nav_01 li:last-child,
.superiortwin .mainvisual ul.nav_01 li:last-child,
#hero_image_spa .mainvisual ul.nav_01 li:last-child,
#hero_image_faci .mainvisual ul.nav_01 li:last-child {
  width: 19%;
  background-color: rgb(142, 97, 38, 1);
  display: block;
}
#hero_image .mainvisual ul.nav_01 li:hover,
.viewroyal .mainvisual ul.nav_01 li:hover,
.viewpremier .mainvisual ul.nav_01 li:hover,
.viewdeluxe .mainvisual ul.nav_01 li:hover,
.superior .mainvisual ul.nav_01 li:hover,
.junior .mainvisual ul.nav_01 li:hover,
.superiortwin .mainvisual ul.nav_01 li:hover,
#hero_image_spa .mainvisual ul.nav_01 li:hover,
#hero_image_faci .mainvisual ul.nav_01 li:hover {
  background-color: rgba(100, 100, 100, 0.7);
}
#hero_image .mainvisual ul.nav_01 li:last-child:hover,
.viewroyal .mainvisual ul.nav_01 li:last-child:hover,
.viewpremier .mainvisual ul.nav_01 li:last-child:hover,
.viewdeluxe .mainvisual ul.nav_01 li:last-child:hover,
.superior .mainvisual ul.nav_01 li:last-child:hover,
.junior .mainvisual ul.nav_01 li:last-child:hover,
.superiortwin .mainvisual ul.nav_01 li:last-child:hover,
#hero_image_spa .mainvisual ul.nav_01 li:last-child:hover,
#hero_image_faci .mainvisual ul.nav_01 li:last-child:hover {
  background-color: #aa895c;
}

#hero_image .mainvisual ul li a,
.viewroyal .mainvisual ul li a,
.viewpremier .mainvisual ul li a,
.viewdeluxe .mainvisual ul li a,
.superior .mainvisual ul li a,
.junior .mainvisual ul li a,
.superiortwin .mainvisual ul li a,
#hero_image_spa .mainvisual ul li a,
#hero_image_faci .mainvisual ul li a {
  font-size: 15px;
  display: block;
  width: 100%;
  text-decoration: none;
}
#hero_image .mainvisual ul.nav_01 li a,
.viewroyal .mainvisual ul.nav_01 li a,
.viewpremier .mainvisual ul.nav_01 li a,
.viewdeluxe .mainvisual ul.nav_01 li a,
.superior .mainvisual ul.nav_01 li a,
.junior .mainvisual ul.nav_01 li a,
.superiortwin .mainvisual ul.nav_01 li a,
#hero_image_spa .mainvisual ul.nav_01 li a,
#hero_image_faci .mainvisual ul.nav_01 li a {
  padding: 20px 0px;
  color: #fff;
  letter-spacing: 1px;
}
#hero_image .mainvisual ul.nav_01 li:before,
.viewroyal .mainvisual ul.nav_01 li:before,
.viewpremier .mainvisual ul.nav_01 li:before,
.viewdeluxe .mainvisual ul.nav_01 li:before,
.superior .mainvisual ul.nav_01 li:before,
.junior .mainvisual ul.nav_01 li:before,
.superiortwin .mainvisual ul.nav_01 li:before,
#hero_image_spa .mainvisual ul.nav_01 li:before,
#hero_image_faci .mainvisual ul.nav_01 li:before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 12px;
  top: 26px;
  background-color: rgba(229, 229, 229, 0.5);
  left: 0;
}
#hero_image .mainvisual ul.nav_01 li:last-child:before,
.viewroyal .mainvisual ul.nav_01 li:last-child:before,
.viewpremier .mainvisual ul.nav_01 li:last-child:before,
.viewdeluxe .mainvisual ul.nav_01 li:last-child:before,
.superior .mainvisual ul.nav_01 li:last-child:before,
.junior .mainvisual ul.nav_01 li:last-child:before,
.superiortwin .mainvisual ul.nav_01 li:last-child:before,
#hero_image_spa .mainvisual ul.nav_01 li:last-child:before,
#hero_image_faci .mainvisual ul.nav_01 li:last-child:before,
#hero_image .mainvisual ul.nav_01 li:first-child:before,
.viewroyal .mainvisual ul.nav_01 li:first-child:before,
.viewpremier .mainvisual ul.nav_01 li:first-child:before,
.viewdeluxe .mainvisual ul.nav_01 li:first-child:before,
.superior .mainvisual ul.nav_01 li:first-child:before,
.junior .mainvisual ul.nav_01 li:first-child:before,
.superiortwin .mainvisual ul.nav_01 li:first-child:before,
#hero_image_spa .mainvisual ul.nav_01 li:first-child:before,
#hero_image_faci .mainvisual ul.nav_01 li:first-child:before {
  content: none;
}
/**************************
	#hero_image slide
**************************/
#hero_image.main_slide,
.viewroyal.main_slide,
.viewpremier.main_slide,
.viewdeluxe.main_slide,
.superior.main_slide,
.junior.main_slide,
.superiortwin.main_slide,
#hero_image_spa.main_slide,
#hero_image_faci.main_slide {
  position: relative;
}
#hero_image.main_slide:after,
.viewroyal.main_slide:after,
.viewpremier.main_slide:after,
.viewdeluxe.main_slide:after,
.superior.main_slide:after,
.junior.main_slide:after,
.superiortwin.main_slide:after,
#hero_image_spa.main_slide:after,
#hero_image_faci.main_slide:after {
  position: static;
}
#hero_image .out,
.viewroyal .out,
.viewpremier .out,
.viewdeluxe .out,
.superior .out,
.junior .out,
.superiortwin .out,
#hero_image_spa .out,
#hero_image_faci .out {
  position: relative;
}
#hero_image .in img,
.viewroyal .in img,
.viewpremier .in img,
.viewdeluxe .in img,
.superior .in img,
.junior .in img,
.superiortwin .in img,
#hero_image_spa .in img,
#hero_image_faci .in img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.5s;
  z-index: 0;
}

#hero_image input,
.viewroyal input,
.viewpremier input,
.viewdeluxe input,
.superior input,
.junior input,
.superiortwin input,
#hero_image_spa input,
#hero_image_faci input {
  display: none;
}
#hero_image .in,
.viewroyal .in,
.viewpremier .in,
.viewdeluxe .in,
.superior .in,
.junior .in,
.superiortwin .in,
#hero_image_faci .in {
  display: flex;
  justify-content: center;
  margin: -40px 0 60px;
  align-items: center;
}

#spa_sauna #hero_image_spa .in {
  display: flex;
  justify-content: center;
  margin: -80px 0 60px;
}
#hero_image .in a:hover,
.viewroyal .in a:hover,
.viewpremier .in a:hover,
.viewdeluxe .in a:hover,
.superior .in a:hover,
.junior .in a:hover,
.superiortwin .in a:hover,
#hero_image_spa .in a:hover,
#hero_image_faci .in a:hover {
  opacity: 1;
}

#hero_image label span,
.viewroyal label span,
.viewpremier label span,
.viewdeluxe label span,
.superior label span,
.junior label span,
.superiortwin label span,
#hero_image_spa label span,
#hero_image_faci label span {
  display: block;
  width: 8px;
  height: 8px;
  padding: 5px;
  border-radius: 100%;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

#hero_image label span::before,
.viewroyal label span::before,
.viewpremier label span::before,
.viewdeluxe label span::before,
.superior label span::before,
.junior label span::before,
.superiortwin label span::before,
#hero_image_spa label span::before,
#hero_image_faci label span::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #c0c0c0;
  opacity: 1;
  border-radius: 100%;
}

.out input:nth-of-type(1):checked ~ .in label:nth-of-type(1) span::before,
.out input:nth-of-type(2):checked ~ .in label:nth-of-type(2) span::before,
.out input:nth-of-type(3):checked ~ .in label:nth-of-type(3) span::before,
.out input:nth-of-type(4):checked ~ .in label:nth-of-type(4) span::before,
.out input:nth-of-type(5):checked ~ .in label:nth-of-type(5) span::before,
.out input:nth-of-type(6):checked ~ .in label:nth-of-type(6) span::before,
.out input:nth-of-type(7):checked ~ .in label:nth-of-type(7) span::before,
.out input:nth-of-type(8):checked ~ .in label:nth-of-type(8) span::before,
.out input:nth-of-type(9):checked ~ .in label:nth-of-type(9) span::before,
.out input:nth-of-type(10):checked ~ .in label:nth-of-type(10) span::before {
  background: #404040;
  opacity: 1;
}

.viewroyal span::before{
  /*4枚スライド*/
  animation: slidebutton3 14s infinite; /* (a+b)×c=x */
}
.viewpremier span::before,
.superior span::before  {
  /*4枚スライド*/
  animation: slidebutton3 14s infinite; /* (a+b)×c=x */
}
.viewdeluxe span::before {
  /*4枚スライド*/
  animation: slidebutton3 14s infinite; /* (a+b)×c=x */
}
.junior span::before,
.superiortwin span::before {
  /*3枚スライド*/
  animation: slidebutton4 10.5s infinite; /* (a+b)×c=x */
}

@keyframes slidebutton1 {
  /*9枚スライド*/
  0% {
    opacity: 0.75;
    background: #c0c0c0;
  }
  1.59% {
    opacity: 1;
    background: #ffffff;
  } /* b÷x×100=y */
  11.11% {
    opacity: 1;
    background: #ffffff;
  } /* 100÷c=z */
  12.70% {
    opacity: 0.75;
    background: #c0c0c0;
  } /* y+z */
}
@keyframes slidebutton2 {
  /*8枚スライド*/
  0% {
    opacity: 0.75;
    background: #c0c0c0;
  }
  1.78% {
    opacity: 1;
    background: #ffffff;
  } /* b÷x×100=y */
  12.5% {
    opacity: 1;
    background: #ffffff;
  } /* 100÷c=z */
  14.28% {
    opacity: 0.75;
    background: #c0c0c0;
  } /* y+z */
}
@keyframes slidebutton3 {
  /*4枚スライド*/
  0% {
    opacity: 0.75;
    background: #c0c0c0;
  }
  3.57% {
    opacity: 1;
    background: #ffffff;
  } /* b÷x×100=y */
  25% {
    opacity: 1;
    background: #ffffff;
  } /* 100÷c=z */
  28.57% {
    opacity: 0.75;
    background: #c0c0c0;
  } /* y+z */
}
@keyframes slidebutton4 {
  /*3枚スライド*/
  0% {
    opacity: 0.75;
    background: #c0c0c0;
  }
  4.76% {
    opacity: 1;
    background: #ffffff;
  } /* b÷x×100=y */
  33.33% {
    opacity: 1;
    background: #ffffff;
  } /* 100÷c=z */
  38.09% {
    opacity: 0.75;
    background: #c0c0c0;
  } /* y+z */
}

#hero_image label:nth-of-type(2) span::before,
#hero_image label:nth-of-type(2) img,
.out label:nth-of-type(2) span::before,
.out label:nth-of-type(2) img {
  animation-delay: 3.5s;
}
#hero_image label:nth-of-type(3) span::before,
#hero_image label:nth-of-type(3) img,
.out label:nth-of-type(3) span::before,
.out label:nth-of-type(3) img{
  animation-delay: 7s;
}
#hero_image label:nth-of-type(4) span::before,
#hero_image label:nth-of-type(4) img,
.out label:nth-of-type(4) span::before,
.out label:nth-of-type(4) img{
  animation-delay: 10.5s;
}
.out label:nth-of-type(5) span::before,
.out label:nth-of-type(5) img {
  animation-delay: 14s;
}
.out label:nth-of-type(6) span::before,
.out label:nth-of-type(6) img {
  animation-delay: 17.5s;
}
.out label:nth-of-type(7) span::before,
.out label:nth-of-type(7) img {
  animation-delay: 21s;
}
.out label:nth-of-type(8) span::before,
.out label:nth-of-type(8) img {
  animation-delay: 24.5s;
}
.out label:nth-of-type(9) span::before,
.out label:nth-of-type(9) img {
  animation-delay: 28s;
}
.out label:nth-of-type(10) span::before,
.out label:nth-of-type(10) img {
  animation-delay: 31.5s;
}

#hero_image input:nth-of-type(1):checked ~ .in label:nth-of-type(1) img,
#hero_image input:nth-of-type(2):checked ~ .in label:nth-of-type(2) img,
#hero_image input:nth-of-type(3):checked ~ .in label:nth-of-type(3) img,
#hero_image input:nth-of-type(4):checked ~ .in label:nth-of-type(4) img {
  opacity: 1;
  z-index: 1;
}
.out input:nth-of-type(1):checked ~ .in label:nth-of-type(1) img,
.out input:nth-of-type(2):checked ~ .in label:nth-of-type(2) img,
.out input:nth-of-type(3):checked ~ .in label:nth-of-type(3) img,
.out input:nth-of-type(4):checked ~ .in label:nth-of-type(4) img,
.out input:nth-of-type(5):checked ~ .in label:nth-of-type(5) img,
.out input:nth-of-type(6):checked ~ .in label:nth-of-type(6) img,
.out input:nth-of-type(7):checked ~ .in label:nth-of-type(7) img,
.out input:nth-of-type(8):checked ~ .in label:nth-of-type(8) img,
.out input:nth-of-type(9):checked ~ .in label:nth-of-type(9) img,
.out input:nth-of-type(10):checked ~ .in label:nth-of-type(10) img {
  opacity: 1;
  z-index: 1;
}

.viewroyal .in img{
  /*4枚スライド*/
  animation: slide3 14s infinite; /* (a+b)×c=x */
  opacity: 0;
  width: 100%;
}
.viewpremier .in img,
.superior .in img {
  /*4枚スライド*/
  animation: slide3 14s infinite; /* (a+b)×c=x */
  opacity: 0;
  width: 100%;
}
.viewdeluxe .in img {
  /*4枚スライド*/
  animation: slide3 14s infinite; /* (a+b)×c=x */
  opacity: 0;
  width: 100%;
}
.junior .in img,
.superiortwin .in img {
  /*3枚スライド*/
  animation: slide4 10.5s infinite; /* (a+b)×c=x */
  opacity: 0;
  width: 100%;
}

@keyframes slide1 {
  /*9枚スライド*/
  0% {
    opacity: 0;
  }
  1.59% {
    opacity: 1;
    z-index: 1;
  } /* b÷x×100=y */
  11.11% {
    opacity: 1;
  } /* 100÷c=z */
  12.70% {
    opacity: 0;
    z-index: 0;
  } /* y+z */
}
@keyframes slide2 {
  /*8枚スライド*/
  0% {
    opacity: 0;
  }
  1.78% {
    opacity: 1;
    z-index: 1;
  } /* b÷x×100=y */
  12.5% {
    opacity: 1;
  } /* 100÷c=z */
  14.28% {
    opacity: 0;
    z-index: 0;
  } /* y+z */
}
@keyframes slide3 {
  /*4枚スライド*/
  0% {
    opacity: 0;
  }
  3.57% {
    opacity: 1;
    z-index: 1;
  } /* b÷x×100=y */
  25% {
    opacity: 1;
  } /* 100÷c=z */
  28.57% {
    opacity: 0;
    z-index: 0;
  } /* y+z */
}
@keyframes slide4 {
  /*3枚スライド*/
  0% {
    opacity: 0;
  }
  4.76% {
    opacity: 1;
    z-index: 1;
  } /* b÷x×100=y */
  33.33% {
    opacity: 1;
  } /* 100÷c=z */
  38.09% {
    opacity: 0;
    z-index: 0;
  } /* y+z */
}

#hero_image input:checked ~ .in img,
#hero_image input:checked ~ .in span::before,
.out input:checked ~ .in img,
.out input:checked ~ .in span::before {
  animation: none;
}
#hero_image .in:hover img,
#hero_image .in:hover span::before,
.out .in:hover img,
.out .in:hover span::before {
  animation-play-state: paused; /* マウスを載せると一時停止 */
}
.contents {
  width: 950px;
  margin: 0 auto;
  font-family: "Noto Serif JP", system-ui;
}
header {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
}
header .pc_gnav {
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
}
header .pc_gnav nav {
  width: 950px;
  margin: 0 auto;
  position: relative;
  height: 56px;
  display: flex;
  align-items: center;
}
header #logo {
  margin-top: 9px;
    margin-bottom: 0;
    left: 0;
    position: absolute;
    margin-left: 20px;
    top: 0;
    z-index: 3;
}
header #logo a {
  display: block;
  width: 100%;
  margin: 0;
}
header #logo img {
  width: 145px;
}
header .pc_gnav nav ul {
  position: absolute;
  right: 0;
  font-size: 14px;
  background-color: transparent;
  width: 796px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
header .pc_gnav nav ul li {
  text-align: center;
  letter-spacing: 0.4px;
  list-style: none;
}
header .pc_gnav nav ul li a {
  text-align: center;
  letter-spacing: 0.4px;
  padding: 0 8px;
}
header .pc_gnav nav ul li a:link,
header .pc_gnav nav ul li a:visited {
  color: #000;
  text-decoration-line: none;
}
header .pc_gnav nav ul li:last-child a {
  background-color: #000;
  display: block;
  padding: 20px;
  color: #ffffff;
}
.sub_fv {
  width: 950px;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  height: 300px;
  margin: 0 auto 0;
}
.sub_fv .head_bg img {
  width: 100%;
  object-fit: cover;
  object-position: 0 -120px;
}
.sub_fv .head_tit {
  font-family: "Noto Serif JP", system-ui;
  color: #fff;
  font-size: 35px;
  position: absolute;
  top: 60%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

/*ベース*/
.toggle {
  display: none;
}
.Label {
  /*タイトル*/
  display: block;
  color: #fff;
  line-height: 21px;
  cursor: pointer;
}
.Label::before {
  /*タイトル横の矢印*/
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 3px);
  right: 20px;
  transform: rotate(135deg);
}
.Label,
.accordion-block {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s ease;
}
.accordion-block {
  /*本文*/
  height: 0;
  padding: 0 20px;
  overflow: hidden;
}

/*chatGTPの教え*/
.toggle + .Label + .accordion-block {
  height: 0;
  padding: 0 20px;
  margin: 0;
}

.toggle:checked + .Label + .accordion-block {
  /*開閉時*/
  height: auto;
  padding: 20px 20px 10px;
  transition: all 0.3s ease;
}
.toggle:checked + .Label::before {
  transform: rotate(-45deg) !important;
}

.accordion-block ul {
  padding: 0;
}

/* -----------------------------------------------------------
	.con_title
----------------------------------------------------------- */
.con_title {
  position: relative;
  text-align: center;
  background-image: url(../images/common/title.png);
  background-size: cover;
  background-position: 50% 53%;
  height: 500px;
}
.con_title h2 {
  font-size: 42px;
}
/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
.con_intro {
  width: 85%;
  margin: 140px auto 120px;
  text-align: center;
}
.con_intro dl dt {
  font-size: 21px;
  text-align: center;
  margin-bottom: 30px;
}
.con_intro dl dd {
  margin: 20px auto 60px;
  line-height: 2.3;
}
/* -----------------------------------------------------------
	.con_charm
----------------------------------------------------------- */
.con_charm {
  display: flex;
  margin: 0 auto 120px;
  background-color: #3b4244;
  padding: 0;
}
.con_charm img {
  width: 55%;
  object-fit: contain;
}
.con_charm dl {
  width: 45%;
  order: 1;
  display: grid;
  place-content: center;
  place-items: center;
}
.con_charm dl dt {
  width: 85%;
  text-align: left;
  line-height: 1.6;
  padding: 0 0 20px;
  font-size: 24px;
}
.con_charm dl dd {
  width: 85%;
  margin: 0 auto;
  padding: 20px 0 0;
  border-top: 1px solid #b4b3b8;
  line-height: 2.1;
}
/* -----------------------------------------------------------
	.con_roomlist
----------------------------------------------------------- */
.con_roomlist {
  margin-bottom: 120px;
}
.con_roomlist .box_list {
  width: 950px;
  margin: 0 auto 50px;
  display: flex;
}
.con_roomlist .box_list:last-child {
  margin-bottom: 0;
}
.con_roomlist .box_list p,
.con_roomlist .box_list:nth-child(2) p {
  width: 100px;
  font-size: 24px;
  letter-spacing: 4px;
  border-right: 1px solid #fff;
  text-align: start;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 10px;
}
.con_roomlist .box_list ul {
  margin: 0 auto;
}
.con_roomlist .box_list ul,
.con_roomlist .box_list:nth-child(2) ul {
  display: flex;
  width: 80%;
  justify-content: space-around;
  list-style: none;
  padding: 0;
}
.con_roomlist .box_list ul li a {
  position: relative;
  display: block;
  padding: 10px 0;
  color: #fff;
}
.con_roomlist .box_list ul li > a::after {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  bottom: 0;
  content: "";
  height: 5px;
  width: 5px;
  margin: auto;
  position: absolute;
  top: 50px;
  right: 50%;
  transform: rotate(135deg);
  transition: 0.8s;
}
.con_roomlist .box_list ul li > a:hover:after {
  top: 60px;
}
/* -----------------------------------------------------------
	.con_room
----------------------------------------------------------- */
.con_room .wrap_tit {
  width: 85%;
  margin: 100px auto 0;
  letter-spacing: 2.5px;
  line-height: 2.1;
}
.con_room .wrap_tit dt {
  text-align: center;
  font-size: 32px;
  margin-bottom: 30px;
  letter-spacing: 3px;
}
.con_room .wrap_tit dd {
  line-height: 2.1;
  text-align: center;
  margin: 0;
}
.room_type {
  padding-top: 100px;
}
.room_type .roon-img {
  width: 100%;
  margin: 20px 0 40px;
}
.room_type .roon-img figure {
  margin: 0;
}
.room_type .roon-img .slick-dots {
  bottom: 15px;
}
.room_type .roon-img .slick-dots li button:before {
  font-size: 45px;
}
.room_type .slick-dotted.slick-slider {
  margin-bottom: 60px;
}
#deluxe_suite .slick-dots,
#superior_suite .slick-dots,
#junior_suite .slick-dots,
#superior_twin .slick-dots {
  display: none;
}
.room_type .room_box {
  width: 885px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 60px;
}
.room_type .room_box .room_txt {
  width: 50%;
  margin: 0;
  line-height: 2.1;
}
.room_type .room_box .room_txt dl {
  margin: 0;
}
.room_type .room_box .room_txt dl dt {
  text-align: left;
  font-size: 23px;
  margin: 0 0 10px;
  letter-spacing: 3px;
}
.room_type .room_box .room_txt dl dd {
  line-height: 2.1;
  margin: 0;
}
.room_type .room_box .room_dit {
  width: 40%;
  margin-bottom: 0;
  list-style: none;
}
.room_type .room_box .room_dit li:first-child {
  border-top: 1px solid #b4b3b8;
}
.room_type .room_box .room_dit li {
  border-bottom: 1px solid #b4b3b8;
}
.room_type .room_box .room_dit li dl {
  display: flex;
  padding: 12px 0;
  margin: 0;
}
.room_type .room_box .room_dit li dl dt {
  width: 20%;
  margin-left: 10%;
}
.room_type .room_link {
  width: 576px;
  margin: 0 auto;
}
.room_type .room_link .amenity {
  cursor: pointer;
  text-align: center;
  padding: 10px 0;
  border: 1px solid #fff;
  font-size: 15px;
  height: auto;
}
.amenity .accordion-block {
  text-align: left;
  padding: 0 6%;
}
.amenity .accordion-block > ul li {
  margin-bottom: 20px;
}
.amenity .accordion-block > ul li dl dt {
  line-height: 2.1;
}
.amenity .accordion-block > ul li dl dd {
  margin: 0;
  line-height: 2.1;
}
.room_type .room_link .reserve {
  text-align: center;
  border: 1px solid #fff;
  background-color: #fff;
}
.room_type .room_link .reserve a {
  position: relative;
  display: block;
  padding: 10px 0;
  text-align: center;
  color: #000;
}
.room_type .room_link .reserve a::before {
  content: "";
  border-right: 2px solid #000;
  border-top: 2px solid #000;
  bottom: 0;
  height: 5px;
  width: 5px;
  margin: auto;
  position: absolute;
  right: 30%;
  top: 0;
  transform: rotate(45deg);
  transition: 0.8s;
}
.room_type .room_link .reserve a:hover:before {
  right: 27%;
}
.room_type .floor_plan {
  width: 576px;
  margin: 0 auto 20px;
} 
.room_type .floor_plan img {
  width: 100%
}