/*========= 共通 =========*/

  * {
    box-sizing: border-box;
    scrollbar-color: transparent transparent; /* thumb and track color */
    scrollbar-width: 0px;
  }

  *::-webkit-scrollbar {
    width: 0;
  }

  *::-webkit-scrollbar-track {
    background: transparent;
  }

  *::-webkit-scrollbar-thumb {
    background: transparent;
    border: none;
  }

  * {
    -ms-overflow-style: none;
  }

  @font-face {
  font-family: "koburina-W1";
  src: url(font/koburina-Std-W1.ttf) format(”truetype”);
  }

  @font-face {
  font-family: "koburina-W3";
  src: url(font/koburina-Std-W3.ttf) format(”truetype”);
  }
  @font-face {
  font-family: "koburina-W6";
  src: url(font/koburina-Std-W6.ttf) format(”truetype”);
  }
  @font-face {
  font-family: "Sinoreta";
  src: url(font/Sinoreta_PERSONAL_USE_ONLY.ttf) format(”truetype”);
  }

  ol, li {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  a {
    text-decoration: none;
  }

  h1 {
    font-family: "Sinoreta",serif;
    font-size: 5rem;
    text-align: center;
  }

  h2 {
    font-family: "koburina-W6",serif;
  }
  h2,h3,h4,{
    text-align: center;
    margin: 0 0 0 0 ;
  }

  h5,p {
    font-family: "koburina-W3", serif;
    text-align: center;
  }

  span{
    font-family: "koburina-W1", serif;
    text-align: center;
  }
  section {
    display: block;
  }


.price a {
  font-family: "koburina-W1", serif;
}

.caption p {
  font-family: "koburina-W3",serif;
}

/*========= header =========*/

  .LP_header {
    width: 100%;
    height: 100vh;
  }
  .LP_header img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .maincopy{
    font-size:4.5rem;
    margin:20% 10% 20% 10%;
  }
  .caption {
    font-size:18px;
    margin:20% 10% 20% 10%;
  }

  .readtext {
      width: 100%;
      height: 100vh;
  }

  .stylenumber{
    font-size: 4rem;
  }

  .commentsection {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .STYLE_slide {
    position:relative;
  }

  .STYLE_slide::after {
    content:"";
    position:absolute;
    top: -100%;
    left: 0;
    background-color: white;
    width:100%;
    height:100%;
    opacity:0;
    transition: all 0.35s ease;
    z-index: -1;
  }

  .STYLE_slide::hover {
    opacity: 1;
    top: 0;
  }

  .price {
    display: inline-block;
  }

  .price a{
    color:white;
    text-decoration: none;
  }

  .col-img img {
    overflow:hidden;
    min-height: 300px;
  }

  .style02,.style03 {
    background-color: #B1B6B5;
  }

  .style04,.style05 {
    background-color: #B1B6B5;
  }

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

  /* swiper */
  .swiper {
    width:100%;
    height: auto;
  }

}
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxから　*/
    .LP_header {
      width: 100%;
      height: auto;
    }
    .LP_header img{
      width: 100%;
      height: auto;s
    }
    .maincopy .caption{
      text-align: center;
    }
    .maincopy {
      margin:10% 0 10% 0%;
    }
    .caption {
      font-size: 22px;
      margin: 10% 1% 10% 1%;
    }
    .readtext{
      height: auto;
      margin: 0;
    }
    h5 {
      font-size:0.5rem;
    }

}