@charset "UTF-8";

/*NotoSans・Alfa Slab One*/
@import url("https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Noto+Sans+JP:wght@400;700;900&family=Roboto:wght@900&display=swap");
:root {
    --default: "Noto Sans JP", Arial, "ヒラギノ角ゴ ProN W3",
        "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    --enTxt: "Alfa Slab One", Arial, "ヒラギノ角ゴ ProN W3",
        "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, cursive;
    --numTxt: "Roboto", Arial, "ヒラギノ角ゴ ProN W3",
        "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

    --beige: #e3e0da;
    --lightbeige: #fbf9f6;
    --lightgray: #ececec;
    --lightgray2: #cbcbcb;
    --gray: #707070;
    --blue: #1f2c5c;
    --black: #020202;
    --black-rgb: 2, 2, 2;
    --orange: #f15a24;
    --orange2: #ed821f;
    --orange2-rgb: 237, 130, 31;
    --brown: #603813;
    --siteContentsWidth: 128rem;
    --siteInblockWidth: 108rem;

    --transitionDefault: all 0.2s;
    --boxshadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

html {
    font-size: 62.5%;
}
html body {
    font-family: var(--default);
    font-weight: 400;
    position: relative;
    overflow-x: hidden;
    background-color: var(--lightbeige);
}

h1,
h2,
h3,
h4,
h5,
h6,
.faux-heading {
    line-height: 1.5;
}

img {
    width: 100%;
    height: auto;
}
a img,
figure img {
    display: block;
    object-fit: cover;
}

a {
    text-decoration: none;
    transition: var(--transitionDefault);
    color: var(--black);
}
a:hover {
    opacity: 0.7;
}

.clearfix,
.cf,
.comment-respond {
    zoom: 1;
}
.clearfix:before,
.clearfix:after,
.cf:before,
.comment-respond:before,
.cf:after,
.comment-respond:after {
    content: "";
    display: table;
}
.clearfix:after,
.cf:after,
.comment-respond:after {
    clear: both;
}

@media (max-width: 62.4em) {
    /*スマホ*/
    .pc {
        display: none;
    }
    .sp.tab {
        display: none;
    }
    .sp {
        display: block;
    }
}
@media (min-width: 62.5em) {
    /*タブレット*/
    .pc {
        display: none;
    }
    .pc.tab {
        display: block;
    }
    .sp.tab {
        display: block;
    }
    .sp {
        display: none;
    }
}
@media (min-width: 1024px) {
    /*PC*/
    .pc {
        display: block;
    }
    .sp.tab {
        display: none;
    }
    .sp {
        display: none;
    }
}

/*親テンプレート上書き*/

/***開閉メニュー***/
#siteNavigation label {
    display: block;
    top: 1rem;
    right: 1rem;
    width: 6rem;
    height: 6rem;
    padding: 0;
    border-radius: 6rem;
}

#siteNavigation ul {
    padding-top: 1.5rem;
}
#siteNavigation li a {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}
#siteNavigation li a span {
    font-size: 1.2rem;
    color: #48bae2;
}
/* -- #siteNavigation -- */
#siteNavigation {
    clear: both;
    padding: 0;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    background-color: var(--lightbeige);
    height: 8rem;
    width: 100%;
    padding: 1rem;
}
#siteNavigation label {
    display: none;
}
header #siteNavigation input#panel.on-off ~ div.nav-menu-open,
header #siteNavigation input#panel.on-off:checked ~ div.nav-menu-open,
header #siteNavigation input#panel.on-off ~ div.header-nav-container {
    display: block;
    overflow: inherit;
    height: auto;
    background-color: var(--beige);

    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    width: 100%;
}
#siteNavigation ul {
    width: auto;
    margin: 0 auto;
    padding: 9.5em 2rem 8rem;
}
#siteNavigation li {
    position: relative;
}
#siteNavigation li a {
    display: block;
    margin-bottom: 0;
    padding: 1em 0.5em;
    border-bottom: none;
    line-height: 100%;
}
#siteNavigation li {
    padding: 0;
}
#siteNavigation li.current_page_item li a,
#siteNavigation li.current-menu-parent li a {
    background: none;
}
/* #siteNavigation li a:hover {
    background-color: #B7D9F7;
    text-decoration: none;
} */

/* -- sub-menu -- */
#siteNavigation ul ul {
    padding: 0 0 0 2rem;
    display: none;
}

#siteNavigation * {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

/*　Toggle Menu　*/
#siteNavigation label,
#siteNavigation input[type="checkbox"].on-off {
    display: none;
}
#siteNavigation label {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px dashed var(--black);
}

#siteNavigation label span.iconCloss,
#siteNavigation label span.iconCloss::before,
#siteNavigation label span.iconCloss::after {
    content: "";
    display: block;
    height: 2px;
    background-color: var(--black);
    position: absolute;
    left: 12px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width: 35px;
}
#siteNavigation label span.iconCloss::before {
    bottom: 10px;
    left: 0;
}
#siteNavigation label span.iconCloss::after {
    top: 10px;
    left: 0;
}

header #siteNavigation input#panel.on-off:checked ~ label span.iconCloss {
    background-color: transparent;
}
header
    #siteNavigation
    input#panel.on-off:checked
    ~ label
    span.iconCloss::before {
    bottom: 0;
    transform: rotate(45deg);
}
header
    #siteNavigation
    input#panel.on-off:checked
    ~ label
    span.iconCloss::after {
    top: 0rem;
    transform: rotate(-45deg);
}

header #siteNavigation input#panel.on-off ~ div.nav-menu-open,
header #siteNavigation input#panel.on-off ~ div.header-nav-container {
    display: block;
    height: auto;
    overflow: hidden;
    right: -70%;
    width: 70%;
    position: fixed;
    z-index: -1;
    top: 0;
}
header #site-navigation input#panel.on-off + div.nav-menu-open,
header #site-navigation input#panel.on-off:checked + div.nav-menu-open {
    width: 70%;
    position: absolute;
    right: 0;
    height: 100vh;
}

header #siteNavigation input#panel.on-off:checked ~ div.nav-menu-open,
header #siteNavigation input#panel.on-off:checked ~ div.header-nav-container {
    right: 0;
}
#siteNavigation ul {
}
#siteNavigation ul ul {
}

@media (min-width: 62.5em) {
    /***開閉メニュー***/
    #siteNavigation label {
        width: 6rem;
        height: 6rem;
    }
    #siteNavigation label span.iconCloss,
    #siteNavigation label span.iconCloss::before,
    #siteNavigation label span.iconCloss::after {
        left: 19px;
    }
    #siteNavigation label span.iconCloss::before {
        bottom: 15px;
        left: 0;
    }
    #siteNavigation label span.iconCloss::after {
        top: 15px;
        left: 0;
    }
    #siteNavigation label span.txtOpen,
    #siteNavigation label span.txtClose {
        bottom: 20px;
        font-size: 1.6rem;
    }
    #siteNavigation label span.txtClose {
        left: 26px;
    }
    #siteNavigation label span.txtOpen {
        left: 22px;
    }
    header #siteNavigation input#panel.on-off ~ div.nav-menu-open,
    header #siteNavigation input#panel.on-off ~ div.header-nav-container {
        right: -30%;
        width: 30%;
    }
    #siteNavigation {
        top: 2.1rem;
        right: 5rem;
    }
    #siteNavigation ul {
        padding-top: 11rem;
    }
    #siteNavigation li a {
        padding: 0.8em 1.42857em;
    }
    #siteNavigation li a span {
        display: inline;
        margin-left: 1rem;
        vertical-align: 0.2rem;
    }
    #siteNavigation ul ul {
        padding-left: 3rem;
    }
}
@media (min-width: 1024px) {
}

/*共通*/
/* バナー（CTA） */
.ctaLink {
    text-align: center;
}
.ctaLink a {
    font-size: 1.6rem;
    display: block;
    background-color: #e4007f;
    display: inline-block;
    color: #fff;
    padding: 0 3rem;
    border-radius: 5rem;
    line-height: 5rem;
}

/* 画像バナー */
.banImg a {
    width: 100%;
    padding: 0;
    background-color: transparent;
}
.banImg a img {
    margin: 0 auto;
}
.post_content .banArea a {
    color: #fff;
}

/*通常テキスト*/
.contentsSection .txtP {
    margin-bottom: 1em;
    line-height: 1.8;
    font-weight: 500;
    font-size: 1.4rem;
}
.contentsSection .txtP a {
    color: var(--block);
    text-decoration: underline;
}
.contentsSection .txtP a:hover {
    opacity: 1;
    text-decoration: none;
}
/*横並びブロック*/
.columnBlock {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.columnBlock.spColumnBlock {
    display: block;
}
.columnBlock.pcColumnBlock {
}
.columnBlock > figure,
.columnBlock > .txtBlock {
    width: 100%;
}

/* ぱんくずリスト */
.breadcrumb {
    padding: 0 1rem;
}
.breadcrumb .breadcrumbList {
    margin: 2rem auto;
    max-width: var(--siteContentsWidth);
    display: flex;

    overflow-x: scroll;
    word-break: keep-all;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.breadcrumb .breadcrumbList li {
    font-size: 1.3rem;
    font-weight: 700;
}
.breadcrumb .breadcrumbList li::after {
    content: ">";
    margin: 0 1rem;
}
.breadcrumb .breadcrumbList li:last-child::after {
    display: none;
}
@media (min-width: 62.5em) {
    .breadcrumb .breadcrumbList {
        overflow: inherit;
    }
}

/* はみ出しブロック */
.oversizeBlock {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
}

.jpTxt {
    display: block;
}
.enTxt {
    font-family: var(--enTxt);
    display: inline-block;
}

/*基本セクションセット*/
.contentsSection {
    /* padding-top: 5rem; */
    /* padding-bottom: 5rem; */
    margin-bottom: 5rem;
}
.contentsSection .sectionTitle {
    margin: 0 auto 2.5rem;
    padding: 0;
    text-align: center;
    color: var(--black);
    font-size: 3.6rem;
    border-bottom: none;
}
.contentsSection .sectionTitle span {
}
.contentsSection .sectionTitle .enTxt {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
    position: relative;
    color: var(--orange);
}
.contentsSection .sectionTitle .enTxt::before,
.contentsSection .sectionTitle .enTxt::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2rem;
    display: block;
    border-left: 2px solid var(--orange);
    transform: translate(-50%, -50%);
    bottom: 1rem;
}
.contentsSection .sectionTitle .enTxt::before {
    left: -2rem;
    transform: rotate(-30deg);
}
.contentsSection .sectionTitle .enTxt::after {
    right: -2rem;
    transform: rotate(30deg);
}

.contentsSection .sectionTitle .jpTxt {
    font-size: 2.4rem;
    line-height: 1.5;
}
.contentsSection ul,
.contentsSection ol,
.contentsSection ol li,
.contentsSection ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.contentsBlock {
    margin: 0 auto 2rem;
}

/* リストリンク */
.listBlock a {
    display: block;
}
.listBlock a:hover {
    text-decoration: none;
}

/* ニュース一覧（ブロック） */
.newsList {
    margin-bottom: 6.4rem;
    border-top: 1px solid;
}
.newsList li {
    border-bottom: 1px solid;
}
.newsList a {
    padding: 1rem 1rem;
    display: block;
}
.newsList .date {
    font-size: 1.3rem;
    margin-right: 1.5rem;
}
.newsList .newsTitle {
    font-size: 1.6rem;
}

@media (min-width: 62.5em) {
    /*通常テキスト*/
    .contentsSection .txtP {
        font-size: 1.7rem;
    }

    /*基本セクションセット*/
    .contentsSection {
        /* padding-top: 12rem; */
        /* padding-bottom: 12rem; */
        margin-bottom: 10rem;
    }
    .contentsSection .sectionTitle {
        font-size: 2.4rem;
        margin-bottom: 6.3rem;
    }
    .contentsSection .sectionTitle .enTxt {
        font-size: 2rem;
    }
    .contentsSection .sectionTitle .enTxt::before,
    .contentsSection .sectionTitle .enTxt::after {
        height: 2rem;
        bottom: 0.5rem;
    }
    .contentsSection .sectionTitle .enTxt::before {
        left: -2rem;
    }
    .contentsSection .sectionTitle .enTxt::after {
        right: -2rem;
    }

    .contentsSection .sectionTitle .jpTxt {
        font-size: 3.5rem;
    }

    .contentsBlock {
        margin-bottom: 5rem;
    }

    /*PCの時は機能しないリンク*/
    a.pcNoLink {
        pointer-events: none;
        cursor: default;
    }

    /*バナーリンク（CTA）*/
    .ctaLink a {
        font-size: 2rem;
        line-height: 5.3rem;
    }

    /* ニュース一覧（ブロック） */
    .newsList .date {
        font-size: 1.3rem;
    }
    .newsList .newsTitle {
        font-size: 1.6rem;
    }

    /* パララックス */
    .parallaxBlock {
        background-attachment: fixed;
        height: 100vh;
    }

    /*左に画像・右にテキストブロック*/
    .columnBlock > figure {
        margin-right: 5rem;
    }

    /*右に画像・左にテキストブロック*/
    .columnBlock.rightImgBlock {
        flex-direction: row-reverse;
    }
    .columnBlock.rightImgBlock > figure {
        margin-left: 5rem;
        margin-right: 0;
    }

    .columnBlock > .txtBlock {
        max-width: 47.3rem;
    }

    .columnBlock.tabColumnBlock.spColumnBlock {
        display: block;
    }
    .columnBlock.spColumnBlock {
        display: flex;
    }
}
@media (min-width: 1024px) {
    .columnBlock.tabColumnBlock.spColumnBlock {
        display: flex;
    }
}

/*下層ページ共通*/
.home .sof {
    margin-bottom: 0;
}
#content {
    padding: 0;
}
#main {
    width: 100%;
    max-width: var(--siteContentsWidth);
    margin-top: 2rem;
}
.entry-content,
.list-content,
.storycontent {
    margin: 0 auto;
    padding: 0 4%;
    max-width: var(--siteInblockWidth);
}
header {
    max-width: 192rem;
    border-bottom: none;
    height: 7rem;
}
header .inner {
    width: 100%;
}
h1.site-title,
div.site-title {
    max-width: 25.5rem;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    position: fixed;
    z-index: 1000;
}
h1.site-title img,
div.site-title img {
    max-width: 10.5rem;
    display: inline-block;
    width: 81.91%;
}
h1.site-title .siteDescription,
div.site-title .siteDescription {
    display: none;
}

.navContents h1.site-title,
.navContents div.site-title {
    display: none;
}

#site-navigation {
    max-width: 79.5rem;
}
#site-navigation ul {
    width: 100%;
}
#site-navigation li a {
    color: var(--black);
    font-size: 1.7rem;
    font-weight: 700;
}
header .inner {
}
header .snav {
    z-index: 1000;
    position: absolute;
}
header .snav .membership ul {
    display: flex;
    background-color: transparent;
    border: none;
}
header .snav .membership li {
    display: none;
}
header .snav .membership li:first-child,
header .snav .membership li a {
    font-weight: 700;
    color: var(--black);
    border: none;
}
header .snav .membership li:last-child a {
}
header a.inCartBtn {
    background-color: var(--orange);
    border-radius: 5rem;
}
header a.inCartBtn i {
    font-size: 3.9rem;
    color: #fff;
}
header #siteNavigation a.inCartBtn {
    display: block;
    position: absolute;
    padding: 1.1rem;
    right: 9rem;
    top: -0.1rem;
}
header #siteNavigation a.inCartBtn i {
}
header .navigationWrapBlock {
    display: none;
}

#site-navigation label span {
    background-color: var(--black);
    padding: 1.75rem 1rem;
    border-radius: 5rem;
}
#site-navigation label span:before {
    font-size: 3rem;
}

header .snav .membership li:last-child a::after {
    display: none;
}
header .snav .membership li:last-child a:hover {
    opacity: 0.7;
}

footer {
    padding: 0;
    background-color: transparent;
    margin-bottom: 7.1rem;
}
.footerContents {
    background-color: var(--beige);
    padding: 1rem 2rem;
}
.footerInner {
    max-width: var(--siteContentsWidth);
    margin: 0 auto;
}
footer a:hover {
    color: var(--black);
}
footer .linkBlock {
    max-width: 66rem;
    position: relative;
}
footer .pmarkBlock {
    max-width: 13rem;
    width: 39%;
    margin: 0 auto;
}
footer .pmarkBlock .pmarkNum{
    display: block;
    text-align: center;
    color: var(--black);
    font-weight: 700;
    margin-top: -1.5em;
    font-size: 1.1rem;
}
footer nav {width: 100%;}
footer nav ul.columnBlock {
    justify-content: center;
}
footer nav li {
    margin-bottom: 1rem;
    margin-top: 1rem;
}
footer nav li a {
    padding: 0 1.5rem;
    font-size: 1.6rem;
}
.footerShopdate {
    max-width: 42rem;
    color: var(--black);
    text-align: center;
    margin-bottom: 2rem;
}
.footerShopdate .footerLogo {
    margin-bottom: 1rem;
}
.footerShopdate .footerLogo a {
    display: inline-block;
    margin-bottom: 1rem;
}
.footerShopdate .footerLogo img {
    max-width: 10.5rem;
}
.footerShopdate .footerLogo .siteDescription {
    display: block;
    font-size: 1.6rem;
}
.footerShopdate .addressTxt {
    font-size: 1.4rem;
    line-height: 1.5;
}
.copyright {
    background-color: var(--black);
}

#site-navigation li a,
header .snav .membership li a,
#siteNavigation li a,
footer nav li a {
    position: relative;
    color: var(--black);
    font-weight: 700;
}
#siteNavigation li.current_page_item a::after,
#siteNavigation li.current-menu-parent a::after,
#site-navigation li a::after,
header .snav .membership li a::after,
#siteNavigation li a::after,
footer nav li a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--orange);
    /*アニメーションの指定*/
    transition: all 0.3s;
    transform: scale(0, 1); /*X方向0、Y方向1*/
    transform-origin: left top; /*左上基点*/
}
#siteNavigation li.current_page_item a,
#siteNavigation li.current-menu-parent a,
#site-navigation li.current_page_item a,
#site-navigation li.current-menu-parent a,
#site-navigation li a:hover,
header .snav .membership li a:hover,
#siteNavigation li a:hover,
footer nav li a:hover {
    opacity: 1;
    text-decoration: none;
}
#siteNavigation li.current_page_item a::after,
#siteNavigation li.current-menu-parent a::after,
#site-navigation li.current_page_item a::after,
#site-navigation li.current-menu-parent a::after,
#site-navigation li a:hover::after,
.item #site-navigation li.menu-item-82 a::after,
header .snav .membership li a:hover::after,
#siteNavigation li a:hover::after,
footer nav li a:hover::after {
    transform: scale(1, 1); /*X方向にスケール拡大*/
}

.itemSection {
    margin-bottom: 2rem;
}
.itemSection .itemListBlock {
}
.itemSection .itemListBlock .itemList {
}
.itemSection .itemListBlock .itemList .list_item {
    width: calc(100% / 2 - 1%);
    margin-bottom: 3rem;
}
.itemSection .itemListBlock .itemList .list_item a {
    display: block;
}
.itemSection .itemListBlock .itemList .list_item a:hover {
    text-decoration: none;
}
.itemSection .itemListBlock .itemList .list_item figure {
    margin-bottom: 1.5rem;
}
/* .itemSection .itemListBlock .itemList .list_item figure img{height: 20.2rem;} */
.itemSection .itemListBlock .itemList .list_item .itemTitle {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
    display: block;
    line-height: 1.5;
    min-height: 3em;
}
.itemSection .itemListBlock .itemList .priceTxt {
    text-align: right;
    display: block;
}
.itemSection .itemListBlock .itemList .unit {
    font-size: 1.6rem;
    margin-right: 2rem;
}
.itemSection .itemListBlock .itemList .list_item .price {
    font-size: 1.8rem;
    font-weight: 900;
    text-align: right;
}
.itemSection .itemListBlock .itemList .list_item .tax {
    font-size: 1.5rem;
    font-weight: 500;
    margin-left: 0.5rem;
}

.itemSection .itemListBlock .itemList .list_item.is-active {
    display: block;
}
.itemSection .itemListBlock .itemList .list_item.is-hidden {
    display: none;
}

/*カテゴリ*/
.categorySection {
}
.categorySection .categorymenuBlock {
    padding: 0 2%;
}
.categorySection .categorymenuBlock {
}
.categorySection .categorymenuBlock .categroyMenu {
    max-width: 104rem;
    margin: 0 auto;
}
.categorySection .categorymenuBlock .categroyMenu li {
    width: calc(100% / 2 - 1%);
    margin-bottom: 1.5rem;
}
.categorySection .categorymenuBlock .categroyMenu li a,
.categorySection .categorymenuBlock .categroyMenu li .click {
    font-size: 1.4rem;
    line-height: 5.5rem;
    font-weight: 700;
    display: block;
    padding: 0 1rem;
    background-color: #fff;
    border: var(--black) solid 2px;
    border-radius: 3.6rem;
    box-shadow: 0 5px 0 var(--black);
}
.categorySection .categorymenuBlock .categroyMenu li .click {
    transition: var(--transitionDefault);
}
.categorySection .categorymenuBlock .categroyMenu li a:hover,
.categorySection .categorymenuBlock .categroyMenu li .click:hover,
.categorySection .categorymenuBlock .categroyMenu li.is-active .click,
.categorySection .categorymenuBlock .categroyMenu li.is-active a {
    transform: translateY(5px);
    box-shadow: none;
    text-decoration: none;
    opacity: 1;
}
.categorySection .categorymenuBlock .categroyMenu li i {
    background: no-repeat left top / 100% auto;
    display: inline-block;
    width: 4.4rem;
    height: 4.7rem;
    vertical-align: -2rem;
}
.categorySection .categorymenuBlock .categroyMenu li i.cate1 {
    background-image: url(../images/common/catIconImg01.png);
}
.categorySection .categorymenuBlock .categroyMenu li i.cate2 {
    background-image: url(../images/common/catIconImg02.png);
}
.categorySection .categorymenuBlock .categroyMenu li i.cate3 {
    background-image: url(../images/common/catIconImg03.png);
}
.categorySection .categorymenuBlock .categroyMenu li i.cate4 {
    background-image: url(../images/common/catIconImg04.png);
}
.categorySection .categorymenuBlock .categroyMenu li i.cate5 {
    background-image: url(../images/common/catIconImg05.png);
}
.categorySection .categorymenuBlock .categroyMenu li i.cate6 {
    background-image: url(../images/common/catIconImg06.png);
}

.footerbeforeBlock {
    background-color: #fff;
}
.businesstBannerSection {
    padding-top: 2rem;
    margin-bottom: 2rem;
}
.businesstBanner {
    text-align: center;
    max-width: var(--siteInblockWidth);
    width: 95%;
}
.businesstBanner a {
    display: inline-block;
}

/*ご利用ガイド*/
.guideSection {
    padding: 0 2% 5rem;
    margin-bottom: 0;
}
.guideSection .guideBlock {
}
.guideSection .guideBlock .guideTxtBlock {
    height: 35rem;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 1rem 2rem;
    background-color: var(--lightbeige);
}

.guideSection .guideBlock .guideTxtBlock .blockTitle {
    font-weight: 900;
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
    position: relative;
}
.guideSection .guideBlock .guideTxtBlock .blockTitle::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    position: absolute;
    background-image: repeating-linear-gradient(
            0deg,
            var(--black),
            var(--black) 6px,
            transparent 6px,
            transparent 12px,
            var(--black) 12px
        ),
        repeating-linear-gradient(
            90deg,
            var(--black),
            var(--black) 6px,
            transparent 6px,
            transparent 12px,
            var(--black) 12px
        ),
        repeating-linear-gradient(
            180deg,
            var(--black),
            var(--black) 6px,
            transparent 6px,
            transparent 12px,
            var(--black) 12px
        ),
        repeating-linear-gradient(
            270deg,
            var(--black),
            var(--black) 6px,
            transparent 6px,
            transparent 12px,
            var(--black) 12px
        );
    background-size: 0, 0, 0, 100% 2px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    transform: translate(0, -50%);
    right: 0;
    top: 50%;
}
.guideSection .guideBlock .guideTxtBlock .blockTitle .txt {
    background-color: var(--lightbeige);
    display: inline-block;
    padding-right: 1rem;
    z-index: 1;
    position: relative;
}
.guideSection .guideBlock .guideTxtBlock .subTitle{font-size: 1.6rem;}

.guideSection .guideBlock .guideTxtBlock .attentionTxt,
.guideSection .guideBlock .guideTxtBlock .txtP,
.guideSection .guideBlock .subBlock > .numList,
.guideSection .guideBlock .subBlock > .dottsList {
    margin-bottom: 2.5em;
}
.guideSection .guideBlock .guideTxtBlock .txtP {
}
.guideSection .guideBlock .subBlock > .numList,
.guideSection .guideBlock .subBlock > .dottsList{
    padding-right: 3rem;
    margin-top: -2rem;
}
.guideSection .guideBlock .guideTxtBlock .attentionTxt,
.guideSection .guideBlock .subBlock .numList li,
.guideSection .guideBlock .subBlock .dottsList li{
    font-size: 1.4rem;
    line-height: 1.8;
}
.guideSection .guideBlock .subBlock .numList li,
.guideSection .guideBlock .subBlock .dottsList li{
    margin-bottom: 1rem;
}
.guideSection .guideBlock .subBlock > .numList{}
.guideSection .guideBlock .subBlock > .numList li{
    list-style: decimal;
    margin-left: 1.8rem;
}
.guideSection .guideBlock .subBlock > .numList li::marker{font-weight: bold;}
.guideSection .guideBlock .subBlock > .numList li .listTitle{display: block;}
.guideSection .guideBlock .subBlock > .numList li ul {}
.guideSection .guideBlock .subBlock > .numList li ul li{
    list-style: none;
    /* margin-left: 0; */
}
.guideSection .guideBlock .subBlock > .dottsList{}
.guideSection .guideBlock .subBlock .dottsList{}
.guideSection .guideBlock .subBlock .dottsList li{
    text-indent: -1rem;
    margin-left: 1rem;
}
.guideSection .guideBlock .subBlock .dottsList li::before{content: "・";}

.guideSection .guideBlock .guideTxtBlock .attentionTxt{margin-top: -2rem;}

.guideSection .guideBlock .guideTxtBlock figure{
    width: 80%;
    margin: 0.5rem auto 1rem;
}

.guideSection .guideBlock .guideTxtBlock .txtP .banks {
    font-size: 1.6rem;
}
.guideSection .guideBlock .guideTxtBlock .txtP .pointTxt {
    font-size: 1.6rem;
    color: var(--orange);
}

.guideSection .guideBlock .guideTxtBlock .tableBlock{margin-bottom: 3.5rem;}
.tableBlock {
    width: 100%;
    overflow-y: hidden;
    height: 30rem;
}
.tableBlock .driveTable {
    width: 100%;
    border-collapse:separate;
    border: 0.5px solid;
}
.tableBlock .driveTable th,
.tableBlock .driveTable td {
    text-align: center;
    border: 0.5px solid;
    vertical-align: middle;
    font-size: 1.4rem;
    padding: 0.5rem;
    line-height: 1.3;
    white-space: nowrap;
}
.tableBlock .driveTable th {
    left: 0;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1;
}
.tableBlock .driveTable th:first-child {
   
}
.tableBlock .driveTable th:nth-child(2) {}
.tableBlock .driveTable td {
}
.tableBlock .driveTable thead th {
    background-color: var(--lightgray2);
}
.tableBlock .driveTable thead th:first-child  {
    background-color: var(--lightgray);
    z-index: 10;
}
.tableBlock .driveTable tbody{
    overflow-x: hidden;
    overflow-y: auto;
}
.tableBlock .driveTable tbody th {
    background-color: var(--lightgray);
}
.tableBlock .driveTable tbody th .prefectures{
    display: block;
    font-size: 1.2rem;
}

.tableBlock .driveTable tbody td {
}

.scroll-hint-icon{z-index: 1000;}

/*下層コンテンツタイトル*/
.entry-header {
    background: url(../images/headerContents/otherContentsImgSp.jpg) no-repeat
        center center / cover;
    height: 25rem;
}
.entry-header .wrapBlock {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.entry-header .entry-title {
    color: var(--black);
    text-align: center;
    padding: 0;
    font-weight: bold;
    line-height: 1.5;
}
.entry-header .entry-title .enTxt {
    font-size: 2.5rem;
    color: #fff;
    -webkit-text-stroke: 1px var(--black);
    text-stroke: 1px var(--black);
    text-shadow: 2px 2px 0 var(--black);
    position: relative;
    margin-bottom: 0.5rem;
}
.entry-header .entry-title .enTxt::before,
.entry-header .entry-title .enTxt::after {
    font-size: 2.6rem;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    color: var(--black);
    text-shadow: initial;
    -webkit-text-stroke: initial;
    text-stroke: none;

    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.entry-header .entry-title .enTxt::before {
    content: "\e902";
    left: -2rem;
}
.entry-header .entry-title .enTxt::after {
    content: "\e903";
    right: -4.5rem;
}
.entry-header .entry-title .jpTxt {
    font-size: 2.8rem;
    padding: 0 2rem 0.6rem;
    background-color: #fff;
    border: 2px solid var(--black);
    margin: 0 auto;
}

/*スマホ下部固定リンク*/
.bottomfixBan {
    position: fixed;
    bottom: 0;
    text-align: center;
    z-index: 10000;
    width: 100%;
}
.bottomfixBan .linkList {
    display: flex;
}
.bottomfixBan .linkList li {
    width: 100%;
    border: 2px solid var(--black);
}
.bottomfixBan a {
    display: block;
    height: 100%;
}
.bottomfixBan a:hover {
    text-decoration: none;
}

.bottomfixBan li i {
    display: inline-block;
    margin-right: 0.5rem;
}

.bottomfixBan li .btnTxt {
    font-weight: 700;
    display: inline-block;
}
.bottomfixBan li.link1 {
    border-right-width: 1px;
}
.bottomfixBan .link1 a {
    background-color: var(--orange2);
    color: #fff;
    line-height: 7.1rem;
    /* padding-top: 1.15rem;
    padding-bottom: 0.841rem; */
}
.bottomfixBan .link1 a i {
    font-size: 3.1rem;
    vertical-align: -0.5rem;
}
.bottomfixBan .link1 a .btnTxt {
    font-size: 1.6rem;
    line-height: 1;
}
.bottomfixBan li.link2 {
    border-left-width: 1px;
}
.bottomfixBan .link2 a {
    background-color: #fff;
    color: var(--blue);
    padding: 0.5rem;
}
.bottomfixBan .link2 a i {
    font-size: 2.9rem;
    vertical-align: 0.2rem;
}
.bottomfixBan .link2 a .btnTxt {
    font-size: 1.6rem;
    text-align: left;
}
.bottomfixBan .link2 a .btnTxt .smallTxt {
    display: block;
    font-size: 1.1rem;
    margin-top: 0.3rem;
}
.bottomfixBan .link2 a .inBlock {
    padding: 1.3rem 0;

    display: block;
    background-image: repeating-linear-gradient(
            -1deg,
            var(--blue),
            var(--blue) 3px,
            transparent 3px,
            transparent 5px,
            var(--blue) 5px
        ),
        repeating-linear-gradient(
            89deg,
            var(--blue),
            var(--blue) 3px,
            transparent 3px,
            transparent 5px,
            var(--blue) 5px
        ),
        repeating-linear-gradient(
            179deg,
            var(--blue),
            var(--blue) 3px,
            transparent 3px,
            transparent 5px,
            var(--blue) 5px
        ),
        repeating-linear-gradient(
            269deg,
            var(--blue),
            var(--blue) 3px,
            transparent 3px,
            transparent 5px,
            var(--blue) 5px
        );
    background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}

@media (min-width: 62.5em) {
    header {
        margin: 0 auto;
        padding: 1.5rem 0 2rem;
        height: auto;
    }
    #main {
        margin-top: 10rem;
        margin-bottom: 0;
    }
    .entry-content,
    .list-content,
    .storycontent {
        padding: 0 0;
    }
    header .navContents {
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        width: 60%;
    }
    header .navigationWrapBlock {
        width: 66%;
        max-width: 79.5rem;
        align-items: center;
        display: flex;
    }
    #siteNavigation {
        display: none;
    }
    #site-navigation {
        display: flex;
        flex-direction: column-reverse;
    }
    #site-navigation ul {
        flex-flow: inherit;
    }
    #site-navigation li {
        float: none;
        padding: 0 1.5rem;
    }
    #site-navigation li,
    #site-navigation ul li:first-child {
        border: none;
    }
    #site-navigation li a {
        /* font-size: 1.7rem; */
        font-size: 0.885vw;
        padding: 1em 0;
    }
    #site-navigation li.current_page_item a,
    #site-navigation li.current-menu-parent a,
    #site-navigation li a:hover {
        color: var(--black);
        background-color: transparent;
    }

    header div.nav-menu-open {
        display: block;
    }
    header .snav {
        width: 40%;
        flex-wrap: nowrap;
        display: flex;
        align-items: center;
        z-index: auto;
        position: static;
    }
    header .snav .membership {
        overflow: inherit;
        float: none;
    }

    header .snav .membership li {
        display: flex;
        align-items: center;
        padding: 0 1.5rem;
    }
    header .snav .membership li a {
        border-right: none;
        /* font-size: 1.7rem; */
        font-size: 0.885vw;
        padding: 1rem 0;
    }
    header .snav .membership i {
        display: inline;
    }
    header .snav .membership li:last-child a {
        width: 6rem;
        text-align: center;
    }
    header .snav .membership a.inCartBtn {
    }
    header .snav .membership a.inCartBtn i {
        font-size: 3.9rem;
        display: inline-block;
        padding: 0;
    }

    h1.site-title,
    div.site-title {
        width: 100%;
        position: static;
    }

    h1.site-title .siteDescription,
    div.site-title .siteDescription {
        font-size: 1.5rem;
        display: block;
    }
    .navContents h1.site-title,
    .navContents div.site-title {
        display: block;
    }

    header #site-navigation input#panel.on-off + div.header-nav-container {
        background-color: transparent;
    }

    .footerContents {
        padding: 0;
    }
    footer {
        margin-bottom: 0;
    }
    footer .linkBlock {
        
    }
    footer .pmarkBlock {
        width: 25%;
        max-width: 17rem;
        position: absolute;
        right: 0;
        margin: 0;
    }
    footer .pmarkBlock .pmarkNum{
        margin-top: -1.7em;
        font-size: 1.2rem;
    }

    footer nav{
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        margin: 0;
        padding: 18rem 0 0;
    }
    footer nav ul.columnBlock {
        justify-content: space-between;
    }
    footer nav li {
        width: auto;
        float: none;
        padding-right: 0;
        text-align: center;
        margin-top: 2rem;
        margin-bottom: 0;
        padding: 0 2rem;
    }
    footer nav li a {
        color: var(--black);
        font-size: 1.7rem;
        padding: 1rem 0;
    }
    .footerInner {
        padding: 5.5rem 0;
    }
    .footerShopdate {
        text-align: left;
        margin-bottom: 0;
    }
    .footerShopdate .footerLogo .siteDescription {
        font-size: 2rem;
    }
    .footerShopdate .addressTxt {
        font-size: 1.6rem;
    }
    .copyright {
        font-size: 1.4rem;
    }

    .itemSection {
        margin-bottom: 3rem;
    }
    .itemSection .itemListBlock {
    }
    .itemSection .itemListBlock .itemList {
        width: calc(100% - -5rem);
        margin: 0px -2.5rem;
        justify-content: flex-start;
    }
    .itemSection .itemListBlock .itemList .list_item {
        width: calc(100% / 4 - 5rem);
        margin: 0 2.5rem 7rem;
    }
    .itemSection .itemListBlock .itemList .list_item figure {
        margin-bottom: 1rem;
    }
    /* .itemSection .itemListBlock .itemList .list_item figure img{height: 20.2rem;} */
    .itemSection .itemListBlock .itemList .list_item .itemTitle {
        font-size: 1.9rem;
    }
    .itemSection .itemListBlock .itemList .priceTxt {
    }
    .itemSection .itemListBlock .itemList .unit {
        font-size: 1.9rem;
        margin-right: 2rem;
    }
    .itemSection .itemListBlock .itemList .list_item .price {
        font-size: 2.2rem;
    }
    .itemSection .itemListBlock .itemList .list_item .tax {
        font-size: 1.5rem;
    }

    /*カテゴリ*/
    .categorySection {
    }
    .categorySection .categorymenuBlock {
        padding: 0;
    }
    .categorySection .categorymenuBlock {
    }
    .categorySection .categorymenuBlock .categroyMenu {
        margin: 0 auto;
    }
    .categorySection .categorymenuBlock .categroyMenu li {
        width: calc(100% / 4 - 3rem);
        margin-bottom: 0;
    }
    .categorySection .categorymenuBlock .categroyMenu li a,
    .categorySection .categorymenuBlock .categroyMenu li .click {
        font-size: 1.6rem;
        line-height: 7.1rem;
        padding: 0 1rem;
        border-radius: 3.6rem;
    }
    .categorySection .categorymenuBlock .categroyMenu li a:hover {
    }
    .categorySection .categorymenuBlock .categroyMenu li i {
        width: 5rem;
        height: 4.545rem;
        margin-right: 1rem;
    }

    .businesstBannerSection {
        padding-top: 7.8rem;
        margin-bottom: 11rem;
    }

    /*ご利用ガイド*/
    .guideSection {
        padding: 0;
    }
    .guideSection .guideBlock {
    }
    .guideSection .guideBlock .guideTxtBlock {
        height: auto;
        overflow: initial;
        padding: 0;
        background-color: transparent;
    }
    .guideSection .guideBlock .guideTxtBlock .subBlock {
        width: calc(100% / 2 - 5.8rem);
    }
    .guideSection .guideBlock .guideTxtBlock .blockTitle {
        font-size: 1.9rem;
        margin-bottom: 2.5rem;
    }
    .guideSection .guideBlock .guideTxtBlock .txtP {
        font-size: 1.5rem;
        line-height: 2;
    }
    .guideSection .guideBlock .guideTxtBlock .txtP .banks {
        font-size: 2rem;
    }
    .guideSection .guideBlock .guideTxtBlock .txtP .pointTxt {
        font-size: 2rem;
    }
    .guideSection .guideBlock .guideTxtBlock .blockTitle .txt {
        background-color: #fff;
    }
    .guideSection .guideBlock .guideTxtBlock .tableBlock{margin-bottom: 5.5rem;}

    .tableBlock {
        height: auto;
    }
    .tableBlock .driveTable th,
    .tableBlock .driveTable td {
        font-size: 1.6rem;
        padding: 1rem;
    }
    /* .tableBlock .driveTable th:nth-child(2) {left: 4.3em;} */

    .guideSection .guideBlock .guideTxtBlock .subTitle{}

    .guideSection .guideBlock .guideTxtBlock .attentionTxt,
    .guideSection .guideBlock .subBlock .numList li,
    .guideSection .guideBlock .subBlock .dottsList li{
        font-size: 1.5rem;
    }
    .guideSection .guideBlock .subBlock > .numList,
    .guideSection .guideBlock .subBlock > .dottsList{
        padding-right: 1rem;
        margin-top: -3rem;
    }
    .guideSection .guideBlock .guideTxtBlock .subTitle {font-size: 1.8rem;}

    /*下層コンテンツタイトル*/
    .entry-header {
        background-image: url(../images/headerContents/otherContentsImg.jpg);
        height: 20rem;
    }
    .entry-header .entry-title .enTxt {
        font-size: 2.5rem;
        margin-bottom: 0.5rem;
        max-width: 100%;
    }
    .entry-header .entry-title .enTxt::before,
    .entry-header .entry-title .enTxt::after {
        font-size: 2.6rem;
    }
    .entry-header .entry-title .enTxt::before {
        left: -2rem;
    }
    .entry-header .entry-title .enTxt::after {
        right: -4.5rem;
    }
    .entry-header .entry-title .jpTxt {
        font-size: 3.5rem;
        line-height: 1.5;
        max-width: 100%;
    }
}
@media (min-width: 1920px) {
    #site-navigation li a {
        font-size: 1.7rem;
    }
    header .snav .membership li:first-child,
    header .snav .membership li a {
        font-size: 1.7rem;
    }
}

/***トップページ***/
.home .entry-content {
    max-width: 100%;
}
/*スライダー*/
.main-image {
    margin-bottom: 3rem;
}
.main-image a img {
    width: auto !important;
    height: 39.7rem !important;
    object-fit: unset;
}
.main-image img.sp {
    display: block;
}
.main-image img.pc {
    display: none;
}
.slick-initialized .slick-slide {
}
.slick-initialized .slick-slide .inBlock {
    display: block;
    padding: 0 1%;
}
.slick-initialized .slick-slide a {
}

.topNewsSection {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 2.5rem;
}
.topNewsSection .newsList {
    border-top: none;
}
.topNewsSection .newsList li {
    border-bottom: none;
}
.topNewsSection .newsList li a {
    padding: 1rem 1.5rem;
    background-color: #fff;
    border: var(--black) solid 2px;
    border-radius: 3rem;
    box-shadow: 0 5px 0 var(--black);
}
.topNewsSection .newsList li a:hover {
    transform: translateY(5px);
    box-shadow: none;
    text-decoration: none;
    opacity: 1;
}
.topNewsSection .newsList .date {
    font-size: 1.6rem;
    font-family: var(--enTxt);
}
.topNewsSection .newsList .newsTitle {
    font-weight: 700;
    font-size: 1.9rem;
}

.topCategorySection {
    background: url(../images/top/topItemCateBg.jpg) repeat center top / cover;
    padding: 2rem 0;
    position: relative;
    margin-bottom: 0;
}
.topCategorySection::before,
.topCategorySection::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    background-image: repeating-linear-gradient(
            0deg,
            var(--black),
            var(--black) 6px,
            transparent 6px,
            transparent 12px,
            var(--black) 12px
        ),
        repeating-linear-gradient(
            90deg,
            var(--black),
            var(--black) 6px,
            transparent 6px,
            transparent 12px,
            var(--black) 12px
        ),
        repeating-linear-gradient(
            180deg,
            var(--black),
            var(--black) 6px,
            transparent 6px,
            transparent 12px,
            var(--black) 12px
        ),
        repeating-linear-gradient(
            270deg,
            var(--black),
            var(--black) 6px,
            transparent 6px,
            transparent 12px,
            var(--black) 12px
        );
    background-size: 0, 0, 0, 100% 2px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}
.topCategorySection::before {
    top: 2rem;
}
.topCategorySection::after {
    bottom: 2rem;
}

.topAboutSection {
    background: url(../images/top/topAboutBgSp.jpg) repeat center center / cover;
    padding: 6rem 0 4.5rem;
    position: relative;
    margin-bottom: 0;
}
.topAboutSection {
}
.topAboutSection .columnBlock {
    max-width: var(--siteContentsWidth);
    margin-bottom: 0;
    padding: 0 6%;
}
.topAboutSection .textBlock {
    max-width: 51rem;
    width: 100%;
}
.topAboutSection .sectionTitle {
    font-size: 2.4rem;
}
.topAboutSection .sectionTitle .jpTxt,
.topAboutSection .txtP {
    color: #fff;
    text-shadow: 0 0 10px rgba(var(--black-rgb), 0.64);
}
.topAboutSection .txtP {
    text-align: left;
    margin-bottom: 5rem;
}
.topAboutSection .aboutBtn {
    text-align: center;
}
.topAboutSection .aboutBtn a {
    display: inline-block;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 5.5rem;
    background: url(../images/top/topAboutBtnBg.png) repeat center top / cover;
    filter: drop-shadow(3px 3px 6px rgba(var(--black-rgb), 0.6));
}
.topAboutSection .aboutBtn a:hover {
    transform: translateY(3px);
    filter: none;
    text-decoration: none;
    opacity: 1;
}
.topAboutSection .aboutBtn a i {
    color: #fff;
    margin-left: 1rem;
}

.topInformationSection{
    padding-top: 5rem;
    padding-bottom: 5rem;
    margin: 0;
}
.topInformationSection .infoList{}
.topInformationSection .infoDetailList{margin-bottom: 3rem;}
.topInformationSection .infoList li{width: calc(100% / 2 - 1%);}
.topInformationSection .infoList li figure{margin-bottom: 1.5rem;}
.topInformationSection .infoList li figure img{    aspect-ratio: 3/2;}
.topInformationSection .infoList li .txtSpan{}
.topInformationSection .infoList li .txtSpan .date{
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
}
.topInformationSection .infoList li .txtSpan .infoTitle{
    font-size: 1.6rem;
    font-weight: 700;
}
.topInformationSection .infoList li a,
.topInformationSection .aboutBtn a{
    

    background-color: #fff;
    border: var(--black) solid 2px;
    border-radius: 3rem;
    box-shadow: 0 5px 0 var(--black);
}
.topInformationSection .aboutBtn a:hover{
    transform: translateY(5px);
    box-shadow: none;
    text-decoration: none;
    opacity: 1;
}
.topInformationSection .infoList li a{
    display: block;
    height: 100%;
    padding: 1rem;
}
.topInformationSection .aboutBtn {text-align: center;}
.topInformationSection .aboutBtn a{
    display: inline-block;
    padding: 1rem;
    font-size: 2rem;
    font-weight: 700;
}
.topInformationSection .aboutBtn a i{display: none;}

@media (min-width: 62.5em) {
    .main-image {
        margin-bottom: 3rem;
    }
    .main-image a img {
        height: auto;
        width: 100% !important;
    }
    .main-image img.sp {
        display: none;
    }
    .main-image img.pc {
        display: block;
    }

    .slick-list {
        height: auto;
    }
    .slick-initialized .slick-slide {
        max-width: var(--siteContentsWidth);
    }
    .slick-initialized .slick-slide .inBlock {
        padding: 0 2.5rem;
    }

    .topNewsSection {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 9rem;
    }
    .topNewsSection .newsList .date {
        font-size: 1.6rem;
    }
    .topNewsSection .newsList .newsTitle {
        font-size: 1.9rem;
    }

    .topCategorySection {
        padding: 6rem 0;
    }

    .topAboutSection {
        background: url(../images/top/topAboutBg.jpg) repeat center center /
            cover;
        padding: 7rem 0 11.5rem;
        position: relative;
        margin-bottom: 0;
    }
    .topAboutSection {
    }
    .topAboutSection .columnBlock {
        margin-bottom: 0;
        padding: 0;
    }
    .topAboutSection .textBlock {
        max-width: 51rem;
        width: 100%;
    }
    .topAboutSection .sectionTitle {
        font-size: 2.4rem;
    }
    .topAboutSection .sectionTitle .jpTxt,
    .topAboutSection .txtP {
        color: #fff;
        text-shadow: 0 0 10px rgba(var(--black-rgb), 0.64);
    }
    .topAboutSection .txtP {
        text-align: center;
        margin-bottom: 5rem;
    }
    .topAboutSection .aboutBtn {
        text-align: center;
    }
    .topAboutSection .aboutBtn a {
        font-size: 2.2rem;
        line-height: 8.5rem;
        background: url(../images/top/topAboutBtnBg.png) repeat center top /
            cover;
        filter: drop-shadow(3px 3px 6px rgba(var(--black-rgb), 0.6));
    }
    .topAboutSection .aboutBtn a:hover {
        transform: translateY(3px);
        filter: none;
        text-decoration: none;
        opacity: 1;
    }
    .topAboutSection .aboutBtn a i {
        color: #fff;
        margin-left: 1rem;
    }

    .topInformationSection{
        padding-top: 12rem;
        padding-bottom: 12rem;
    }
    .topInformationSection .infoList{
        justify-content: flex-start;
    }
    .topInformationSection .infoDetailList{margin-bottom: 8rem;}
    .topInformationSection .infoList li{
        width: calc(100% / 4 - 2.5rem);
        margin: 0 1rem;
    }
    .topInformationSection .infoList li a{padding: 2rem;}
    .topInformationSection .aboutBtn a{padding: 2rem 5rem;}
    .topInformationSection .infoList li figure{margin-bottom: 1.5rem;}
    .topInformationSection .infoList li .txtSpan{}
    .topInformationSection .infoList li .txtSpan .date{
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }
    .topInformationSection .infoList li .txtSpan .infoTitle{font-size: 1.8rem;}
    .topInformationSection .aboutBtn a i{
        margin-left: 1rem;
        display: inline;
    }
}
@media (min-width: 1024px) {
}

/*下層ページ*/
.item .entry-header {
    background-image: url(../images/headerContents/itemContentsImg.jpg);
}
.item.single .entry-header {
    display: none;
}

.item.category .itemSection.categorySection .txtP {
}

/*新着一覧*/
.news #main {
    margin-top: 5rem;
}
.news .entry-header {
    background-image: url(../images/headerContents/newsContentsImg.jpg);
}
.newsDetailList {
    padding: 0 1rem;
}
.newsDetailList .listBlock {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    background-image: repeating-linear-gradient(
            0deg,
            var(--black),
            var(--black) 6px,
            transparent 6px,
            transparent 12px,
            var(--black) 12px
        ),
        repeating-linear-gradient(
            90deg,
            var(--black),
            var(--black) 6px,
            transparent 6px,
            transparent 12px,
            var(--black) 12px
        ),
        repeating-linear-gradient(
            180deg,
            var(--black),
            var(--black) 6px,
            transparent 6px,
            transparent 12px,
            var(--black) 12px
        ),
        repeating-linear-gradient(
            270deg,
            var(--black),
            var(--black) 6px,
            transparent 6px,
            transparent 12px,
            var(--black) 12px
        );
    background-size: 0, 0, 0, 100% 2px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}
.newsDetailList .titleBlock {
    margin-bottom: 1.5rem;
}
.newsDetailList .titleBlock .date {
    font-size: 1.6rem;
    display: block;
    margin-bottom: 1rem;
}
.newsDetailList .titleBlock .newsTitle {
    font-size: 2.0rem;

}
.newsDetailList .titleBlock .newsTitle a{
    display: inline;
    text-decoration: underline;
    line-height: 1.5;
}
.newsDetailList .titleBlock .newsTitle a:hover{text-decoration: none;}
.newsDetailList .newsDetail,
.newsDetailList .newsDetail p {
    line-height: 1.8;
    font-size: 1.4rem;
}
.newsDetailList .newsDetail a{display: inline}


.newsDetailList .listBlock.columnBlock figure{
    width: 80%;
    margin: 0 auto 1.5rem;
}
.newsDetailList .listBlock.columnBlock .listBlock{}


.newslistBlock .paging {
}
.newslistBlock .page-numbers {
    text-align: center;
}
.newslistBlock .page-numbers li {
    display: inline-block;
    width: 3.5rem;
    margin: 0 0.5rem;
}
.newslistBlock .page-numbers li a,
.newslistBlock .page-numbers li span {
    border: 2px solid;
    width: 100%;
    display: block;
    line-height: 3rem;
    font-size: 1.8rem;
    font-weight: 900;
    background-color: #fff;
    box-shadow: 2px 2px 0 var(--black);
    transition: var(--transitionDefault);
}
.newslistBlock .page-numbers li a {
}
.newslistBlock .page-numbers li a:hover {
    background-color: rgba(var(--orange2-rgb), 0.8);
    transform: translateY(5px);
    box-shadow: none;
    text-decoration: none;
    opacity: 1;
}

.newslistBlock .page-numbers li span {
    background-color: var(--orange2);
}

/*ウエスワンとは*/
.about .entry-header,
.sitemap .entry-header {
    background-image: url(../images/headerContents/sitemapContentsImg.jpg);
}
.aboutPointSection {
}
.aboutPointSection .aboutPointBlock {
    margin-bottom: 5rem;
}
.aboutPointSection .aboutPointBlock .txtBlock {
    max-width: 59rem;
    border: 2px solid var(--black);
    background-color: #fff;
    box-shadow: 4px 4px 0 var(--black);
    padding: 2rem;
    margin-bottom: 4rem;
}
.aboutPointSection .aboutPointBlock .blockTitle {
    border: none;
    font-size: 2.5rem;
    line-height: 1.5;
    margin-bottom: 0.5rem;
    padding: 0;
    position: relative;
}
.aboutPointSection .aboutPointBlock .blockTitle .numTxt {
    font-size: 5.8rem;
    position: absolute;
    -webkit-text-stroke: 3px var(--black);
    text-stroke: 3px var(--black);
    text-shadow: 3px 3px 0 var(--black);
    color: #fff;
    font-weight: 900;
    top: -7rem;
    left: 0rem;
    font-family: var(--numTxt);
}
.aboutPointSection .aboutPointBlock .blockTitle .colortxt {
    color: var(--orange2);
}
.aboutPointSection .aboutPointBlock .txtP {
    margin: 0 0 1.5rem;
}
.aboutPointSection .aboutPointBlock figure {
    max-width: 59rem;
}

.aboutFactorySection {
}
.aboutFactorySection .aboutFactoryBlock {
}
.aboutFactorySection .aboutFactoryBlock .imgList {
    width: calc(100% / 3 - 2%);
    margin-bottom: 1.5rem;
}
.aboutFactorySection .aboutFactoryBlock .imgList a {
}

/*お問い合わせフォーム*/

.contact .entry-header .entry-title .enTxt {
    max-width: 63%;
}
.contact .entry-header .entry-title .jpTxt {
    max-width: 90%;
}
.inquiryLeadSection {
}

.inquiryLeadSection .txteBlock .txtP {
    color: var(--gray);
}
.inquiryTxtSection .txteBlock .txtP {
    text-align: left;
}
.inquiryTxtSection .txteBlock .txtP a {
    color: var(--black);
    text-decoration: underline;
}
.inquiryLeadSection .txteBlock .txtP a:hover,
.inquiryTxtSection .txteBlock .txtP a:hover {
    text-decoration: none;
}
.inquiryTxtSection {
    padding-top: 0;
    text-align: center;
}

/*フォーム設定*/
.inquiryEntrySection .formBlock {
    margin: 0 auto;
}

.inquiryEntrySection .table_entry {
}
.inquiryEntrySection .table_entry .table_block {
    margin-bottom: 5.5rem;
}
.inquiryEntrySection .table_entry .table_block .table_span {
    border-bottom: 1px solid var(--beige);
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}
.inquiryEntrySection .table_entry .table_block .table_span .contact_title {
    max-width: 30rem;
    font-size: 1.4rem;
    padding-right: 2.7rem;
    color: var(--black);
    margin-bottom: 1rem;
}
.inquiryEntrySection
    .table_entry
    .table_block
    .table_span
    .contact_title
    .required {
    background-color: var(--orange2);
    color: #fff;
    font-size: 1.2rem;
    padding: 0.1rem 0.5rem 0.2rem;
    margin-left: 3%;
    border-radius: 0.8rem;
}
.inquiryEntrySection .table_entry .table_block .table_span .contact_entry {
    max-width: 54rem;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    position: relative;
}
.inquiryEntrySection
    .table_entry
    .table_block
    .table_span
    .contact_entry
    .mulchinput {
    width: 50%;
}
.inquiryEntrySection .contact_entry input,
.inquiryEntrySection .contact_entry select,
.inquiryEntrySection .contact_entry textarea {
    border: 1px solid var(--beige);
    background-color: #fff;
    padding: 1rem;
    width: 100%;
    font-size: 1.4rem;
}
.inquiryEntrySection .contact_entry select {
    font-size: 1.4rem;
}
.inquiryEntrySection .contact_entry .txt {
    margin-left: 0.5rem;
    font-size: 1.4rem;
}
.inquiryEntrySection
    .table_entry
    .table_block
    .table_span
    .contact_entry_checkbox {
    display: block;
}
.inquiryEntrySection
    .table_entry
    .table_block
    .table_span
    .contact_entry_checkbox
    .mwform-checkbox-field {
    display: block;
    margin-left: 0;
    margin-right: 10px;
}
.inquiryEntrySection
    .table_entry
    .table_block
    .table_span
    .contact_entry
    .formTxt {
    display: inline-block;
    margin-left: 1rem;
}
.inquiryEntrySection
    .table_entry
    .table_block
    .table_span
    .contact_entry
    input.mulchinput[type="radio"],
.inquiryEntrySection
    .table_entry
    .table_block
    .table_span
    .contact_entry
    input.mulchinput[type="checkbox"] {
    width: auto;
}
.inquiryEntrySection .privacy_box {
    margin-bottom: 3.5rem;
    margin-top: 5.5rem;
}
.inquiryEntrySection .privacy_box .formSubTitle {
    background-color: transparent;
    text-align: center;
    color: var(--black);
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 0 1rem;
}
.inquiryEntrySection .privacy_box .in_box {
    height: 21.8rem;
    overflow-y: scroll;
    padding: 2rem;
    background-color: #fff;
    max-width: 76rem;
    margin: 0 auto;
}
.inquiryEntrySection .privacy_box .in_box p {
    font-size: 1.4rem;
    color: var(--black);
}
.inquiryEntrySection .ruleCheckBlock {
    max-width: 36.5rem;
    margin: 0 auto;
}
.inquiryEntrySection .ruleCheckBlock .vertical-item {
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
}

.inquiryEntrySection .submitArea {
    margin: 48px auto 0;
    text-align: center;
}
.inquiryEntrySection .submitArea input {
    border: none;
    color: #fff;
    font-size: 2rem;
    text-align: center;
    display: inline-block;
    background-color: var(--orange2);
    border-radius: 5rem;
    border: 2px solid var(--black);
    box-shadow: 0 5px 0 var(--black);
    line-height: 5.5rem;
    max-width: 68.7rem;
    width: 80%;
    transition: all 0.2s;
    padding: 0;
}
.inquiryEntrySection .submitArea input:hover {
    box-shadow: none;
    transform: translateY(5px);
    background-color: #fff;
    color: var(--black);
}
.inquiryEntrySection .submitArea input[disabled] {
    background-color: var(--lightgray2);
    color: var(--gray);
}
.inquiryEntrySection .submitArea input[disabled]:hover {
    transform: translateY(0);
    box-shadow: 0 5px 0 var(--black);
}
.inquiryEntrySection .mw_wp_form_preview .privacy_box,
.inquiryEntrySection .mw_wp_form_preview .ruleCheckBlock {
    display: none;
}
.inquiryEntrySection .mw_wp_form_preview .submitArea {
    display: flex;
}
.inquiryEntrySection .mw_wp_form_preview .submitArea input {
    margin: 0 3rem;
}

.inquiryEntrySection .mwform-checkbox-field label,
.inquiryEntrySection .mwform-radio-field label {
    white-space: nowrap;
}

.inquiryThanksSection {
    background: none;
}

.inquiryEntrySection .form-confirmation .privacy_box {
    display: none;
}
.inquiryEntrySection .mw_wp_form_complete {
    text-align: center;
}
.inquiryTxtSection {
}
.inquiryTxtSection .txteBlock {
}
.inquiryTxtSection .txteBlock .txtP {
}

.inquiryEntrySection .formAttentionBlock {
    border-bottom: 1px solid var(--beige);
    padding-bottom: 3.6rem;
    margin-bottom: 3.6rem;
}
.inquiryEntrySection .formAttentionBlock .formAttentionTitle {
    background-color: var(--black);
    color: #fff;
    font-size: 1.6rem;
    padding: 0.5rem;
}
.inquiryEntrySection .formAttentionBlock .txtP {
    padding: 0 0.5rem;
    margin-bottom: 0;
}
.inquiryEntrySection .mw_wp_form .error {
    white-space: nowrap;
    margin-left: 0.5rem;
    bottom: -2rem;
}

/*プライバシーポリシー・特商法*/
.privacy .entry-content .sectionTitle {
    font-size: 1.8rem;
    margin: 0 auto 2.3rem;
    text-align: left;
    color: var(--black);
}
.rule .contentsSection,
.privacy .contentsSection {
    margin: 0 auto 5rem;
    max-width: var(--siteInblockWidth);
}

.rule .entry-header .entry-title .jpTxt {
    padding: 0 1rem 0.6rem;
}
.rule .txtBlock table th {
    background-color: var(--beige);
    font-weight: 400;
    white-space: nowrap;
}
.rule .txtBlock table th,
.rule .txtBlock table td {
    font-size: 1.4rem;
    line-height: 1.5;
    border-color: var(--black);
    vertical-align: middle;
    display: block;
}
.rule .contentsSection .sectionTitle{
    margin-bottom: 2.5rem;
    margin-top: 10rem;
}
/*サイトマップ*/

.sitemap .sitemapSection {
    padding-top: 0;
    max-width: 64rem;
    margin: 0 auto;
}
.sitemap .sitemapSection .sitemapBlock .sitemapLlist li a,
.sitemap .sitemapSection .sitemapBlock .sitemapLlist li span {
    position: relative;
    font-size: 1.4rem;
    color: var(--black);
}
.sitemap .sitemapSection .sitemapBlock .sitemapLlist li a::before,
.sitemap .sitemapSection .sitemapBlock .sitemapLlist li span::before {
    font-family: "icomoon" !important;
    content: "";
}
.sitemap .sitemapSection .sitemapBlock .sitemapLlist > li {
    margin-bottom: 2rem;
    list-style: none;
}
.sitemap .sitemapSection .sitemapBlock .sitemapLlist > li > a::before,
.sitemap .sitemapSection .sitemapBlock .sitemapLlist > li > span::before {
    width: 0.5rem;
    height: 100%;
    border-left: 5px solid var(--black);
    top: 0;
    left: 0;
    position: absolute;
}
.sitemap .sitemapSection .sitemapBlock .sitemapLlist > li > a,
.sitemap .sitemapSection .sitemapBlock .sitemapLlist > li > span {
    padding-left: 1.5rem;
}
.sitemap .sitemapSection .sitemapBlock .sitemapLlist > li > .children {
    padding-left: 1.5rem;
    margin-top: 1.5rem;
}
.sitemap .sitemapSection .sitemapBlock .sitemapLlist > li > .children li {
    margin-bottom: 1.5rem;
}
.sitemap
    .sitemapSection
    .sitemapBlock
    .sitemapLlist
    > li
    > .children
    li
    a::before {
    content: "\e921";
    color: var(--black);
    margin-right: 0.5rem;
}

@media (min-width: 62.5em) {
    /* .item .entry-header{ background-image: url(../images/headerContents/itemContentsImg.jpg); } */
    .item.single .entry-header {
        display: block;
    }

    .item.category .itemSection.categorySection .txtBlock {
        margin-bottom: 6.3rem;
    }
    .item.category .itemSection.categorySection .txtP {
        text-align: center;
    }

    /*新着一覧*/
    /* .news .entry-header{ background-image: url(../images/headerContents/newsContentsImg.jpg); } */
    .news #main {
        margin-top: 10rem;
    }
    .contentsNewsSection {
        margin-bottom: 23rem;
    }
    .newsDetailList {
        padding: 0;
    }
    .newsDetailList .listBlock {
        margin-bottom: 5.5rem;
        padding-bottom: 2.5rem;
    }
    .newsDetailList .titleBlock {
        margin-bottom: 2.5rem;
    }
    .newsDetailList .titleBlock .date {
        font-size: 1.6rem;
        margin-right: 1rem;
        display: inline;
        margin-bottom: 0;
    }
    .newsDetailList .titleBlock .newsTitle {
        font-size: 2.5rem;
    }
    .newsDetailList .titleBlock .newsTitle a{line-height: 1.8;}
    .newsDetailList .newsDetail {
        font-size: 1.8rem;
    }

    .newslistBlock .page-numbers li {
        width: 5rem;
        margin: 0 0.5rem;
    }
    .newslistBlock .page-numbers li a,
    .newslistBlock .page-numbers li span {
        line-height: 5rem;
        font-size: 1.8rem;
    }

    .newsDetailList .listBlock.columnBlock figure{
        width: 30%;
        margin: 0;
    }
    .newsDetailList .listBlock.columnBlock .txtBlock{
        width: 100%;
        max-width: 85rem;
    }
    .newsDetailList .listBlock.columnBlock .titleBlock .date{
        display: block;
    }

    /*ウエスワンとは*/
    /* .about .entry-header,
    .sitemap .entry-header{ background-image: url(../images/headerContents/sitemapContentsImg.jpg); } */
    .aboutPointSection {
        margin-bottom: 11.4rem;
    }
    .aboutPointSection .sectionTitle {
        margin-bottom: 14rem;
    }
    .aboutPointSection .aboutPointBlock {
        margin-bottom: 10rem;
    }
    .aboutPointSection .aboutPointBlock .txtBlock {
        padding: 3rem 2rem 2rem;
        margin-bottom: 4rem;
    }
    .aboutPointSection .aboutPointBlock .blockTitle {
        font-size: 3.1rem;
    }
    .aboutPointSection .aboutPointBlock .blockTitle .numTxt {
        font-size: 8.8rem;
        top: -12rem;
        left: -1rem;
        text-shadow: 5px 5px 0 var(--black);
        -webkit-text-stroke: 4px var(--black);
        text-stroke: 4px var(--black);
    }
    .aboutPointSection .aboutPointBlock .blockTitle .colortxt {
    }
    .aboutPointSection .aboutPointBlock .txtP {
        margin: 0;
    }
    .aboutPointSection .aboutPointBlock figure {
        margin-right: 0;
        margin-left: -10rem;
        margin-top: 5rem;
        z-index: -1;
    }
    .aboutPointSection .aboutPointBlock.rightImgBlock figure {
        margin-right: -10rem;
        margin-left: 0;
    }

    .aboutFactorySection {
        margin-bottom: 23rem;
    }
    .aboutFactorySection .aboutFactoryBlock {
    }
    .aboutFactorySection .aboutFactoryBlock .imgList {
        width: calc(100% / 3 - 6rem);
        margin-bottom: 6rem;
    }
    .aboutFactorySection .aboutFactoryBlock .imgList a {
    }

    /*お問い合わせフォーム*/
    .contact .entry-header .entry-title .enTxt {
        max-width: 100%;
    }
    .contact .entry-header .entry-title .jpTxt {
        max-width: 100%;
    }

    .inquiryLeadSection {
        margin-bottom: 8.5rem;
    }
    .inquiryLeadSection .txteBlock .txtP {
        text-align: center;
    }
    .inquiryTxtSection {
        margin-bottom: 23rem;
    }

    .inquiryEntrySection {
    }
    .inquiryEntrySection .sectionTitle {
        margin-bottom: 5.5rem;
    }

    .inquiryEntrySection .formBlock {
    }
    .inquiryEntrySection .table_entry .table_block {
        margin-bottom: 8.5rem;
    }
    .inquiryEntrySection .table_entry .table_block .table_span {
        display: flex;
        margin-bottom: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .inquiryEntrySection .table_entry .table_block .table_span .contact_entry {
        font-size: 1.8rem;
    }
    .inquiryEntrySection
        .table_entry
        .table_block
        .table_span
        .contact_entry_checkbox
        .mwform-checkbox-field {
        display: inline;
    }
    .inquiryEntrySection
        .table_entry
        .table_block
        .table_span
        .contact_entry_checkbox
        .horizontal-item
        + .horizontal-item {
        margin-left: 10px;
    }
    .inquiryEntrySection .table_entry .table_block .table_span .contact_title {
        font-size: 1.8rem;
        width: 37%;
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }
    .inquiryEntrySection
        .table_entry
        .table_block
        .table_span
        .contact_title
        .required {
        font-size: 1.6rem;
        padding: 0.3rem 0.8rem 0.4rem;
    }
    .inquiryEntrySection .table_entry .table_block .table_span .contact_entry {
        width: 65%;
    }
    .inquiryEntrySection
        .table_entry
        .table_block
        .table_span
        .contact_entry
        .mulchinput {
    }
    .inquiryEntrySection .mwform-checkbox-field-text {
        font-size: 1.6rem;
    }
    .inquiryEntrySection .contact_entry input {
        width: 50%;
    }
    .inquiryEntrySection .contact_entry input[type="checkbox"] {
        width: auto;
    }

    .inquiryEntrySection .privacy_box {
        margin-top: 7.5rem;
    }
    .inquiryEntrySection .privacy_box .formSubTitle {
        margin-bottom: 8rem;
        font-size: 2rem;
    }
    .inquiryEntrySection .ruleCheckBlock {
        width: 41%;
    }
    .inquiryEntrySection .contact_entry .txt {
        font-size: 1.8rem;
    }

    .inquiryThanksSection {
        padding-top: 12rem;
    }

    .inquiryEntrySection .formAttentionBlock {
        padding-bottom: 3.6rem;
        margin-bottom: 3.6rem;
    }
    .inquiryEntrySection .formAttentionBlock .formAttentionTitle {
        font-size: 2rem;
        padding: 0.5rem 2rem;
    }
    .inquiryEntrySection .formAttentionBlock .txtP {
        padding: 0 4rem;
    }
    .inquiryEntrySection .ruleCheckBlock .vertical-item {
        font-size: 1.6rem;
    }
    .inquiryTxtSection .txteBlock .txtP {
        text-align: center;
    }

    /*プライバシーポリシー・特商法*/
    .rule .entry-content,
    .privacy .entry-content {
        margin-bottom: 23rem;
    }
    .rule .contentsSection,
    .privacy .contentsSection {
    }

    .rule .entry-header .entry-title .jpTxt {
        padding: 0 2rem 0.6rem;
    }
    .rule .txtBlock table th,
    .rule .txtBlock table td {
        font-size: 1.6rem;
        padding: 1rem 2rem;
        display: table-cell;
    }
    .rule .txtBlock table th {
        white-space: nowrap;
    }

    /*サイトマップ*/
    .sitemap .sitemapSection {
        margin-bottom: 23rem;
    }
    .sitemap .sitemapSection .sitemapBlock .sitemapLlist li {
        margin-bottom: 3rem;
    }
    .sitemap .sitemapSection .sitemapBlock .sitemapLlist li a,
    .sitemap .sitemapSection .sitemapBlock .sitemapLlist li span {
        font-size: 1.7rem;
    }
    .sitemap .sitemapSection .sitemapBlock .sitemapLlist > li > .children li {
        width: calc(100% / 3);
        margin-bottom: 1.5rem;
    }
}
@media (min-width: 1024px) {
}

/* カート */
/* ボタンデザイン */
.usces-cart .send input.to_customerinfo_button,
.usces-cart .send input.to_memberlogin_button,
.usces-cart .send input.to_deliveryinfo_button,
.usces-cart .send input.to_confirm_button,
.usces-cart .send input#purchase_button,
.usces-cart .send input.to_customerinfo_button:hover,
.usces-cart .send input.to_memberlogin_button:hover,
.usces-cart .send input.to_deliveryinfo_button:hover,
.usces-cart .send input.to_confirm_button:hover,
.usces-cart .send input#purchase_button:hover,
.usces-cart #wc_customer .send input.to_reganddeliveryinfo_button:hover,
.usces-member #wc_login .loginbox #member_login,
.usces-member #wc_member .loginbox #member_login,
.usces-member #wc_login .loginbox .new-entry #nav a,
.usces-member #wc_member .loginbox .new-entry #nav a,
.usces-member .member-page .send input,
.usces-cart .send input.to_customerinfo_button,
.usces-cart .send input.to_memberlogin_button,
.usces-cart .send input.to_deliveryinfo_button,
.usces-cart .send input.to_confirm_button,
.usces-cart .send input#purchase_button,
.usces-cart #wc_customer .send input.to_reganddeliveryinfo_button,
.usces-member #wc_login .loginbox #member_login:hover,
.usces-member #wc_member .loginbox #member_login:hover,
.usces-member #wc_login .loginbox .new-entry #nav a:hover,
.usces-member #wc_member .loginbox .new-entry #nav a:hover,
.usces-member .member-page .send input:hover,
.widget_welcart_login input#member_loginw,
.widget_welcart_login input#member_login,
.widget_welcart_login input#member_loginw:hover,
.widget_welcart_login input#member_login:hover,
.member-page .send input,
.member-page #wc_login .loginbox #member_login,
.member-page #wc_member .loginbox #member_login {
    background-color: var(--orange2);
    color: var(--black);
}

.usces-cart .send input.to_customerinfo_button:hover,
.usces-cart .send input.to_memberlogin_button:hover,
.usces-cart .send input.to_deliveryinfo_button:hover,
.usces-cart .send input.to_confirm_button:hover,
.usces-cart .send input#purchase_button:hover,
.usces-cart #wc_customer .send input.to_reganddeliveryinfo_button:hover,
.usces-member #wc_login .loginbox #member_login:hover,
.usces-member #wc_member .loginbox #member_login:hover,
.usces-member #wc_login .loginbox .new-entry #nav a:hover,
.usces-member #wc_member .loginbox .new-entry #nav a:hover,
.usces-member .member-page .send input:hover,
.widget_welcart_login input#member_loginw:hover,
.widget_welcart_login input#member_login:hover {
    opacity: 0.7;
}

.usces-cart #wc_cart #cart .upbutton input {
    color: var(--black);
    border-color: var(--black);
}
.usces-cart #wc_cart #cart .upbutton input:hover {
    color: #e4007f;
    background-color: #fef0ff;
}
.usces-cart #wc_confirm .send input#back_button,
.usces-member #wc_confirm .send input#back_button,
.usces-cart #wc_ordercompletion .send a,
.member-page #wc_login .loginbox #member_login,
.usces-member #wc_login .loginbox .new-entry #nav a,
.usces-cart form input[type="submit"],
.usces-cart form input[type="button"],
.member-page .send input[type="submit"],
.member-page .send input[type="button"],
.member_submenu a,
.member-page #memberinfo .send input.deletemember {
    text-align: center;
    border: 2px solid var(--black);
    color: var(--black);
    /* box-shadow: 0 5px 0 var(--black);
    transition: all 0.2s; */
}
#main #content.cart-page,
#main #content.member-page {
    max-width: 108rem;
    margin: 0 auto 10rem;
    padding: 0 4%;
}

.usces-cart p.alertTxt {
    font-size: 1.6rem;
    margin: 3rem 0;
    color: #e00;
}

/*カート各設定*/
.storycontent {
    padding-bottom: 3rem;
}
.storycontent .itemTitle {
    font-size: 2rem;
    margin-bottom: 1rem;
}
.storycontent #itempage #img-box {
    max-width: 39.6rem;
    width: 100%;
    margin-bottom: 4rem;
}
.storycontent .detail-box {
    max-width: 58.9rem;
}
.storycontent .item-nameBlock {
    border-bottom: 2px solid var(--black);
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}
.storycontent .item-name {
    margin-bottom: 0.5rem;
    font-size: 1.8rem;
}
.storycontent #itempage .itemcode {
    font-size: 1.4rem;
    border-bottom: none;
}

.storycontent .item-description .detailTitle{
    padding: 0;
    background-color: transparent;
    margin-bottom: 0.5rem;
    font-size: 1.7rem;
}
.storycontent .item-description .detailTxt{}

.storycontent .item-description .detailTitle{font-size: 2rem;}

.storycontent .item-description .detailTable {
    margin-bottom: 1.5rem;
}
.storycontent .item-description .detailTable th,
.storycontent .item-description .detailTable td {
    border-color: var(--black);
    line-height: 1.5;
    font-size: 1.4rem;
    padding: 0.5rem;
}
.storycontent .item-description .detailTable th {
    width: 50%;
    background-color: var(--beige);

    font-weight: 400;
}
.storycontent .item-description .detailTable td {
}
.storycontent .item-description .otherTxt {
    font-size: 1.4rem;
    line-height: 1.8;
}
.storycontent .item-description .otherTxt a{
    color: var(--orange);
    font-weight: 700;
}
.storycontent .item-info .skuname {
    font-size: 1.8rem;
    background-color: transparent;
    padding: 0;
    line-height: 1.5;
}
.storycontent .item-info .skuform {
    margin: 0 0 3rem;
    border-bottom: 2px solid var(--black);
    padding-bottom: 3rem;
}

.storycontent #itempage .itemData div {
    text-align: right;
    float: none;
}
.storycontent #itempage .zaikostatus{}
.storycontent #itempage .field_price{}
.storycontent .item-info .field {
    overflow: inherit;
}
.storycontent #itempage .itemData .zaikostatus {
    margin-bottom: 1rem;
    font-size: 1.4rem;
}
.storycontent .item-info .field_price {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}
.storycontent .item-info .field_price em {
    font-size: 1.6rem;
    color: var(--black);
}
.storycontent .item-info .taxInc{
    font-size: 3.0rem;
}
.storycontent .item-info .taxInc .tax{font-size: 1.8rem;}
.storycontent .item-info .skubutton {
    font-family: "icomoon";
    padding: 0;
    background-color: var(--orange2);
    width: 60%;
    line-height: 6rem;
    font-size: 1.6rem;
    max-width: 30rem;
    border: var(--black) solid 2px;
    border-radius: 5rem;
    box-shadow: 0 5px 0 var(--black);
    transition: var(--transitionDefault);
}

.storycontent .item-info .skubutton:hover {
    background-color: rgba(var(--orange2-rgb), 0.8);
    transform: translateY(5px);
    box-shadow: none;
    text-decoration: none;
    opacity: 1;
}

.storycontent .item-info .skubutton:first-letter {
    font-size: 3rem;
}
.storycontent .item-info .quantity {
    font-size: 1.4rem;
    margin-bottom: 2rem;
}
.storycontent .item-info .quantity strong{font-size: 1.4rem;}
.storycontent .item-info .itemsoldout {
    font-size: 1.4rem;
}
.lum-open .lum-close-button {
    top: 85px;
    width: 32px;
}

#wc_delivery .customer_form dd {
    line-height: 1.5;
}
#wc_confirm #info-confirm .confiem_notice {
    font-size: 1.4rem;
    padding-bottom: 2rem;
    line-height: 1.5;
}
.usces-cart div.cart_navi li {
    font-size: 1.3em;
    background-color: var(--beige);
}
.usces-cart div.cart_navi li:before,
.usces-cart div.cart_navi li:after {
    border-right-color: var(--lightbeige);
}
#cart_table,
.customer_form,
#confirm_table,
#cart #point_table {
    font-size: 1.4rem;
}
.usces-cart form input[type="submit"],
.usces-cart form input[type="button"] {
    font-size: 1.6rem;
}
#customer-info h5 {
    font-size: 1.6rem;
}
div#cart_completion {
    font-size: 1.8rem;
    line-height: 1.5;
}
.usces-cart .cart_page_title {
    font-size: 2rem;
}
#wc_cart .no_cart {
    font-size: 1.6rem;
}
#wc_ordercompletion .send a {
    color: var(--black);
}
.storycontent .item-descriptionEntry {
    margin-bottom: 2rem;
    font-size: 1.4rem;
}

.usces-member .member_page_title {
    font-size: 2rem;
}
#memberinfo table th,
#memberinfo table td {
    font-size: 1.4rem;
}
.usces-member #memberinfo #history_head td,
.usces-member #memberinfo .retail,
.usces-member #memberinfo .retail th,
.usces-member #memberinfo .retail td {
    font-size: 1.4rem;
}
.usces-member #memberinfo .customer_form td {
    font-size: 1.4rem;
}
.member_submenu a {
    font-size: 1.6rem;
}
.member-page .send {
    font-size: 1.6rem;
}
div#memberinfo td a {
    color: var(--black);
}
.usces-member #memberinfo h3 {
    font-size: 1.8rem;
}
#memberpages {
    font-size: 1.4rem;
}
div.header_explanation ul li {
    margin-bottom: 1rem;
}
.cat-il.type-grid article {
    margin-bottom: 3rem;
    width: 48%;
    margin-right: 3%;
}
.cat-il.type-grid .itemname {
    height: auto;
    margin-bottom: 0.5rem;
}
.cat-il.type-grid .itemname a {
    font-size: 1.8rem;
    line-height: 1.5;
    color: #4d4d4d;
}
.cat-il.type-grid .itemprice {
    height: auto;
    font-size: 1.8rem;
    color: #4d4d4d;
}
div#error-page {
    font-size: 1.8rem;
}
/* #delivery_flag {
    display: none;
} */
.customer_form .deliveryMethod {
    display: none;
}
.customer_form p {
    margin-bottom: 0.5rem;
    color: #f00;
}
.lum-lightbox-inner img {
    width: auto;
}
.error_page_mesage p {
    margin: 2rem 0;
}
div#delivery_time_limit_message {
    margin-bottom: 0.5rem;
}

article#wc_newmemberform {
    padding: 0 4%;
}
#memberpages .loginbox .submit {
    text-align: center;
    padding: 1rem 0 2rem;
}
#memberpages div.header_explanation {
    margin-bottom: 3rem;
}
#memberpages div.header_explanation ul li {
    line-height: 1.5;
}

.usces-cart #cart_table th,
.usces-cart #confirm_table th,
.usces-cart #confirm_table tr.ttl td {
    background-color: var(--beige);
    white-space: nowrap;
}
.usces-cart #confirm_table th,
.usces-cart #confirm_table td {
    border-color: var(--black);
    line-height: 1.5;
}


/* カートの中 */

.usces-cart .cartAttentionTxt{
    font-size: 1.6rem;
    display: block;
    margin: 3rem 0;
    color: var(--orange);
    text-align: center;
}
.usces-cart #cart_table td.productname {
    line-height: 1.5;
}
@media (min-width: 62.5em) {
    .storycontent .itemTitle {
        font-size: 2.5rem;
        margin-bottom: 4rem;
    }
    .storycontent .detail-box {
    }
    .storycontent #itempage #img-box {
        width: 40%;
        margin-bottom: 0;
    }
    .storycontent .item-nameBlock {
        padding-bottom: 2rem;
        margin-bottom: 2.5rem;
    }
    .storycontent .item-name {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }
    .storycontent #itempage .itemcode {
        font-size: 1.6rem;
    }
    .storycontent .item-description .detailTable {
        margin-bottom: 1.5rem;
    }
    .storycontent .item-description .detailTable th {
        width: 40%;
    }
    .storycontent .item-description .detailTable th,
    .storycontent .item-description .detailTable td {
        font-size: 1.7rem;
        padding: 0.5rem;
    }
    .storycontent .item-description .otherTxt {
        font-size: 1.7rem;
    }
    .storycontent .item-info .zaikostatus {
        text-align: left;
        font-size: 1.4rem;
        padding-top: 0.7rem;
    }
    .storycontent .item-info .field_price {
        font-size: 2.0rem;
        margin-bottom: 2.4rem;
    }
    .storycontent .item-info .field_price em {
        font-size: 1.4rem;
    }
    .storycontent .item-info .taxInc{
        margin-top: 1.5rem;
        font-size: 3.5rem;
    }
    .storycontent .item-info .taxInc .tax{font-size: 1.8rem;}
    .storycontent #itempage .itemData {
        display: flex;
        justify-content: space-between;
    }
    .storycontent #itempage .item-name {
        font-size: 2.5rem;
        margin-bottom: 0.5rem;
    }
    .storycontent #itempage .zaikostatus{
        width: 35%;
        padding-right: 5%;
    }
    .storycontent #itempage .field_price{width: 60%;}
    .storycontent #itempage .itemcode {
        font-size: 1.4rem;
        margin-bottom: 2rem;
    }
    .storycontent .item-info .skuname {
        font-size: 2.4rem;
    }
    .storycontent #itempage .item-description {
        font-size: 1.7rem;
    }
    .storycontent .item-info .skubutton {
        width: 100%;
        line-height: 8.1rem;
        font-size: 2.2rem;
    }
    .storycontent .item-info .quantity {
        margin-bottom: 0;
    }
    .storycontent .item-info .quantity strong{font-size: 1.6rem;}
    .storycontent .item-info .itemsoldout {
        font-size: 2rem;
    }


    .storycontent .item-descriptionEntry {
        font-size: 1.7rem;
    }
    .lum-open .lum-close-button {
        right: 5px;
        top: 5px;
    }

    #main #content.cart-page,
    #main #content.member-page {
        padding: 0;
        margin-bottom: 23rem;
    }
    .usces-cart .customer_form th,
    .usces-cart .customer_form td,
    #memberinfo table th,
    #memberinfo table td,
    .usces-member #memberinfo .customer_form th,
    .usces-member #memberinfo .customer_form td {
        border-color: var(--black);
    }
    .usces-cart .customer_form th,
    #memberinfo table th,
    .usces-member #memberinfo .customer_form th {
        background-color: var(--beige);
    }
    article#wc_newmemberform {
        padding: 0;
    }
    #memberpages .loginbox .submit {
        text-align: left;
    }
    .usces-cart .cartAttentionTxt{font-size: 1.8rem;}
}
@media (min-width: 1024px) {
}

/* TOP, カテゴリー */

.categorySection .categorymenuBlock .categroyMenu li {
    width: calc(100% / 6 - 1rem);
    margin-bottom: 0;
}
.categorySection .categorymenuBlock .categroyMenu li i{
    vertical-align: -1.5rem;
}

.categorySection .categorymenuBlock .categroyMenu {
    max-width: 128rem;
    margin: 0 auto;
}

.list-content{ max-width: var(--siteContentsWidth);}

@media screen and (min-width: 1000px) and (max-width: 1340px) {
    .categorySection .categorymenuBlock .categroyMenu {
        max-width: 128rem;
        margin: 0 auto;
    }
    .categroyMenu .columnBlock {
        padding: 0 20px;
    }
    .categorySection .categorymenuBlock .categroyMenu {
        padding: 0 20px;
    }
    .categorySection .categorymenuBlock .categroyMenu li {
        width: 30%;
        margin-bottom: 20px;
    }
    /* .categorySection .categorymenuBlock .categroyMenu li.is-top {
        width: calc(100% / 6 - 1rem);
        margin-bottom: 0;
    } */
}

@media screen and (max-width: 1000px) {
    .categorySection .categorymenuBlock .categroyMenu li {
        width: 100%;
        margin-bottom: 20px;
    }
}


/*ニュース詳細*/
.single .post{}
.single #content .titleBlock{
    max-width: var(--siteInblockWidth);
    margin: 0 auto 2.5rem;
    height: auto;
    padding: 0 4%;
}
.single .titleBlock .date{font-size: 1.6rem;}
.single .titleBlock .newsTitle{font-size: 2.5rem;}

.single .thumbnailBlock{
    margin: 0 auto 3rem;
    padding: 0 4%;
    max-width: var(--siteInblockWidth);
}

.single .entry-content{
    margin-bottom: 5rem;
    padding-bottom: 5rem;
}
.single .entry-content,
.single .entry-content p{
    font-size: 1.6rem;
    line-height: 1.8;
}
.single #content{padding-bottom: 5rem;}
.single .entry-content h2{
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}
.single .entry-content h3{margin-top: 1.5rem;}
.single .entry-content h4{}
.single .entry-content img{margin-bottom: 1.5rem;}
.single .entry-content .wp-caption{width: 100% !important;}
.single .entry-content hr{margin: 3rem 0;}
.single .backList{text-align: center;}
.single .backList a{
    font-size: 1.4rem;
    line-height: 5.5rem;
    font-weight: 700;
    display: inline-block;
    padding: 0 1rem;
    background-color: #fff;
    border: var(--black) solid 2px;
    border-radius: 3.6rem;
    box-shadow: 0 5px 0 var(--black);
}
.single .backList a:hover{
    transform: translateY(5px);
    box-shadow: none;
    text-decoration: none;
    opacity: 1;
}
@media (min-width: 62.5em) {
    .single .post{}
    .single .titleBlock{}
    .single .titleBlock .date{margin-right: 1rem;}
    .single .titleBlock .newsTitle{display: inline-block;}
    .single .thumbnailBlock{
        margin-bottom: 5rem;
        padding: 0;
    }
    .single #content .titleBlock{padding: 0;}
    .single .thumbnailBlock img{aspect-ratio: 2/1;}
    .single .entry-content{
        margin-bottom: 10rem;
    }
    .single .entry-content,
    .single .entry-content p{
        font-size: 1.8rem;
    }

    .single #content{padding-bottom: 10rem;}
    .single .entry-content h2{
        margin-top: 5rem;
        margin-bottom: 3rem;
        padding-bottom: 1rem;

    }
    .single .entry-content h3{margin-top: 3.5rem;}
    .single .entry-content h4{}
    .single .entry-content img{
        max-width: 50%;
        margin-bottom: 3rem;
    }
    .single .entry-content .wp-caption img{max-width: 100%;}
    .single .entry-content hr{margin: 5rem 0;}
    .single .backList{}
    .single .backList a{
        font-size: 1.6rem;
        line-height: 7.1rem;
        padding: 0 5rem;
        border-radius: 3.6rem;
    }
}