@charset "utf-8";

/*----------------------------------------------------
    共通css
----------------------------------------------------*/

h2 a, h3 a, h4 a, h5 a, .caption a {
    pointer-events: none !important;
    background-image: none !important;
    text-decoration: none !important;
}
h2 a:after, h3 a:after, h4 a:after, h5 a:after {
    display: none !important;
}


.grad-wrap {
  position: relative;
  margin-bottom: 8rem;
  margin-top: 4rem;
}
.grad-wrap + .grad-wrap {
  margin-top: 40px;
}
.grad-btn {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: fit-content;
  margin: auto;
  padding: 1rem 5rem;
  border-radius: 3rem;
  background: #ff6378;
  color: #fff;
  cursor: pointer;
  transition: .2s ease;
  box-shadow: 0 4px 8px #0000002e;
  text-align: center;
  font-weight: bold;
}
.grad-btn::after {
  content: "もっと見る"
}
.grad-btn:hover {
  background: #fff;
  color: #333;
}
.grad-btn .fa {
  margin-right: 0;
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 14rem;
}
.grad-item p + p {
  margin-top: 1em;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 40px; /*グラデーションで隠す範囲*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  z-index: 1;
}
.grad-trigger {
  display: none;
}
.grad-trigger:checked ~ .grad-btn {
  bottom: -2em;
}
.grad-trigger:checked ~ .grad-btn::after {
  content: "閉じる"
}
.grad-trigger:checked ~ .grad-btn .fa {
  transform: rotate(180deg);
}
.grad-trigger:checked ~ .grad-item {
  height: auto;
  padding-bottom: 2rem;
}
.grad-trigger:checked ~ .grad-item::before {
  display: none;
}
.grad-wrap .fa-chevron-down:before {
    /* content: ""; */
    /* margin: 0 1rem; */
}


.back-2 h5 {
  margin: 2rem 0 0;
  font-weight: bold;
  font-size: 16px;
}

.date {
  color: #949494;
  margin: 10px auto;
  width: 1000px;
  font-size: 12px;
  word-break: break-all;
}

p.none {
  margin: 0;
}

#page .none.btn-web a {
  background: #dd334d url(img/top_h2_ar.png) right 40px center no-repeat;
  border-radius: 80px;
  box-shadow: 5px 7px #c9c9c9;
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.6;
  margin: 30px auto;
  padding: 17px 75px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 60%;
}

.c_parts.c_parts_footer {
  margin-top: 100px;
}

.footer_box {
  margin-top: 10px;
}

.footer_box2 .flex {
  display: flex;
  margin-top: 20px;
}

.footer_box2 {
  background: url(https://www.kimono-tourism.net/wp/wp-content/themes/wp001j/img/top_h2_line.png) left top repeat-x;
  padding: 10px 0 50px;
}

.footer_box2 .flex.gallery {
  justify-content: center;
  margin: 0 0 16px;
}

.footer_box2 .number {
  background: url(https://www.kimono-tourism.net/wp/wp-content/themes/wp001j/img/top_h2_icon.png) top center no-repeat;
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
  padding: 10px 27px 30px;
  text-align: center;
}

.footer_box2 h3.none.ttl {
  display: inline-block;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.4;
  padding: 20px 20px 20px 50px;
}

.footer_box2 .flex.footer_box3 {
  width: 80%;
  align-items: center;
  text-align: center;
  margin: 0 auto 10px;
  display: flex;
}

.footer_box2 .flex.footer_box3 .footerleft {
  width: 50%;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.6;
  background: url(https://www.kimono-tourism.net/wp/wp-content/themes/wp001j/img/top_h2_parts_02.png) center top 6px no-repeat;
  background-size: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 84px;
}

.footer_box2 .flex.footer_box3 .footerright {
  color: #dd334d;
  display: block;
  font-size: 36px;
  font-weight: bold;
  text-shadow: 3px 0px #fff, -3px 0px #fff, 0px -3px #fff, 0px 3px #fff, 3px 3px #fff, -3px 3px #fff, 3px -3px #fff, -3px -3px #fff, 2px 3px #fff, -2px 3px #fff, 2px -3px #fff, -2px -3px #fff, 3px 2px #fff, -3px 2px #fff, 3px -2px #fff, -3px -2px #fff;
  width: 50%;
  background: url(https://www.kimono-tourism.net/wp/wp-content/themes/wp001j/img/top_h2_parts_02.png) center top 6px no-repeat;
  background-size: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 84px;
}

.footer_box2 .flex.gallery ul.flex {
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  bottom: 50px;
  left: 0;
}

.footer_box2 .flex.gallery ul.flex li {
  background: #e6e6e6;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-size: 18px;
  line-height: 1.4;
  padding: 15px 10px;
  text-align: center;
  width: 48%;
  font-weight: bold;
  margin: 4px;
}

.footer_box2 .flex.gallery ul li.active {
  background: #05a2c9;
  font-weight: bold;
}

.footer_box2 .flex.gallery p.none {
  margin: 0;
}

.footer_box2 .balloon {
  background: #73d4db;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 10px;
  position: relative;
  margin: 30px auto 10px;
  text-align: center;
  width: 78%;
}

.footer_box2 .balloon2 {
  background: #e6e6e6;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 10px;
  position: relative;
  width: 78%;
  margin: -3px auto 10px;
  text-align: center;
  z-index: 0;
}

.footer_box2 .balloon::after {
  background: url(https://www.kimono-tourism.net/wp/wp-content/themes/wp001j/img/top_h2_parts.png) left top no-repeat;
  content: "";
  width: 19px;
  height: 26px;
  position: absolute;
  bottom: -38%;
  margin-top: -13px;
  transform: rotate(90deg);
  left: 50%;
  z-index: 1;
}

.footer_box2 .balloon2 ul li {
  text-align: left;
  padding-left: 22%;
}

.footer_box2 .balloon2:before {
  position: absolute;
  background: url(https://www.kimono-tourism.net/wp/wp-content/themes/wp001j/img/top_h2_point.png);
  background-size: 100%;
  width: 92px;
  height: 20px;
  content: "";
  left: 3%;
  background-repeat: no-repeat;
  top: 34%;
}

.footer_box2 .flex.gallery .flex li.photo2 {
  background: unset;
  border-radius: 0;
  padding: 0;
}

.footer_box2 .flex.gallery .right_img {
  width: 78%;
}

.c_parts.c_parts_footer .top_area .ttl {
  font-size: 1.9rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  line-height: 1.5;
  margin: 0 auto 1.5em;
  padding: 1rem 1rem 2rem;
  position: relative;
  text-align: center;
}

.c_parts.c_parts_footer .top_area .ttl::after {
  background: #ff6b6b;
  content: "";
  width: 35%;
  height: 0.4rem;
  position: absolute;
  left: 44%;
  margin-left: -5rem;
  bottom: 0;
}

.c_parts.c_parts_footer .top_area .ttl .ttl_wrap .ttl_small {
  letter-spacing: 0.1rem;
  font-size: 1.4rem;
}

.c_parts.c_parts_footer .sec01 {
  background: url(img/sp/top_ttl_parts_02_sp.png) left 3.5rem top no-repeat, url(img/sp/top_ttl_parts_01_sp.png) right 3.5rem top no-repeat;
  background-size: 8rem auto;
}

.official h5 {
  margin: 1rem 0 0;
  font-weight: bold;
  font-size: 16px;
}

.cap1 {
  font-size: 7px;
  color: #888;
}

/*20211217*/
.custom_text {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: red;
}

.custom_text2 {
  font-size: .9em;
  font-weight: bold;
}

.yukata,
.yukata-okamoto {
  font-size: 10px;
  color: #999;
  line-height: 1.4;
  word-wrap: break-word;
}

.custom_caption {
  overflow: auto;
  white-space: nowrap;
  font-size: 10px;
  color: #999;
  line-height: 1.4;
  word-wrap: break-word;
}

/* oki_20220525 */
.kanren {
  border: 3px solid #ffeeef;
  padding: 20px 20px 0;
  margin: 30px 0;
  position: relative;
  box-sizing: border-box;
}

.midasi {
  border-bottom: 2px dotted #dbd347;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}

.kanren br {
  display: none;
}

.readmore-content {
  position: relative;
  overflow: hidden;
  height: 130px;
}

.readmore-content::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: "";
  /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
  height: 50px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
}

/* 続きを読むボタン */
.readmore-label {
  display: table;
  bottom: 5px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  margin: 5px auto;
  z-index: 2;
  padding: 2px 12px;
  background-color: #ff6378;
  border-radius: 20px;
  color: #FFF;
}

.readmore-label:before {
  content: '続きを読む';
  font-weight: bold;
}

.readmore-check {
  display: none;
}

/*チェック時にボタンを非表示*/
.readmore-check:checked~.readmore-label {
  position: static;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
  /* display: none; */
}

.readmore-check:checked~.readmore-label:before {
  content: '閉じる';
}

/*チェック時に高さを自動に戻す*/
.readmore-check:checked~.readmore-content {
  height: auto;
}

/*チェック時グラデーション等を削除*/
.readmore-check:checked~.readmore-content::before {
  display: none;
}

#page .caption_scroll p {
  font-size: 12px;
  color: #999;
  margin: 1rem 0;
  line-height: 1.4;
  word-wrap: break-word;
}

#page .caption_scroll a {
  color: #999;
}

#index .float-img .flame:not(.none),
#page .float-img .flame:not(.none) {
  border: unset;
}

img {
  max-width: unset;
  width: auto;
}

.flex-img {
  display: flex;
}

.flex-img .caption {
  font-size: 10px;
  color: #999999;
  text-decoration: none;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: thin;
  scrollbar-color: #C0C0C0 #eee;
  display: block;
  width: 90%;
  margin: 10px auto 0;
}

.flex-img .caption::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #C0C0C0;
}

.flex-img .caption::-webkit-scrollbar {
  height: 5px;
}

.flex-img .caption::-webkit-scrollbar-track {
  border-radius: 2px;
  background: #eee;
}

.flex-img div {
  text-align: center;
}

.official {
  width: 80%;
  margin: 60px auto 120px;
}

#index h4.partTtl {
  border-bottom: 2px solid #333;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.heading {
  font-weight: bold;
}

#index ul.column_record:not(.none):not(.subList) {
  margin: 0 auto 30px;
}

ul.column_record {
  max-height: 300px;
  overflow-y: scroll;
  padding: 10px;
  border: solid 1px #8f8f8f;
}

ul.column_record li {
  border-bottom: solid 1px #8f8f8f;
}

ul.column_record li::before {
  content: none;
}

ul.column_record li span.day {
  font-size: small;
  display: block;
  background: none;
  color: #000;
  margin: 0px;
}

.mini {
  font-size: 10px;
  text-align: right;
}

/*
#page.category h4:not(.none) {
    border-bottom: 2px solid #dbd347;
    font-size: 22px;
    padding: 20px 10px 8px;
    position: relative;
}
#page.category h4:not(.none):after {
    border-bottom: 1px solid #dbd347;
    bottom: -6px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
*/
.back-2 {
  padding: 10px 18px;
  height: auto;
  clear: both;
}

#index ul.link_list li a:hover {
  opacity: 0.6;
}

#index .sec04 .flex.maker_list h4:not(.none) {
  border-bottom: 2px solid #d8ce2f;
}

#index .sec04 .flex.maker_list li .name a span {
  background-image: url(https://www.kimono-tourism.net/wp/wp-content/uploads/top_h5_ar2.png);
}

#index .sec01 .flex.maker_list li::before,
#index .sec04 .flex.maker_list li::before {
  background: #d8ce2f;
  /* background: #dd334d; */
}

#index .manager_comment,
#page .manager_comment {
  background: #fffff7;
  border: 1px solid #d8ce2f;
}

#index .sec01 .flex.maker_list li,
#index .sec04 .flex.maker_list li {
  background: #fffff7;
  border-top: 2px solid #d8ce2f;
  /* border-top: 2px solid #dd344e; */
  /* background: #fff6f6; */
}

#index .sec01 .flex.maker_list li .name a span {
  background: url(https://www.kimono-tourism.net/wp/wp-content/uploads/top_h5_ar2.png) right center no-repeat;
  padding: 0 60px 0 0;
}

#index h3:not(.none),
#page h3:not(.none) {
  padding-left: 65px;
  background: url(https://www.kimono-tourism.net/wp/wp-content/uploads/top_h3_parts00.png)left center no-repeat;
  background-size: 6%;
}

#index ul:not(.none):not(.subList),
#page ul:not(.none):not(.subList),
#index ol:not(.none),
#page ol:not(.none) {
  margin: 10px 0;
}

#index .footerbtn p.btn-internal,
#page .footerbtn p.btn-internal,
#sub .footerbtn p.btn-internal {
  float: left;
  position: relative;
  background: url(img/templ_h2_parts_01.png) right 13px bottom 21px no-repeat, url(img/templ_h2_parts_02.png) left 14px top 13px no-repeat;
  background-size: 9%;
}

#index .footerbtn p.btn-internal a,
#page .footerbtn p.btn-internal a,
#sub .footerbtn p.btn-internal a {
  margin: 0px 10px 10px;
  width: 345px;
  padding: 20px 40px 20px 25px;
  color: #333;
  border: 4px solid #333;
  background: url(https://www.kimono-tourism.net/wp/wp-content/uploads/templ_btn_ar_black.png) right 20px center no-repeat;
}

#index .kuchikomi_list .kuchikomi_box .catch,
#page .kuchikomi_list .kuchikomi_box .catch {
  width: 90%;
}

#index .btn-internal:not(.none) a,
#page .btn-internal:not(.none) a {
  background: url(https://www.kimono-tourism.net/wp/wp-content/uploads/templ_btn_ar_black.png) right 20px center no-repeat;
  color: #333;
  border: 4px solid #333;
  position: relative;
  z-index: 0;
  width: 400px;
  box-sizing: border-box;
  padding: 20px 40px 20px 20px;
}

#index .btn-internal:not(.none) a.btn-internal-top {
  color: #333;
  border: 4px solid #333;
}

#page p.in-site a {
  background: #a8d130 url(https://www.kimono-tourism.net/wp/wp-content/themes/wp001j/img/top_h3_ar.png) right 40px center no-repeat;
  border-radius: 80px;
  box-shadow: 5px 7px #c9c9c9;
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0 auto;
  padding: 17px 80px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 60%;
}

#page p.in-site a:hover {
  opacity: 0.5;
}

#index h3.samnari.li_h3plane {
  padding-left: 0;
  background: unset;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
  border-bottom: unset;
  padding-top: 0px;
  margin-top: 0;
}

#index h3.samnari.li_h3plane:after {
  content: unset;
}

/*2023.03.22*/
.top_bar h1:before,
.top_bar a:before {
  content: "PR";
  display: inline-block;
  background: #000;
  color: #fff;
  text-align: center;
  width: fit-content;
  margin-right: 1rem;
  font-size: 14px;
  padding: 0 1rem;
  line-height: 1.4;
}

.copyright a:before {
  content: "【PR】";
}

.spring-lp #index .sec01 .famous_list .box .flex.gallery .left_tag .txt .no-block span {
display: inline;
}
.spring-lp #index .sec04 .flex.maker_list li .flex.address {
width: 100%;
display: table;
border-collapse: collapse;
}
.spring-lp #index .sec04 .flex.maker_list li .flex.address:nth-child(2n) dt,
.spring-lp #index .sec04 .flex.maker_list li .flex.address dt {
width: 40%;
display: table-cell;
border: 1px solid #000000;
background: #ddd;
border-collapse: collapse; /* dt要素の右側のボーダーを0に設定 */
padding: 10px;
}
.spring-lp #index .sec04 .flex.maker_list li .flex.address dd {
display: table-cell;
width: 60%;
padding: 10px;
border: 1px solid #000000;
border-collapse: collapse; /* dd要素の左側のボーダーを0に設定 */
background: #fff;
}
.spring-lp #index .sec04 .flex.maker_list li dl + dl {
margin: 0;
}
.spring-lp .catch0 {
font-weight: bold;
letter-spacing: 1px;
font-size: 26px;
line-height: 2.2rem;
}
.spring-lp .catch {
font-size: 16px;
border-bottom: dotted 8px #efe73c;
font-weight: bold;
color: #6c6c6c;
line-height: 3em;
}
.spring-lp #index .sclolltable {
width: 90%;
margin: 0 auto;
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* スマホでヌルッとスクロール */
}
.spring-lp #index .sclolltable table {
min-width: 2500px;
border-collapse: collapse;
table-layout: fixed; /* セル幅を安定させる（はみ出し防止の土台） */
width: 100%;
}
.spring-lp #index .sclolltable thead th:first-child,
.spring-lp #index .sclolltable tbody th {
width: 250px;
background: #dd334d;
color: #fff;
}
.spring-lp #index .sclolltable thead th {
background: #dd334d;
color: #fff;
}
.spring-lp #index .sclolltable th, 
.spring-lp #index .sclolltable td {
padding: 8px;
border: 1px solid #ccc;
vertical-align: top;
white-space: normal;
overflow: visible;
text-overflow: ellipsis;
}
.spring-lp #index .sclolltable th {
text-align: left;
font-weight: 600;
}
.spring-lp #index .sclolltable .btn-web a{
border-radius: 10px;
box-shadow: 6px 8px #c9c9c9;
display: block;
font-size: 14px;
font-weight: bold;
margin: 10px auto 10px;
text-decoration: none;
padding: 15px 2px 15px 8px;
position: relative;
text-align: left;
z-index: 5;
width: 100%;
border: solid 1px;
}
.spring-lp #index .sclolltable thead th:nth-child(2),
.spring-lp #index .sclolltable tbody td:nth-child(2) {
width: 230px;
}
.spring-lp #index .sclolltable thead th:nth-child(3),
.spring-lp #index .sclolltable tbody td:nth-child(3) {
width: 160px;
}
.spring-lp #index .sclolltable thead th:nth-child(4),
.spring-lp #index .sclolltable tbody td:nth-child(4) {
width: 160px;
}
.spring-lp #index .sclolltable thead th:nth-child(5),
.spring-lp #index .sclolltable tbody td:nth-child(5) {
width: 175px;
}
.spring-lp #index .sclolltable thead th:nth-child(6),
.spring-lp #index .sclolltable tbody td:nth-child(6) {
width: 145px;
}
.spring-lp #index .sclolltable thead th:nth-child(7),
.spring-lp #index .sclolltable tbody td:nth-child(7) {
width:185px ;
}
.spring-lp #index .sclolltable thead th:nth-child(8),
.spring-lp #index .sclolltable tbody td:nth-child(7) {
width:215px ;
}
.spring-lp #index .sec01 .flex.maker_list li .name a span {
    background: none;
}


/*----------------------------------------------------
  PCサイトcss
----------------------------------------------------*/

@media screen and (min-width: 600px) {

  /*/////////////PC用のCSSをここに作成してください。/////////////*/
  /*/////////////必ず中括弧の中に作成してください。/////////////*/
  .point01 {
    color: #e91e63;
    font-weight: bold;
  }

  #index .kuchikomi_list .good .catch::before,
  #page .kuchikomi_list .good .catch::before {
    left: -80px;
  }

  #index .recommend_spot,
  #page .recommend_spot {
    padding: 104px 0 0 0;
  }

  #index .sec04 .flex.maker_list li .flex.address:nth-child(2n) dt {
    border-right: 5px solid #3cd3da;
  }

  .sp-only {
    display: none;
  }

  /*/背景/*/
  .back {
    background: #f5f5f5;
    padding: 10px 19px;
    margin-left: 300px;
    height: auto;
  }

  #page .slider .flex.bxslider li {
    height: 300px;
    width: 50%;
  }

  #index .float-img .flame:not(.none),
  #page .float-img .flame:not(.none) {
    text-align: center;
  }

  #index h4:not(.none),
  #page h4:not(.none) {
    margin: 0px 0 15px;
  }

  .yukata {
    max-width: 330px;
  }

  .yukata,
  .yukata-okamoto {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
    text-align: center;
    word-break: break-all;
    font-size: 12px;
  }

  .flex.gallery {
    justify-content: center;
    margin: 50px 0;
  }

  .flex.gallery .right_img {
    width: 90%;
  }

  .flex.gallery .right_img .flex.photo {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .flex.gallery .right_img .flex.photo li {
    border: 2px solid #d8d8d8;
    width: 180px;
    height: 180px;
  }

  .flex.gallery .right_img .flex.photo li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .flex.gallery .right_img .flex.photo li a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    height: auto;
  }

  .flex.gallery .right_img .caption_wrap {
    margin: 10px 0;
    overflow: auto;
    white-space: nowrap;
  }

  .flex.gallery .right_img .caption_wrap .caption {
    padding: 0 0 10px;
    text-align: left;
    width: 100%;
  }

  #index ul.none.famous_list p span.catch {
    font-size: 16px;
    border-bottom: dotted 8px #efe73c;
    font-weight: bold;
    color: #6c6c6c;
    line-height: 3em;
  }

  .sample_kimonoimg ul.none.flex.photo {
    justify-content: space-evenly;
    align-items: center;
  }

  #page .famous_list .box .flex.gallery .sample_kimonoimg .flex.photo li a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    height: auto;
  }

  #page .famous_list .box .flex.gallery .sample_kimonoimg .flex.photo li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  #page .famous_list .box .flex.gallery .sample_kimonoimg .flex.photo li {
    border: 2px solid #d8d8d8;
    width: 125px;
    height: 125px;
  }

  #page h4 {
    clear: both;
  }

  #index .sec01 .flex.maker_list li .flex.address:nth-child(2n) dt {
    border-right: 5px solid #d8ce2f;
  }

  #index .sec01 .flex.maker_list li .flex.address dt {
    border-right: 5px solid #3cd3da;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    width: 20%;
  }

  #index .sec01 .flex.maker_list li .flex.address {
    align-items: center;
    justify-content: flex-start;
    padding: 2px 0;
  }

  #index .sec01 .flex.maker_list li {

    padding: 20px;
    position: relative;
    width: 100%;
    margin: 20px 0 50px;
  }

  #index .sec01 .flex.maker_list li::before {
    border-radius: 10px 10px 0 0;
    color: #fff;
    content: "SHOP " counter(div, decimal-leading-zero);
    counter-increment: div;
    font-size: 12px;
    line-height: 1.4;
    padding: 5px 20px;
    position: absolute;
    top: -26px;
    left: 10px;
    white-space: pre-wrap;
  }

  #index .sec01 .flex.maker_list li .name {
    margin: 0 0 30px;
  }

  #index .sec01 .flex.maker_list li .name a {
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.4;
    text-decoration: none;
  }

  #index .sec01 .flex.maker_list li .flex.address dd {
    padding: 0 10px;
    width: 80%;
  }

  ul.none.famous_list {
    margin: 0 0 10px 0;
  }

  /*20210216*/
  .instagram-center {
    margin: 0 auto;
    max-width: 300px;
  }

  .inner1300 {
    max-width: 1300px;
  }

  nav ul.inner1300 li a {
    padding: 0;
  }

  /* oki_20220525 */
  #index ul.link_list li {
    width: 23%;
    float: left;
    text-align: center;
    background: #dd344e;
    font-size: 18px;
    font-weight: bold;
    margin: 30px 10px;
    padding: 10px;
  }

  #index ul.link_list li a {
    text-decoration: none;
    color: #FFF;
    display: block;
  }


  .facebook-center {
    margin: 0 auto;
    max-width: 300px;
  }

  .flex-img div {
    width: 50%;
  }

  #page .famous_list .box .flex.gallery .left_tag .txt .bold {
    margin: 0;
  }

  #page .famous_list .box .flex.gallery .left_tag .txt {
    padding: 90px 0 110px 240px;
  }

  #index .sec01 .famous_list .box .flex.gallery .left_tag .txt .catch::after,
  #page .famous_list .box .flex.gallery .left_tag .txt .catch::after {
    top: -12%;
    background: url(https://www.kimono-tourism.net/wp/wp-content/uploads/top_h2_parts_02.png) left top no-repeat;
  }

  #page .famous_list .box .flex.gallery .left_tag .flex.tag li {
    font-size: 0.8rem;
  }

  #index .btn-internal:not(.none) a.btn-internal-top {
    width: 400px;
  }

  .sp_br {
    display: none;
  }

  #index p.btn-internal.btn-internal-top0 {
    background: url(https://www.kimono-tourism.net/wp/wp-content/themes/wp001j/img/templ_h2_parts_01.png) right 2px bottom 90px no-repeat, url(https://www.kimono-tourism.net/wp/wp-content/themes/wp001j/img/templ_h2_parts_02.png) left 3px top 62px no-repeat;
    background-size: 8%;
    width: 400px;
  }

  #index p.btn-internal.btn-colorful {
    margin: 10px auto;
    background: url(https://www.kimono-tourism.net/wp/wp-content/themes/wp001j/img/templ_h2_parts_01.png) right 2px top 52px no-repeat, url(https://www.kimono-tourism.net/wp/wp-content/themes/wp001j/img/templ_h2_parts_02.png) left 3px top 13px no-repeat;
    background-size: 8%;
    width: 400px;
  }

  #sub>.cate_menu .cate_menu_box:first-child .cate_top a {
    margin: 0;
  }

  #sub>.free_space+.cate_menu .cate_menu_box:first-child .cate_top a {
    margin: 30px 0 0;
  }
.spring-lp .flex .address{
width:45%;
}
.spring-lp .addressin .address:nth-child(odd) {
float: left;
}
.spring-lp .addressin .address:nth-child(even) {
float: right;
}
.spring-lp dd iframe{
width:100%;
}
.spring-lp #index .sec01 .famous_list .box .flex.gallery .left_tag .txt .bold {
font-size: 34px;
}
.spring-lp #index .sec04 .flex.maker_list li .flex.address:nth-child(2n) dt{
width: 40%;
display: table-cell;
border: 1px solid #000000;
background: #ddd;
border-collapse: collapse;
padding: 10px;
}
}



/*----------------------------------------------------
  SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 599px) {

  /*/////////////SP用のCSSをここに作成してください。/////////////*/
  /*/////////////必ず中括弧の中に作成してください。/////////////*/
  .point01 {
    color: #e91e63;
    font-weight: bold;
  }

  /*/背景/*/
  .back {
    background: #f5f5f5;
    padding: 10px 19px;
    margin-left: 0;
    height: auto;
  }

  #page .slider .icon a img {
    border: solid 1px #050301;
  }

  .yukata,
  .yukata-okamoto {
    display: block;
    text-align: center;
  }

  .yukata img,
  .yukata-okamoto img {
    width: auto;
    text-align: center;
    max-width: 100%;
  }

  .flex.gallery {
    display: flex;
    flex-direction: column-reverse;
    margin: 1rem 0;
  }

  .flex.gallery .right_img {
    margin: 0 0 3rem;
  }

  .flex.gallery .right_img .flex.photo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .flex.gallery .right_img .flex.photo li {
    border: 0.1rem solid #d8d8d8;
    width: 9.5rem;
    height: 9.5rem;
  }

  .flex.gallery .right_img .flex.photo li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .flex.gallery .right_img .flex.photo li a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    height: auto;
  }

  .flex.gallery .right_img .caption_wrap {
    margin: 0.5rem 0;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  .flex.gallery .right_img .caption_wrap .caption {
    margin: 0;
    padding: 0 0 0.5rem;
    text-align: left;
    width: 100%;
  }

  #page .none.btn-web a {
    width: 80%;
    padding: 1rem 2.5rem 1rem 1.5rem;
    font-size: 1.2rem;
    background: #dd334d url(img/top_h2_ar.png) right 12px center no-repeat;
    background-size: 18px;
  }

  #index ul.none.famous_list p span.catch {
    font-size: 16px;
    border-bottom: dotted 8px #efe73c;
    font-weight: bold;
    color: #6c6c6c;
    line-height: 3em;
  }

  .sample_kimonoimg ul.none.flex.photo {
    justify-content: space-evenly;
    display: flex;
  }

  #index .sec01 .flex.maker_list li .flex.address:nth-child(2n) dt {
    border-right: 5px solid #d8ce2f;
  }


  #index .sec01 .flex.maker_list li .flex.address dt {
    border-right: 5px solid #3cd3da;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    width: 33%;
  }

  #index .sec01 .flex.maker_list li .flex.address {
    align-items: center;
    justify-content: flex-start;
  }

  #index .sec01 .flex.maker_list li {
    padding: 20px;
    position: relative;
    width: 100%;
    margin: 20px 0 50px;
  }

  #index .sec01 .flex.maker_list li::before {
    border-radius: 10px 10px 0 0;
    color: #fff;
    content: "SHOP " counter(div, decimal-leading-zero);
    counter-increment: div;
    font-size: 12px;
    line-height: 1.4;
    padding: 5px 20px;
    position: absolute;
    top: -26px;
    left: 10px;
    white-space: pre-wrap;
  }

  #index .sec01 .flex.maker_list li .name {
    margin: 0 0 30px;
  }

  #index .sec01 .flex.maker_list li .name a {
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.4;
    text-decoration: none;
  }

  #index .sec01 .flex.maker_list li .flex.address {
    align-items: center;
    justify-content: flex-start;
    display: flex;
    padding: 2px 0;
  }

  #index .sec01 .flex.maker_list li .flex.address dd {
    padding: 0 10px;
    width: 80%;
    font-size: 12px;
  }

  /*20201221*/
  #index p,
  #page p,
  #sub p {
    font-size: 14px;
  }

  /*20201221 END*/

  .fb-container {
    width: 500px !important;
  }

  .heading {
    font-weight: bold !important;
  }

  /*2021.01.08*/
  .c_parts .top_area .ttl {
    font-size: 1.9rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
    line-height: 1.5;
    margin: 0 auto 1.5em;
    padding: 1rem 1rem 2rem;
    position: relative;
    text-align: center;
  }

  .c_parts .top_area .ttl::after {
    background: #ff6b6b;
    content: "";
    width: 35%;
    height: 0.4rem;
    position: absolute;
    bottom: -0.4rem;
    left: 50%;
    margin-left: -5rem;
  }

  .c_parts .top_area .ttl .ttl_wrap .ttl_small {
    letter-spacing: 0.1rem;
    font-size: 1.4rem;
  }

  .c_parts .sec01 {
    background: url(img/sp/top_ttl_parts_02_sp.png) left 0.5rem top no-repeat, url(img/sp/top_ttl_parts_01_sp.png) right 0.5rem top no-repeat;
    background-size: 6rem auto;
  }

  #page .sec01 .famous_list .box .flex.gallery .left_tag.first {
    background-image: url(/wp/wp-content/uploads/kimono_girl1.png);
  }

  #page .sec01 .famous_list .box .flex.gallery .left_tag.second {
    background-image: url(/wp/wp-content/uploads/kimono_girl2.png);
  }

  #page .sec01 .famous_list .box .flex.gallery .left_tag.third {
    background-image: url(/wp/wp-content/uploads/kimono_girl3.png);
  }

  /*2021.01.08 end*/

  .c_parts.c_parts_footer {
    margin-top: 80px;
  }

  .footer_box {
    margin-top: 10px;
  }

  .footer_box2 {
    padding: 10px 0 0px;
  }

  .footer_box2 h3.none.ttl {
    font-size: 26px;
    padding: 1rem 0 1rem 2rem;
  }

  .footer_box2 .number {
    width: 19%;
    padding: 0.7rem 1.2rem 1.7rem 0.8rem;
    font-size: 1.3rem;
    background-size: 5.5rem auto;
  }

  .footer_box2 .flex.footer_box3 {
    width: 100%;
  }

  .footer_box2 .flex.footer_box3 .footerleft {
    font-size: 18px;
    background-size: 30%;
  }

  .footer_box2 .flex.footer_box3 .footerright {
    font-size: 26px;
    background-size: 30%;
  }

  .footer_box2 .flex.gallery ul.flex li {
    width: 48%;
    padding: 15px 4px;
    margin: 0 0 6px;
    font-size: 14px;
  }

  .footer_box2 .balloon,
  .footer_box2 .balloon2 {
    width: 90%;
  }

  .footer_box2 .balloon2:before {
    background-size: 62%;
  }

  .footer_box2 .flex.gallery .right_img {
    width: 101%;
    margin-bottom: 0;
  }

  .c_parts.c_parts_footer .sec01 {
    background: url(https://www.kimono-tourism.net/wp/wp-content/themes/wp001j/img/sp/top_ttl_parts_02_sp.png) left 0.5rem top no-repeat, url(https://www.kimono-tourism.net/wp/wp-content/themes/wp001j/img/sp/top_ttl_parts_01_sp.png) right 0.5rem top no-repeat;
    background-size: 6rem auto;
  }

  ul.none.famous_list {
    margin: 0 0 10px 0;
  }

  .date {
    width: 100%;
  }

  #index p.time_function,
  #page p.time_function {
    font-size: 12px;
    padding-left: 10px;
  }

  /* oki_20220525 */
  #index ul.link_list li {
    background: #dd344e !important;
    font-size: 18px;
    font-weight: bold;
    margin: 30px auto 10px;
    width: 80%;
    text-align: center;
    padding: 6px;
  }

  #index ul.link_list li a {
    text-decoration: none;
    color: #FFF;
    display: block;
  }

  .caption_scroll {
    margin: 10px 0;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #C0C0C0 #eee;
  }

  /* for chrome, safari */
  .caption_scroll::-webkit-scrollbar {
    height: 5px;
  }

  .caption_scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #C0C0C0;
  }

  .caption_scroll::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #eee;
  }

  #page .caption_scroll p {
    font-size: 12px;
    margin: 0 auto;
  }

  .flex-img {
    display: block;
  }

  #index .sns_icon img,
  #page .sns_icon img,
  #page .bottom_sns_icon img {
    width: 90px;
  }

  img {
    width: 100%;
  }

  .flex-img img {
    width: auto;
  }

  #index .recommend_spot,
  #page .recommend_spot {
    margin: 5rem 0 0;
  }

  #index .sec01 .famous_list .box .flex.gallery .left_tag .txt .catch::after,
  #page .famous_list .box .flex.gallery .left_tag .txt .catch::after {
    background: url(https://www.kimono-tourism.net/wp/wp-content/uploads/top_h2_parts_02_sp.png) left top no-repeat;
  }

  /*
#page.category h4:not(.none) {
    font-size: 1.4rem;
    padding: 0.5rem 0.5rem;
}
#page.category h4:not(.none):after {
    border-bottom: 0.1rem solid #dbd347;
    bottom: -0.5rem;
    content: "";
    height: 0.1rem;
}
*/
  .pc_br {
    display: none;
  }

  #index h3:not(.none),
  #page h3:not(.none) {
    padding-left: 40px;
    background-size: 10%;
  }

  .c_parts.c_parts_footer .top_area .ttl::after {
    left: 50%;
  }

  #index ul:not(.none) li,
  #page ul:not(.none) li {
    position: relative;
    padding-left: 18px;
    background: url(img/sp/templ_ul_icon_sp.png) left 0rem top 0.6rem no-repeat;
    background-size: 1.2rem auto;
  }

  #index .float-img:not(.none),
  #page .float-img:not(.none) {
    text-align: center;
  }

  #index .float-img .flame:not(.none) img,
  #page .float-img .flame:not(.none) img {
    width: auto;
    max-width: 100%;
  }

  #index .caption:not(.none),
  #page .caption:not(.none) {
    margin: 1rem auto 2rem;
  }

  #index .kuchikomi_list .good .catch::before,
  #page .kuchikomi_list .good .catch::before {
    left: -70px;
  }

  #index .kuchikomi_list .kuchikomi_box .catch,
  #page .kuchikomi_list .kuchikomi_box .catch {
    width: 80%;
  }

  #index .footerbtn p.btn-internal,
  #page .footerbtn p.btn-internal,
  #sub .footerbtn p.btn-internal {
    float: unset;
    background: url(img/templ_h2_parts_01.png) right 24px bottom 13px no-repeat, url(img/templ_h2_parts_02.png) left 24px top 14px no-repeat;
    background-size: 6%;
  }

  #index .footerbtn p.btn-internal a,
  #page .footerbtn p.btn-internal a,
  #sub .footerbtn p.btn-internal a {
    font-size: 16px;
    padding: 10px 34px 10px 20px;
  }

  #index p.btn-internal.btn-internal-top0 {
    background: url(https://www.kimono-tourism.net/wp/wp-content/themes/wp001j/img/templ_h2_parts_01.png) right 28px bottom 12px no-repeat, url(https://www.kimono-tourism.net/wp/wp-content/themes/wp001j/img/templ_h2_parts_02.png) left 28px top 14px no-repeat;
    background-size: 6%;
  }

  #index p.btn-internal.btn-colorful {
    background: url(https://www.kimono-tourism.net/wp/wp-content/themes/wp001j/img/templ_h2_parts_01.png) right 23px bottom 16px no-repeat, url(https://www.kimono-tourism.net/wp/wp-content/themes/wp001j/img/templ_h2_parts_02.png) left 23px top 16px no-repeat;
    background-size: 6%;
  }

  #index .footerbtn p.btn-internal,
  #page .footerbtn p.btn-internal,
  #sub .footerbtn p.btn-internal,
  #index .footerbtn p.btn-internal a,
  #page .footerbtn p.btn-internal a,
  #sub .footerbtn p.btn-internal a,
  #index p.btn-internal.btn-colorful,
  #index .btn-internal:not(.none) a,
  #page .btn-internal:not(.none) a {
    width: 90%;
    margin: 0 auto 20px;
  }

  #page p.in-site a {
    background-size: 1rem auto;
    border-radius: 5rem;
    box-shadow: 0.3rem 0.5rem #c9c9c9;
    font-size: 1.3rem;
    letter-spacing: 0.1rem;
    line-height: 1.6;
    padding: 1rem 3rem;
    width: 90%;
    background-position: right 20px center;
  }

  .official {
    width: 100%;
  }

  .instagram-center {
    margin: 0 auto;
  }

  .readmore-label:before {
    font-size: 14px;
    padding: 10px 2px;
  }

  #index .sec04 .flex.maker_list li .flex.address:nth-child(2n) dd {
    border-left: 0.3rem solid #3cd3da;
  }

  #index .slider .icon,
  #page .slider .icon {
    margin: 3rem auto 0;
  }

}

.lp_heading3 {
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  text-decoration: none;
}

#page {
  float: none;
  width: auto;
}

#page .back-2 h4 {
  margin-top: 0;
}

#page .back-2 ul {
  margin: 2rem 0 0 !important;
}

#page .famous_list {}

#page p {
  font-size: 14px;
  line-height: 1.8;
}

#page .btn-web:not(.none) a {
  margin-bottom: 7rem;
  font-size: 1.4rem;
}

#page .famous_list .box .flex.gallery .left_tag .flex.tag li.active.not-free {
  background: #fff;
  color: #05a2c9;
  border: 2px solid #05a2c9;
}

#page .flex.shop_list li .place_name p {
  font-size: inherit;
}

p.tyuusyaku {
  font-size: 12px !important;
}

/*2023.04.06*/
.lower_logo:before {
  content: "PR";
  display: inline-block;
  background: #000;
  color: #fff;
  text-align: center;
  width: fit-content;
  margin-right: 1rem;
  font-size: 14px;
  padding: 0 1rem;
  line-height: 1.4;
}

#index ul:not(.none):not(.subList),
#page ul:not(.none):not(.subList),
#index ol:not(.none),
#page ol:not(.none) {
  margin: 1rem 0;
}


#index {
  width: 80%;
  margin: 0 auto;
}

.flame1 {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}



@media screen and (min-width: 600px) {
  #mv-1 {
    background: url(img/top_mv_img.png) center center no-repeat;
    background-size: cover;
    padding: 20px 0;
  }
}

@media screen and (max-width: 599px) {
  .lp_heading3 {
    font-size: 1.6rem;
  }

  #page .kuchikomi_list {
    margin-bottom: 2rem;
  }

  /*2023.04.06*/
  header.lower .lower_logo {
    padding: 0 1rem 1.5rem;
  }

  #mv-1 {
    background: none;
    background-size: cover;
    width: 100%;
  }

  /**.en{
	position: absolute;
    bottom: 10px;
    color: #000;
    background: #FFF;
    left: 20px;
	}**/



  #mv-1 .inner {
    padding: 0;
  }

  .mrgen {
    margin: 0 1rem;
  }

  #index {
    width: 100%;
    margin: 0 auto;
  }

.spring-lp #index .sec01 .flex.maker_list li .flex.address:last-child {
margin: 0;
  }
.spring-lp #index .sec01 .flex.maker_list li .flex.address dd iframe {
width: 100%;
}

  .spring-lp #index .sec04 .flex.maker_list li .flex.address:nth-child(2n) dd {
    border-left: 0.3rem solid #3cd3da;
  }

  .spring-lp #index .slider .icon, #page .slider .icon {
    margin: 3rem auto 0;
  }
.spring-lp #index .sec04 .flex.maker_list li .flex.address:nth-child(2n) dd {
    border: 1px solid #000000;
}
.spring-lp #index ul.none.famous_list p span.catch {
    line-height: 2.4;
}
	    .spring-lp #index .sec01 .famous_list .box .number {
        background: url(img/sp/top_h2_icon_sp.png) top left no-repeat;
        background-size: 6.5rem auto;
        display: inline-block;
        font-size: 1.3rem;
        font-weight: bold;
        line-height: 1.4;
        padding: 0.7rem 1rem 2.7rem 0.8rem;
        text-align: center;
        width: 23%;
    }


.spring-lp #index .sclolltable thead tr {
	display:flex;
 }

.spring-lp #index .sclolltable tbody tr {
	display:flex;
 }



.spring-lp #index .sclolltable thead th:nth-child(2),
.spring-lp #index .sclolltable tbody td:nth-child(2) {
    width: 242px;
}

.spring-lp #index .sclolltable thead th:nth-child(3),
.spring-lp #index .sclolltable tbody td:nth-child(3) {
    width: 175px;
}

.spring-lp #index .sclolltable thead th:nth-child(4),
.spring-lp #index .sclolltable tbody td:nth-child(4) {
    width: 190px;
}

.spring-lp #index .sclolltable thead th:nth-child(5),
.spring-lp #index .sclolltable tbody td:nth-child(5) {
    width: 206px;
}

.spring-lp #index .sclolltable thead th:nth-child(6),
.spring-lp #index .sclolltable tbody td:nth-child(6) {
    width: 160px;
}

.spring-lp #index .sclolltable thead th:nth-child(7),
.spring-lp #index .sclolltable tbody td:nth-child(7) {
    width: 210px;
}

.spring-lp #index .sclolltable thead th:nth-child(8),
.spring-lp #index .sclolltable tbody td:nth-child(8) {
    width: 230px;
}

.spring-lp #index .sclolltable thead th:nth-child(9),
.spring-lp #index .sclolltable tbody td:nth-child(9) {
    width: 872px;
}
.spring-lp #index ul:not(.none) li {
    font-size: 14px;
}
.spring-lp #index .sec01 .inner .flex.maker_list li {
    margin-top: 4rem;
}	
.spring-lp #index .sec01 .famous_list .box {
    padding-bottom: 0;
}
	
	
}