@charset "utf-8";


body{
  /* font-family: dnp-shuei-shogomincho-std, sans-serif !important;
  font-style: normal;
  font-weight: 700; */
}


/*PC/TAB*/
@media screen and (min-width: 456px) {

  #main{
    width: inherit !important;
  }

  .wrapper{
    width: inherit !important;
  }

  .top_bunner_wrap_2022{
    display: flex;
    justify-content: space-between;
  }

  .top_bunner_wrap_2022 .left_content{
    width: 24.7%;
  }

  .top_bunner_wrap_2022 .left_content img{
    width: 100%;
  }

  .top_bunner_wrap_2022 .right_content{
    width: 75.3%;
  }

  .top_bunner_wrap_2022 .right_content ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .top_bunner_wrap_2022 .right_content ul li{
    width: 33.3%;
    text-align: center;
  }

  .top_bunner_wrap_2022 .right_content ul li a{
    position: relative;
  }

  .top_bunner_wrap_2022 .right_content ul li a img{
    width: 100%;
  }

  .top_bunner_wrap_2022 .right_content ul li a p{
    position: absolute;
    bottom: 0.7vw;
    left: 1vw;
    font-size: 1.2vw;
    color:rgb(0,0,0);
  }

  .top_bunner_wrap_2022 .right_content ul li a .col_wh_01{
    color:rgb(255,255,255);
    text-shadow: 2px 2px 10px #000000, -2px 2px 10px #000000, 2px -2px 10px #000000, -2px -2px 10px #000000;
  }

  .top_bunner_wrap_2022 .right_content ul li a .col_wh_02{
    color:rgb(255,255,255);
  }

  .block_02{

  }

  .block_02 ul{
    display: flex;
    flex-wrap: wrap;
  }
  .block_02 ul li{
    width: 50%;
  }

  .block_02 ul .text_block{
    background-color: rgb(255,255,255);
    color:rgb(0,0,0);
    position: relative;
  }

  .block_02 ul .text_block .text_block_wrap{
      position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        width: 100%;
  }

  .block_02 ul li .ttl{
    width: 80%;
    margin: 0 auto 0 auto;
    text-align: left;
    font-size: 2.5em;
    line-height: 2.5em;
  }

  .block_02 ul li .info{
    width: 80%;
    margin: 0 auto;
    text-align: left;
    line-height: 1.8em;
  }
  .block_02 img{
    width: 100%;
  }

  .cate_select {
        /* background-color: rgb(232 232 232); */
        padding: 1% 0;
        max-width: 1080px;
        margin: 2% auto 1% auto;
            line-height: 2.8vw;
  }

  .cate_select h2{
    text-align: center;
    font-size: 2.0vw;
    margin: 1vw 0 0vw 0;
  }




  .select_catch{
    text-align: center;
    color: rgb(148 148 148);
    font-size: 1.1vw;
    margin: 0 0 2vw 0;
  }

  .cate_select ul{
    display: flex;
    justify-content: space-between;
  }

  .cate_select ul li{
    width: 32%;
    text-align: center;
    margin: 0 0 1vw 0;
  }

  .cate_select ul li a{
    /* background-color: rgb(255 230 109); */
    color: rgb(0,0,0);
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 2% 0;
    /* border: solid 3px rgb(166 166 166); */
  }

  .cate_select ul li a:hover{
    text-decoration: none;
  }



  .block_03 ul li {
    border-bottom: solid 1px rgb(74 74 74);
  }

  .block_03 ul li a {
        padding: 2% 0 0 0;
  }

  .block_03 ul li a img {
    width: 100%;
  }


  .block_03 ul li a p{
    text-align: left;
    font-size: 1.1vw;
  }
  .block_03 ul li a p::before{
    content: url(http://sub.polaris-nippon.com/wp-content/themes/welcart_basic-child/sub_marugoto_img/yazirushi.png);
    vertical-align: middle;
    padding-right: 5px;
  }


  .price_select{
    background-color: rgb(250 250 250);
    padding: 1% 0;
    max-width: 1080px;
    margin: 2% auto 1% auto;
  }


  .price_select h2{
    text-align: center;
    font-size: 2.0vw;
    margin: 1vw 0 0.2vw 0;
  }

    .price_select .select_catch
    , .gift_select .select_catch{
    margin: 1vw 0 2.5vw 0;
    }

  .price_select ul{
    display: flex;
    justify-content: space-between;
  }

  .price_select ul li{
    width: 25%;
    text-align: center;
    border: none;
  }

  .price_select ul li a{
    background-color: rgb(255 255 255);
    color: rgb(0,0,0);
    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 0.8vw 0;
    border: solid 3px rgb(166 166 166);
  }
  .price_select ul li a:hover{
    text-decoration: none;
  }


  .gift_select{
    background-color: rgb(250 250 250);
    padding: 1% 0;
    max-width: 1080px;
    margin: 2% auto 1% auto;
  }


  .gift_select h2{
    text-align: center;
    font-size: 2.0vw;
    margin: 1vw 0 0.2vw 0;
  }

  .gift_select ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .gift_select ul li{
    width: 25%;
    text-align: center;
    margin: 0 0 1vw 0;
        border: none;
  }

  .gift_select ul li a{
    background-color: rgb(255 255 255);
    color: rgb(0,0,0);
    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 0.8vw 0;
    border: solid 3px rgb(166 166 166);
  }

  .gift_select ul li a:hover{
    text-decoration: none;
  }


  .swiper{
    width: 100%;
    overflow: hidden;
    position: relative;
    /* width: 1000px;
    height: 400px; */
  }

  .swiper-button-prev{
    /* background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E); */
    left: inherit !important;
    right: 0% !important;
    bottom: 0% !important;
    top: inherit !important;
    background-size: cover !important;
    background-size: 50% auto !important;
    background-color: rgb(223,34,35) !important;
    color: rgb(255,255,255) !important;
    width: auto;
      height: auto;
      font-size: 2vw;
      padding: 0.6vw 0.7vw;
      background-image: inherit !important;
  }

  .swiper-button-next{
    /* background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E); */
    left: inherit !important;
    right: 0% !important;
    bottom: 3vw !important;
    top: inherit !important;
    background-size: cover !important;
    background-size: 50% auto !important;
    background-color: rgb(223,34,35) !important;
    color: rgb(255,255,255) !important;
    width: auto;
    height: auto;
    font-size: 2vw;
    padding: 0.6vw 0.7vw;
    background-image: inherit !important;
  }


  .swiper-pagination {
      z-index: 10 !important;
      display: flex !important;
      flex-flow: column !important;
  }
  .swiper-pagination-bullets{
    bottom: inherit !important;
    left: 5% !important;
    width: 100%;
    top: 6% !important;
  }
}

/*sp*/
@media screen and (max-width: 455px) {


  .swiper-button-prev{
    /* background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E); */
    left: inherit !important;
    right: 0% !important;
    bottom: 0% !important;
    top: inherit !important;
    background-size: cover !important;
    background-size: 50% auto !important;
    background-color: rgb(223,34,35) !important;
    color: rgb(255,255,255) !important;
    width: auto;
      height: auto;
      font-size: 5vw;
      padding: 3vw 4vw;
      background-image: inherit !important;
  }

  .swiper-button-next{
    /* background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E); */
    left: inherit !important;
    right: 0% !important;
    bottom: 12.5vw !important;
    top: inherit !important;
    background-size: cover !important;
    background-size: 50% auto !important;
    background-color: rgb(223,34,35) !important;
    color: rgb(255,255,255) !important;
    width: auto;
    height: auto;
    font-size: 5vw;
    padding: 3vw 4vw;
    background-image: inherit !important;
  }

  .swiper-pagination-bullets {
      bottom: inherit !important;
      left: 5% !important;
      width: 100%;
      top: 6% !important;
  }
  .swiper-pagination {
    z-index: 10 !important;
    display: flex !important;
    flex-flow: column !important;
  }

  .cate_select {
        max-width: inherit;
  }

  .price_select{
    max-width: inherit;
  }

  .gift_select{
    max-width: inherit;
  }
  footer .footer_wrap{
    max-width: inherit;

  }
  .top_bunner_wrap_2022{
    display: flex;
    flex-wrap: wrap;
  }
  .top_bunner_wrap_2022 .left_content{
    width: 100%;
  }
  .top_bunner_wrap_2022 .left_content img{
    width: 100%;
  }
  .top_bunner_wrap_2022 .right_content{
    width: 100%;
  }
  .top_bunner_wrap_2022 .right_content ul{
    display: flex;
    flex-wrap: wrap;
  }
  .top_bunner_wrap_2022 .right_content ul li{
    width: 50%;
  }

  .top_bunner_wrap_2022 .right_content ul li a{
  }

  .top_bunner_wrap_2022 .right_content ul li a img{
    width: 100%;
  }

  .top_bunner_wrap_2022 .right_content ul li a p{
        font-size: 3.6vw;
        margin: 3.5vw 0 2.5vw 0vw;
        color: rgb(0,0,0);
        text-align: center;
  }


  /* .block_02 img{
    width: 100%;
  } */

  .block_02 .text_block .text_block_wrap{
    background-color: rgb(255,255,255);
    text-align: left;
    padding: 10vw 0;
    width: 95%;
    margin: 0 auto;
  }

  .block_02 .text_block .text_block_wrap .ttl{
    margin: 0 0 3vw 0;
    font-size: 5.5vw;
    font-weight: 600;
  }

  .block_02 .text_block .text_block_wrap .info{
    font-size: 3.5vw;
    line-height: 6.5vw;
    width: 100%;
    margin: 0;
  }

  .block_02 .text_block .text_block_wrap a{
    color: rgb(0,0,0);
  }

  .block_02 ul{
    display: flex;
    flex-wrap: wrap;
  }
  .block_02 ul li{
    width: 100%;
  }

  .block_02 ul li img{
    width: 100%;
  }

  .block_02 .no_01{
order: 1;
  }

  .block_02 .no_02{
order: 2;
  }

  .block_02 .no_03{
    order: 4;
  }

  .block_02 .no_04{
    order: 3;
  }

  .block_02 .no_05{
    order: 5;
  }

  .block_02 .no_06{
    order: 6;
  }

  .block_03 h2{
    text-align: center;
    margin: 18vw 0 2vw 0;
    font-size: 6.5vw;
    color: rgb(0,0,0);
  }

  .block_03 .select_catch{
    text-align: center;
    margin: 1vw 0 8vw 0;
  }




  .block_03 ul{
    display: flex;
    flex-wrap: wrap;
  }

  .block_03 ul li{
    width: 100%;
    border-bottom: solid 1px rgb(74 74 74);
    margin: 0 auto 8vw auto;
    width: 95%;
  }

  .block_03 ul li img{
    width: 100%;
  }
  .block_03 ul li p{
    text-align: left;
    margin: 5vw 0 1.5vw 0;
    font-size: 4.5vw;
    color: rgb(0,0,0);
  }

  .block_03 ul li a p::before {
    content: url(http://sub.polaris-nippon.com/wp-content/themes/welcart_basic-child/sub_marugoto_img/yazirushi.png);
    vertical-align: middle;
    padding-right: 5px;
  }

  .price_select{

  }

  .price_select ul li{
    text-align: center;
    padding: 1vw 0;
    border: solid 1px rgb(140 140 140);
    width: 98%;
    margin: 0 auto 2vw auto;
    padding: 4vw 0;
    font-size: 4.5vw;
  }
  .price_select ul li a{
    text-align: center;
  }

  .gift_select ul li{
    text-align: center;
    padding: 1vw 0;
    border: solid 1px rgb(140 140 140);
    width: 98%;
    margin: 0 auto 2vw auto;
    padding: 4vw 0;
    font-size: 4.5vw;
  }
  .gift_select ul li a{
    text-align: center;
  }

  .swiper{
    width: 100%;
    overflow: hidden;
    position: relative;
    /* width: 1000px;
    height: 400px; */
  }

}

/*PC*/
@media screen and (min-width: 1024px) {

}

/*tablet*/
@media screen and (min-width: 455px) and (max-width: 1024px) {
}