/*::::::::reset::::::::*/
/* josefin-sans-100 - latin */
/*@font-face {*/
/*    font-family: 'Josefin Sans';*/
/*    font-style: normal;*/
/*    font-weight: 100;*/
/*    src: local(''),*/
/*    url('../fonts/josefin-sans-v20-latin-100.woff2') format('woff2');*/
/*}*/
/*!* josefin-sans-200 - latin *!*/
/*@font-face {*/
/*    font-family: 'Josefin Sans';*/
/*    font-style: normal;*/
/*    font-weight: 200;*/
/*    src: local(''),*/
/*    url('../fonts/josefin-sans-v20-latin-200.woff2') format('woff2');*/
/*}*/
/* josefin-sans-300 - latin */
@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 300;
    src: local(''),
    url('../fonts/josefin-sans-v20-latin-300.woff2') format('woff2');
}
/* josefin-sans-regular - latin */
@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('../fonts/josefin-sans-v20-latin-regular.woff2') format('woff2');
}
/* josefin-sans-500 - latin */
@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 500;
    src: local(''),
    url('../fonts/josefin-sans-v20-latin-500.woff2') format('woff2');
}
/* josefin-sans-600 - latin */
@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 600;
    src: local(''),
    url('../fonts/josefin-sans-v20-latin-600.woff2') format('woff2');
    font-display: swap;
}
/* josefin-sans-700 - latin */
@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 700;
    src: local(''),
    url('../fonts/josefin-sans-v20-latin-700.woff2') format('woff2');
    font-display: swap;
}
/*!* noto-sans-jp-100 - latin *!*/
/*@font-face {*/
/*    font-family: 'Noto Sans JP';*/
/*    font-style: normal;*/
/*    font-weight: 100;*/
/*    src: local(''),*/
/*    url('../fonts/noto-sans-jp-v36-latin-100.woff2') format('woff2');*/
/*    font-display: swap;*/
/*}*/
/* noto-sans-jp-300 - latin */
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 300;
    src: local(''),
    url('../fonts/noto-sans-jp-v36-latin-300.woff2') format('woff2');
    font-display: swap;
}
/* noto-sans-jp-regular - latin */
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('../fonts/noto-sans-jp-v36-latin-regular.woff2') format('woff2');
    font-display: swap;
}
/* noto-sans-jp-500 - latin */
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 500;
    src: local(''),
    url('../fonts/noto-sans-jp-v36-latin-500.woff2') format('woff2');
    font-display: swap;
}
/* noto-sans-jp-700 - latin */
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    src: local(''),
    url('../fonts/noto-sans-jp-v36-latin-700.woff2') format('woff2');
    font-display: swap;
}
/* noto-sans-jp-900 - latin */
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 900;
    src: local(''),
    url('../fonts/noto-sans-jp-v36-latin-900.woff2') format('woff2');
    font-display: swap;
}
/*@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
body {
    font-family: "Noto Sans JP","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
    line-height: 1.4;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    background-color: #FFFFFF;
    color: #333333;
    -webkit-text-size-adjust: 100%;
}
button, input, optgroup, select, textarea {
    font-family: inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
nav ul, li {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: #333333;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input[type="text"], select {
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
img {
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
}
.clear {
    clear: both;
    overflow: hidden;
}
.btn {
    border-radius: 0;
}
/*::::::::reset end::::::::*/
/*::::::::all::::::::*/
#wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
}
@media (min-width: 1025px) {
    #header {
        padding: 0;
    }
}
@media (min-width:1025px) {
    a:hover img {
        opacity: 0.8;
    }
    a:hover, a:focus {
        color: #333333;
        text-decoration: underline;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        text-decoration: none;
    }
    a img {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}
.link:hover {
    cursor: pointer;
}
.inner {
    width: 95%;
}
p.center_txt {
    text-align: center;
}
.center_txt a {
    display: inline-block;
}
.vw100 {
    width: 100vw;
    height: auto;
}
::selection {
    background: #d4dcd6;
    /* Safari */
}
::-moz-selection {
    background: #d4dcd6;
    /* Firefox */
}
.clearfix {
    clear: both;
    display: block;
    overflow: hidden;
}
.copy {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    max-width: 1200px;
    margin: 0 auto;
    color: #FFFFFF;
}
.ec-layoutRole .ec-layoutRole__contents{
    margin-top: 45px;
}
.pc {
    display: none !important;
}

@media (min-width: 768px) {
    .pc {
        display: block !important;
    }
}
.en{
    font-family: 'Josefin Sans', sans-serif;
}

.ec-layoutRole .ec-layoutRole__contents {
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    display: block;
    overflow: hidden;
    margin-bottom: 100px;
    /* padding: 0 20px; */
}
body#page_homepage .ec-layoutRole .ec-layoutRole__contents {
    margin-bottom: 0;
}
.ec-layoutRole .ec-layoutRole__left, .ec-layoutRole .ec-layoutRole__right {
    display: block;
    padding: 0 15px;
    margin: 30px auto;
    max-width: 400px;
    width: 100%;
}
.ec-layoutRole__mainWithColumn {
    padding: 0 15px;
}
@media (min-width: 768px) {
    .ec-layoutRole .ec-layoutRole__mainWithColumn {
        width: 100%;
    }
}
@media (min-width: 769px) {
    .ec-layoutRole .ec-layoutRole__left, .ec-layoutRole .ec-layoutRole__right {
        display: inline-block;
        /* max-width: 240px; */
        width: 24%;
        margin-right: 1%;
        padding: 0 15px;
        margin-top: 0;
    }
    .ec-layoutRole .ec-layoutRole__mainWithColumn {
        /*max-width: 870px;*/
        width: 75%;
        padding: 0 15px;
    }

}
@media (min-width: 1200px) {
    .ec-layoutRole .ec-layoutRole__left, .ec-layoutRole .ec-layoutRole__right {
        padding: 0;
    }
}
.inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.ec-off1Grid .inner {
    width: 100%;
}
body#page_homepage .inner {
    /* width: 90%; */
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
body#page_product_list .inner.page-product {
    width: 90%;
}
@media (min-width: 992px) {
    .ec-layoutRole .ec-layoutRole__mainWithColumn {
        /*max-width: 720px;*/
        width: 75%;
    }
}
@media (min-width: 1025px) {
    .inner {
        width: 100%;
        margin: 0 auto;
        max-width: 1130px;
    }
    body#page_homepage .inner {
        width: 100%;
        margin: 0 auto;
    }
    body#page_product_list .inner.page-product {
        width: 100%;
    }
    .ec-layoutRole .ec-layoutRole__mainWithColumn {
        /*max-width: 870px;*/
    }
    .ec-layoutRole .ec-layoutRole__left, .ec-layoutRole .ec-layoutRole__right {
        max-width: 240px;
    }

}
.ec-layoutRole .ec-layoutRole__contents {
    margin-top: 45px;
    padding-left: 0px;
}
@media (min-width: 769px) {
    .ec-layoutRole .ec-layoutRole__contents {
        margin-top: 45px;
        padding-left: 0;
    }
}
@media (min-width: 1025px) {

}
.ec-cartNavi {
    color: #6F6F6F;
    float: right;
    padding-right: 58px;
    padding-top: 5px;
}
.ec-cartNaviNull {

    top: 30px;
}
@media (min-width: 1025px) {
    /*.ec-layoutRole .ec-layoutRole__contents {*/
    /*    padding-left: 0;*/
    /*}*/
    .ec-headerRole__cart {
        max-width: 170px;
        float: right;
        width: 100%;
        margin-left: 10px;
    }

    .ec-layoutRole .ec-layoutRole__contents {
        padding-left: 0;
        padding-right: 0;
    }

}
@media (min-width: 1100px) {
    .ec-layoutRole .ec-layoutRole__mainWithColumn {
        max-width: 820px;
    }
    body#page_homepage .inner {
        padding-right: 0;
    }
}
@media (min-width: 768px) {
    .ec-cartNavi .ec-cartNavi__badge {
        display: inline-block;
        min-width: 17px;
        position: relative;
        left: 0;
        top: 0;
    }
}
.ec-cartNavi .ec-cartNavi__badge {
    display: inline-block;
    border-radius: 99999px;
    box-sizing: border-box;
    height: 25px;
    font-size: 16px;
    line-height: 0.7;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #2C2C2C;
    position: absolute;
    right: 0;
    top: -2px;
    display: flex;
    align-items: center;
    line-height: 1.1rem;
    left: 30px;
    justify-content: center;
    width: 25px;
}
.ec-headerNav .ec-headerNav__item {
    margin-left: 0;
    display: inline-block;
    font-size: 14px;
    padding: 0 2px 10px;
}
.ec-headerNav__item.btn-login {
    background-color: #e6e6e6;
    border-radius: 30px;
    padding: 5px 30px;
}
.ec-headerNavSP {
    cursor: pointer;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 10px;
    width: 40px;
    height: 40px;
    font-size: 18px;
    text-align: center;
    color: black;
    background: white;
    position: fixed;
    top: 20px;
    right: 3px;
    left: auto;
    z-index: 1000;
}

.ec-layoutRole .ec-layoutRole__main {
    width: 100%;
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
body#page_user_data .ec-role img {
    width: auto;
}
/*===============================================
				ボタンエリア
===============================================*/
.button-area {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}
.btn-detail {
    display: inline-block;
    position: absolute;
    bottom: -20px;
    min-width: 130px;

    width: 87%;
}
.btn-detail a {
    transition: 0.5s;
    position: relative;
    z-index: 1;
    background-color: #FD6925;
    color: #FFFFFF;
    min-width: 130px;
    display: block;
    text-align: center;
    padding: 5px 0;
}
.btn-detail a:hover {
    background-color: #F9580E;
    color: #ffffff;
}
.btn-detail::before {
    background-color: #BA5221;
    position: absolute;
    bottom: -4px;
    right: -4px;
    content: "";
    height: 100%;
    width: 100%;
    z-index: 0;
}
.btn-detail a::after {
    background: url(../img/icon-arrow.svg) no-repeat left;
    width: 16px;
    height: 15px;
    position: absolute;
    top: 7px;
    right: 25px;
    content: "";
}
.btn-detail a:hover:after {
    transition: 0.5s;
    background: url("../img/icon-arrow.svg") no-repeat left;
}
/*ボタンエリアここまで*/
/*===============================================
●TOP - メインビジュアル
===============================================*/
.item {
    padding: 0;
}
.front_page #contents .row {
    padding-bottom: 0;
    clear: both;
}
.ec-layoutRole .ec-layoutRole__contentTop {
    clear: both;
}
.wrap-slider {
    background-color: #EFEEEA;
    padding: 30px 0;
}
.main_visual .slick-slide img {
    max-width: 860px;
    height: auto;
    width: 100%;
}
@media (min-width: 1025px) {
    .item {
        padding: 5px 10px;
    }
}
/*.main_visual {*/
/*    margin-bottom: 30px;*/
/*}*/
.container-fluid.main-slider {
    padding-top: 25px;
    position: relative;
    top: 0;
    z-index: 1;
}
.slick-dots {
    position: absolute;
    bottom: -20px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:before {
    content: " ";
    line-height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    text-align: center;
    opacity: .90;
    background-color: #C5C5C5;
    border-radius: 50%;
}
.slick-dots li.slick-active button:before {
    background-color: #054678;
}
.header_logo_area .header_logo span {
    display: block;
}
/*===============================================
●TOP - ヘッダー
===============================================*/
.header_logo_area .header_logo {
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0;
}
.header_logo_area .header_logo a img {
    padding: 8px 8px 8px 0;
}
.header_logo_area {
    z-index: 1;
    width: 50%;
    float: left;
}


ul.ec-itemNav__nav span.en {
    color: #7E6156;
    display: block;
    font-size: 10px;
}
@media (min-width: 1025px) {
    .header_logo_area {
        z-index: 1;
        width: 40%;
        float: left;
    }
}
.wrap-copy {
    padding: 5px 15px;
    background: #054678;
    background: -moz-linear-gradient(left, #054678 0%, #3b779f 100%);
    background: -webkit-linear-gradient(left, #054678 0%, #3b779f 100%);
    background: linear-gradient(to right, #054678 0%, #3b779f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#054678', endColorstr='#3b779f', GradientType=1);
}

#header .copy {
    font-size: 10px;
    font-size: 1.0rem;
    font-weight: normal;
    max-width: 1200px;
    margin: 0 auto;
    color: #FFFFFF;
}
@media only screen and (min-width: 768px) {
    #header .copy {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

.b-main {
    padding-top: 0;
    margin-top: 20px;
    padding-bottom: 130px;
}
#page_homepage .b-nav {
    display: none;
}

@media only screen and (min-width: 1200px) {
    .b-main {
        padding-top: 0;
        margin-top: 20px;
        padding-bottom: 130px;
        padding-right: 0;
        padding-left: 0;
    }
}
#page_homepage .b-main {
    padding-top: 0;
    border-top: none;
    margin-top: 0;
    padding-bottom: 0;
}
@media only screen and (min-width: 1025px) {
    .header_logo_area .header_logo {
        font-size: 15px;
        font-size: 1.5rem;
        margin: 0;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        display: flex;
        align-items: baseline;
        max-width: 396px;
    }
    .header_logo_area .header_logo a img {
        padding: 8px 8px 0 0;
    }
    .header_logo_area .header_logo span {
        display: inline-block;
    }
    .header-inner {
        max-width: 1150px;
        margin: 0 auto;
        width: 100%;
        padding: 0 0 0 15px;
        box-sizing: border-box;
    }
    #contents {
        padding-top: 0;
    }
}

@media only screen and (min-width: 1025px) {
    #header .container-fluid.inner {
        max-width: 1200px;
        width: 100%;
        padding: 0 15px;
    }
    #contents_top #category {
        padding: 0;
        background-color: #C7C7A8;
        max-width: 1200px;
        margin: 0 auto;
        width: 100%;
        position: relative;
        z-index: 10;
        top: 0;
        box-sizing: border-box;
    }
}
@media only screen and (min-width: 1200px) {
    #header .container-fluid.inner {
        max-width: 1200px;
        width: 100%;
        padding: 0;
    }
}
@media only screen and (min-width: 1025px) {
    #header .header_logo_area {
        float: left;
        margin-right: 0;
        padding-top: 15px;
        padding-bottom: 20px;
    }
    #header .header_logo_area .row {
        margin: 0;
    }
}
#member {
    padding: 10px 5px 0 15px;
    margin-bottom: 0;
}
/*EC-CUBE4追加*/
.ec-layoutRole__header {
    overflow: hidden;
    box-shadow: 0 1px 5px rgba(0,0,0,0.15);
    padding-bottom: 10px;
}
@media only screen and (min-width: 1025px) {
    .ec-layoutRole__header {
        overflow: initial;
        box-shadow: none;
        padding-bottom: 0;
    }
}
.ec-cartNaviIsset.is-active {
    top: 90px;
}
@media only screen and (min-width: 1025px) {
    .ec-cartNaviIsset.is-active {
        top: 50px;
    }
}
/* --------------------------------
	ヘッダー
-------------------------------- */
.ec-headerNaviRole .ec-headerNaviRole__left {
    max-width: 230px;
    min-width: 150px;
}
.ec-headerNaviRole .ec-headerNaviRole__left {
    width: calc(100% / 3);
}
.ec-headerNaviRole .ec-headerNaviRole__right {
    width: calc(100% * 2.5 / 3);
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.ec-headerNaviRole .ec-headerNaviRole__left a {
    vertical-align: top;
    display: flex;
    align-items: center;
}
.ec-headerNaviRole .ec-headerNaviRole__right {
    flex-wrap: wrap;
    max-width: 760px;
}
.ec-headerNaviRole {
    align-items: flex-start;
    padding-bottom: 15px;
}

.h-mypage a, .h-login a, .h-logout a, .h-favorite a {
    min-width: 130px;
    display: block;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    max-width: 150px;
    border: 1px solid #EFEEEA;
    background-color: #EFEEEA;
}
.h-mypage a:hover, .h-login a:hover, .h-logout a:hover, .h-favorite a:hover {
    background-color: #B5AA94;
    border: 1px solid #B5AA94;
    min-width: 130px;
    max-width: 150px;
    display: block;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    color: #ffffff;
    opacity: 1;
}
.ec-headerNav .h-mypage a:hover .ec-headerNav__itemLink, .ec-headerNav .h-login a:hover .ec-headerNav__itemLink, .ec-headerNav .h-logout a:hover .ec-headerNav__itemLink, .ec-headerNav .h-favorite a:hover .ec-headerNav__itemLink {
    color: #ffffff;
}
.ec-headerNaviRole .ec-headerNaviRole__nav .h-cr a {
    background-color: #333333;
    color: #ffffff;
    border: none;
}
.ec-headerNaviRole .ec-headerNaviRole__nav .h-cr a span {
    color: #ffffff !important;
}
.ec-headerNaviRole .ec-headerNaviRole__nav .h-cr a:hover {
    background-color: #B5AA94;
    border: 1px solid #B5AA94;
    min-width: 130px;
    max-width: 150px;
    display: block;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    color: #ffffff;
    opacity: 1;
}
.h-cr a {
    background-color: #EFEEEA;
    min-width: 130px;
    max-width: 150px;
    display: block;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
}
.h-cr a:hover{
    background-color: #B5AA94;
    opacity: 1;
}
.ec-headerNav .h-cr .ec-headerNav__itemLink{
    color: #ffffff;
}
.ec-headerNav .h-mypage .ec-headerNav__itemLink,
.ec-headerNav .h-login .ec-headerNav__itemLink,
.ec-headerNav .h-logout .ec-headerNav__itemLink,
.ec-headerNav .h-favorite .ec-headerNav__itemLink{
    color: #333333;
}
.ec-headerNaviRole {
    align-items: center;
    padding-bottom: 10px;
}
@media (min-width: 768px) {
    .ec-headerNaviRole {
        padding-bottom: 0;
        align-items: flex-start;
    }
    .h-cr a:hover {
        background-color: #ffffff;
        border: 1px solid #333333;
        color: #333333;
    }
    .ec-headerNav .h-cr a:hover .ec-headerNav__itemLink {
        color: #333333;
    }
}
@media (min-width: 1025px) {
    .ec-headerNaviRole {
        align-items: flex-start;
        padding-bottom: 0;
        max-width: 1130px;
    }
}
@media (max-width: 768px) {
    .ec-headerNaviRole {
        padding-bottom: 0;
        display: block;
        margin: 0 auto;
    }
    .ec-headerNaviRole .ec-headerNaviRole__left {
        width: calc(100% / 3);
        margin: 0 auto;
    }
    .ec-headerNaviRole .ec-headerNaviRole__right {
        flex-wrap: wrap;
        max-width: 760px;
        margin: 0 auto;
    }
}
@media (max-width: 598px) {
    .ec-headerNaviRole .ec-headerNaviRole__left {
        width: calc(100% / 3);
        margin: 0;
    }
    .ec-headerNaviRole {
        padding-bottom: 0;
        display: flex;
        margin: 0 auto;
    }
}
.ec-itemNav__nav li + li {
    padding-left: 40px;
}
.ec-itemNav__nav li a {
    display: block;
    border-bottom: 1px solid #333333;
    margin: 0;
    padding: 15px 0 10px;
    height: auto;
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    text-align: left;
    background: none;
    border-bottom: none;
}
.ec-itemNav__nav li a {
    position: relative;
    display: inline-block;
    text-decoration: none;
}
.ec-itemNav__nav li a::after {
    position: absolute;
    bottom: 2px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #333333;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 2;
}
.ec-itemNav__nav li a:hover::after {
    bottom: 8px;
    opacity: 1;
    visibility: visible;
}
.ec-headerNav {
    display: none;
}
.header-nav {
    display: none;
}
@media (min-width: 768px) {
    .ec-headerNav,.header-nav {
        display: block;
    }
    .ec-itemNav__nav li a:hover, .ec-itemNav__nav li a:focus, .ec-itemNav__nav li a:active {
        background-color: transparent;
        color: #333333;
    }
    .ec-headerNav .ec-headerNav__item {
        /*margin-top: 5px;*/
    }
    .ec-cartNavi {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-radius: 99999px;
        box-sizing: border-box;
        padding: 10px;
        width: auto;
        min-width: 170px;
        height: 40px;
        white-space: nowrap;
        cursor: pointer;
        background: #FFFFFF;
        border: 1px solid #E4E4E4;
        margin-left: 5px;
        box-sizing: border-box;
        align-items: center;
        border-radius: 0;
    }

}
.ec-cartNavi .ec-cartNavi__icon {
    color: #B5AA94;
}
.ec-cartNavi__label {
    line-height: 166%;
    padding-left: 5px;
    font-weight: bold;
}
.cart-num {
    position: absolute;
    right: 37px;
    top: 18px;
}
.ec-layoutRole__header {
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
}
body#page_homepage .ec-layoutRole__header {
    border-bottom: none;
}
.ec-itemNav__nav > li:hover > a {
    background: transparent;
}
/*===============================================
●TOP - グロナビ
===============================================*/
nav.content-menu {
    clear: both;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    padding-top: 0;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 0;
    padding-top: 10px;
}
nav.content-menu ul {
    display: flex;
    justify-content: space-between;
    text-align: center;
}
nav.content-menu ul li {
    /*padding: 5px 10px;*/
    text-align: center;
    width: 100%;
}
nav.content-menu ul li a {
    display: block;
    padding: 10px;
}
nav.content-menu ul li:nth-child(1) a {
    border-top: 7px solid #E5243B;
    color: #E5243B;
}
nav.content-menu ul li:nth-child(2) a {
    border-top: 7px solid #56C02B;
    color: #56C02B;
}
nav.content-menu ul li:nth-child(3) a {
    border-top: 7px solid #F2BA00;
    color: #F2BA00;
}
nav.content-menu ul li:nth-child(4) a {
    border-top: 7px solid #26BDE2;
    color: #26BDE2;
}
nav.content-menu ul li:last-child {
}
img.icon-nav {
    padding-right: 5px;
}

/*===============================================
●下層 - ヘッダー
===============================================*/
.header-inner {
    padding: 10px 16px;
}

@media only screen and (min-width: 1025px) {
    .header-inner {
        padding: 0;
    }
}
.headr-tel span {
    display: block;
    font-size: 14px;
}
.headr-tel span.mini-txt {
    display: inline-block;
    color: #4d4d4d;
    font-size: 12px;
    width: 100%;
}
.headr-tel a {
    font-size: 2.4rem;
    font-weight: bold;
    color: #054678;
    letter-spacing: 0.08rem;
}
.category-nav ul {
    display: block;
}

.tb {
    display: block !important;
}
.drawer_block .pc-menu {
    display: block;
}
@media (min-width: 1024px) {
    .tb {
        display: none !important;
    }
    .drawer_block .pc-menu {
        display: none;
    }
}
.ec-drawerRoleClose {
    cursor: pointer;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 10px;
    width: 40px;
    height: 40px;
    font-size: 18px;
    text-align: center;
    color: black;
    background: white;
    position: fixed;
    top: 20px;
    left: inherit;
    z-index: 1000;
    right: 3px;
}
/*===============================================
●TOP - サービス紹介
===============================================*/
#service .ec-categoryRole .ec-categoryRole__list {
    flex-wrap: wrap;
}
#service .ec-categoryRole .ec-categoryRole__list {
    flex-wrap: wrap;
    justify-content: space-between;
}
#service .ec-categoryRole .ec-categoryRole__listItem {
    margin-right: 0;
    left: auto;
    width: 100%;
}
@media only screen and (min-width: 1025px) {
    #service .ec-categoryRole .ec-categoryRole__listItem {
        max-width: 285px;
        margin-right: 0;
        left: auto;
        width: 100%;
    }
}
#service .ec-categoryRole .ec-categoryRole__list::after {
    content: "";
    display: block;
    width: 33%;
    max-width: 285px;
}
.ttl-box-h2 h2 {
    border-bottom: solid 3px #E0E0E0;
    position: relative;
    font-size: 20px;
    font-size: 2.0rem;
    padding: 5px 0
}
.ttl-box-h2 img {
    padding-left: 20px;
}
.ttl-box-h2 h2:after {
    position: absolute;
    content: " ";
    display: block;
    bottom: -3px;
    width: 15%;
}
.ttl-box-h2 h2.ttl-print {
    color: #E5243B;
}
.ttl-box-h2 h2.ttl-print:after {
    border-bottom: solid 3px #E5243B;
}
.ttl-box-h2 h2.ttl-special-print {
    color: #56C02B;
}
.ttl-box-h2 h2.ttl-special-print:after {
    border-bottom: solid 3px #56C02B;
}
.ttl-box-h2 h2.ttl-novelty {
    color: #F2BA00;
}
.ttl-box-h2 h2.ttl-novelty:after {
    border-bottom: solid 3px #F2BA00;
}
.ttl-box-h2 h2.ttl-gifchoise-o {
    color: #26BDE2;
}
.ttl-box-h2 h2.ttl-gifchoise-o:after {
    border-bottom: solid 3px #26BDE2;
}

.ttl-box-h2 h2.ttl-gifchoise-b {
    color: #333333;
}
.ttl-box-h2 h2.ttl-gifchoise-b:after {
    border-bottom: solid 3px #333333;
}
.inner-box {
    display: flex;
    justify-content: space-between;
    background-color: #F5F5F5;
    padding: 8px;
    position: relative;
}

div.w50 {
    width: 50%;
    padding-right: 5px;
}
.inner-box img.w50 {
    width: 50%;
    height: auto;
    padding: 0 5px;
}
.ec-categoryRole {
    background-color: #FFFFFF;
    padding: 15px 0;
}
.ec-categoryRole__listItem h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
}
.txt-price-box span {
    font-size: 10px;
    font-size: 1.0rem;
}
.txt-price-box b {
    font-size: 24px;
    font-size: 2.4rem;
}
span.text-ask {
    background-color: #333333;
    color: #FFFFFF;
    padding: 2px 10px;
    display: inline-block;
}
.box-print .txt-price-box b {

    color: #E5243B;
}
.box-special-print .txt-price-box b {
    color: #56C02B;
}
.box-novelty .txt-price-box b {
    color: #F2BA00;
}
.box-novelty .txt-price-box b {
    color: #F2BA00;
}
.box-gifchoise-o .txt-price-box b {
    color: #26BDE2;
}
.box-gifchoise-b .txt-price-box b {
    color: #333333;
}
.txt-service {
    font-size: 13px;
    font-size: 1.3rem;
}
/*===============================================
●TOP - サイドバー
===============================================*/
ul.list-sns {
    display: flex;
    align-items: center;
}

ul.list-sns li + li {
    padding-left: 15px;
}
.ec-layoutRole__left ul.list-sns li a i {
    color: #000;
    font-size: 28px;
}
.ec-layoutRole__left ul.list-sns li a:hover i {
    color: #333333;
}
.side-blog img {
    width: 100%;
}
/*===============================================
●TOP - バナー
===============================================*/

.main-ttl-box {
    display: flex;
    align-items: center;
}
.main-ttl-box .ttl-h2 {
    font-size: 20px;
    font-size: 2.0rem;
    color: #000;
    font-weight: bold;
}
.main-ttl-box .ttl-h2::after {
    content: "";
    background-color: #000;
    width: 1px;
    height: 15px;
    display: inline-block;
    padding: 0;
    margin: 0 15px;
}

.main-ttl-box h3 {
    font-size: 12px;
    color: #000;
}
.col-bnr-02 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w-50 {
    width: 49%;
}

.col-bnr-02 .w-50 + .w-50 {
    margin-left: 2%;
}

/*===============================================
●TOP - おすすめ商品
===============================================*/
.wrap-img-pickup {
    position: relative;
}
p.dis-none {
    display: none;
}
span.mini-txt {
    font-size: 10px;
    font-weight: normal;
    padding: 0 5px;
}
.box-pickup {
    margin-bottom: 10px;
    height: 180px;
    width: auto;
}
.ec-shelfGrid .ec-shelfGrid__item img {
    object-fit: cover;
}
div#top-pickup dt.item_name {
    margin-bottom: 10px;
    font-size: 14px;
}
div#top-pickup dt.item_name {
    margin-bottom: 10px;
    font-size: 14px;
    color: #000000;
}
.box-center {
    text-align: center;
    margin: 0 auto;
}
/*===============================================
●TOP - ブロ詳細
===============================================*/
.tabacms_post_page .ec-layoutRole .ec-layoutRole__left {
    display: none!important;
}
/*===============================================
●TOP - 商品検索
===============================================*/
.ec-headerSearch .ec-headerSearch__category {
    float: none;
    width: 100%;
}
.ec-headerSearch .ec-select .category_id {
    width: 100%;
    color: #FFFFFF;
    background: #333333;
    border-radius: unset;
    border: none;
    margin: 0 auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../img/arrow-down.svg") no-repeat 95% center #000;
}
.ec-headerSearch .ec-select select.category_id::-ms-expand {
    display: none;
}

.ec-sideSearch__category .ec-select {
    margin-bottom: 0;
}
.ec-sideSearch .ec-sideSearch__keyword {
    position: relative;
}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before {
    position: absolute;
    top: 1.1em;
    right: 1.1em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    pointer-events: none;
}
.ec-headerSearch .ec-headerSearch__category .ec-select select {
    width: 100%;
    cursor: pointer;
    padding: 8px 24px 8px 16px;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
    border-top-right-radius: inherit;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.ec-headerSearch .ec-headerSearch__category .ec-select select {
    max-width: initial;
    height: 36px;
}
.ec-headerSearch .ec-headerSearch__keyword {
    position: relative;
    color: #525263;
    border: 1px solid #ccc;
    background-color: #ffffff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.ec-headerSearch .ec-headerSearch__keyword {
    float: none;
    width: 100%;
    border-bottom-left-radius: inherit;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
    font-size: 14px;
}
.ec-sideSearch .ec-headerSearch__keywordBtn {
    border: 0;
    background: none;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-55%);
    display: block;
    white-space: nowrap;
    z-index: 1;
}
.ec-sideSearch .ec-sideSearch__keyword .ec-icon {
    width: 14px;
    height: 14px;
}
ul.list-sns li + li {
    padding-left: 15px;
}

/*===============================================
●TOP - カテゴリ
===============================================*/
.ec-headerCategoryArea__heading {
    position: relative;
    padding: 0;
}
.ec-headerCategoryArea__heading .main-ttl-box .ttl-h2 {
    font-size: 20px;
    font-size: 2.0rem;
    color: #000000;
    font-weight: bold;
    letter-spacing: 0.30rem;
}

.ec-headerCategoryArea__heading:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    border-width: 0 0 14px 14px;
}
.ttl-blue {
    position: relative;
    background: #333333;
    padding: 8px 18px;
    color: #FFF;
    font-size: 14px;
}

@media only screen and (min-width: 992px) {

    .ec-layoutRole__mainWithColumn {
        width: 75%;
        float: right;
    }
    .s-category-nav > li {
        display: block;
        margin-bottom: 30px;
    }
}
/*ボーダー*/
.b-top {
    border-top: 1px solid #CCC;
    padding-top: 15px;
    clear: both;
    width: 100%;
}
.b-bottom {
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 10px;
}


.list-ranking li:nth-child(1) .label-warning {
    background-color: #ed774d;
    width: 35px;
    height: 35px;
    top: -25px;
}
.list-ranking li:nth-child(2) .label-warning {
    background-color: #e5ae45;
    width: 35px;
    height: 35px;
    top: -25px;
}
.list-ranking li:nth-child(3) .label-warning {
    background-color: #6fafba;
    width: 35px;
    height: 35px;
    top: -25px;
}

.m30 {
    margin-bottom: 30px;
}
.top-border {
    margin-top: 30px;
    border-top: 1px solid #d1d1d1;
    background: none;
    padding-top: 15px;
}
/*新着情報*/
.ec-role {
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
}
@media only screen and (min-width:768px) {
    .ec-role {
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 1.4;
        -webkit-text-size-adjust: 100%;
        width: 100%;
        max-width: 1130px;
    }
}
.ec-newsRole {
    padding: 0;
}
.ec-newsRole .ec-newsRole__news {
    border: 10px solid #F5F5F5;
    padding: 20px 20px;
}
.ec-newsRole .ec-secHeading .ec-secHeading__en {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.08rem;
    color: #56C02B;
}
.ec-newsRole .ec-secHeading {
    margin-bottom: 8px;
    color: black;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 8px;
}
/*シリーズラインナップ*/
.list-brand b {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #333333;
}
.box-series {
    text-align: center;
    margin-bottom: 30px;
}

/* タイトル部分*/
.ttl-box {
    border-bottom: 1px solid #c5c5c5;
    padding: 0 0 8px;
    color: #000;
}
.ttl-box h2 {
    padding: 0;
    font-size: 24px;
    font-size: 2.4rem;
}
.heading01 {
    margin-top: 0;
    color: #000;
}
h2.heading01 {
    font-size: 21px;
    font-size: 2.1rem;
    display: inline-block;
    color: #000;

    color: #333333;
    font-weight: normal;
    line-height: 23px;
}

.btn-blue a {
    background-color: #333333;
    max-width: 290px;
    width: 100%;
    font-size: 1.6rem;
    display: block;
    text-align: center;
    min-height: 50px;
    line-height: 50px;
    color: #FFF;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
}
.btn-blue a:hover {
    background-color: #88adc4;
    color: #FFFFFF;
}

/* サイドカテゴリ */
@media only screen and (min-width:1175px) {
    .ec-layoutRole__left {
        float: left;
        /*width: 240px;*/
        /*min-width: 240px;*/
        /*max-width: 240px;*/
    }
    /*.ec-layoutRole__mainWithColumn {*/
    /*    max-width: 920px;*/
    /*    float: right;*/
    /*    width: 920px;*/
    /*}*/
    .ec-layoutRole__mainWithColumn_top .pl0 {
        padding-right: 8px;
    }
    .ec-layoutRole__mainWithColumn_top .pr0 {
        padding-left: 8px;
    }
}
@media (min-width: 598px) {
    .bnr-side img {
        max-width: 360px;
        width: 100%;
    }
}

/* --------------------------------
	underpage - side
-------------------------------- */
.search input[type="search"] {
    height: 30px;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    border: 0 none;
    padding: 0;
    box-shadow: none;
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.search .bt_search {
    margin-top: 0;
    border: 0;
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 44px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    z-index: 1;
}
.bt_search .cb-search {
    fill: #ABABAB;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}
.ec-sideSearch {
    margin-bottom: 40px;
}
.ec-layoutRole__left .category-nav > li.cat-child-01 {
    margin-bottom: 5px;
}
.ec-layoutRole__left li.cat-child-01 a.cat-toggle-01 {
    background-color: #1a1a1a;
    color: #FFF;
    font-weight: normal;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    border-bottom: none;
    font-size: 16px;
}
.ec-layoutRole__left ul.category-nav li ul li {
    border-bottom: none;
    padding-left: 1em;
    position: relative;
}
.ec-layoutRole__left ul.category-nav li a {
    font-size: 14px;
    font-weight: normal;
    color: #3B4043;
    border-bottom: none;
    height: 30px;
    line-height: 30px;
}
.ec-layoutRole__left .category-nav ul > li > a {
    padding-left: 6px;
    background: #FFF;
}
.ec-layoutRole__left ul.category-nav li ul li:before {
    content: "-";
    position: absolute;
    left: 7px;
    top: 10px;
}
.ec-layoutRole__left ul.category-nav li ul {
    display: inline;
}
.ec-layoutRole__left li.toggle-grand {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.ec-layoutRole__left ul li.toggle-grand img.hover {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 14px;
    z-index: 10;
}
.ec-layoutRole__left ul li.toggle-grand ul li img.hover {
    display: none;
}
.ec-layoutRole__left li img.hover {
    display: none;
}

.ec-layoutRole__left ul.category-nav > ul > li.toggle-grand {
    width: 100%;
    float: none;
    display: block;
    text-align: left;
    background: #fff;
    position: relative;
}
.ec-layoutRole__left ul.category-nav li ul.cat-03 {
    display: none;
    width: 100%;
    position: relative;
    z-index: 10;
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
    transition: none;
}
.ec-layoutRole__left .category-nav li.cat-child-01 > a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0;
    color: #3B4043;
    font-size: 15px;
    font-size: 1.5rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    font-weight: bold;
}
.side-link .main-ttl-box .ttl-h2,.side-sns .main-ttl-box .ttl-h2 {
    font-size: 18px;
    font-size: 1.8rem;
    color: #333333;
}

.side-sns .main-ttl-box .ttl-h2::after {
    display: none;
}
/* マージン */
.mgb0 {
    margin-bottom: 0;
    overflow: hidden;
}
.mgb10 {
    margin-bottom: 10px;
    overflow: hidden;
}
.mgb15 {
    margin-bottom: 15px;
    overflow: hidden;
}
.mgb20 {
    margin-bottom: 20px;
}
.mgb30 {
    margin-bottom: 30px;
}
.mgb45 {
    margin-bottom: 45px;
}
.mgb60 {
    margin-bottom: 60px!important;
    overflow: hidden;
}
.sm-mgb60 {
    margin-bottom: 0 !important;
}
@media (min-width: 768px) {
    .sm-mgb60 {
        margin-bottom: 60px !important;
    }
}
.mgb80 {
    margin-bottom: 80px!important;
    overflow: hidden;
}
.mgb100 {
    margin-bottom: 100px!important;
    overflow: hidden;
}
.mgb120 {
    margin-bottom: 120px!important;
    overflow: hidden;
}
.mgb150 {
    margin-bottom: 150px!important;
    overflow: hidden;
}
.mgt15 {
    margin-top: 15px;
}
.mgt30 {
    margin-top: 30px;
}
/* padding */
.plpr0 {
    padding: 0;
}
.pl0 {
    padding-left: 0;
}
.pr0 {
    padding-right: 0;
}
.pdb15 {
    padding-bottom: 15px;
}
.pdr20 {
    padding-right: 20px
}

.txt_center a {
    text-align: center;
    margin: 0 auto;
    display: inherit;
}
@media (min-width: 768px) {
    .txt_center a {
        text-align: left;
    }
    .ec-layoutRole__left ul.category-nav li a:hover {
        color: #333333;
        transition: 0.3s;
    }
}

/* --------------------------------
	スマホメニュー
-------------------------------- */
.ec-drawerRole {
    overflow-y: scroll;
    background: white;
    width: 260px;
    height: 100vh;
    transform: translateX(-300px);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    transition: z-index 0ms 1ms;
}
.sp-nav-login {
    margin: 0 auto;
}

.sp-nav-login .ec-headerNav__item {
    max-width: 160px;
    margin: 0 auto 10px;
}
ul.ec-itemNav__nav-sp {
    margin-top: 75px;
    margin-bottom: 30px;
}

ul.ec-itemNav__nav-sp li a {
    display: block;
    padding: 10px 30px;
    color: #ffffff;
}
.sp-nav-login .h-cr a {
    color: #333333;
}
#btn_menu {
    margin: 0;
    position: absolute;
    right: 0;
    top: 67px;
    z-index: 11;
}
#cart_area p.cart-trigger {
    position: absolute;
    right: 48px;
    top: 65px;
    z-index: 10;
}
.drawer.sp .global-menu {
    margin-bottom: 16px;
    background-color: #C5C5C5;
    padding: 10px 0;
    font-weight: normal;
    clear: both;
}
.drawer.sp .global-menu a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #FFF;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-bottom: none;
    font-weight: normal;
}
.drawer.sp .global-menu li {
    margin-bottom: 10px;
    border-bottom: 1px solid #FFF;
    display: block;
    overflow: hidden;
}
@media (min-width: 1025px) {
    #cart_area p.cart-trigger {
        position: relative;
        right: 0;
        top: 0;
        border-radius: 5px;
    }
}
.wrap-info-sp {
    padding: 0 15px;
    margin: 30px auto 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.sp-logo {
    max-width: 150px;
    display: block;
    width: 100%;
}
.wrap-info-sp ul.list-sns {
    width: 100%;
    justify-content: center;
}

@media (min-width: 768px) {
    /*#drawer .category-nav li ul {*/
    /*    display: block;*/
    /*}*/
}
.txt-center {
    display: block;
    text-align: center;
}

/*===============================================
●TOP - ボタン
===============================================*/
.btn-all {
    margin: auto;
    text-align: right;
    clear: both;
    display: block;
}
.btn-center {
    margin: auto;
    text-align: center;
    clear: both;
    display: block;
}
.btn-all a, .btn-center a {
    padding: 20px 65px;
    display: inline-block;
    color: #FFFFFF;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 5px;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #B5AA94;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
@media(min-width: 768px) {
    .btn-all a, .btn-center a {
        padding: 20px 110px;
        min-width: 280px;
    }
}
.btn-all a:hover, .btn-center a:hover {
    text-decoration: none;
    color: #FFFFFF;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0.8;
}
.btn-all a:hover:after, .btn-center a:hover:after {
    position: absolute;
    content: url(../img/img-btn-all-hover.png);
    top: 15px;
    right: 30px;
    width: 0;
    height: 0;
}
.btn-all a:active, .btn-center a:active {
    background: #938B75;
    box-shadow: none;
    transform: translate3d(3px, 3px, 0);
    text-decoration: none;
}

/*===============================================
●TOP - ブログ
===============================================*/
.box-blog > .row > .col-xs-12 {
    padding: 0;
}
.tabacms_blog_list li {
    max-width: 256px;
}

.tabacms_blog_list .tabacms_detail time {
    font-size: 12px;
    display: block;
    margin: 0px 0px 10px 0px;
    font-weight: normal;
    float: left;
    clear: both;
    color: #333333;
}
.tabacms_thumbnail_wrapper .tabacms_thumbnail label {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    padding: 4px 16px;
    background-color: #fff;
    font-weight: 500;
    font-size: 12px;
    color: #000;
}
@media only screen and (min-width: 1024px) {
    .tabacms_blog_list li {
        max-width: 260px;
    }
}
/*===============================================
●TOP - ご利用ガイド
===============================================*/
.wrap-guide {
    background-color: #F9F9F9;
    padding: 40px 0;
}
.ttl-guide-h2 {
    text-align: center;
    margin-bottom: 50px;
    color: #000;
}

.ttl-guide-h2 h2 {
    font-size: 24px;
    font-size: 2.4rem;
    position: relative;
    padding-bottom: 15px;
    color: #000;
}

@media only screen and (min-width: 768px) {
    .inner-guide {
        display: flex;
        justify-content: space-between;
    }
    .inner-guide > div {
        width: 32%;
        max-width: 320px;
    }
}
.box-guide h3 {
    font-size: 21px;
    font-size: 2.1rem;
    border-bottom: 1px solid #C5C5C5;
    padding-bottom: 13px;
    margin-bottom: 13px;
    font-weight: bold;
    color: #3B4043;
}

.box-guide h4 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 13px;
    color: #3B4043;
}
.box-guide h4::before {
    content: "\25A0";
    padding-right: 6px;
    color: #054678;
}
table.tb-guide,table.tb-guide-02 {
    margin-bottom: 15px;
    width: 100%;
}

table.tb-guide th,table.tb-guide-02 th {
    background-color: #fff;
    padding: 8px 10px;
    width: 60%;
    border: 1px solid #808080;
}

table.tb-guide td,table.tb-guide-02 td {
    padding: 8px 11px;
    border: 1px solid #808080;
}

table.tb-guide th,table.tb-guide td,table.tb-guide-02 th,table.tb-guide-02 td {
    vertical-align: middle;
    font-weight: normal;
}

.box-guide p {
    margin-bottom: 15px;
    line-height: 170%;
}
ul.list-c li {
    list-style: disc;
    margin-bottom: 5px;
}

ul.list-c {
    padding-left: 20px;
}
.guide02 table.tb-guide-02 th {
    background-color: #fff;
    padding: 8px 10px;
    width: 48%;
    border: 1px solid #808080;
}
a.txt-link {
    color: #1B72C9;
    text-decoration: underline;
}

table.price-table {
    width: 100%;
    text-align: left;
}
.table.price-table th {
    color: #4D4D4D;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: normal;
}
@media only screen and (min-width: 768px){
    .table.price-table th {
        width: 40%;
    }
}

table.table.order-table td {
    border-top: none;
    padding-top: 0;
}
.table.price-table td {
    background-color: white;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    border: 1px solid #d8d0c7;
}
@media only screen and (min-width: 768px){
    table.table.order-table td {
        border-top: 1px solid #ddd;
        padding-top: 8px;
    }
}

.mgt20 {
    margin-top: 20px;
}

/*===============================================
●TOP - フッター
===============================================*/
.ec-footerRole {
    background: #333333;
    border-top: none;
    padding-bottom: 30px;
    margin-top: 0;
    padding-top: 30px;
}
.ec-footerTitle__copyright {
    text-align: center;
    padding: 8px 15px;
    font-size: 12px;
    color: #070707;
    background-color: #EFEEEA;
}
.ec-footerTitle .ec-footerTitle__logo {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    padding: 0 30px 0 0;
}
.inner-footer {
    max-width: 1130px;
    padding: 0 15px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}
.ec-footerTitle {
    padding: 0;
    max-width: 290px;
    /*order: 4;*/
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
.ec-footerNavi {
    padding: 0;
    color: white;
    list-style: none;
    text-align: left;
}
.footer-menu-03 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.footer-info-link {
    max-width: 170px;
    margin-left: auto;
    margin-right: auto;
}
.footer-menu-01 {
    text-align: left;
}

ul.ec-footerNavi li {
    margin-bottom: 10px;
}

ul.ec-footerNavi li a {
    color: #fff;
}
.footer-menu-02 ul li {
    margin-bottom: 10px;
}

.footer-menu-02 ul li a {
    color: #fff;
}

.footer-menu-01,.footer-menu-02 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 200px;
}
.footer-menu-03 .ec-headerNav__item {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
.footer-menu-03 .ec-headerNav__item.h-cr a {
    background-color: #B5AA94;
    color: #fff;
    border: 1px solid #B5AA94;
    min-width: 110px;
}
.footer-menu-03 .ec-headerNav__item.h-cr a:hover{
    color: #333333;
    background-color: #ffffff;
    border:1px solid #333333;
    opacity: 1;
}
.ec-footerRole .h-mypage a,.ec-footerRole .h-login a, .ec-footerRole .h-logout a, .ec-footerRole .h-favorite a {
    min-width: 170px;
}
.ec-footerTitle ul.list-sns {
    justify-content: center;
    margin-top: 15px;
}
ul.list-sns li a i {
    color: #fff;
    font-size: 28px;
    display: block;
}
@media (min-width: 768px) {
    .ec-footerRole .h-mypage a,.ec-footerRole .h-login a, .ec-footerRole .h-logout a, .ec-footerRole .h-favorite a {
        min-width: 110px;
    }
    .ec-footerTitle {
        padding: 0;
        max-width: 280px;
        width: 30%;
        text-align: left;
        margin: 0 auto 15px;
    }
    .ec-footerTitle ul.list-sns {
        justify-content: flex-start;
        margin-top: 0;
    }
    .footer-menu-01, .footer-menu-02 {
        width: 100%;
        margin: 0;
        max-width: 200px;
    }

    .footer-menu-03 .ec-headerNav__item {

        margin: 0 0 15px;
        padding-left: 15px;
    }
    .footer-info-link {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        max-width: 820px;
        margin: 0;
        width: 100%;
    }
    ul.list-sns li a:hover i {
        color: #333333;
        transition: 0.3s;
    }
    .footer-menu-02 ul li a:hover{
        color: #B5AA94;;
    }
}
.wrap-foote-infor {
    max-width: 980px;
    margin: 15px auto;
}
.txt-footer b {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}
.txt-footer {
    line-height: 23px;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .wrap-foote-infor {
        max-width: 980px;
        margin: 15px auto;
        display: flex;
        align-items: flex-start;
    }
    .txt-footer {
        margin: 0;
    }
    ul.ec-footerNavi li a:hover {
        color: #B5AA94;
    }
}
@media (min-width: 1025px) {
    .ec-footerRole .h-mypage a, .ec-footerRole .h-login a, .ec-footerRole .h-logout a, .ec-footerRole .h-favorite a {
        min-width: 110px;
        max-width: 110px;
    }
}
@media (max-width: 767px) {
    .footer-menu-03 {
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .footer-menu-03 .ec-headerNav__item.h-cr a {
        background-color: #B5AA94;
        color: #fff;
        border: 1px solid #B5AA94;
        min-width: 170px;
        width: 100%;
    }
    .ec-footerTitle .ec-footerTitle__logo {
        padding: 0;
    }
    .ec-footerTitle {
        margin-top: 0;
        order: 4;
    }
    .footer-info-link {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    .footer-info {
        order: 1;
    }

    .footer-menu-02 {
        order: 3;
        text-align: center;
    }

    .footer-menu-01 {
        order: 2;
        text-align: center;
        max-width: initial;
    }

    .footer-menu-01 ul {
        text-align: center;
    }

}

/*===============================================
●商品一覧
===============================================*/
body#page_product_list .product-ttl {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
}
body#page_product_list .ttl-box {
    border-bottom: 10px solid #EFEEEA;
    padding: 0 0 8px;
    color: #3B4043;
    font-weight: bold;
}
body#page_product_list {}

.ec-searchnavRole .ec-searchnavRole__infos {
    border-top: none;
    padding-top: 0;
}
.wrap-product {
    width: 90%;
    margin: 0 auto 100px;
}
.ec-topicpath {
    padding: 10px 0 10px;
    border: 0;
    font-size: 13px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}
.ec-topicpath .ec-topicpath__item a {
    color: #333333;
    text-decoration: none;
}
.ec-topicpath .ec-topicpath__item--active a {
    color: #333333;
    text-decoration: none;
    font-weight: normal;
}
.item_name {
    margin-bottom: 5px;
    font-size: 14px;
}

.item_price {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
    font-weight: bold;
    color: #7E6156;
}
.btn-product a {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    display: block;
    background-color: #333333;
    padding: 5px;
    font-weight: bold;
    color: #ffffff;
    margin-top: 8px;
    transition: .3s;
}
@media (min-width: 768px) {
    .ec-searchnavRole__infos {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0 20px;
    }
    body#page_product_list .ec-shelfGrid .ec-shelfGrid__item {
        padding: 0 16px;
        width: 33.33333%;
    }
    .btn-product a:hover {
        border: 1px solid #333333;
        background-color: #ffffff;
        color: #333333;

    }
}
@media (min-width: 1025px) {
    .wrap-product {
        width: 100%;
        margin: 0 auto 100px;
    }
}
.ec-shelfRole {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
}
@media only screen and (min-width:768px) {
    /*.ec-shelfRole {*/
    /*    padding-left: 10px;*/
    /*    padding-right: 10px;*/
    /*}*/
}
@media only screen and (min-width:1025px) {
    .ec-shelfRole {
        padding-left: 20px;
        padding-right: 20px;
    }
}
/* =================================
pagetop
================================= */
#toTop {
    position: fixed;
    right: 0;
    bottom: 50px;
    z-index: 100;
    width: 67px;
}
@media only screen and (min-width:768px) {
    #toTop {
        position: fixed;
        right: 10px;
        bottom: 50px;
        z-index: 100;
        width: 67px;
    }
}


/*===============================================
●フッター
===============================================*/
.copyright {
    background-color: #333333;
    color: #FFFFFF;
    font-size: 13px;
    padding: 4px 15px;
}

/*===============================================
●商品詳細
===============================================*/
body#page_product_detail .ec-sliderItemRole {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
    margin-bottom: 24px;
}


body#page_product_detail button.ec-blockBtn--action.add-cart {
    background-color: #B5AA94;
    border: 1px solid #B5AA94;
}
body#page_product_detail button#favorite {
    background-color: #333333;
    border: 1px solid #333333;
    height: 56px;
    line-height: 56px;
}
.ec-productRole__description {
    border-top: 1px dotted #ccc;
    padding-top: 25px;
    margin-top: 25px;
}
.ec-productRole .ec-productRole__category a {
    color: #5DC6B0;
    font-size: 14px;
}
body#page_product_detail .ec-productRole .ec-productRole__title .ec-headingTitle {
    margin-bottom: 10px;
    border-bottom: none;
    padding-bottom: 10px;
    margin-top: 30px;
}
.ec-price .ec-price__price {
    display: inline-block;
    padding: 0 .3em 0 0;
    font-size: 29px;
    font-weight: bold;
}
.ec-productRole .freearea img {
    width: auto;
}
@media (min-width: 768px) {
    body#page_product_detail .ec-productRole .ec-productRole__title .ec-headingTitle {
        font-size: 24px;
        font-weight: bold;
    }
    body#page_product_detail .ec-productRole .ec-productRole__title .ec-headingTitle {
        margin-bottom: 16px;
        border-bottom: none;
        padding-bottom: 10px;
        margin-top: 0;
    }
}
.ec-productRole .ec-productRole__tags {
    margin-top: 0;
    padding: 0;
    padding-bottom: 16px;
    border-bottom: none;
}
.ec-productRole .ec-productRole__btn {
    margin-top: 10px;
}
#sns-share-facebook svg path {
    fill: #333333!important;
}
#sns-share-twitter svg path {
    fill: #333333!important;
}
#sns-share-line svg path {
    fill: #333333!important;
}
#sns-share-pinterest svg path {
    fill: #333333!important;
}
@media (min-width: 768px) {
    body#page_product_detail button.ec-blockBtn--action.add-cart, body#page_product_detail button#favorite {
        max-width: 220px;
        margin-left: auto;
        margin-right: auto;
    }
    .ec-productRole .ec-productRole__btn {
        width: 100%;
        margin-bottom: 16px;
        min-width: inherit;
    }
    .ec-productRole .ec-productRole__actions .ec-select select {
        min-width: inherit;
        max-width: inherit;
        width: 100%;
    }
}
@media (min-width: 1024px) {
    body#page_product_detail button.ec-blockBtn--action.add-cart, body#page_product_detail button#favorite {
        max-width: inherit;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 1100px) {
    body#page_product_detail button.ec-blockBtn--action.add-cart, body#page_product_detail button#favorite {
        max-width: inherit;
    }
    body#page_product_detail .ec-productRole .ec-productRole__profile {
        margin-left: 35px;
    }
}
body#page_product_detail .ec-blockBtn--action {
    padding: 0 20px 20px 20px;
    height: 56px;
    line-height: 56px;
}
body#page_product_detail .ec-productRole .ec-sliderItemRole img {
    max-height: 435px;
    width: auto;
    margin: 0;
}
body#page_product_detail .ec-sliderItemRole .slideThumb {
    width: 25%;
    text-align: center;
    padding: 0 8px;
    position: relative;
    min-height: 90px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
body#page_product_detail .ec-sliderItemRole .item_nav {
    margin: 0 -5px auto;
}
body#page_product_detail .ec-sliderItemRole .slideThumb img {
    max-height: 90px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    padding: 0 5px;
}
body#page_product_detail .ec-sliderItemRole .slick-track {
    display: flex;
}
body#page_product_detail .ec-sliderItemRole .slick-track.slick-track .slick-slide {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
}
.ec-productRole__SNS_Share li img, .ec-productRole__SNS_Share li svg {
    height: 14px!important;
    width: auto;
    vertical-align: middle;
    padding: 0 0 0 15px;
}
#delivery_duration {
    padding: 14px 0;
    border-bottom: 1px dotted #ccc;
}
/*===============================================
				ボタンエリア
===============================================*/
.box-blog > .row > .col-xs-12.btn-box {
    text-align: center;
}
.btn-box a {
    display: inline-block;
    min-width: 260px;
    position: relative;
    padding-bottom: 5px;
    /* width: 25%; */
    padding-right: 5px;
}
.btn-box a {
    padding: 0 10px;
    height: 56px;
    line-height: 56px;
    background-color: #000000;
    border: 1px solid #000000;
    transition: 0.3s ease-out;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}
.btn-box a:hover {
    background-color: #333333;
    border: 1px solid #000000;
    transition: 0.3s ease-out;
    color: #ffffff;
}

.hidden-md,.hidden-md02{
    display: block;
}
.hidden-md .btn-box a::after {
    right: 15px;
}
.hidden-md .btn-box a {
    text-align: left;
    padding: 5px 15px;
}
@media only screen and (min-width:768px) {
    .hidden-md,.hidden-md02{
        display: none;
    }
    .hidden-md .btn-box a::after {
        right: 25px;
    }
    .hidden-md .btn-box a {
        text-align: center;
        padding: 5px;
    }

}
.table-detail{
    overflow: auto;
}
/* ↓tableにスクロールバーを追加 ここから */
.table-detail::-webkit-scrollbar{
    height: 5px;
}
.table-detail::-webkit-scrollbar-track{
    /* スクロールバーのスクロール範囲の色 */
    background: #F6F6F6;
}
.table-detail::-webkit-scrollbar-thumb {
    /* スクロールバーのツマミの色 */
    background: #C2C2C2;
}
.table-detail table{
    width:850px;
    table-layout: fixed;

}
.tabacms_blog_list .tabacms_detail h2 a:hover {
    color: #000;
    opacity: 0.6;
}
.mgb10{
    margin-bottom: 10px;
}
/*th.th-lineup {*/
/*    background-color: #FEE7DC;*/
/*    text-align: center;*/
/*    font-weight: normal;*/
/*    padding: 5px 0 0;*/
/*    border: 1px solid #6F6F6F;*/
/*    vertical-align: middle;*/
/*}*/
/*th.th-head {*/
/*    background-color: #6F6F6F;*/
/*    text-align: center;*/
/*    color: #FFFFFF;*/
/*    font-weight: normal;*/
/*    padding: 2px 15px;*/
/*    border: 1px solid #6F6F6F;*/
/*}*/
/*td.td-lineup.first {*/
/*    background-color: #F5F5F5;*/
/*    text-align: center;*/
/*    border: 1px solid #6F6F6F;*/
/*}*/
/*td.td-lineup {*/
/*    padding: 5px 0 0;*/
/*    text-align: center;*/
/*    border: 1px solid #E0E0E0;*/
/*    vertical-align: middle;*/
/*}*/

/*.box-contact {*/
/*    border: 1px solid #FD6925;*/
/*    padding: 30px;*/
/*    text-align: center;*/
/*}*/
/*.box-contact .btn-box {*/
/*    max-width: 320px;*/
/*    width: 100%;*/
/*}*/
/*.box-contact .btn-box {*/
/*    display: inline-block;*/
/*    min-width: 130px;*/
/*    position: relative;*/
/*    padding-bottom: 3px;*/
/*    !* width: 25%; *!*/
/*    padding-right: 2px;*/
/*}*/
/*.box-contact .btn-box::before {*/
/*    background-color: #BA5221;*/
/*    position: absolute;*/
/*    bottom: -1px;*/
/*    right: -1px;*/
/*    content: "";*/
/*    height: 96%;*/
/*    width: 99%;*/
/*    z-index: 0;*/
/*}*/

/*.row.box-feature {*/
/*}*/

/*.inner-feature {*/
/*    border: 1px solid #CCC;*/
/*    padding: 30px 15px;*/
/*    position: relative;*/
/*    min-height: 230px;*/
/*}*/
/*body#page_user_data h3 {*/
/*    font-weight: bold;*/
/*}*/
/*.content-other h4 {*/
/*    font-size: 22px;*/
/*    margin-bottom: 15px;*/
/*    font-weight: bold;*/
/*    color: #4D4D4D;*/
/*}*/

/*.ttl-feature {*/
/*    background-color: #333333;*/
/*    color: #FFF;*/
/*    display: inline-block;*/
/*    padding: 10px 18px;*/
/*    border-radius: 50px;*/
/*    text-align: center;*/
/*    !* height: 69px; *!*/
/*    position: absolute;*/
/*    top: 0;*/
/*    z-index: 5;*/
/*    height: 69px;*/
/*    width: 69px;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    -webkit-transform: translate(-50%, -50%);*/
/*    -ms-transform: translate(-50%, -50%);*/
/*}*/
/*===============================================
				初めての方へ
===============================================*/
/*.ttl-feature span {*/
/*    font-size: 14px;*/
/*    font-weight: normal;*/
/*    display: block;*/
/*}*/

/*.ttl-feature b {*/
/*    font-size: 28px;*/
/*    line-height: 31px;*/
/*}*/

/*.row.box-feature > div {*/
/*    padding-top: 60px;*/
/*}*/

/*p.text-feature {*/
/*    padding-top: 30px;*/
/*    min-height: 110px;*/
/*    display: block;*/
/*    margin-bottom: 30px;*/
/*}*/
/*img.icon-feature {*/
/*    margin: 15px auto 0;*/
/*    text-align: center;*/
/*    display: block;*/
/*}*/

/*.title-navy {*/
/*    border-bottom: 3px solid #e5e5e5;*/
/*    min-height: 34px;*/
/*    margin: 0 auto 30px;*/
/*}*/
/*h2.ec-heading-navy {*/
/*    display: inline-block;*/
/*    padding-bottom: 5px;*/
/*    border-bottom: 3px solid #333333;*/
/*    !* position: absolute; *!*/
/*    top: 0;*/
/*    min-height: 24px;*/
/*    font-size: 24px;*/
/*    font-weight: bold;*/
/*    color: #333333;*/
/*    margin-bottom: -3px;*/
/*}*/

/*.title-navy::after {content: "";width: 100%;height: 3px;background-color: #e5e5e5;bottom: -3px;}*/

/*.inner-order {*/
/*    border: 1px solid #BABABA;*/
/*    padding: 15px;*/
/*    text-align: center;*/
/*}*/



/*.inner-order p {*/
/*    text-align: left;*/
/*}*/
/*a.btn-guide {*/
/*    border: 1px solid #BABABA;*/
/*    overflow: hidden;*/
/*    display: flex;*/
/*    text-align: center;*/
/*    padding: 17px 15px;*/
/*    !* line-height: 20px; *!*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    font-size: 20px;*/
/*}*/
/*a.btn-guide span {*/
/*    padding-right: 5px;*/
/*}*/
/*a.btn-guide::after {content: "";display: inline-block;width: 18px;height: 18px;*/
/*    background: url("../img/navy-right-arrow.svg") no-repeat left;}*/

/*===============================================
				ご利用ガイド
===============================================*/
/*h2.ttl-other {*/
/*    font-size: 28px;*/
/*    font-weight: bold;*/
/*    color: #333333;*/
/*}*/
/*h2.ttl-other img {*/
/*    height: 28px;*/
/*    padding-bottom: 5px;*/
/*    width: auto;*/
/*}*/
/*ul.list-guide li a {*/
/*    border-bottom: 1px dashed #e0e0e0;*/
/*    margin-bottom: 10px;*/
/*    font-size: 18px;*/
/*    font-size: 1.8rem;*/
/*    display: block;*/
/*    padding: 0 15px 10px 40px;*/
/*    background: url(../img/navy-arrow-bottom.svg) no-repeat 10px 6px;*/
/*}*/
/*.ttl-step {*/
/*    background-color: #333333;*/
/*    color: #FFF;*/
/*    display: inline-block;*/
/*    padding: 10px 16px;*/
/*    border-radius: 50px;*/
/*    text-align: center;*/
/*    top: 0;*/
/*    z-index: 5;*/
/*    height: 69px;*/
/*    width: 69px;*/
/*}*/
/*@media screen and (max-width: 320px) {*/
/*    .ttl-step {*/
/*        background-color: #333333;*/
/*        color: #FFF;*/
/*        display: inline-block;*/
/*        padding: 8px 18px;*/
/*        border-radius: 50px;*/
/*        text-align: center;*/
/*        top: 0;*/
/*        z-index: 5;*/
/*        height: 65px;*/
/*        width: 65px;*/
/*    }*/
/*}*/
/*.ttl-step span {*/
/*    font-size: 14px;*/
/*    font-weight: normal;*/
/*    display: block;*/
/*}*/

/*.ttl-step b {*/
/*    font-size: 28px;*/
/*    line-height: 31px;*/
/*}*/


/*.list-step .btn-box {*/
/*    max-width: 320px;*/
/*    width: 100%;*/
/*}*/
/*.list-step .btn-box {*/
/*    display: inline-block;*/
/*    min-width: 130px;*/
/*    position: relative;*/
/*    padding-bottom: 3px;*/
/*    !* width: 25%; *!*/
/*    padding-right: 2px;*/
/*    float: right;*/
/*    clear: both;*/
/*}*/
/*.list-step .btn-box::before {*/
/*    background-color: #BA5221;*/
/*    position: absolute;*/
/*    bottom: -1px;*/
/*    right: -1px;*/
/*    content: "";*/
/*    height: 96%;*/
/*    width: 99%;*/
/*    z-index: 0;*/
/*}*/
/*.list-step .col-md-2 {*/
/*    max-width: 100px;*/
/*}*/
/*#guide02 .ttl-step{*/
/*    background-color: #8CA4B5;*/
/*}*/
/*.list-step.first {*/
/*    border-top: 1px dashed #E0E0E0;*/
/*    padding-top: 15px;*/
/*}*/

/*.list-step {*/
/*    border-bottom: 1px dashed #E0E0E0;*/
/*    padding-bottom: 5px;*/
/*}*/
/*ul.list-inner-step li {*/
/*    margin-bottom: 15px;*/
/*}*/
/*@media only screen and (min-width:768px) {*/
/*    ul.list-inner-step li {*/
/*        display: flex;*/
/*        justify-content: flex-start;*/
/*        align-items: stretch;*/
/*    }*/
/*}*/
.num-inner-step {
    font-size: 20px;
    font-weight: bold;
    background-color: #FD6925;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #FFF;
    border-radius: 50%;
}

.text-inner-step {
    display: flex;
    background: url(../img/left-dot.svg) no-repeat 12px 0px;
    padding-bottom: 15px;
}
ul.list-inner-step li:last-child .text-inner-step {
    background: none;
}
.text-inner-step p {
    max-width: 300px;
    padding: 0 15px;
    width: 90%;
}
ul.list-cancel {
    list-style: circle;
    padding-left: 20px;
}

ul.list-cancel li {
    list-style: disc;
    margin-bottom: 10px;
}
.img-inner-step {
    max-width: 240px;
    border: 1px solid #e5e5e5;
}
/*===============================================
				ご利用ガイド
===============================================*/
.ttl-s-guide h4 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333333;
    /* padding-left: 25px; */
}

.ttl-s-guide h4::before {
    width: 12px;
    height: 12px;
    content: "\25A0";
    display: block;
    float: left;
    color: #054678;
    padding-top: 3px;
    font-size: 12px;
}
.ttl-s-guide h4 span {
    padding-left: 15px;
}
.table-pay th {
    background-color: #F4F4F4;
    padding: 5px;
    font-weight: normal;
    border: 1px solid #808080;
}

.table-pay td {
    padding: 5px;
    font-weight: normal;
    border: 1px solid #808080;
}
@media only screen and (min-width:768px) {
    .table-pay th, .table-pay td{

        padding: 5px 30px;;

    }

}
.box-border {
    border: 1px solid #CCCCCC;
    text-align: center;
    padding: 15px;
    margin-bottom: 30px;
}

.box-border b {
    font-weight: normal;
    color: #E5243B;
}

.box-data h4 {
    font-size: 18px;
    font-size: 1.8rem;
    border-bottom: 1px dashed #CCC;
    padding-bottom: 5px;
    color: #333333;
    font-weight: 500;
}

ul.list-data li {
    margin-bottom: 15px;
    margin-left: 1.4rem;
}

ul.list-data li:before {content: "\25A0";display: inline-block;margin-left: -1.4rem;padding-right: 5px;}
.box-data {
    margin-bottom: 30px;
}

.box-data b {
    color: #E5243B;
    font-weight: normal;
}
/*===============================================
				下層ページ
===============================================*/
.ec-pageHeader {
    border-bottom: 1px solid #CCCCCC;
    position: relative;
    margin: 0 auto 30px;
}
.ec-pageHeader h1 {
    padding: 0 0 5px;
    min-height: 24px;
    font-size: 24px;
    border-top: none;
    border-bottom: none;
    color: #333333;
}
.ec-pageHeader h1::after {content: "";width: 100%;height: 3px;background-color: #e5e5e5;bottom: -3px;}
body#page_forgot_complete .ec-pageHeader h1 {
    margin-bottom: -3px;
}
@media only screen and (min-width:768px) {
    .ec-pageHeader {

        margin: 0 auto 60px;
    }
    .ec-pageHeader h1 {
        display: block;
        min-height: 24px;
        font-size: 24px;
        margin: 0 auto;
        padding: 0 0 9px;
    }
    .ec-mypageRole .ec-pageHeader h1 {
        margin: 0 auto;
        padding: 0 0 9px;
    }
}
/*===============================================
				お問い合わせページ
===============================================*/
body#page_contact .ec-layoutRole .ec-layoutRole__main {
    width: 100%;
    max-width: 910px;
    margin-left: auto;
    margin-right: auto;
}
.ec-contact .ec-borderedDefs dt {
    font-size: 16px;
}
body#page_contact .ec-borderedDefs {
    margin-top: 30px;
}
.ec-blockBtn--cancel{
}
body#page_contact .ec-RegisterRole__actions {
    margin-bottom: 60px;
    margin-top: 60px;
}
/*body#page_contact .ec-blockBtn--action {*/
/*    padding: 0 10px;*/
/*    height: 56px;*/
/*    line-height: 56px;*/
/*    background-color: #333333;*/
/*    border: 1px solid #333333;*/
/*    transition: 0.3s ease-out;*/
/*}*/
/*body#page_contact .ec-blockBtn--action:hover {*/
/*    background-color: #333333;*/
/*    border: 1px solid #333333;*/
/*    transition: 0.3s ease-out;*/
/*}*/
/*body#page_contact .ec-blockBtn--action span {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translateY(-50%) translateX(-50%);*/
/*    -webkit- transform: translateY(-50%) translateX(-50%);*/
/*}*/

.ec-borderedDefs dl.bb-none {
    border-bottom: none;
}
body#page_contact p {
    margin-bottom: 45px;
}
.ec-reportHeading {
    width: 100%;
    border-top: none;
    margin: 20px 0 30px;
    padding: 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
/*===============================================
		　　特定商取引法に基づく表記ページ
===============================================*/
#page_help_tradelaw .ec-layoutRole .ec-layoutRole__main {
    width: 100%;
    max-width: 910px;
    margin-left: auto;
    margin-right: auto;
}

#page_help_tradelaw .ec-borderedDefs dd,#page_help_about .ec-borderedDefs dd {
    padding-bottom: 5px;
    font-size: 14px;
}
#page_help_tradelaw .ec-borderedDefs dt,#page_help_tradelaw .ec-borderedDefs dd
#page_help_about .ec-borderedDefs dt,#page_help_about .ec-borderedDefs dd {
    line-height: 166%;
}
#page_help_tradelaw .ec-borderedDefs dd a,#page_help_about .ec-borderedDefs dd a{
    color: #2aabd2;
}
@media only screen and (min-width:768px) {
    #page_help_tradelaw .ec-borderedDefs dl,#page_help_about .ec-borderedDefs dl {
        flex-wrap: nowrap;
        padding: 15px 5px;
        align-items: center;
    }
    #page_help_tradelaw .ec-borderedDefs dt,#page_help_about .ec-borderedDefs dt {
        padding-top: 0;
    }

    #page_help_tradelaw .ec-borderedDefs dd,#page_help_about .ec-borderedDefs dd  {
        width: 70%;
        line-height: 166%;
        font-size: 14px;
    }
}
/*===============================================
		　　当サイトについて
===============================================*/
body#page_help_about h3 {
    font-weight: bold;
}
/*===============================================
		　　スマホナビ
===============================================*/
.ec-drawerRole {
    background: #333333;
}
.ec-drawerRole .ec-headerLinkArea {
    background: #333333;
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__list {
    border-top: none;
}
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
    display: block;
    border-bottom: none;
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    background-color: #FFF;
    border-radius: 20px;
    text-align: center;
    max-width: 150px;
    margin: 15px 10px;
}
.pc-menu-inner {
    padding: 0;
    background-color: rgba(255,255,255,0.90);
}
.pc-menu-inner ul {
    margin-bottom: 0;
    padding-bottom: 15px;
    overflow: hidden;
}
.pc-menu-inner ul li {
    margin-bottom: 5px;
}
.pc-menu-inner ul li ul {
    border-bottom: none;
    padding: 0;
    margin-bottom: 0;
    margin-top: 10px;
}
.pc-menu-inner ul li a {
    border-bottom: 1px solid #FFF;
    display: block;
    padding: 10px 15px 15px;
}
.bb {
    display: inline-block;
    border: 1px solid #1a1a1a;
    width: 14px;
    height: 1px;
    margin: 5px 10px 5px 0;
}
.pc-menu-inner li ul li{
    border-bottom: 1px solid #FFFFFF;
}
.pc-menu-inner li ul li a {
    padding: 0 15px 15px 30px;
    display: inline-block;
    border-bottom: none;
}
ul.pc-menu-sub {
    background-color: #333333;
    padding-top: 10px;
}

ul.pc-menu-sub li a {
    color: #FFF;
    border-bottom: none;
    padding: 5px 15px 0;
}
ul.pc-menu-sub li{
    padding-left: 1em;
    position: relative;
}
ul.pc-menu-sub li:before {
    content: ">";
    position: absolute;
    left: 14px;
    top: 5px;
    color: #FFF;
}
.pc-menu-inner ul i {
    color: #333333;
    width: 25px;
}
ul.pc-menu-main {
    background: rgba(255,255,255,0.90);
    padding-bottom: 0;
}
/*.ec-drawerRole.is_active {*/
/*    transform: translateX(60px);*/
/*    z-index: 888;*/
/*}*/
/*.ec-drawerRole {*/
/*    transform: translateX(600px);*/
/*}*/
/*.ec-drawerRole {*/
/*    width: 100%;*/
/*}*/
/*===============================================
		　　pagetop
===============================================*/
.ec-blockTopBtn {
    display: none;
    position: fixed;
    width: 100px;
    height: 100px;
    right: 0;
    bottom: 0;
    cursor: pointer;
    color: #FFFFFF;
    text-align: center;
    line-height: 50px;
    opacity: 1;
    background-color: transparent;
}
@media only screen and (min-width:768px) {
    .ec-blockTopBtn {
        right: 0;
        bottom: 0;
    }
}
/*===============================================
		　　新規会員登録（確認）
===============================================*/
body#page_entry {}

body#page_entry .ec-off1Grid .ec-off1Grid__cell {
    width: 100%;
    margin: 0 auto;
    position: initial;
}

body#page_entry .ec-off1Grid .ec-off1Grid__cell p {
    margin-bottom: 15px;
}

/*===============================================
		　　カート
===============================================*/
@media only screen and (min-width:768px) {
    .ec-cartRole .ec-cartRole__cart {
        margin: 0;
    }
}

.ec-rectHeading h2 {
    margin-bottom: 15px;
    margin-top: 15px;
}

.ec-orderAccount .ec-rectHeading:first-child h2 {
    margin-top: 0;
}
/*===============================================
		　　ブログ
===============================================*/

.row.justfy-content-between {
    display: block;
}

.col-md-3.side-right {
    max-width: 300px;
    margin-left: 0;
    padding: 0 30px;
    margin-right: 0;
}
.col-md-9.main-blog-contents {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    margin-bottom: 60px;
}
.tabacms_blog_list .tabacms_detail h2 {

    color: #000;
}
@media only screen and (min-width:301px) {

}
.sp-none{
    display: none;
}
@media only screen and (min-width:768px) {
    .row.justfy-content-between {
        display: flex;
        justify-content: space-between;
    }
    .col-md-9.main-blog-contents {
        width: 70%;
        margin-left: -15px;
        margin-right: -15px;
    }

    .col-md-3.side-right {
        max-width: 240px;
        width: 30%;
        margin-left: -15px;
        margin-right: -15px;
    }
    .sp-none{
        display: block;
    }
}
@media only screen and (min-width:1024px) {
    .col-md-9.main-blog-contents {
        width: 70%;
        margin-left: 0;
        margin-right: 0;
    }
    .col-md-3.side-right {
        width: 30%;
        margin-left: 0;
        margin-right: 0;
        max-width: initial;
        padding: 0 15px;
    }
}
body#page_mypage_login .ec-login__link {
    font-size: 14px;
}
/*===============================================
		　　LPページ
===============================================*/
.wrap-main img {
    width: 100%;
    height: auto;
}
.lp {
    width: 90%;
    margin: 0 auto;
}
@media only screen and (min-width:769px) {
    .lp {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
    }
}
/*===============================================
		　　スマートワンキャッチ
===============================================*/
/*スマートわんキャッチ*/
.wrap-img {
    max-width: 540px;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
}
ul.list-point{
    max-width: 610px;
    margin-left: auto;
    margin-right: auto;
}
ul.list-point h3 {
    font-size: 20px;
    font-weight: bold;
    color: #DD6A08;
    margin-bottom: 5px;
}
ul.list-point li{
    padding-left: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    margin-bottom: 20px;
}
ul.list-point li.num-01 {
    background: url("../img/lp/item01/icon-point-01.svg") no-repeat left center;
}
ul.list-point li.num-02 {
    background: url("../img/lp/item01/icon-point-02.svg") no-repeat left center;
}
ul.list-point li.num-03 {
    background: url("../img/lp/item01/icon-point-03.svg") no-repeat left center;
}
.brown {
    color: #80685E;
}
/*使い方*/
ul.list-step {
    max-width: 990px;
    display: block;
    margin: 0 auto 15px;
    padding-bottom: 60px;
    position: relative;
}
ul.list-step li {
    padding-bottom: 15px;
    margin-bottom: 6px;
    width: 100%;
    text-align: center;
    position: relative;
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;

}
ul.list-step li::after {
    content: " ";
    border-style: solid;
    border-color: #DD6A08 transparent transparent transparent;
    border-width: 10px 10px 0 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 0;
    height: 0px;
    width: 0px;
}
ul.list-step li:last-child::after {
    display: none;
}

@media only screen and (min-width:768px) {
    ul.list-step {
        max-width: 990px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto 15px;
        padding-bottom: 60px;
        position: relative;
        flex-wrap: wrap;
    }
    ul.list-step li {
        width: 31%;
        position: relative;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    ul.list-step li::after {
        content: " ";
        border-style: solid;
        border-color: transparent transparent transparent #DD6A08;
        border-width: 10px 0px 10px 10px;
        position: absolute;
        left: initial;
        right: -15px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        bottom: initial;
        height: 0px;
        width: 0px;
        top: 50%;
    }

}
@media only screen and (min-width:769px) {
    ul.list-step li::after {
        content: " ";
        border-style: solid;
        border-color: transparent transparent transparent #DD6A08;
        border-width: 10px 0px 10px 10px;
        position: absolute;
        left: initial;
        right: -18px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        bottom: initial;
        height: 0px;
        width: 0px;
        top: 50%;
    }
}
ul.list-step::after {
    content: " ";
    border-style: solid;
    border-color: #DD6A08 transparent transparent transparent;
    border-width: 28px 50px 10px 50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 0;
    height: 0px;
    width: 0px;
}
.wrap-bottom-img {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 536px;
}

.icon-set {
    position: absolute;
    top: 3rem;
    max-width: 100px;
}
@media only screen and (min-width:768px) {
    .icon-set {
        max-width: 173px;
    }
}
.w570{
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
}
.wrap-flow {
    max-width: 782px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.box-flow {
    width: 100%;
    margin-bottom: 2%;
}
@media only screen and (min-width:768px) {
    .box-flow {
        width: 49%;
        margin-bottom: 2%;
    }
}
section#section04 h4 {
    color: #DD6A08;
    line-height: 166%;
    margin: 30px auto 0;
}
@media only screen and (max-width:767px) {
    section#section04 h4 {
        color: #DD6A08;
        line-height: 166%;
        margin: 0 auto;
        font-size: 14px;
    }
}
.wrap-howto {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.wrap-various {
    position: relative;
    max-width: 808px;
    margin: 0 auto;
}

h3.ttl-various {
    position: absolute;
    right: 0;
    max-width: 323px;
    width: 40%;
}
.wrap-color {
    max-width: 560px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto 60px;
}

.box-color {
    max-width: 256px;
    width: 100%;
}
@media only screen and (min-width:768px) {
    .box-color {
        width: 49%;
    }
    .wrap-color {
        justify-content: space-between;
    }
}
.youtube__wrapper{
    display: flex;
    gap: 60px;
    width: 100%;
    flex-direction: column;
  }
  .youtube__wrapper .youtube {
    position: relative;
    width:100%;
    padding-top: 56.25%;
  }
  .youtube__wrapper .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .youtube__wrap {
    width: 100%;
  }
  .youtube__text {
    margin-top: 15px;

  }

  @media only screen and (min-width:768px){
    .youtube__wrapper{
      flex-direction: row;
      justify-content: space-between;
    }
  }
.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.wrap-voice {
    max-width: 850px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto 60px;
}

.box-voice {
    max-width: 396px;
    width: 100%;
}
@media only screen and (min-width:768px) {
    .box-voice {
        width: 49%;
    }
    .wrap-voice {
        justify-content: space-between;
    }
}
.smc-set-note {
    max-width: 436px;
    margin: 0 auto;
    margin-top: 10px;
}
.lp .attention {
    font-size: 18px;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #F5F5F5;
    line-height: 28px;
}
/*===============================================
		　　スノ―フレーカー
===============================================*/
.ttl-snow h2 {
    color: #96CAD7;
    font-size: 36px;
    font-size: 3.6rem;
}
.ttl-snow img {
    margin-bottom: 15px;
}
p.txt-top {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 188%;
    letter-spacing: 0.06rem;
}

p.txt-top b {
    font-weight: normal;
    background: linear-gradient(transparent 85%, #AAD3DE 85%);
}
/*使い方*/
.snow-step {
    max-width: 990px;
    display: block;
    margin: 0 auto 15px;
    position: relative;
}
.snow-step li {
    padding-bottom: 15px;
    margin-bottom: 6px;
    width: 100%;
    text-align: center;
    position: relative;
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding-top: 50px;
}
.snow-step li p{
    margin-bottom: 15px;
    padding-bottom: 205px;
}
.snow-step li img {
    text-align: center;
    padding: 0;
    display: block;
    position: absolute;
    bottom: 15px;
    width: 100%;
}
.snow-step li.num-01{
    background: url("../img/lp/item02/icon-step-01.svg") no-repeat 0 0;
}
.snow-step li.num-02{
    background: url("../img/lp/item02/icon-step-02.svg") no-repeat 0 0;
}
.snow-step li.num-03{
    background: url("../img/lp/item02/icon-step-03.svg") no-repeat 0 0;
}
.snow-step li::after {
    content: " ";
    border-style: solid;
    border-color: #94C4D0 transparent transparent transparent;
    border-width: 10px 10px 0 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 0;
    height: 0px;
    width: 0px;
}
.snow-step li:last-child::after {
    display: none;
}

@media only screen and (min-width:768px) {
    .snow-step {
        max-width: 990px;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        margin: 0 auto 15px;
        position: relative;
        flex-wrap: wrap;
    }
    .snow-step li {
        width: 31%;
        position: relative;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .snow-step li::after {
        content: " ";
        border-style: solid;
        border-color: transparent transparent transparent #94C4D0;
        border-width: 10px 0px 10px 10px;
        position: absolute;
        left: initial;
        right: -15px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        bottom: initial;
        height: 0px;
        width: 0px;
        top: 50%;
    }

}
@media only screen and (min-width:769px) {
    .snow-step li::after {
        content: " ";
        border-style: solid;
        border-color: transparent transparent transparent #94C4D0;
        border-width: 10px 0px 10px 10px;
        position: absolute;
        left: initial;
        right: -18px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        bottom: initial;
        height: 0px;
        width: 0px;
        top: 70%;
    }
}
/*スノーフレーカーをおすすめする理由*/
.snow-pickup-01 {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0 15px;
}
ul.snow-list-01 li {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 90px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    min-height: 37px;
    line-height: 166%;
    letter-spacing: 0.06rem;
}
ul.snow-list-01 li.num-01{
    background: url("../img/lp/item02/icon-pickup-01.svg") no-repeat left center;
}
ul.snow-list-01 li.num-02{
    background: url("../img/lp/item02/icon-pickup-02.svg") no-repeat left center;
}
ul.snow-list-01 li.num-03 {
    background: url("../img/lp/item02/icon-pickup-03.svg") no-repeat left center;
}
.pickup-01-txt p {
    line-height: 166%;
}
@media only screen and (min-width:768px) {
    .snow-pickup-01 {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    .pickup-01-img.mgb30 {
        width: 52%;
        max-width: 480px;
    }
    .pickup-01-txt {
        width: 46%;
        padding-top: 5px;
    }
}
/*環境に優しい無添加の化粧石鹸*/
.snow-pickup-02 {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0 15px;
}
.txt-snow-pickup-02 {
    line-height: 188%;
}
.pickup-02-txt p {
    line-height: 166%;
}
.txt-right{
    text-align: right;
}
.txt-snow-pickup-02{
    text-align: right;
}
h4.ttl-bb {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
    background: linear-gradient(transparent 85%, #AAD3DE 85%);
    display: inline-block;
}
@media only screen and (min-width:768px) {
    .snow-pickup-02 {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    .pickup-02-img {
        width: 52%;
        max-width: 480px;
    }
    .txt-snow-pickup-02 {
        max-width: 450px;
        width: 46%;
    }
}
/*実は危険が潜む固形石鹸*/
.snow-pickup-03 {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0 15px;
}

.txt-snow-pickup-03 p {
    line-height: 166%;
}
@media only screen and (min-width:768px) {
    .snow-pickup-03 {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    .pickup-03-img {
        width: 52%;
        max-width: 480px;
    }
    .txt-snow-pickup-03 {
        width: 46%;
        padding-top: 5px;
    }
}
.wrap-snow-color {
    max-width: 685px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto 60px;
}

.box-snow-color {
    max-width: 310px;
    width: 100%;
}
@media only screen and (min-width:768px) {
    .box-snow-color {
        width: 49%;
    }
    .wrap-snow-color {
        justify-content: space-between;
    }
}
.wrap-size {
    width: 100%;
    text-align: center;
}

.wrap-size table {
    width: 267px;
    margin-left: auto;
    margin-right: auto;
}

.wrap-size table th {
    background-color: #333333;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-weight: normal;
    border: 1px solid #333333;
}

.wrap-size table td {
    border: 1px solid #333333;
}


/*===============================================
		　　Cu+
===============================================*/
.wrap-circle {
    max-width: 226px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;
}

.box-circle {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EBE2E2;
    border-radius: 50%;
}
/*斜めにワーイ*/
.about-h3 {
    max-width: 345px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 166%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    letter-spacing: 0.06rem;
}
.about-h3 b{
    font-size: 24px;
    font-size: 2.4rem;
    color: #A17171;
}
.about-h3::before,
.about-h3::after {
    content: '';
    width: 3px;
    height: 65px;
    background-color: #A17171;
}

.about-h3::before {
    margin-right: 40px;
    transform: rotate(-35deg)
}
.about-h3::after {
    margin-left: 40px;
    transform: rotate(35deg)
}
.txt-point-01 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 200%;
    letter-spacing: 0.06rem;
    max-width: 756px;
    margin: 0 auto 60px;
    padding-top: 65px;
    background: url("../img/lp/item03/icon-point-01.svg") no-repeat left top;
}
.txt-point-02 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 200%;
    letter-spacing: 0.06rem;
    max-width: 435px;
    margin: 0 auto 30px;
    padding-top: 65px;
    background: url("../img/lp/item03/icon-point-01.svg") no-repeat left top;
}
.txt-point-02 .bb-brown {
    background: url("../img/lp/item03/icon-discovery.svg") no-repeat 97% top;
    padding-top: 4px;
    position: relative;
    z-index: 1;
}
.txt-point-02 .bb-brown:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 5px #EBE2E2;
    bottom: 0;
    width: 100%;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
}
.bb-brown{
    background: linear-gradient(transparent 85%, #EBE2E2 85%);
    display: inline;
}
.bb-brown b {
    color: #A17171;
}
.txt-point b {
    color: #A17171;

}
.txt-mini {
    font-size: 14px;
}
.icon-point {
    font-size: 30px;
    font-size: 30px;
}

.mini-b {
    font-weight: bold;
}
.cu-img {
    position: relative;
    margin-bottom: 60px;
    max-width: 740px;
    margin: 0 auto 60px;
}

.img-on {
    position: absolute;
    right: 0;
    top: -15%;
    width: 33%;
}
.wrap-circle-point {
    max-width: 624px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 18px;
    line-height: 188%;
}

.point-circle {
    width: 188px;
    height: 188px;
    background-color: #EBE2E2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border-radius: 50%;
    margin-bottom: 15px;
}
.wrap-circle-point > div + div {
    margin-left: 30px;
}
@media only screen and (max-width:767px) {
    .wrap-circle-point > div + div {
        margin-left: 0;
    }
}
.cu-howto-01,.cu-howto-02,.cu-howto-03,.cu-howto-04 {
    max-width: 880px;
    margin: 0 auto 40px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

.box-cu-txt {
    padding: 10px;
    width: 45%;
}
.box-cu-img {
    width: 55%;
}
.wrap-cu-color {
    max-width: 870px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 auto;
}
@media only screen and (max-width:767px) {
    .box-cu-img {
        width: 100%;
        order: 2;
    }
    .box-cu-txt {
        width: 100%;
        order: 1;
    }
}
.wrap-cu-color > div + div {
    margin-left: 3%;
}
.box-cu-color {
    width: 31%;
}
.wrap-cu-size {
    width: 100%;
    text-align: center;
    padding:0 15px;
}

.wrap-cu-size table {
    max-width: 515px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.wrap-cu-size table th {
    background-color: #333333;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
    border-color: #333 #333 #fff #333;
    width: 30%;
    vertical-align: middle;
}
.wrap-cu-size table th.last {
    border-color: #333;

}
.wrap-cu-size table td {
    border: 1px solid #333333;
    background-color: #ffffff;
    vertical-align: middle;
    padding: 10px;
}
@media only screen and (max-width:767px) {
    .wrap-cu-color > div + div {
        margin-left: 0;
    }
    .box-cu-color {
        width: 100%;
    }
}
@media only screen and (max-width: 767px)
{
    .sm-text-left {
        text-align: left;
    }
}
.ec-select label {
    margin-right: 10px;
    font-weight: normal;
}
.halfInput-error {
    display: flex;
}
.halfInput-error .ec-errorMessage {
    width: 48.5%;
}