.body_section {
    font-family: a-otf-ryumin-pr6n, serif;
    font-style: normal;
}

.second img {
    width: 100%;
    height: 100%;
}

#sec_img {
    height: fit-content;
}

.second {
    position: relative;
}

.body_section.bottom1 {
    position: relative;
}


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

  /* スライダー関係 */
  .slider_wrap {
      position: relative;
  }

  .arrow.right {
      transform: rotate(180deg);
      position: absolute;
      left: 30%;
      bottom: 10%;
  }

  .arrow {
      position: absolute;
      top: 10%;
      right: 30%;
      cursor: pointer;
      width: 15px;
  }
  .main_slider_swiper .swiper-slide a {
    display: block;
    width: 100%;
  }

  .main_slider_swiper .swiper-slide a img{
      width: 100%;
      height: calc(30vw * (1696 / 954));
  }

  .main_slider_swiper .swiper-slide img{
      width: 100%;
      height: calc(30vw * (1696 / 954));
  }


.main_slider_swiper .swiper-button-next,
.main_slider_swiper .swiper-button-prev{
  height: inherit;
   margin-top: 0px;
   background-size: auto;
    background-position: left top;
   background-repeat: no-repeat;
   padding: 10px;
   background-color: rgb(255,255,255,0.5);
   width: 35px;
   top: 50%;
}

  .main_slider_swiper .swiper-button-prev{
    position: absolute;
    cursor: pointer;
    background-image: none;
  }

  .main_slider_swiper .swiper-button-next{
    transform: rotate(180deg);
    position: absolute;
    background-image: none;
  }

  .main_slider_swiper .swiper-pagination-bullet{
    background-color: #fff;
    display: inline-block;
    width: 20px;
    height: 8px;
    margin: 0 3px;
    border-radius: 30px;
    -webkit-transition: all 0.3s cubic-bezier(0.84, 0.35, 0.39, 0.74) 0s;
    transition: all 0.3s cubic-bezier(0.84, 0.35, 0.39, 0.74) 0s;
    opacity: 1;
    /* cursor: pointer; */
  }

  .main_slider_swiper .swiper-pagination-bullet-active {
    width: 40px;
    background-color: #c69ea6;
    opacity: 1;
  }

  /* スライダー関係 */


  /* PCタブレット */

    /* 衣装雛 */
    .second_pc {
        display: block;
        /* z-index: 100; */
    }

    .sec_title {
        font-weight: 100;
        position: absolute;
        color: white;
        top: 14%;
        left: 12%;
        font-size: 2em;
    }

    .sec_title h2 {
        font-size: 1.8em;
    }

    .sec_title p {
        font-size: 0.65em;
        margin-top: 5%;
        width: 66%;
        padding: 0;
    }
    .sec_button {
        position: relative;
    }
    .sec_button img {
        margin-top: 6%;
        margin-bottom: 5%;
        width: 35%;
        height: 5vw;
    }
    .sec_button p {
        color: #c69ea6;
        position: absolute;
        width: 30%;
        top: 50%;
        left: 22%;
        padding: 0;
        margin: 0%;
        font-size: 0.9em;
        transform: translate(-50%, -50%);
        cursor: pointer;
    }
    /* 衣装雛 */

    /* 木目込 */
    .third {
        width: 100%;
        margin-top: -10px;
        position: relative;
        display: block;
    }
    .third_img img {
        width: 100%;
    }
    .third_title {
        position: absolute;
        top: 12%;
        right: 0;
        left: 50%;
        color: #000;
    }

    .third_title h3 {
        font-size: 3.5em;
    }

    .third_title p {
        padding-top: 6%;
        width: 77%;
        font-size: 1.3em;
    }
    .third_flower {
        position: absolute;
        right: 0;
        bottom: 3%;
        width: 10%;
    }
    .third_flower img {
        width: 100%;
    }

    /* ボタン */
    .sec_button_1 img {
        width: 40%;
        margin-top: 5%;
        margin-left: 36%;
    }

    .sec_button_1 {
        width: 100%;
        position: relative;
    }

    .sec_button_1 p {
        top: 62%;
        color: #c69ea6;
        position: absolute;
        width: 40%;
        padding: 0;
        right: 0%;
        margin: 0%;
        font-size: 1.8em;
        transform: translate(-50%, -50%);
        cursor: pointer;
    }
    /* ボタン */



    /* 木目込 */

    /* カテゴリ */
    .fir_back {
        background-color: #fff6f2;
        margin-top: -5px;
    }


    .grid_1 {
        display: grid;
        grid-template-columns: auto auto auto;
        padding-top: 5.5%;
        padding-bottom: 3%;
        width: 76%;
        max-width: 1040px;
        list-style: none;
        grid-gap: 3%;
        margin-left: auto;
        margin-right: auto;
    }

    .grid_1 figure {
        text-align: center;
        width: 100%;
        height: 70%;
        position: relative;
    }

    .grid_1 p {
        font-size: 1.3em;
        position: absolute;
        top: 28%;
        text-align: center;
        left: 28%;
        color: white;
        cursor: pointer;
    }

    .grid_1 span {
        position: absolute;
        top: 60%;
        left: 18%;
        color: white;
        font-size: 0.8rem;
    }

    #fir_p {
        font-size: 1.3em;
        position: absolute;
        top: 20%;
        text-align: center;
        left: 20%;
        color: white;
        cursor: pointer;
    }



    /* カテゴリ */


    /* ブランド */
    .forth_nav {
        width: 100%;
    }

    #forth_nav .grid_3 {
        list-style: none;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 2%;
        width: 76%;
        max-width: 1040px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3%;
        text-align: center;
    }

    #forth_nav .grid_3 p {
      color: #c69ea6;
            /* color: #fbcdcd; */
        font-size: 1.4em;
    }

    #forth_nav .grid_3 figure {
        overflow: hidden;
    }


    #forth_nav .grid_3 img {
        width: 100%;
        transition: 0.3s;
        border-top-left-radius: 40px 40px;
        border-bottom-right-radius: 40px 40px;
        width: 180px;
        height: 179px;
    }

    #forth_nav .grid_3 img:hover {
        transform: scale(1.1);
    }

    .forth_section_title {
        background-color: #fbcdcd;
        text-align: center;
    }
    .forth_section_title h2 {
        font-size: 2em;
        padding: 1.5% 0%;
    }
    /* ブランド */


    /* インスタ */
    .fifth_section_title {
        background-color: #fce3dc;
        text-align: center;
    }

    .fifth_section_title h2 {
        font-size: 2em;
        padding: 1.5% 0%;
    }
    .swiper-container {
        margin-top: 5%;
        background-color: #FFF;
        height: 100%;
    }

    .item {
        width: 100%;
        background: white;
        border-radius: 8px;
        position: relative;
        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;
    }

    .item img {
        width: 100%;
        height: 100%;
        border-radius: 8px;
    }
    /* インスタ */


    /* お買い物はこちら */
    #fifth_button {
        margin-top: 8%;
        text-align: center;
        position: relative;
        margin-bottom: 8%;
    }

    #fifth_button :hover {
        cursor: pointer;
    }

    #fifth_button img {
        width: 24%;
        height: 6vw;
    }

    #fifth_button p {
        /* position: absolute;
        font-size: 1.6em;
        color: white;
        top: 30%;
        left: 41%; */
        font-size: 1.5em;
        color: white;
        top: 30%;
        left: 41%;
        width: 457px;
        padding: 34px 0;
        background-image: url(https://gigaplus.makeshop.jp/harenohiroba/site_hina/img/part/nav_botton_02.jpg);
        margin: 0 auto;
        background-repeat: no-repeat;
    }
    /* お買い物はこちら */



    /* 飾り（PCのみ） */

    .bottom_left {
        width: 13%;
        position: absolute;
        left: 0;
        bottom: -11%;
        z-index: -1;
    }

    .bottom_left img {
        width: 100%;
    }

    .bottom_right {
        position: absolute;
        right: -2%;
        bottom: 11%;
        width: 15%;
    }

    .bottom_right img {
        width: 100%;
    }
    /* 飾り（PCのみ） */


}



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

  section a{
    display: block;
  }

  /* メインスライドバナー関係 */

  .slider_wrap {
      margin-top: 60px;
      position: relative;
  }

  .main_slider_swiper .swiper-slide {
      text-align: center;
      display: flex;
      align-items: center;
  }

  .main_slider_swiper .swiper-slide a {
    display: block;
    width: 100%;
  }

  .main_slider_swiper .swiper-slide a img{
      width: 100%;
      height: calc(138.5vw * (638 / 751));
  }
  .main_slider_swiper .swiper-slide img{
      width: 100%;
      height: calc(138.5vw * (638 / 751));
  }

  .main_slider_swiper {
      margin-top: 5%;
      background-color: #FFF;
      height: 100%;
  }


  .main_slider_swiper .swiper-button-next,
  .main_slider_swiper .swiper-button-prev{
      height: auto;
     margin-top: 0px;
     background-size: auto;
      background-position: left top;
     background-repeat: no-repeat;
     padding: 10px;
     background-color: rgb(255,255,255,0.5);
     width: 35px;
     top: 50%;
  }

    .main_slider_swiper .swiper-button-prev{
      position: absolute;
      cursor: pointer;
      background-image: none;
    }

    .main_slider_swiper .swiper-button-next{
      transform: rotate(180deg);
      position: absolute;
      background-image: none;
    }

    .main_slider_swiper .swiper-pagination-bullet{
      background-color: #fff;
      display: inline-block;
      width: 20px;
      height: 8px;
      margin: 0 3px;
      border-radius: 30px;
      -webkit-transition: all 0.3s cubic-bezier(0.84, 0.35, 0.39, 0.74) 0s;
      transition: all 0.3s cubic-bezier(0.84, 0.35, 0.39, 0.74) 0s;
      opacity: 1;
      /* cursor: pointer; */
    }

    .main_slider_swiper .swiper-pagination-bullet-active {
      width: 40px;
      background-color: #c69ea6;
      opacity: 1;
    }

  /* メインスライドバナー関係 */

  /* スマホ */
    .third {
        display: none;
    }

    /* .second衣装雛人形エリア */

    .second {
        position: relative;
    }
    .second .second_pc {
        display: none;
        /* z-index: 100; */
    }
    .second img {
        width: 100%;
        height: 100%;
    }

    .second_smart #sec_img {
        height: fit-content;
    }

    .second_smart .smart_second_title {
      width: 100%;
      font-weight: 100;
      color: rgb(0, 0, 0);
      text-align: center;
    }
    .second_smart .smart_second_title h2{
      font-size: 9em;
    }
    .second_smart .second_smart_content {
        width: 100%;
    }

    .second_smart .second_smart_content p {
        font-size: 4em;
        width: 100%;
        padding: 2%;
    }
    .second_smart .smart_sec_button {
        position: relative;
        width: 100%;
        text-align: center;
    }
    .second_smart .smart_sec_button img {
        margin: 8% 0;
        width: 75%;
    }
    .second_smart .smart_sec_button a {
        margin-left: auto;
        margin-right: auto;
    }
    .second_smart .smart_sec_button p {
        color: #c69ea6;
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        padding: 0;
        margin: 0%;
        font-size: 5em;
        transform: translate(-50%, -50%);
        cursor: pointer;
    }
  /* .second衣装雛人形エリア */

  /* 木目込み雛人形 */

  .smart_third {
      width: 100%;
      position: relative;
  }
  .smart_third img {
      margin-top: 3%;
      width: 100%;
      /* height: calc(105.5vw * (375 / 361)); */
      /* content:url('/image/smart_sec_third.png'); */
  }

  .smart_third .third_img img {
      height: calc(105.5vw * (375 / 361));
  }



  .smart_third .smart_third_title {
      color: #000;
      text-align: center;
  }
  .smart_third .smart_third_title h3 {
      font-size: 9em;
  }
  .smart_third .smart_third_content p {
      width: 100%;
      padding: 2%;
      font-size: 4em;
  }
  .smart_third .third_flower {
      display: none;
  }
  .smart_third .smart_sec_button_1 {
      width: 100%;
      text-align: center;
      position: relative;
      margin-bottom: 3%;
  }
  .smart_third .smart_sec_button_1 img {
      width: 75%;
      margin-top: 5%;
  }

  .smart_third .smart_sec_button_1 p {
      top: 60%;
      color: #c69ea6;
      position: absolute;
      width: 50%;
      padding: 0;
      left: 50%;
      margin: 0%;
      font-size: 5em;
      transform: translate(-50%, -50%);
      cursor: pointer;
  }


  /* 木目込み雛人形 */





  /* カテゴリ欄 */

  .firth{
    margin: 12% 0;
  }

  .firth .fir_back {
      margin-top: 1%;
      height: 58vw;
  }

  .firth .grid_1 {
      list-style: none;
      display: grid;
      width: 100%;
      grid-template-columns: auto auto;
      padding: 3%;
      margin: 0;
      grid-gap: 3%;
  }

  .firth .grid_1 figure {
      text-align: center;
      width: 100%;
      height: 100%;
      position: relative;
  }

  .firth .grid_1 p {
      font-size: 4.5em;
      position: absolute;
      top: 32%;
      text-align: center;
      left: 18%;
      color: white;
      cursor: pointer;
  }
  .firth .grid_1 #fir_p {
      font-size: 4.5em;
      position: absolute;
      top: 20%;
      text-align: center;
      left: 9%;
      color: white;
      cursor: pointer;
  }

  .firth .grid_1 span {
      position: absolute;
      font-size: 2.5em;
      top: 60%;
      left: 9%;
      color: white;
  }

  /* カテゴリ欄 */

  /* 取り扱いブランド */

    .forth_section_title {
        background-color: #fbcdcd;
        text-align: center;
    }
    .forth_section_title h2 {
        font-size: 5em;
        padding: 5% 0%;
    }

    #forth_nav {
        width: 100%;
    }

    #forth_nav .grid_3 {
        list-style: none;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
        margin-top: 4%;
        width: 96%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    #forth_nav .grid_3 img {
        width: 100%;
        border-top-left-radius: 40px 40px;
        border-bottom-right-radius: 40px 40px;
        height: calc(46vw * (180 / 179));
    }

    #forth_nav .grid_3 p {
        color: #c69ea6;
        font-size: 5em;
    }


  /* 取り扱いブランド */

  /* インスタグラム */
  .insta_slide_wrap .fifth_section_title {
      background-color: #fce3dc;
      text-align: center;
  }
  .insta_slide_wrap .fifth_section_title h2 {
      font-size: 5em;
      padding: 5% 0%;
  }
  .insta_slide_wrap .swiper-container {
      margin-top: 5%;
      background-color: #FFF;
      height: 100%;
  }
  .insta_slide_wrap .swiper-slide {
      text-align: center;
      display: flex;
      align-items: center;
  }

  .insta_slide_wrap .item img {
          object-fit: cover;
          width: 80%;
          height: 80%;
          border-radius: 8px;
  }


  /* インスタグラム */


  /* お買い物はこちら */

  #fifth_button {
      margin-top: 8%;
      margin-left: 5%;
      margin-right: 5%;
      text-align: center;
      position: relative;
      margin-bottom: 8%;
  }
  #fifth_button :hover {
      cursor: pointer;
  }
  #fifth_button img {
      width: 100%;
      height: auto;
  }
  #fifth_button p {
      /* position: absolute;
      font-size: 6em;
      color: white;
      top: 30%;
      left: 12%; */
      font-size: 5em;
    color: white;
    width: 80%;
    padding: 18px 0;
    margin: 0 auto;
    background-color: rgb(198 156 168);
  }

  /* お買い物はこちら */





}