.innner, section, .end {
  max-width: 800px;
  margin: 0 auto
}
.innner2 {
  max-width: 560px;
  margin: 0 auto
}
.innner3 {
  max-width: 420px;
  margin: 0 auto
}
.mb1, .end {
  margin-bottom: clamp(100px, 24vw, 200px)
}
.mb2 {
  margin-bottom: clamp(50px, 12vw, 100px)
}
.mb3 {
  margin-top: clamp(24px, 6vw, 50px)
}
.pc {
  display: none !important
}
@media (min-width: 800px) {
  .sp {
    display: none !important
  }
  .pc {
    display: block !important
  }
}
.flex, .flexC, .btn_sns, nav ul, .lst_goods, .c3 .coaster, .flexW, .c4 .bath_sched {
  display: flex;
  align-items: center
}
.flexC, .btn_sns, nav ul, .lst_goods, .c3 .coaster {
  justify-content: center
}
.flexW {
  flex-wrap: wrap
}
.caps, .lst_goods .size, .note h3, .note h4, .note h5, .note p, .note li {
  font-size: clamp(.625rem, calc(.349rem + 1.18vw), .938rem);
  font-weight: 400;
  line-height: 1.4
}
a {
  color: #231815
}
.box_txt {
  margin-bottom: clamp(24px, 6vw, 50px)
}
.box_txt p:not(:last-child) {
  margin-bottom: 1.2em
}
.ttl, .lst_goods h3, .price {
  display: block;
  text-align: center
}
.ttl, .lst_goods h3 {
  line-height: 1.2;
  word-break: keep-all
}
@media (max-width: 560px) {
  .ttl, .lst_goods h3 {
    line-height: 1.25
  }
}
.price small {
  font-size: clamp(.625rem, calc(.387rem + 1.19vw), .938rem)
}
body {
  color: #231815;
  text-align: center
}
@media (max-width: 800px) {
  body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/bg_main.webp") no-repeat top center/cover;
    z-index: -1
  }
}
@media (min-width: 800px) {
  body {
    background: url("../img/bg_main_pc.webp") no-repeat top center/cover fixed
  }
}
section h2 {
  width: clamp(330px, 92%, 740px)
}
@media (max-width: 560px) {
  section h2 {
    padding-top: clamp(24px, 6vw, 50px);
    margin: 0 auto clamp(15px, 4vw, 30px)
  }
}
@media (min-width: 560px) {
  section h2 {
    position: relative;
    width: 100%;
    margin: 0;
    padding-bottom: clamp(50px, 12vw, 100px)
  }
  section h2 img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(calc(-50% - clamp(24px, 6vw, 50px)));
    display: block
  }
}
.sec {
  margin-bottom: calc(clamp(50px, 12vw, 100px) + clamp(24px, 6vw, 50px))
}
@media (max-width: 560px) {
  .sec {
    background: rgba(255, 255, 255, 0.7);
    width: calc(100% - 2.21em)
  }
}
@media (min-width: 560px) {
  .sec {
    background: #fff
  }
}
header {
  position: relative
}
.btn_sns {
  background: white;
  padding: 1.25em 0
}
.btn_sns a {
  display: block;
  width: clamp(36px, 9vw, 44px);
  margin: 0 .75em
}
@media (min-width: 560px) {
  .btn_sns {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
    background: none
  }
}
.btn_sns a {
  margin: 0 .6em
}
nav {
  background: url("../img/topnav_bg.webp") repeat center top/cover;
  padding: clamp(50px, 12vw, 100px) clamp(24px, 6vw, 50px) calc(clamp(50px, 12vw, 100px) - clamp(15px, 4vw, 30px))
}
@media (max-width: 560px) {
  nav {
    margin-bottom: 1.2em
  }
}
nav ul {
  position: relative;
  flex-wrap: wrap;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto
}
nav li {
  max-width: 260px;
  margin-bottom: clamp(15px, 4vw, 30px)
}
@media (max-width: 560px) {
  nav li {
    width: calc(50% - calc(clamp(15px, 4vw, 30px) / 2))
  }
  nav li:nth-child(odd) {
    margin-right: clamp(15px, 4vw, 30px)
  }
}
@media (min-width: 560px) {
  nav {
    background: url("../img/topnav_bg_pc.webp") repeat center top/cover;
    margin-bottom: clamp(50px, 12vw, 100px)
  }
  nav li {
    width: calc(calc(100% / 3) - clamp(15px, 4vw, 30px))
  }
  nav li:not(:nth-child(3n)) {
    margin-right: clamp(15px, 4vw, 30px)
  }
}
.c1 {
  padding-bottom: clamp(24px, 6vw, 50px)
}
.c1 .c1_set {
  width: clamp(340px, 100%, 740px);
  margin-bottom: .75em
}
.c1 .size {
  margin-bottom: clamp(15px, 4vw, 30px)
}
.c1 .c1_types {
  width: clamp(110px, 30%, 220px);
  margin-bottom: clamp(15px, 4vw, 30px)
}
.lb-dataContainer {
  padding-top: 1.5em !important
}
.c2 {
  padding-bottom: clamp(24px, 6vw, 50px)
}
.c2 .box_txt a {
  display: inline-block;
  border-bottom: 1px solid;
  line-height: 1.5
}
.c2 .cont_goods .box_txt {
  margin-bottom: clamp(24px, 6vw, 50px)
}
.c2 .btn {
  display: block;
  margin: clamp(15px, 4vw, 30px) auto clamp(24px, 6vw, 50px);
  width: clamp(310px, 88.965%, 450px)
}
.c2 h4 {
  width: clamp(310px, 88.965%, 620px);
  margin: 0 auto clamp(15px, 4vw, 30px)
}
.lst_goods {
  flex-wrap: wrap;
  align-items: stretch;
  padding: 0 1em;
  margin-bottom: clamp(24px, 6vw, 50px)
}
@media (min-width: 560px) {
  .lst_goods {
    padding: 0 4em
  }
}
.lst_goods .thumbnails {
  transition: transform .4s
}
.lst_goods > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: calc(50% - .4em);
  margin-bottom: clamp(24px, 6vw, 50px);
  opacity: 1;
  transition: opacity 0.3s ease
}
.lst_goods > div:nth-child(odd) {
  margin-right: .8em
}
.lst_goods > div:hover {
  opacity: .7
}
.lst_goods h3 {
  margin-top: .75em
}
.lst_goods .p1 {
  color: #d5680f
}
.lst_goods .p2 {
  color: #db464b
}
.lst_goods .size {
  margin-top: .4em
}
.lst_goods .ico_set {
  width: min(5.834em, 130px);
  vertical-align: middle;
  margin: 0 .4em 0 0
}
.lst_goods a {
  max-width: min(95.288%, 280px)
}
.box_spitem {
  background: #f6ffcf;
  overflow: hidden;
  width: calc(100% - calc(clamp(15px, 4vw, 30px) + clamp(15px, 4vw, 30px)));
  margin: 0 auto
}
@media (min-width: 560px) {
  .box_spitem {
    width: calc(100% - calc(clamp(24px, 6vw, 50px) + clamp(24px, 6vw, 50px)))
  }
}
.box_spitem h3 {
  margin: clamp(24px, 6vw, 50px) auto clamp(15px, 4vw, 30px);
  width: clamp(310px, 88.965%, 620px)
}
.box_spitem .spitem {
  display: block;
  width: min(96%, 650px);
  margin: clamp(15px, 4vw, 30px) auto 0.4em
}
.box_spitem .types {
  display: block;
  width: min(43.965%, 250px);
  margin: 0.4em auto clamp(15px, 4vw, 30px)
}
.c3 {
  padding-bottom: clamp(15px, 4vw, 30px)
}
.c3 .box_txt {
  margin-bottom: clamp(24px, 6vw, 50px)
}
.c3 .lst_menu {
  display: block;
  margin: 0 auto clamp(24px, 6vw, 50px);
  max-width: 740px
}
.c3 .lst_menu > div {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0 1.5em
}
.c3 .lst_menu dt {
  display: block;
  margin: clamp(24px, 6vw, 50px) auto 0
}
@media (max-width: 560px) {
  .c3 .lst_menu dt {
    width: min(100%, 310px)
  }
}
.c3 .lst_menu dd {
  width: min(50%, 320px);
  margin: 0 auto clamp(15px, 4vw, 30px)
}
.c3 .lst_menu .m1 .price {
  color: #d5680f
}
.c3 .lst_menu .m2 .price {
  color: #13598c
}
.c3 .lst_menu .m3 .price {
  color: #c50046
}
.c3 .lst_menu .m4 .price {
  color: #482877
}
.c3 .lst_menu .m5 .price {
  color: #2d6d0b
}
.c3 .lst_menu .m6 .price {
  color: #1f447a
}
.c3 .lst_menu .m7 .price {
  color: #895f00
}
.c3 .lst_menu .m8 .price {
  color: #d836a7
}
.c3 .spmenu, .c3 .rakucafe, .c3 .present {
  margin: clamp(50px, 12vw, 100px) auto 0;
  width: min(100%, 310px)
}
@media (min-width: 560px) {
  .c3 .spmenu, .c3 .rakucafe, .c3 .present {
    width: min(93%, 740px)
  }
}
.c3 .spmenu .price {
  color: #e8004d
}
.c3 .rakucafe .price {
  color: #d5680f;
  margin-bottom: .4em
}
.c3 .present .caps, .c3 .present .lst_goods .size, .lst_goods .c3 .present .size, .c3 .present .note h3, .note .c3 .present h3, .c3 .present .note h4, .note .c3 .present h4, .c3 .present .note h5, .note .c3 .present h5, .c3 .present .note p, .note .c3 .present p, .c3 .present .note li, .note .c3 .present li {
  margin-top: clamp(15px, 4vw, 30px)
}
.c3 .coaster {
  margin-top: clamp(15px, 4vw, 30px);
  padding-left: clamp(46px, 14%, 70px)
}
.c3 .coaster img {
  display: block;
  margin-left: .4em;
  width: clamp(46px, 14%, 70px)
}
.c4 {
  padding-bottom: clamp(15px, 4vw, 30px)
}
.c4 .box_txt {
  margin-bottom: clamp(15px, 4vw, 30px)
}
.c4 .furotype {
  margin: 0 auto clamp(24px, 6vw, 50px);
  max-width: 570px
}
@media (max-width: 560px) {
  .c4 .furotype {
    width: min(100%, 310px)
  }
}
.c4 .bath_sched {
  margin: 0 auto clamp(15px, 4vw, 30px);
  width: calc(100% - 2em);
  max-width: 740px
}
.c4 .bath_sched .shop {
  min-width: 148px
}
.c4 .bath_sched .sched {
  flex-grow: 1
}
.c4 .bath_sched .sched img {
  min-width: 592px
}
.c5 {
  padding-bottom: clamp(15px, 4vw, 30px)
}
.c5 .c5_1 {
  display: block;
  margin: 0 auto clamp(15px, 4vw, 30px)
}
@media (max-width: 560px) {
  .c5 .c5_1 {
    width: min(100%, 340px)
  }
}
@media (min-width: 560px) {
  .c5 .c5_1 {
    width: min(100%, 740px)
  }
}
.c6 {
  padding-bottom: clamp(15px, 4vw, 30px)
}
.c6 .box_txt {
  margin-bottom: clamp(15px, 4vw, 30px)
}
.c6 .c6_1 {
  display: block;
  margin: 0 auto clamp(24px, 6vw, 50px);
  max-width: 740px
}
.lst_x {
  overflow: hidden;
  margin: clamp(24px, 6vw, 50px) auto clamp(15px, 4vw, 30px)
}
.lst_x a {
  display: block;
  cursor: pointer
}
@media (max-width: 560px) {
  .lst_x {
    width: min(100%, 340px)
  }
}
@media (min-width: 560px) {
  .lst_x {
    width: min(100%, 740px)
  }
}
.success-msg {
  display: none;
  position: fixed;
  width: clamp(300px, 90vw, 600px);
  height: auto;
  padding: 1.75em 0;
  background: rgba(0, 0, 0, 0.75);
  font-weight: 700;
  font-size: .75em;
  color: white;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  border-radius: .2em;
  z-index: 1
}
.c7 {
  padding-bottom: clamp(50px, 12vw, 100px)
}
.c7 dl {
  width: calc(100% - 2em);
  max-width: 660px;
  margin: clamp(15px, 4vw, 30px) auto 0;
  overflow: hidden
}
.c7 dl > div {
  margin-bottom: clamp(15px, 4vw, 30px)
}
@media (min-width: 560px) {
  .c7 dl > div > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 1em
  }
  .c7 dl > div > div dd {
    min-width: 40%;
    text-align: left
  }
  .c7 dl > div > div dd:nth-child(odd) {
    margin-right: 8%
  }
}
.c7 dt {
  background: #db464b;
  color: white;
  font-size: 1.2em;
  letter-spacing: .75em;
  margin-bottom: clamp(15px, 4vw, 30px)
}
.c7 a {
  font-size: clamp(.938rem, calc(.513rem + 1.79vw), 1.25rem);
  display: inline-block;
  margin-bottom: clamp(15px, 4vw, 30px)
}
.c7 a small {
  vertical-align: text-top
}
.c7 span {
  display: inline-block;
  font-size: .75em;
  padding: .4em;
  margin-right: .6em;
  background: #49120a;
  color: white;
  line-height: 1
}
.note {
  padding: 0 2em 2em;
  text-align: justify
}
.note > div {
  margin-bottom: clamp(15px, 4vw, 30px)
}
footer {
  overflow: hidden
}
.flogo {
  display: block;
  width: min(84%, 740px);
  margin: 0 auto
}
.box_copyright {
  margin: clamp(15px, 4vw, 30px) auto clamp(100px, 24vw, 200px)
}
.box_copyright .caps, .box_copyright .lst_goods .size, .lst_goods .box_copyright .size, .box_copyright .note h3, .note .box_copyright h3, .box_copyright .note h4, .note .box_copyright h4, .box_copyright .note h5, .note .box_copyright h5, .box_copyright .note p, .note .box_copyright p, .box_copyright .note li, .note .box_copyright li {
  padding: clamp(15px, 4vw, 30px) 0 0
}
.fnav {
  display: none;
  position: fixed;
  bottom: 3em;
  right: 1em;
  z-index: 10
}
.fnav a {
  display: block;
  margin: 0 auto;
  width: clamp(80px, 13vw, 180px)
}
.end {
  width: calc(100% - 2rem);
  max-width: 724px;
  background: red;
  border-radius: .3em;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: .75em 0;
  font-size: 1.2rem
}
/*# sourceMappingURL=styles.css.map */