@charset "euc-jp";
/*::::::::::::::::::::::::::::::::::::::::::::::::: LAYOUT :::::::::::::::::::::::::::::::::::::::::::::::::*/
 #wrapper {
     width: 100%;
     margin: auto;
     padding-top: 110px;
     background-color: #FFF;
}
 #contents {
     max-width: 1098px;
     margin: 0px auto 0;
}
 #top_content + #contents {
     display: none;
}
 .contents_inner {
     padding: 60px;
}
 .container {
     max-width: 1098px;
     width: 90%;
     margin: 30px auto 0;
     background: #fff;
}
 .flex {
     display: flex;
     flex-wrap: wrap;
}
 .item_list {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -10px;
}
 .item_list li {
     width: calc( 100% / 5 - 20px);
     margin: 0 10px;
     margin-bottom: 20px;
}
 .item_lists > li > a {
     display: block;
}
 .item_lists > li > .txt_area {
     padding: 10px 5px;
}
/* CATEGORY LIST */
 .item_list.cat_list li {
     width: calc( 100% / 3 - 20px);
}
 #footer {
     margin-top: 98px
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: TEXT :::::::::::::::::::::::::::::::::::::::::::::::::*/
 body {
     font-family: -apple-system, blinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Noto Sans JP', YuGothicM, YuGothic, Meiryo, sans-serif;
}
 .bold {
     font-weight: bold;
}
 h2.heading {
     text-align: center;
     border-bottom: solid 1px #ccc;
}
 h3.heading {
     border-bottom: solid 1px #ccc;
     padding-bottom: 0.5em;
     margin-bottom: 1em;
     font-size: 20px;
}
 h2, h3, .heading {
     font-weight: bold;
     color: #000;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: BTN & LINK :::::::::::::::::::::::::::::::::::::::::::::::::*/
 a:hover, :focus, .btn:hover {
     text-decoration: none;
     transition: all 0.3s;
     cursor: pointer;
}
 a:hover, a:focus, .btn:hover {
     opacity: 0.6;
}
 .btn_border {
     text-align: center;
     margin: 30px auto 90px;
     max-width: 500px;
     border: solid 4px #FFF;
     padding: 0.5em;
     border-radius: 3px;
     justify-content: center;
     display: flex;
     background: #ee031d;
     color:#FFF;
     font-size:150%;
     font-weight: bold;
     border-radius:50px;
     box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 1.0);
}
/* add20210315_新規の記述 ボタンのマウスオーバー時の装飾デザインの記述です */
 a.btn_border {
     color:#fff;
}
#delivery {
    padding-top: 20px;
    margin-top: -100px;
}
#payment, #info {
     padding-top: 100px;
     margin-top: -100px;
}
 #back_to_top {
     position: fixed;
     right: 60px;
     bottom: 24px;
     cursor: pointer;
     display: block;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: COMMON :::::::::::::::::::::::::::::::::::::::::::::::::*/
/* add20210315_新規の記述 背景画像 赤と黒の2つのイメージを読み込んでいます。 */
 .ec-layoutRole {
     /* background: url(../img/common/bg_mai_pipes.png); */
     background-size: cover;
}
 .p-shop__logo {
     width: 220px;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: HEADER & NAV :::::::::::::::::::::::::::::::::::::::::::::::::*/
 #header {
     width: 100%;
     margin: auto;
     z-index: 10000;
     position: fixed;
     top: 0;
     background: #fff;
}
 #header .logo {
     position: absolute;
     width:300px;
     top: -5px;
     margin: auto;
}
 #header .ico_cart {
     margin-right: 8px;
}
 #header.js_scrollin {
     animation-duration: 0.5s;
     animation-name: slideDown;
}
 @keyframes slideDown {
     0% {
         transform: translateY(-100%);
    }
     100% {
         transform: translateY(0);
    }
}
/* GNAV */
 #header .shop_desc {
     font-size: 13px;
     background: #fff;
     padding: 5px 30px;
}
 .gnav {
     justify-content: space-between;
     background: #ce0000;
     padding: 14px 30px;
     align-items: center;
     align-content: center;
     box-shadow: 1px 3px 16px #23222221;
}
 .gnav a {
     color: #fff;
}
 .incart_count {
     background: rgba(0, 0, 0, 0.14);
     border-radius: 50%;
     height: 1.5em;
     width: 1.5em;
     line-height: 1.5;
     font-size: 13px;
     font-weight: bold;
     text-align: center;
     margin-left: 5px;
}
 .gnav .sub_nav {
     align-items: center;
}
 .gnav .sub_nav a {
     display: inline-flex;
     margin-left: 22px;
     color: #fff;
     font-weight: bold;
     align-items: center;
}
 .sub_nav span {
     font-weight: bold;
}
 .search_input {
     min-width: 198px;
     height: 40px;
     padding: 15px 11px 17px 51px;
     background: none;
     border: none;
     border-radius: 40px;
     color: #333;
     background: url(../img/common/ico_search.svg) no-repeat 10px 8px #fff;
     margin-left: 15px;
     font-size: 15px;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: TOP--- SLIDE :::::::::::::::::::::::::::::::::::::::::::::::::*/
 #top_content {
     overflow: hidden;
}
 #mv .bx-wrapper {
     margin-bottom: 0 !important;
}
 .bx-wrapper .bx-viewport {
     overflow: visible !important;
     box-shadow: none !important;
     border: none !important;
     left: 0 !important;
}
 #slider > div {
     display: none;
}
 .bx-viewport #slider > div {
     display: block !important;
}
/* PAGER */
 #mv .bx-wrapper .bx-pager {
     color: #ce0000;
     bottom: -30px;
}
 #mv .bx-wrapper .bx-pager.bx-default-pager a {
     background: #ccc;
     width: 14px;
     height: 14px;
     border-radius: 50%;
     margin: 0 8px;
}
 #mv .bx-wrapper .bx-pager.bx-default-pager a:hover, #mv .bx-wrapper .bx-pager.bx-default-pager a.active {
     background: #ce0000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
 #mv .bx-wrapper .bx-controls-direction a {
     position: absolute;
     top: 50%;
     margin-top: -16px;
     width: 48px;
     height: 90px;
}
 #mv .bx-wrapper .bx-controls-direction .bx-prev {
     left: -35px;
     background: url(../img/common/prev.svg) no-repeat;
}
 #mv .bx-wrapper .bx-controls-direction .bx-next {
     right: -35px;
     background: url(../img/common/next.svg) no-repeat;
}
 #mv .bx-wrapper .bx-controls-direction a:hover {
     background-position: 0 0;
     opacity: 0.8;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: TOP ---- CONTENTS :::::::::::::::::::::::::::::::::::::::::::::::::*/
 .ttl img {
     margin: auto;
     max-width: 380px;
}
 .sec_recommend, .sec_news, .sec_new_item {
     background: #fff;
     padding: 30px 0 30px;
}
/* RANK */
 .sec_rank {
     background: #fff;
     border-top: solid 1px #ddd;
     margin-top: 50px;
}
 .sec_rank .container {
     padding: 0 0;
     background-color: transparent;
}
 .sec_rank_inner {
     background: url(../img/common/bg_border_line.png) repeat-x 0 0 #ce0000;
     margin-top: 110px;
     padding: 40px 0;
}
 .sec_rank h2.ttl {
     margin-top: -140px;
}
 .rank_number {
     background: url(../img/common/ico_rank.png) no-repeat 0 0;
     padding-left: 50px;
     vertical-align: bottom;
     margin-bottom: 8px;
     font-family: 'Poppins';
     font-size: 18px;
     font-weight: bold;
}
 .rank_list_item {
     background: #fff;
     border-radius: 6px;
}
 .rank_list_item .txt_area {
     padding: 10px;
}
 .item_list .item_name {
     font-size: 14px;
}
 .item_list .item_price {
     text-align: right;
     font-weight: bold;
     font-size: 14px;
}
 .item_list .item_image {
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 25px;
}
/* CATEGORY */
 .sec_cate {
     padding-top: 30px;
     padding-bottom: 60px;
}
 .sec_cate .container {
     padding: 0 0;
     background-color: transparent;
}
/* NEWS */
 .news_date {
     display: block;
     width: 158px;
     font-size: 16px;
}
 .news_item {
     border-bottom: solid 1px #ccc;
     padding: 2em 1em;
     display: flex;
}
 .news_item a {
     text-decoration: underline;
}
 .news_detail {
     max-width: 628px;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: FOOTER :::::::::::::::::::::::::::::::::::::::::::::::::*/
 .footer {
     background-image: url(../img/common/bg_pipes.png);
     border-top: solid 1px #ccc;
     background-size: cover;
     padding-top: 100px;
}
.footer_inner {
    max-width: 700px;
    width: 100%;
    margin: 0 auto 30px;
}
 .footer_content {
     display: flex;
     align-items: center;
     justify-content: center;
}
 .footer_logo {
     margin-right: 30px;
     margin-top: 30px;
}
 .footer_logo img {
     max-width: 180px;
}
 .footer_nav {
     background-color: #FFF;
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     padding: 20px 10px;
}
 .footer .bn_kaitori {
     max-width: 724px;
     margin: auto;
     width: 100%;
}
 .footer_nav a {
     padding: 0 10px;
     font-size: 14px;
     font-weight: bold;
     border-right: solid 1px;
}
 .footer_nav li:last-child a {
     border-right: none;
}
 .copyright {
     font-size: 12px;
     text-align: center;
     background: #ce1900;
     color: #fff;
     font-weight: bold;
     padding: 5px;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: PAGES :::::::::::::::::::::::::::::::::::::::::::::::::*/
/*:::::::::::::::::::::::::::::::: PRODUCT :::::::::::::::::::::::::::::::::*/
 .product_wrap {
     display: flex;
     justify-content: space-between;
}
 .product_desc_wrap {
     max-width: 600px;
     margin: 80px auto 30px;
}
 .product_exp {
     margin-bottom: 60px;
     word-break: break-all;
}
 .product_exp table {
     margin-bottom: 60px;
}
 #product {
     margin-bottom: 80px;
}
 .product_info_wrap {
     max-width: 350px;
}
 .topicpath-nav_wrap {
     margin-bottom: 27px;
}
 .product_info_inner {
     width: 100%;
     margin: 0;
     background: #fff;
     padding: 30px 0;
}
 .product-image {
     max-width: 500px;
     width: 100%;
}
 .product-image-main .mainImage {
     margin: auto;
}
 .product-image-thumb > ul {
     display: flex;
     flex-wrap: wrap;
     margin-right: -3px;
     margin-left: -3px;
}
 .product-image-thumb li {
     background: #fff;
     width: calc(100% / 4 - 6px);
     margin-left: 3px;
     margin-right: 3px;
     margin-top: 6px;
}
 .product-image-thumb li img {
     width: 100%;
     height: auto;
}
 .product_init_row_wrap {
     margin-bottom: 10px;
}
 .product_init_row_wrap .flex {
     justify-content: space-between;
     height: 48px;
     align-items: center;
     padding-left: 15px;
     padding-right: 15px;
     background: #F5F0F0;
}
 .product_item_name {
     margin-top: 11px;
}
 .product_num {
     background: transparent;
     border: 1px solid #bdbdbd;
     text-align: center;
     line-height: 1.5;
     width: 90px;
     height: 43px;
     line-height: 43px;
     font-size: 18px;
     font-weight: bold;
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
     opacity: 1;
     height: 40px;
}
 .init-list__detail-updw {
     margin: 0;
     padding-left: 0;
     vertical-align: middle;
     display: inline-flex;
     flex-direction: column;
     justify-content: space-between;
     height: 18px;
}
 .order-btn-list__unit .btn {
     background: #000;
     color: #fff;
     height: 48px;
     display: inline-block;
     font-size: 16px;
     padding: 0 .5em;
}
 .order_sec {
     margin-bottom: 20px
}
 .product_simple_exp {
     margin-bottom: 20px;
}
 .product_simple_exp li {
     border-bottom: solid 1px #95989A;
     padding: 3px;
     font-size: 12px;
}
 .product_item_name {
     font-size: 24px;
     margin-bottom: 1em;
     line-height: 1.2;
}
 .product__price {
     font-size: 18px;
     font-weight: bold;
     padding-bottom: 15px;
     text-align: right;
     display: inline-block;
}
 .product__stock-str {
     color: #ce1900;
     font-size: 14px;
}
 .product_price span {
     font-size: 14px;
     margin-left: 5px;
}
 .product_exp {
     margin-bottom: 0;
     border-bottom: solid 1px #ccc;
     border-top: solid 1px #ccc;
     padding-bottom: 50px;
     padding-top: 50px;
}
 .product_exp p {
     margin: 60px 0;
     font-size: 15px;
     text-align: justify;
}
 .product_price_name, .product_init_name, .pproduct_init_row_wrap dt {
     font-size: 16px;
}
 .product_item_model, .product_num, .product_exp table {
     font-size: 16px;
}
 .product_item_category a {
     font-size: 13px;
     border: solid 1px;
     display: inline-block;
     padding: 2px 5px;
     margin-bottom: 10px;
}
 .product_exp table th {
     border-bottom: solid 1px #95989A;
     border-top: solid 1px #95989A;
     padding: 1em;
     text-align: left;
     width: 14%;
}
 .product_exp table td {
     border-bottom: solid 1px #95989A;
     border-top: solid 1px #95989A;
     padding: 1em;
}
 .detail_links {
     font-size: 12px;
}
 .detail_links li {
     display: flex;
     align-items: baseline;
}
 .detail_links li:before {
     content: "\02022";
     padding-right: 2px;
}
 select::-ms-expand {
     display: none;
}
 .prduct_option select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border: none;
     background-color: #f5f0f0;
     content: "";
     background-image: url(../images/ico_angle_down.svg);
     background-repeat: no-repeat;
     background-position: right 15px center;
     height: 30px;
     padding: 0 15px;
     line-height: 30px;
     width: 100%;
}
 .prduct_option_item {
     margin-bottom: 5px;
}
 .prduct_option_item:nth-child(2) {
     margin-bottom: 15px;
}
 @media only screen and (max-width: 600px) {
     .product_wrap {
         display: block;
    }
     .product_info_wrap {
         margin-top: 15px;
    }
     .product_info_inner {
         max-width: 100%;
    }
     .product_item_name {
         font-size: 20px;
         margin-bottom: 10px;
    }
     .product_price {
         font-size: 22px;
    }
     .product_price span {
         font-size: 12px;
    }
     .product-image {
         margin-bottom: 10px;
         width: auto;
         max-width: unset;
    }
     .product_exp table {
         font-size: 14px;
    }
     .product_exp table th {
         width: 22%;
         white-space: nowrap;
    }
     .product_desc_wrap {
         margin-left: 0;
         margin-top: 30px;
    }
     .product_exp p {
         margin: 30px 0;
    }
     .product_info_inner {
         padding: 30px 15px;
    }
     .product_price {
         margin-bottom: 10px;
    }
}
/*:::::::::::::::::::::::::::::::: ////// PRODUCT :::::::::::::::::::::::::::::::::*/
/* temp */
 .d_inline {
     display: inline;
}
/* font */
 .txt_l {
     text-align: left;
}
 .txt_c {
     text-align: center;
}
 .txt_r {
     text-align: right;
}
 .bold {
     font-weight: bold;
}
 .txt_10 {
     font-size: 10px;
}
 .txt_11 {
     font-size: 11px;
}
 .txt_12 {
     font-size: 12px;
}
 .txt_14 {
     font-size: 14px;
}
 .txt_15 {
     font-size: 15px;
}
 .txt_16 {
     font-size: 16px;
}
 .txt_18 {
     font-size: 18px;
}
 .txt_20 {
     font-size: 20px;
}
 .txt_24 {
     font-size: 24px;
}
 .txt_28 {
     font-size: 28px;
}
 h2.txt_28 {
     line-height: 1.8;
}
 .txt_c_333 {
     color: #333;
}
/* background */
 .bg_w {
     background-color: #fff;
}
/* margin */
 .mar_auto {
     margin: 0 auto;
}
 .mar_0 {
     margin: 0;
}
 .mar_t_0 {
     margin-top: 0;
}
 .mar_r_0 {
     margin-right: 0;
}
 .mar_b_0 {
     margin-bottom: 0;
}
 .mar_l_0 {
     margin-left: 0;
}
 .mar_5 {
     margin: 5px;
}
 .mar_t_5 {
     margin-top: 5px;
}
 .mar_r_5 {
     margin-right: 5px;
}
 .mar_b_5 {
     margin-bottom: 5px;
}
 .mar_l_5 {
     margin-left: 5px;
}
 .mar_t_10 {
     margin-top: 10px;
}
 .mar_r_10 {
     margin-right: 10px;
}
 .mar_b_10 {
     margin-bottom: 10px;
}
 .mar_l_10 {
     margin-left: 10px;
}
 .mar_t_20 {
     margin-top: 20px;
}
 .mar_r_20 {
     margin-right: 20px;
}
 .mar_b_20 {
     margin-bottom: 20px;
}
 .mar_l_20 {
     margin-left: 20px;
}
 .mar_t_30 {
     margin-top: 30px;
}
 .mar_r_30 {
     margin-right: 30px;
}
 .mar_b_30 {
     margin-bottom: 30px;
}
 .mar_l_30 {
     margin-left: 30px;
}
 .mar_t_50 {
     margin-top: 50px;
}
 .mar_r_50 {
     margin-right: 50px;
}
 .mar_b_50 {
     margin-bottom: 50px;
}
 .mar_l_50 {
     margin-left: 50px;
}
/* padding */
 .pad_v_10 {
     padding: 10px 0;
}
 .pad_v_20 {
     padding: 20px 0;
}
 .pad_v_30 {
     padding: 30px 0;
}
 .pad_0 {
     padding: 0;
}
 .pad_t_0 {
     padding-top: 0;
}
 .pad_r_0 {
     padding-right: 0;
}
 .pad_b_0 {
     padding-bottom: 0;
}
 .pad_l_0 {
     padding-left: 0;
}
 .pad_5 {
     padding: 5px;
}
 .pad_t_5 {
     padding-top: 5px;
}
 .pad_r_5 {
     padding-right: 5px;
}
 .pad_b_5 {
     padding-bottom: 5px;
}
 .pad_l_5 {
     padding-left: 5px;
}
 .pad_10 {
     padding: 10px;
}
 .pad_t_10 {
     padding-top: 10px;
}
 .pad_r_10 {
     padding-right: 10px;
}
 .pad_b_10 {
     padding-bottom: 10px;
}
 .pad_l_10 {
     padding-left: 10px;
}
 .pad_20 {
     padding: 20px;
}
 .pad_t_20 {
     padding-top: 20px;
}
 .pad_r_20 {
     padding-right: 20px;
}
 .pad_b_20 {
     padding-bottom: 20px;
}
 .pad_l_20 {
     padding-left: 20px;
}
 .pad_30 {
     padding: 30px
}
 .pad_t_30 {
     padding-top: 30px;
}
 .pad_r_30 {
     padding-right: 30px;
}
 .pad_b_30 {
     padding-bottom: 30px;
}
 .pad_l_30 {
     padding-left: 30px;
}
/* border */
 .bor_t_1 {
     border-top: 1px solid #AAA;
}
 .bor_r_1 {
     border-right: 1px solid #AAA;
}
 .bor_b_1 {
     border-bottom: 1px solid #AAA;
}
 .bor_l_1 {
     border-left: 1px solid #AAA;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::: RESPONSIVE :::::::::::::::::::::::::::::::::::::::::::::::::*/
/* --------------------------------------------------*/
 @media only screen and (min-width: 961px) {
     .pc_hidden {
         display: none;
    }
}
/* FOR SP ----------------------------------------- */
 @media only screen and (max-width: 960px) {
    /*-- -----------------------*/
     #contents .sec_body .sec_body_subttl, #back_to_top {
         display: none !important;
    }
    /*SP ---------------- */
     .sp_hidden {
         display: none;
    }
     .sp_b_center {
         margin: auto;
    }
     .sp_block {
         display: block;
    }
     .sp_t_center {
         text-align: center;
    }
     .sp_100 {
         width: 100%;
    }
     .item_list.cat_list li {
         width: 78%;
         margin-left: auto;
         margin-right: auto;
    }
    /*SP LAYOUT-----------------*/
     #wrapper {
         padding-top: 70px;
    }
     .container {
         padding: 0;
    }
     .item_list li {
         width: calc( 100% / 2 - 10px);
         margin: 0 5px 15px;
    }
     .item_list .item_name {
         font-size: 13px;
         line-height: 1.6;
         margin-bottom: 10px;
    }
    /*SP TOP-----------------*/
     .ttl img {
         width: 80%;
    }
     #mv .bx-wrapper .bx-pager {
         bottom: -20px;
    }
     #mv .bx-wrapper .bx-viewport {
         overflow: hidden !important;
    }
     #mv .bx-wrapper .bx-controls-direction a {
         display: none;
    }
     #mv .bx-wrapper .bx-pager.bx-default-pager a {
         width: 10px;
         height: 10px;
    }
     .sec_rank {
         margin-top: 30px;
    }
     .sec_rank_inner {
         margin-top: 60px;
    }
     .sec_rank h2.ttl {
         margin-top: -100px;
    }
    /*SP TEXT----------------- */
     h2, h3 {
         font-size: 20px;
         line-height: 1.5;
    }
     h2.heading.line {
         font-size: 20px;
         margin-bottom: 30px;
    }
     .mv_info_box .mv_info {
         font-size: 15px;
    }
    /*HEADER-----------------*/
     #header .logo {
         width: 160px;
         top: 5px;
         left: 50%;
         transform: translate(-50%, 0%);
    }
     #header .shop_desc {
         font-size: 10px;
         background: #fff;
         padding: 5px 10px;
         text-align: center;
         white-space: nowrap;
         transform: scale(0.9, 0.9);
    }
     #header .gnav {
         height: 60px;
         padding: 0 10px;
    }
     #header .view_cart_box {
         position: absolute;
         right: 8px;
    }
     #header .ico_cart {
         width: 20px;
    }
     #header .search_box {
         position: absolute;
         top: 104px;
    }
    /*:::::::::::::::::::::::::::::::::::: DRAWER HAMBURGER ::::::::::::::::::::::::::::::::::::*/
    /* drawer nav*/
     .drawer-hamburger {
         border-radius: 50%;
         height: 42px;
         width: 42px;
         padding: 8px;
         box-sizing: border-box;
         top: 10px;
         left: 10px !important;
         background: #fff;
    }
     .drawer-hamburger:hover {
         background-color: #fff;
    }
     .drawer-hamburger-icon {
         margin-top: 0;
    }
     .drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
         background-color: #ce0000;
    }
     .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
         top: -8px;
    }
     .drawer-hamburger-icon:after {
         top: 8px;
    }
     .drawer-nav {
         padding-top: 90px;
         width: 100%
    }
     .drawer--left .drawer-nav {
         left: -100%;
    }
     .drawer--left.drawer-open .drawer-nav {
         background-color: #ce0000;
    }
    /* drawer NAV*/
     .d_nav {
         max-width: 300px;
         margin: auto;
    }
     .d_nav a {
         font-size: 14px;
         color: #fff;
         font-weight: bold;
         border-bottom: solid 1px #fff;
         display: block;
         padding: 10px;
    }
     .d_nav .js_ac_menu dd {
         display: none;
    }
     .d_nav_ttl {
         background-color: #fff;
         padding: .5em 1em;
         margin-bottom: 5px;
         position: relative;
    }
     .d_nav_lists {
         padding: 1em 5px;
    }
     .d_nav_lists > li {
         padding-bottom: 1em;
    }
     .d_nav_ttl:before, .d_nav_ttl:after {
         content: "";
         position: absolute;
         top: 50%;
         right: 15px;
         width: 15px;
         height: 1px;
         display: block;
         background: #000;
    }
     .d_nav_ttl:before {
         transform: rotate(90deg);
    }
     .d_nav_ttl.active:before {
         transform: rotate(0deg);
    }
     .d_nav_sec .sub_nav a {
         margin-bottom: 25px;
         margin-left: 0;
    }
     .header_gnav .d_nav_sec:first-child dd {
         overflow: hidden;
         display: block;
    }
     .header_gnav .d_nav_sec:first-child .d_nav_ttl:before {
         transform: rotate(0deg);
    }
     .header_gnav .d_nav_sec:first-child .d_nav_ttl.active:before {
         transform: rotate(90deg);
    }
    /*FOOTER-----------------*/
     .footer_nav_sns {
         display: flex;
         justify-content: center;
    }
    /*TOP MV -----------------*/
     .mv_info_box {
         width: 64vw;
         padding: 10px 20px 10px 10px;
         bottom: 20px;
         left: 6%;
         border-radius: 8px;
    }
     .intro_sub_txt {
         font-size: 13px;
         margin-bottom: 1em;
         text-align: center;
    }
     .scrollbox {
         position: absolute;
         bottom: 25px;
         left: 90%;
         transform: none;
    }
     .ico_more_white:after {
         right: 10px;
         bottom: 20px;
    }
    /*TOP ITEM & NEWS -----------------*/
     .item_lists.item_col .item_image {
         margin-bottom: 15px;
    }
     .item_row {
         padding: 6%;
    }
     .design .item_image {
         margin: 0px auto 15px;
    }
     .feature .item_col li {
         margin-bottom: 10px;
    }
     .news_item {
         padding: 2em 0;
         display: block;
    }
     .link.more {
         margin-top: 1em;
    }
     .feature .item_lists a {
         font-size: 16px;
    }
    /*FOOTER -----------------*/
     .footer_inner {
         padding: 0 5%;
    }
     .footer_content {
         display: block;
    }
     .footer_logo {
         display: none;
    }
    /*RECCOMMEND -----------------*/
     .item_group.recommend .item_exp {
         font-size: 11px;
         line-height: 1.5;
    }
     .item_group.recommend .item_name, .item_group.recommend .item_price, .item_group.recommend .item_category {
         font-size: 12px;
    }
     .item_group.recommend .item_name, .item_group.recommend .item_price {
         line-height: 1.4;
    }
     .item_group.recommend .item_category {
         line-height: 1.4;
    }
     .recommend .item_lists.item_col .item_image {
         margin-bottom: 0;
    }
     .topicpath-nav_wrap {
         margin-bottom: 16px;
    }
}