@charset "UTF-8";
@import url("https://use.fontawesome.com/releases/v5.6.1/css/all.css");
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp_s.css');
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanmp.css');


body {
  font-family: YakuHanJP, "Helvetica Neue", "Helvetica", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}



#wrapper {
  background-color: #6b82d9;
  padding: 0 0 8vw;
}


@media screen and (min-width:430px) {
  /* tablet↑ */
  header, main {
    display: block;
    margin: 0 auto;
    border-top: 0;
  }
  header { max-width: 425px; border-bottom: 0; }
  main { max-width: 425px; }
}






header, #mainimg, h1 {
  border-radius: 12px 12px 0px 0px;
}
main {
  border-radius: 0px 0px 12px 12px;
  background-color: #ffffff;
}

@media screen and (max-width: 768px) {
  #mainimg {
    border-radius: 0;
  }
}

#mainimg h1 img {
  width: 100%;
}







.btn {
  background-color: #C7E8E0;
  width: 80%;
  color: #222222;
  font-size: 2.0rem;
  font-size: 20px;
  font-weight: 700;
}


/* Animation */
.pc_txt1 {
  position: fixed;
  width: 150px;
  right: 8vw;
  margin: 1em 0 0;
  z-index: 2;
}

@media screen and (min-width: 1244px) {
  .pc_txt1 {
    width: 180px;
    right: 13vw;
  }
}

@media screen and (max-width: 768px) {
  .pc_txt1 {
    display: none;
  }
}

.pc_txt1 img {
  width: 100%;
  height: 58vh;
}

.pc_txt2 {
  position: fixed;
  width: 300px;
  bottom: -20px;
  left: -20px;
  margin: 1em 0 0;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .pc_txt2 {
    display: none;
  }
}







/* */
main {
  position: relative;
}

@media screen and (max-width: 768px) {
  main {
    padding: 2em 0;
  }
}

.pc_btn {
  position: fixed;
  width: 240px;
  bottom: 20px;
  right: 2.5vw;
  z-index: 13;
}

@media screen and (min-width: 1244px) {
  .pc_btn {
    width: 300px;
    right: 7vw;
  }
}

@media screen and (max-width: 768px) {
  .pc_btn {
    display: none;
  }
}

.pc_btn .btn {
  max-width: 300px;
  padding: 0;
  margin: 0;
  width: 100%;
}

.pc_btn .btn::after {
  display: none;
}

.pc_btn .btn a {
  font-size: 1.8rem;
  font-weight: bold;
  background-color: #518CC8;
  display: block;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 1.5em 2vw;
}

.pc_btn .btn a:hover {
  opacity: 0.7;
}

.fixed {
  position: fixed;
  bottom: 0;
  z-index: 99999;
  width: 100%;
  max-width: 335px;
  margin: 0 auto;
  text-align: center;
  right: 0;
  left: 0;
}

h2.title {
  font-size: 3.4rem;
  font-weight: bold;
  border-bottom: #0A7A82 3px solid;
  margin: 0 0 1.25em;
  padding: 0 0 .25em;
  text-align: center;
}

@media screen and (max-width: 768px) {
  h2.title {
    font-size: 2.6rem;
  }
}

h2.title span {
  color: #0A7A82;
}

.h3 {
  margin: 0 auto 1.25em;
  text-align: center;
}

.h3 h3 {
  font-size: 3.0rem;
  display: inline-block;
  font-weight: bold;
  letter-spacing: .05em;
}

@media screen and (max-width: 768px) {
  .h3 h3 {
    font-size: 2.3rem;
  }
}

.h3 h3 span {
  border-bottom: #151727 3px solid;
}

.h3 h3 strong {
  color: #0A7A82;
}

.sec01 {
  padding: 1em 1.5vw 2.5em;
  background-color: #e7e9f5;
}

@media screen and (max-width: 768px) {
  .sec01 {
    padding: 1em 3.0vw 2.5em;
  }
}

.sec01 h2 {
  font-size: 2.4rem;
  position: relative;
  padding: 1.0em 0 1.25em;
  text-align: center;
}

.sec01 p {
  font-size: 1.6rem;
  padding: .5em 0 0;
  line-height: 2.2;
}

.sec01 p strong {
  color: #FFFF00;
}

.sec01-sandal {
  padding: 1em 3vw 2.5em;
}

@media screen and (max-width: 768px) {
  .sec01-sandal {
    padding: 1em 3.0vw 2.5em;
  }
}

.sec01-sandal p {
  font-size: 1.8rem;
  line-height: 2.0;
  padding: .5em 0 0;
}

.sec02-sandal {
  padding: 1em 3vw 1.5em;
  background-color: #e7e9f5;
}

@media screen and (max-width: 768px) {
  .sec02-sandal {
    padding: 1em 3.0vw 1.5em;
  }
}

.sec02-sandal h2 {
  font-size: 2.4rem;
  position: relative;
  padding: 1.0em 0 1.25em;
  text-align: center;
  font-weight: bold;
}

.sec02-sandal h2 span {
  display: block;
  padding: .5em 0 0;
}

.sec02-sandal ol {
  margin: 0 2em;
}

.sec02-sandal ol li {
  padding: 0 0 2.0em;
}

.sec03-sandal {
  padding: 1.5em 0 1.5em;
  border-bottom: #ccc 1px solid;
}

@media screen and (max-width: 768px) {
  .sec03-sandal {
    padding: 1.5em 3.0vw 1.5em;
  }
}

.sec03-sandal h2 {
  text-align: center;
  padding: 1.0em 1.5vw .5em;
  font-size: 2.4rem;
  font-weight: bold;
}

.sec03-sandal .tit {
  padding: 0 1.5vw 1.75em;
  text-align: center;
}

.sec03-sandal .img {
  padding: 0 0 1em;
  text-align: center;
}

.sec03-sandal .img img {
  width: 100%;
}

.sec03-sandal p {
  padding: 0 3.0vw 1em;
}

@media screen and (max-width: 768px) {
  .sec03-sandal p {
    padding: 0 0 1em;
  }
}

.sec03-sandal .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.0em 0 0;
}

.sec03-sandal .list li {
  width: 50%;
}

.sec03-sandal .list li a {
  color: #000;
}

.sec03-sandal .list li p {
  font-size: 1.4rem;
  text-align: center;
  padding: 0 0 1.5em;
}

.sec03-sandal .list li img {
  width: 100%;
}

.sec04-sandal {
  padding: 1em 3vw 2.5em;
}

@media screen and (max-width: 768px) {
  .sec04-sandal {
    padding: 1em 3.0vw 2.5em;
  }
}

.sec04-sandal h2 {
  font-size: 2.2rem;
  position: relative;
  padding: 1.0em 0 1.25em;
  text-align: center;
  font-weight: bold;
}

.sec04-sandal h2 span {
  display: block;
  padding: .5em 0 0;
}

.sec04-sandal ul {
  margin: 0 0;
}

.sec04-sandal ul li {
  margin: 0 0 1.5em;
}

.blog { padding-bottom: 1.25em }
.blog .slide {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.blog .slide .slick-next { right: -50px!important; }
.blog .slide .slick-prev { left: -50px!important; }
.blog .slide .slick-prev, .blog .slide .slick-next { 
  width: 32px!important;
  height: 30px!important;
}



.sec05-sandal {
  padding: 1em 3vw 1.5em;
  background-color: #e7e9f5;
}

@media screen and (max-width: 768px) {
  .sec05-sandal {
    padding: 1em 3.0vw 1.5em;
  }
}

.letroUgcsetGadget { padding: 1em 3vw 0; }

.sec05-sandal h2 {
  font-size: 2.2rem;
  position: relative;
  padding: 1.0em 0 1.25em;
  text-align: center;
  font-weight: bold;
}

.sec05-sandal h2 span {
  display: block;
  padding: .5em 0 0;
}

.sec05-sandal .review .slick-slider {
  padding: 0 25px;
}

.sec05-sandal .review .slick-prev {
  left: -15px !important;
}

.sec05-sandal .review .slick-next {
  right: -15px !important;
}

.sec05-sandal .review ul li .title {
  font-size: 1.6rem;
  font-weight: bold;
}

.sec05-sandal .review ul li .star {
  color: #ffcc33;
}

.img-box img {
  width: 100%;
}

.sec-item {
  padding: 1.5em 0 2.5em;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .sec-item {
    padding: 1.5em 3.0vw 2.5em;
  }
}

.sec-item h2 {
  font-size: 2.2rem;
  position: relative;
  padding-top: 1.0em;
  text-align: center;
  font-weight: bold;
}

.sec-item h2 span {
  display: block;
  padding: .5em 0 0;
}

.sec-item h3 {
  padding: 2.0em 1.5vw 0;
  font-size: 2.0rem;
  font-weight: bold;
}

.sec-item .img {
  width: 75%;
  margin: 0 auto;
  padding: 0;
}

.sec-item .img img {
  width: 100%;
}









.menu {
  position: relative;
  background-color: #fff;
  z-index: 9999;
}

#foot {
  position: relative;
  z-index: 9998;
}

.menu #event_all {
  margin-bottom: 0;
  margin-top: 0 !important;
  padding-top: 6em;
}
/*# sourceMappingURL=style.css.map */