@charset "UTF-8";

/*
    --color-key: #cac914; SOTO YELLOW #cac914
    --color-default: #434343; SOTO TEXT GRAY #434343
    --color-btnBg: #2b2b2b;SOTO BTN GRAY #2b2b2b
    --color-bgGray: #f6f6f6;
    --color-gray-1: #545454;
    --color-gray-2: #333333; SOTO BG #333333
    --color-gray-3: #1a1a1a;Balck
    --color-gray-4: #000;
 */

 .display-none {
    display: none !important;}
    
/* Footer */
.footer .footerContents__catalog div.btn {
    text-align: center;
}
.footer .footerContents__catalog .btn.btn--whiteLine > a {
    width: fit-content;
    margin: 0 auto;
    padding: 10px 58px 10px 58px;
    display: flex;
}
.footer .footerContents__catalog i.icon-catalog {
    width: 1.4em;
    height: 1.5em;
    display: block;
    margin-right: .5em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%2217%22%20viewBox%3D%220%200%2021%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_992_288)%22%3E%0A%3Cpath%20d%3D%22M9.72074%2016.2979C8.94072%2015.378%207.63884%2014.3937%206.378%2013.7713C5.10491%2013.1427%203.89552%2012.7935%202.5226%2012.6584C2.25187%2012.632%202.02739%2012.6074%202.02371%2012.604C2.02034%2012.604%202.02708%209.76443%202.04117%206.30183L2.06414%200.00615353L2.31404%200.0307677C3.84897%200.183683%205.56215%200.766422%206.85821%201.57838C7.97541%202.27804%209.12876%203.3586%209.86437%204.39393L10.0494%204.65453V10.6348C10.0494%2013.9239%2010.0353%2016.6142%2010.0184%2016.6139C10.001%2016.6133%209.86774%2016.4715%209.72105%2016.2986H9.72013L9.72074%2016.2979ZM10.9923%2010.6198V4.61453L11.3497%204.13487C11.806%203.52228%2012.7238%202.59956%2013.3308%202.14328C14.9534%200.923338%2016.7134%200.233834%2018.734%200.0264602L18.9904%200V12.6089L18.693%2012.6369C15.8795%2012.9%2013.4405%2014.0661%2011.5325%2016.0601L10.9923%2016.6247V10.6195V10.6198ZM12.7355%2016.2167C13.8398%2015.1758%2015.3016%2014.3488%2016.77%2013.9338C17.5384%2013.7165%2018.5377%2013.5652%2019.2011%2013.5652C19.549%2013.5652%2019.7419%2013.4895%2019.8506%2013.3101C19.9324%2013.1747%2019.9333%2013.1166%2019.9336%208.0079V2.84232L20.0877%202.87032C20.1722%202.88785%2020.4123%202.95462%2020.6209%203.02138L21.0003%203.14261V9.58966C21.0003%2013.1356%2020.9862%2016.0367%2020.9691%2016.0367C20.9519%2016.0367%2020.698%2015.9823%2020.405%2015.9155C19.2473%2015.6537%2018.2943%2015.5635%2017.0423%2015.5974C15.5239%2015.6395%2014.3436%2015.8524%2012.9407%2016.3392L12.4075%2016.5244L12.7355%2016.2152V16.2167ZM8.05963%2016.317C7.47714%2016.1075%206.5149%2015.8604%205.86534%2015.754C4.98211%2015.6097%204.37297%2015.5715%203.29037%2015.5958C2.21481%2015.6186%201.56433%2015.6943%200.676817%2015.8967C0.428753%2015.953%200.17487%2016.0109%200.112701%2016.0232L0%2016.0478V9.58351L0.000306252%203.11923L0.48204%202.97862C0.746948%202.90139%200.986744%202.82909%201.01492%202.82047C1.05565%202.80293%201.06606%203.85611%201.06606%207.98052C1.06606%2013.6165%201.05381%2013.3024%201.2933%2013.4605C1.3766%2013.515%201.54963%2013.5396%202.04393%2013.5695C4.00822%2013.6821%205.87207%2014.3445%207.39384%2015.4721C7.72184%2015.7152%208.50951%2016.3832%208.55453%2016.4564C8.58608%2016.5075%208.56495%2016.5022%208.05933%2016.3192V16.3173L8.05963%2016.317Z%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_992_288%22%3E%0A%3Crect%20width%3D%2221%22%20height%3D%2216.625%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A');
    transition-duration: 0.3s;
}
.footer .footerContents__catalog a:hover i.icon-catalog {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%2217%22%20viewBox%3D%220%200%2021%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_992_288)%22%3E%0A%3Cpath%20d%3D%22M9.72074%2016.2979C8.94072%2015.378%207.63884%2014.3937%206.378%2013.7713C5.10491%2013.1427%203.89552%2012.7935%202.5226%2012.6584C2.25187%2012.632%202.02739%2012.6074%202.02371%2012.604C2.02034%2012.604%202.02708%209.76443%202.04117%206.30183L2.06414%200.00615353L2.31404%200.0307677C3.84897%200.183683%205.56215%200.766422%206.85821%201.57838C7.97541%202.27804%209.12876%203.3586%209.86437%204.39393L10.0494%204.65453V10.6348C10.0494%2013.9239%2010.0353%2016.6142%2010.0184%2016.6139C10.001%2016.6133%209.86774%2016.4715%209.72105%2016.2986H9.72013L9.72074%2016.2979ZM10.9923%2010.6198V4.61453L11.3497%204.13487C11.806%203.52228%2012.7238%202.59956%2013.3308%202.14328C14.9534%200.923338%2016.7134%200.233834%2018.734%200.0264602L18.9904%200V12.6089L18.693%2012.6369C15.8795%2012.9%2013.4405%2014.0661%2011.5325%2016.0601L10.9923%2016.6247V10.6195V10.6198ZM12.7355%2016.2167C13.8398%2015.1758%2015.3016%2014.3488%2016.77%2013.9338C17.5384%2013.7165%2018.5377%2013.5652%2019.2011%2013.5652C19.549%2013.5652%2019.7419%2013.4895%2019.8506%2013.3101C19.9324%2013.1747%2019.9333%2013.1166%2019.9336%208.0079V2.84232L20.0877%202.87032C20.1722%202.88785%2020.4123%202.95462%2020.6209%203.02138L21.0003%203.14261V9.58966C21.0003%2013.1356%2020.9862%2016.0367%2020.9691%2016.0367C20.9519%2016.0367%2020.698%2015.9823%2020.405%2015.9155C19.2473%2015.6537%2018.2943%2015.5635%2017.0423%2015.5974C15.5239%2015.6395%2014.3436%2015.8524%2012.9407%2016.3392L12.4075%2016.5244L12.7355%2016.2152V16.2167ZM8.05963%2016.317C7.47714%2016.1075%206.5149%2015.8604%205.86534%2015.754C4.98211%2015.6097%204.37297%2015.5715%203.29037%2015.5958C2.21481%2015.6186%201.56433%2015.6943%200.676817%2015.8967C0.428753%2015.953%200.17487%2016.0109%200.112701%2016.0232L0%2016.0478V9.58351L0.000306252%203.11923L0.48204%202.97862C0.746948%202.90139%200.986744%202.82909%201.01492%202.82047C1.05565%202.80293%201.06606%203.85611%201.06606%207.98052C1.06606%2013.6165%201.05381%2013.3024%201.2933%2013.4605C1.3766%2013.515%201.54963%2013.5396%202.04393%2013.5695C4.00822%2013.6821%205.87207%2014.3445%207.39384%2015.4721C7.72184%2015.7152%208.50951%2016.3832%208.55453%2016.4564C8.58608%2016.5075%208.56495%2016.5022%208.05933%2016.3192V16.3173L8.05963%2016.317Z%22%20fill%3D%22%23CAC914%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_992_288%22%3E%0A%3Crect%20width%3D%2221%22%20height%3D%2216.625%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A');
}
/* ボタン */
.btn_yel a.wp-block-button__link.wp-element-button{
    background-color:var(--color-key);
    color: var(--color-default);
    text-decoration: underline;
    text-underline-offset: 5px;
    margin: 3rem 1rem;
    transition: 0.7s ;/* マウスカーソルを外したとき */
}
.btn_yel a.wp-block-button__link.wp-element-button:hover{
    background-color:var(--color-gray-1);
    color: #fff;
    transition: 0.7s ;/* マウスカーソルを載せるとき */
}




/* Flexible Table */
.wp-block-flexible-table-block-table>table tr {
    background-color: #fff;
}
.wp-block-flexible-table-block-table>table th {
    background-color: var(--color-gray-1);
    padding: 1.2em 1em !important;
    border: none !important;
}


.wp-block-flexible-table-block-table>table tr td {
    color: var(--color-default);
    padding: 1.2em 1em !important;
    border: 1px var(--color-gray-1);
}

.wp-block-flexible-table-block-table>table a {
    color:var(--color-default);
    text-decoration: underline;
    text-underline-offset: 3px;
}
/* テーブルhover */
.wp-block-flexible-table-block-table>table tr:hover td {
    /* background-color: var(--color-key) !important; */
    background-color: #dfdf72 !important;
}

.margin-top1rem{margin-top: 1rem;}
.margin-top15rem{margin-top: 1.5rem;}
.margin-top2rem{margin-top: 2rem;}
.margin-top25rem{margin-top: 2.5rem;}
.margin-bottom1rem{margin-bottom: 1rem;}
.margin-bottom15rem{margin-bottom: 1.5rem;}
.margin-bottomp2rem{margin-bottom: 2rem;}
.margin-bottom25rem{margin-bottom: 2.5rem;}
.margin-bottom3rem{margin-bottom: 3rem;}
.margin-bottom35rem{margin-bottom: 3.5rem;}
.margin-bottom4rem{margin-bottom: 4rem;}
.margin-bottom45rem{margin-bottom: 4.5rem;}

/* div .usage_smokechip{
    max-width: 1200px;
    margin: 0 auto;
}

div .usage_smokechip h2{
    font-size: 2.5rem;
}

div .usage_smokechip h3{
    font-size: 1.6rem;
} */



/* ーーーーーーーーーーーーーーーーーーーーーーーーーー btn detail 846 */
.btn-usage  a {
    color: #fff;
    /* font-size: 16px; */
    font-size: clamp(12px, 1.3vw, 14px);
    font-weight: bold;
    background: #333;
    padding: 18px 30px;
    border-radius: 38px;
    position: relative;
    z-index: 1;
    display: inline-block;
    transition: .3s;
  }
    .btn-usage a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 3px solid #333;
    border-radius: 38px;
    box-sizing: border-box;
    z-index: -1;
    transform: scale(1.2);
    opacity: 0;
    transition: transform ease .3s, opacity .3s;
    }
    .btn-usage a:hover {
    color: #333;
    background: transparent;
    }
    .btn-usage a:hover::before {
    transform: scale(1);
    opacity: 1;
    }
    .btn-usage a:visited {
      color: var(--color-key);
  }


  /*  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー yomimono */
  .sectionBlock__contents > p{
    letter-spacing: 0.06rem;
    margin-bottom: 40px !important;
  }
  .wp-block-column > p{
    letter-spacing: 0.06rem;
    margin-bottom: 40px;
  }

  .sectionBlock__contents > h2.wp-block-heading {
    font-size: 2rem;
    margin: 4.2rem 0 3rem;
    letter-spacing: 0.2rem;
  }

  .sectionBlock__contents > a{
    text-decoration: underline;
  }

  .chuushaku{
    padding: 2rem;
    color: black;
    background-color: #abb8c3;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .wp-block-columns .is-layout-flex .wp-container-core-columns-is-layout-1 .wp-block-columns-is-layout-flex{
  border: 1px solid;
  border-color: gray;
  padding: 1em;
  border-radius: 10px;
  }


  .p-block-separator{
    border-top: 1px solid;
    margin: 3rem 0;
  }
    /* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー  スマホ */
    @media only screen and (max-width: 767px) {
        .sectionBlock__contents > h2.wp-block-heading {
            font-size: 1.6rem;
            margin: 4.2rem 0 3rem;
            letter-spacing: 0;
        }
    }