@charset "UTF-8";
/*
	@include sc(pc) {
		width: 100%;
	}
	@include sc(sp) {
		width: 50%;
	}
*/
/*
	@include hover() {
		opacity: 0.6;
	}
*/
/*
	$line:イラレの行の値
	$size:イラレの文字の値

	@include lh(38, 15);
*/
/*
	$size:object-fitの値

	@include objectfit();
	@include objectfit('contain');
*/
/*
	@include taJ();
*/
/*
	@extend %rightarr;
*/
/*
@mixin f_roboto($weight:400) {
	font-family: 'Roboto',"游ゴシック","游ゴシック体","Yu Gothic",YuGothic, sans-serif;
	font-weight:$weight;
}
Robotoフォント設定
400：Regular（デフォルト）
500：Medium
700：Bold
*/
/*
	$weight:フォントの太さ

	@include f_min();
	@include f_min(500);
	@include f_min(600);
*/
/*
	$weight:フォントの太さ

	@include f_yumin();
	@include f_yumin(500);
	@include f_yumin(600);
	@include f_yumin(700);
*/
/*
	$weight:フォントの太さ

	@include f_gos();
*/
/*
	$weight:フォントの太さ

	@include f_shippori();
*/
/*
	$weight:フォントの太さ

	@include f_amiri();
*/
/*
	$color:色指定
	$stripe:線サイズ
	$spacing:線の空きサイズ
	$height:太さ

	@include dotted(#e6e1d2, 4,4,2);
*/
/*
example
@include dotted-y(#COLOR, WidthPX,SpaceingPX,LengthPX,); 横破線
@include dotted-y(#e6e1d2, 4,4,2,10);
*/
img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.sec_mv {
  position: relative;
}
.sec_mv h1 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: calc(var(--rs) / var(--d) * 0.28rem);
  width: calc(var(--rs) / var(--d) * 1.48rem);
}
.sec_mv h1 img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

.bg {
  display: block;
  width: 100%;
}
.bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.ph img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.banner {
  display: block;
  margin: calc(var(--rs) / var(--d) * 0.66rem) auto calc(var(--rs) / var(--d) * 0rem);
  width: calc(var(--rs) / var(--d) * 6.4rem);
  cursor: pointer;
}
.banner img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.banner img:hover {
  opacity: 0.7;
}

.sec_location {
  padding-bottom: calc(var(--rs) / var(--d) * 1.65rem);
}

.photospot_box {
  margin: calc(var(--rs) / var(--d) * 2.11rem) calc(var(--rs) / var(--d) * 0rem) calc(var(--rs) / var(--d) * 0rem);
}
.photospot_box .slidearea01_link .in .txt_box .txt_adjust {
  font-size: calc(var(--rs) / var(--d) * 0.26rem);
}

.photospot_slide {
  margin-top: calc(var(--rs) / var(--d) * 0.68rem);
}
.photospot_slide + .photospot_slide {
  margin-top: calc(var(--rs) / var(--d) * 0.75rem);
}

.simplebar-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--rs) / var(--d) * 0.3rem);
}

.simplebar-horizontal {
  position: relative;
  width: calc(var(--rs) / var(--d) * 3.2rem);
  margin-left: calc(var(--rs) / var(--d) * 0.3rem);
  margin-top: calc(var(--rs) / var(--d) * 0.43rem);
  background-color: transparent;
  overflow: visible;
  height: 30px !important;
}
.simplebar-horizontal::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: rgba(175, 81, 81, 0.2);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.simplebar-scrollbar {
  position: relative;
  height: 100%;
  width: 51px !important;
}
.simplebar-scrollbar::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 2px;
  background-color: #AF5151;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.slidearea01_link {
  width: calc(var(--rs) / var(--d) * 2.88rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.slidearea01_link:nth-last-child(1) {
  padding-right: calc(var(--rs) / var(--d) * 0.3rem);
}
.slidearea01_link img {
  display: block;
  height: calc(var(--rs) / var(--d) * 2.88rem);
  -o-object-fit: cover;
     object-fit: cover;
}

.title {
  font-size: calc(var(--rs) / var(--d) * 0.36rem);
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  text-align: center;
}

.subtitle {
  margin-top: calc(var(--rs) / var(--d) * 0.14rem);
  font-size: calc(var(--rs) / var(--d) * 0.24rem);
  font-family: goudy-old-style, serif;
  font-weight: 400;
  letter-spacing: 0.14em;
  color: #AF5151;
  text-align: center;
}

.txt_box dt {
  margin-top: calc(var(--rs) / var(--d) * 0.24rem);
  font-size: calc(var(--rs) / var(--d) * 0.28rem);
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.txt_box dd {
  margin-top: calc(var(--rs) / var(--d) * 0.15rem);
  font-size: calc(var(--rs) / var(--d) * 0.23rem);
  line-height: 1.4;
  letter-spacing: 0.1em;
}

.sec_kimono {
  padding-top: calc(var(--rs) / var(--d) * 1.17rem);
  background: #fff;
}
.sec_kimono h2 {
  width: calc(var(--rs) / var(--d) * 1.28rem);
  margin: 0 auto;
}
.sec_kimono h2 img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.kimono_slide {
  margin-top: calc(var(--rs) / var(--d) * 0.67rem);
}

.kimonoslide_link {
  margin: calc(var(--rs) / var(--d) * 0rem) calc(var(--rs) / var(--d) * 0.15rem);
}
.kimonoslide_link img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.slick-prev {
  left: calc(var(--rs) / var(--d) * 0.8rem);
  width: calc(var(--rs) / var(--d) * 0.58rem);
  z-index: 3;
}
.slick-prev:before {
  content: "";
  background-image: url(../img/prev.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
}

.slick-next {
  right: calc(var(--rs) / var(--d) * 0.8rem);
  width: calc(var(--rs) / var(--d) * 0.58rem);
  z-index: 3;
}
.slick-next:before {
  content: "";
  background-image: url(../img/next.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
}

.slick-dots {
  position: relative;
  bottom: calc(var(--rs) / var(--d) * -0.39rem);
}
.slick-dots li {
  margin: calc(var(--rs) / var(--d) * 0rem) calc(var(--rs) / var(--d) * 0.1rem);
}
.slick-dots li button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: calc(var(--rs) / var(--d) * 0rem);
  width: calc(var(--rs) / var(--d) * 0.4rem);
}
.slick-dots li button:before {
  content: "";
  width: calc(var(--rs) / var(--d) * 0.4rem);
  height: 2px;
  background: #AF5151;
  display: block;
  position: relative;
}

.shiromuku_box {
  margin-top: calc(var(--rs) / var(--d) * 1.9rem);
}
.shiromuku_box .title {
  font-size: calc(var(--rs) / var(--d) * 0.38rem);
  letter-spacing: 0.2em;
  line-height: 1.4;
}

.txt {
  margin: calc(var(--rs) / var(--d) * 0.48rem) auto calc(var(--rs) / var(--d) * 0rem);
  padding: calc(var(--rs) / var(--d) * 0rem) calc(var(--rs) / var(--d) * 0.08rem) calc(var(--rs) / var(--d) * 0rem);
  font-size: calc(var(--rs) / var(--d) * 0.26rem);
  width: calc(var(--rs) / var(--d) * 5.79rem);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.8;
  letter-spacing: 0.06em;
}

.sample_box {
  margin: calc(var(--rs) / var(--d) * 0.79rem) calc(var(--rs) / var(--d) * 0.4rem) calc(var(--rs) / var(--d) * 0rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: calc(var(--rs) / var(--d) * 1.24rem) calc(var(--rs) / var(--d) * 0rem);
}
.sample_box .item {
  display: block;
  width: calc(50% - 0.08rem);
  cursor: pointer;
}
.sample_box .item dt {
  display: block;
  width: 100%;
}
.sample_box .item dt img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sample_box .item dd {
  display: block;
  margin-top: calc(var(--rs) / var(--d) * 0.24rem);
}
.sample_box .item dd .txt {
  font-size: calc(var(--rs) / var(--d) * 0.23rem);
  margin-top: calc(var(--rs) / var(--d) * 0.24rem);
  line-height: 1.5;
  letter-spacing: normal;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
}
.sample_box .item dd .txt.active {
  display: block;
}
.sample_box .item dd .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: calc(var(--rs) / var(--d) * 0.38rem);
  height: calc(var(--rs) / var(--d) * 0.38rem);
  margin: calc(var(--rs) / var(--d) * 0.24rem) auto calc(var(--rs) / var(--d) * 0rem);
  background-color: #AF5151;
}
.sample_box .item dd .btn.active:after {
  rotate: 0deg;
}
.sample_box .item dd .btn:before, .sample_box .item dd .btn:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(var(--rs) / var(--d) * 0.24rem);
  height: calc(var(--rs) / var(--d) * 1px);
  background-color: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.sample_box .item dd .btn:after {
  rotate: 90deg;
}

.kakeshita_box {
  margin-top: calc(var(--rs) / var(--d) * 1.69rem);
}
.kakeshita_box .title {
  font-size: calc(var(--rs) / var(--d) * 0.38rem);
  letter-spacing: 0.2em;
  line-height: 1.4;
}

.kakeshita_slide {
  margin: calc(var(--rs) / var(--d) * 0.65rem) calc(var(--rs) / var(--d) * 0rem) calc(var(--rs) / var(--d) * 0rem);
}
.kakeshita_slide .simplebar-horizontal {
  position: relative;
  margin-top: calc(var(--rs) / var(--d) * 0.25rem);
}

.sec_komono {
  padding-top: calc(var(--rs) / var(--d) * 1.65rem);
  background: #fff;
}

.intermission {
  width: 100%;
}
.intermission img {
  display: block;
  width: 100%;
}

.sec_plan {
  margin-top: calc(var(--rs) / var(--d) * 1.7rem);
}
.sec_plan h2 {
  width: calc(var(--rs) / var(--d) * 1.24rem);
  margin: 0 auto;
}
.sec_plan h2 img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.plan_box {
  margin: calc(var(--rs) / var(--d) * 0.5rem) calc(var(--rs) / var(--d) * 0.4rem) calc(var(--rs) / var(--d) * 0rem);
  padding: calc(var(--rs) / var(--d) * 0.6rem) calc(var(--rs) / var(--d) * 0.6rem) calc(var(--rs) / var(--d) * 0.48rem);
  background: #fff;
}

.place {
  margin-top: calc(var(--rs) / var(--d) * 0.29rem);
  padding: calc(var(--rs) / var(--d) * 0.09rem) calc(var(--rs) / var(--d) * 0.14rem);
  font-size: calc(var(--rs) / var(--d) * 0.24rem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: hwb(11 52% 15%/0.1);
}

.planname {
  margin-top: calc(var(--rs) / var(--d) * 0.18rem);
  font-size: calc(var(--rs) / var(--d) * 0.4rem);
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.35;
  color: #AF5151;
}
.planname span {
  display: block;
  margin-top: calc(var(--rs) / var(--d) * 0.05rem);
  font-size: calc(var(--rs) / var(--d) * 0.34rem);
  letter-spacing: 0.04em;
}

.price {
  margin-top: calc(var(--rs) / var(--d) * 0.29rem);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.price_name {
  font-size: calc(var(--rs) / var(--d) * 0.24rem);
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  line-height: 1;
}
.price_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.price_number {
  margin-left: calc(var(--rs) / var(--d) * 0.21rem);
  font-size: calc(var(--rs) / var(--d) * 0.66rem);
  font-family: "amiri", sans-serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1;
}
.price_yen {
  margin-top: calc(var(--rs) / var(--d) * 0.05rem);
  margin-left: calc(var(--rs) / var(--d) * 0.06rem);
  font-size: calc(var(--rs) / var(--d) * 0.3rem);
  line-height: 1;
}
.price_yen span {
  font-size: calc(var(--rs) / var(--d) * 0.23rem);
}
.price::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: rgba(175, 81, 81, 0.26);
  bottom: calc(var(--rs) / var(--d) * -0.25rem);
}

.safari .price_box {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: calc(var(--rs) / var(--d) * 0.25rem);
}

.item_list {
  font-size: calc(var(--rs) / var(--d) * 0.24rem);
  margin-top: calc(var(--rs) / var(--d) * 0.68rem);
}
.item_list li {
  margin-bottom: calc(var(--rs) / var(--d) * 0.24rem);
  line-height: 1;
  letter-spacing: 0.05em;
  color: rgba(34, 28, 28, 0.8);
}

.plan_txt {
  font-size: calc(var(--rs) / var(--d) * 0.22rem);
  letter-spacing: 0.05em;
  color: rgba(34, 28, 28, 0.6);
}

.plan_contact {
  display: block;
  width: calc(var(--rs) / var(--d) * 5.2rem);
  margin: calc(var(--rs) / var(--d) * 0.55rem) auto calc(var(--rs) / var(--d) * 0rem);
}
.plan_contact img {
  width: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.plan_contact img:hover {
  opacity: 0.7;
}

.sec_studio {
  margin-top: calc(var(--rs) / var(--d) * 1.88rem);
}

.place_box {
  margin-top: calc(var(--rs) / var(--d) * 0.75rem);
}
.place_box .ph {
  display: block;
  margin: 0 auto;
  width: calc(var(--rs) / var(--d) * 5.8rem);
}

.detail_box {
  margin: calc(var(--rs) / var(--d) * 0.45rem) calc(var(--rs) / var(--d) * 1rem) calc(var(--rs) / var(--d) * 0rem);
}
.detail_box .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin-top: calc(var(--rs) / var(--d) * 0.3rem);
}
.detail_box .item dt {
  font-size: calc(var(--rs) / var(--d) * 0.26rem);
  width: calc(var(--rs) / var(--d) * 1.53rem);
  letter-spacing: 0.04em;
  line-height: 1;
}
.detail_box .item dd {
  font-size: calc(var(--rs) / var(--d) * 0.28rem);
  letter-spacing: 0.03em;
  line-height: 1;
}
.detail_box .item dd .access {
  margin-top: calc(var(--rs) / var(--d) * 0.11rem);
  display: block;
  line-height: 1;
}
.detail_box .item dd .map {
  display: block;
}
.detail_box .item dd .map a {
  display: block;
  padding: calc(var(--rs) / var(--d) * 0.1rem) calc(var(--rs) / var(--d) * 0rem);
  width: calc(var(--rs) / var(--d) * 1.91rem);
  font-family: "amiri", sans-serif;
  font-weight: 400;
}
.detail_box .item dd .map img {
  display: block;
  width: 100%;
}
.detail_box .item:nth-last-child(1) dt {
  margin-top: 0;
}
.detail_box .item .number {
  font-family: "amiri", sans-serif;
  font-weight: 400;
}
.detail_box .item_tel dt {
  margin-top: 0.03rem;
}
.detail_box .item_tel dd {
  font-size: calc(var(--rs) / var(--d) * 0.3rem);
}
.detail_box .item_tel dd span {
  display: block;
  font-size: calc(var(--rs) / var(--d) * 0.26rem);
  margin-top: calc(var(--rs) / var(--d) * 0.09rem);
}
.detail_box .item_open dd {
  font-size: calc(var(--rs) / var(--d) * 0.3rem);
}

.mt0 {
  margin-top: calc(var(--rs) / var(--d) * -0.14rem);
}

.safari .detail_box dt {
  margin-top: calc(var(--rs) / var(--d) * 0.06rem);
}

.sec_contact {
  margin-top: calc(var(--rs) / var(--d) * 1.19rem);
  padding: calc(var(--rs) / var(--d) * 0.77rem) calc(var(--rs) / var(--d) * 0.7rem) calc(var(--rs) / var(--d) * 0.77rem);
  background: #CEC2C7;
  color: #fff;
  text-align: center;
}
.sec_contact .title {
  width: calc(var(--rs) / var(--d) * 2.57rem);
  margin: 0 auto;
}
.sec_contact .catch {
  margin-top: calc(var(--rs) / var(--d) * 0.67rem);
  font-size: calc(var(--rs) / var(--d) * 0.3rem);
  letter-spacing: 0.08em;
  line-height: 1.6;
}

.action_box {
  margin-top: calc(var(--rs) / var(--d) * 0.56rem);
  gap: calc(var(--rs) / var(--d) * 0.2rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.action_box::after {
  content: "";
  display: block;
  height: 1px;
  background: rgba(255, 255, 255, 0.38);
  width: calc(var(--rs) / var(--d) * 5.2rem);
  margin: calc(var(--rs) / var(--d) * 0.56rem) auto calc(var(--rs) / var(--d) * 0rem);
}
.action_box a {
  width: calc(var(--rs) / var(--d) * 2.8rem);
  display: block;
}
.action_box img {
  width: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.action_box img:hover {
  opacity: 0.7;
}

.tel_box {
  margin-top: calc(var(--rs) / var(--d) * 0.68rem);
}

.contact {
  font-size: calc(var(--rs) / var(--d) * 0.3rem);
  letter-spacing: 0.08em;
  line-height: 1.6;
}

.tel {
  margin-top: calc(var(--rs) / var(--d) * 0.25rem);
  font-size: calc(var(--rs) / var(--d) * 0.44rem);
  font-family: goudy-old-style, serif;
  font-weight: 400;
  letter-spacing: 0.03em;
}
.tel span {
  margin-left: calc(var(--rs) / var(--d) * 0.2rem);
  font-size: calc(var(--rs) / var(--d) * 0.65rem);
  font-family: "amiri", sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
}

.open {
  font-size: calc(var(--rs) / var(--d) * 0.26rem);
  letter-spacing: 0.03em;
}

.contact_link {
  margin-top: calc(var(--rs) / var(--d) * 0.55rem);
}
.contact_link a {
  margin-top: calc(var(--rs) / var(--d) * 0.28rem);
  width: 100%;
  display: block;
}
.contact_link a img {
  width: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.contact_link a img:hover {
  opacity: 0.7;
}

.sns_link {
  margin-top: calc(var(--rs) / var(--d) * 0.86rem);
  gap: calc(var(--rs) / var(--d) * 0.48rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sns_link a {
  display: block;
  width: calc(var(--rs) / var(--d) * 0.4rem);
}
.sns_link a img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sns_link a img:hover {
  opacity: 0.7;
}

.copyright {
  padding: calc(var(--rs) / var(--d) * 0.22rem) calc(var(--rs) / var(--d) * 0rem);
  font-size: calc(var(--rs) / var(--d) * 0.26rem);
  font-family: goudy-old-style, serif;
  font-weight: 400;
  margin-bottom: 40px;
  letter-spacing: 0.07em;
  text-align: center;
}
/*# sourceMappingURL=index.css.map */