tr.__row-shipping_cost {
    display: none !important;
}

.__block--delivery-datetime {
    display: none !important;
}

.__block--shipping-address {
    display: none !important;
}

.__primary img {
    width: 65% !important;
}

nav.__nav {
    text-align: center !important;
}

.c-button-submit {
    background-color: #026EBB;
}

h3.__title {
    text-align: left !important;
}

@media screen and (min-width: 600px) {
    .p-product-block ul.__product li.__item a .__photo img {
        max-height: 12em;
        width: 75%;
    }

    .__primary img {
        width: 50% !important;
    }
}

.__main img {
    max-height: 100% !important;
}

.aside section.__block.__block--login.__is-guest .__body .__login-link .__link {
    background-color: #0E6EBB !important;
}

.c-heading-main span {
    position: relative;
    /* 絶対配置された縦線の基点として機能させる */
    padding-left: 20px;
    /* 縦線とテキストの間隔を設定 */
}

.c-heading-main span:before {
    content: "";
    /* 実際のテキストはなし */
    position: absolute;
    /* span要素に対して絶対配置 */
    left: 0;
    /* 左端からの位置 */
    top: 0;
    /* 上端からの位置 */
    bottom: 0;
    /* 下端までの高さを確保 */
    width: 5px;
    /* 線の太さ */
    background-color: #026EBB;
    /* 線の色 */
}

.c-heading-aside span {
    position: relative;
    /* 絶対配置された縦線の基点として機能させる */
    padding-left: 20px;
    /* 縦線とテキストの間隔を設定 */
}

.c-heading-aside span:before {
    content: "";
    /* 実際のテキストはなし */
    position: absolute;
    /* span要素に対して絶対配置 */
    left: 0;
    /* 左端からの位置 */
    top: 0;
    /* 上端からの位置 */
    bottom: 0;
    /* 下端までの高さを確保 */
    width: 5px;
    /* 線の太さ */
    background-color: #026EBB;
    /* 線の色 */
}

.__item--list a {
    color: #fff !important;
}

.__item--list {
    background-color: #026EBB !important;
}

.__item--list a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f183';
    /* チェックマークアイコンのUnicode */
    padding-right: 5px;
    font-weight: 900;
    /* 固体スタイルの場合は900を指定 */
    color: #fff;
}

.__item--quickorder a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f304';
    /* チェックマークアイコンのUnicode */
    padding-right: 5px;
    font-weight: 900;
    /* 固体スタイルの場合は900を指定 */
    color: #0E6EBB;
}

.__item--howto a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f02d';
    /* チェックマークアイコンのUnicode */
    padding-right: 5px;
    font-weight: 900;
    /* 固体スタイルの場合は900を指定 */
    color: #0E6EBB;
}

.__item--contact a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f0e0';
    /* チェックマークアイコンのUnicode */
    padding-right: 5px;
    font-weight: 900;
    /* 固体スタイルの場合は900を指定 */
    color: #0E6EBB;
}

.__item--cart a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f07a';
    /* チェックマークアイコンのUnicode */
    padding-right: 5px;
    font-weight: 900;
    /* 固体スタイルの場合は900を指定 */
    color: #0E6EBB;
}

.__item--login a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f2f6';
    /* チェックマークアイコンのUnicode */
    padding-right: 5px;
    font-weight: 900;
    /* 固体スタイルの場合は900を指定 */
    color: #0E6EBB;
}

.__item--mypage a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f007';
    /* チェックマークアイコンのUnicode */
    padding-right: 5px;
    font-weight: 900;
    /* 固体スタイルの場合は900を指定 */
    color: #0E6EBB;
}

.gnav-pc .__menu.__menu--default ul li {
    background-color: #fff;
    border: 1px solid #fff;
}

.gnav-pc .__menu.__menu--default ul li a {
    color: #000;
}

.gnav-pc {
    border-bottom: 1px solid #fff !important;
}

section.__block--banner a img {
    width: 100%;
    margin: 0 auto;
}

img.main-pic {
    width: 100%;
    animation: disapear 6s infinite;
}

.main-intro {
    margin-bottom: 0;
}

@keyframes disapear {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.wrapper .__inner .__content-home-top {
    margin-bottom: 0 !important;
}

.aside section.__block.__block--login.__is-guest .__body .__login-link .__link {}

.aside section.__block.__block--login.__is-guest .__body .__login-link .__link:hover {
    transition: .5s;
}

header {
    width: 100% !important;
}

section.__banner {
    margin: 0 auto !important;
}

@media (min-width: 960px) {
    .wrapper.wrapper--column-2 .__inner .aside {
        width: 20% !important;
        margin-left: 5% !important;
    }
}

@media (min-width: 960px) {
    .wrapper.wrapper--column-2 .__inner .main {
        width: 72% !important;
        margin-right: 3% !important;
    }
}

.intro-text {
    text-align: center;
    margin-top: 5px;
    font-size: 18px;
    margin-bottom: 0;
}

.registration a {
    color: blue;
}

.registration {
    text-align: center;
    margin-top: 5px;
    font-size: 18px;
}

@media(max-width:1400px) {
    .registration {
        font-size: 16px;
    }

    .intro-text {
        font-size: 16px;
    }
}

@media(max-width:800px) {
    .registration {
        font-size: 16px;
    }

    .intro-text {
        font-size: 16px;
    }
}

@media(max-width:620px) {
    .__photo img {
        width: 65%;
    }

    .c-heading-main {
        font-size: 1.6em;
    }

    .registration {
        font-size: 14px;
    }

    .intro-text {
        font-size: 14px;
    }
}

@media(max-width:480px) {
    .registration {
        font-size: 12px;
    }

    .intro-text {
        font-size: 12px;
    }
}

@media(max-width:960px) {
    section.__block--banner a img {
        display: none;
    }

    .wrapper.wrapper--column-2 .__inner .aside {
        padding: 0 5%;
    }

    .wrapper.wrapper--column-2 .__inner .main {
        padding: 0 5%;
    }

    .footer nav.__nav {
        padding: 0 5%;
    }
}

.wrapper .__inner {
    max-width: inherit;
}

h2.wrap-title {
    padding: 1% 1%;
}

.c-heading-main {
    border: none;
    padding: 1% 1%;
}

.aside section.__block .__heading.__heading--default, .aside section.__block .__heading.__heading--custom {
    border: none;
    padding: 3% 3% !important;
}

.aside section.__block.__block--category .__body ul.__tree li.__item.__item--has-children>a {
    font-size: 20px;
    font-weight: bold;
}

@media(max-width:600px) {
    .main.main--home section.__block.__block--feature .__body ul li, .main.main--home section.__block.__block--category .__body ul li {
        width: 50% !important;
    }

    .p-product-block.p-product-block--compact ul.__product li.__item {
        width: 33% !important;
    }
}

.article-main {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(325px, 1fr));
    gap: 30px;
}

@media(max-width:800px) {
    .article-main {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 25px;
    }
}

@media(max-width:550px) {
    .article-main {
        grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
        gap: 22px;
    }

    p.intro-text {
        margin-top: 5px !important;
    }
}

@media screen and (min-width: 600px) {
    .header .__banner .__wrap a.__logo img {
        max-height: 2em;
    }
}

@media(max-width:960px) {
    .sp_none {
        display: none !important;
    }
}

@media(min-width:960px) {
    .pc_none {
        display: none !important;
    }
}

@media screen and (max-width: 600px) {
    .p-product-block.p-product-block--compact ul.__product li.__item {
        width: 33% !important;
    }

    .aside section.__block.__block--login .__body ul.__menu li {
        text-align: left !important;
    }

    .c-heading-main {
        margin-top: 20px !important;
    }

    .aside section.__block .__heading.__heading--default, .aside section.__block .__heading.__heading--custom {
        margin-top: 20px;
    }
}