/* カスタマイズ用CSS */
/* カスタマイズ用CSS */
/*html {*/
/*    visibility: hidden;*/
/*    opacity: 0;*/
/*    transition: 0.3s;*/
/*}*/
/*html.wf-active,*/
/*html.loading-delay {*/
/*    visibility: visible;*/
/*    opacity: 1;*/
/*}*/
:focus{outline:0;}
.pc{display: none;}
.sp{display: block;}
a,
i
{
    transition: all 0.3s;
}
a:hover,
i:hover
{
    text-decoration: none;
    transition: all 0.3s;
}

/*フォント*/
.ns_r {
    font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.ns_b {
    font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: 700;
    font-style: normal;
}
.bn_r {
    font-family: bebas-neue, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.cg_b {
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    font-style: normal;
}
.cg_r {
    font-family: century-gothic, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.zo_r {
    font-family: zen-old-mincho, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.zo_b {
    font-family: zen-old-mincho, sans-serif;
    font-weight: 700;
    font-style: normal;
}
.ps_r {
    font-family: poetica-std, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.ym_r {
    font-family: yu-mincho-pr6n, sans-serif;
    font-weight: 400;
    font-style: normal;
}

body {
    background: #fff;
    /*font-family: yu-mincho-pr6n, serif;*/
    /*font-family: zen-old-mincho, serif;*/
    /*font-weight: 700;*/
    /*font-style: normal;*/
    color: #000;
}
.red_bold
{
    color: red;
    font-weight: bold;
}
.inner {
    max-width: 1140px;
    margin: 0 auto;
    padding: 20px 20px;
}

.product_page .ec-productRole__btn .ec-blockBtn--cancel
{
    background-color: #3B8032;
    border: #3B8032;
}
.product_page .ec-productRole__btn .ec-blockBtn--cancel:hover
{
    opacity: 0.8;
}
.ec-blockBtn--action,
.ec-productRole__btn button,
.ec-inlineBtn--action
{
    color: #FFF;
    background-color: #AD8C07;
    border: #AD8C07;
}
.ec-productRole__btn button:hover,
.ec-blockBtn--action:active:hover,
.ec-blockBtn--action:active:focus,
.ec-blockBtn--action:active.focus,
.ec-blockBtn--action.active:hover,
.ec-blockBtn--action.active:focus,
.ec-blockBtn--action.active.focus,
.open > .ec-blockBtn--action.dropdown-toggle:hover,
.open > .ec-blockBtn--action.dropdown-toggle:focus,
.open > .ec-blockBtn--action.dropdown-toggle.focus,
.ec-blockBtn--action:active,
.ec-blockBtn--action.active,
.open > .ec-blockBtn--action.dropdown-toggle,
.ec-blockBtn--actionfocus,
.ec-blockBtn--action:hover,
.ec-productRole__btn button:hover:disabled,
.ec-blockBtn--action:active:hover:disabled,
.ec-blockBtn--action:active:focus:disabled,
.ec-blockBtn--action:active.focus:disabled,
.ec-blockBtn--action.active:hover:disabled,
.ec-blockBtn--action.active:focus:disabled,
.ec-blockBtn--action.active.focus:disabled,
.open > .ec-blockBtn--action.dropdown-toggle:hover:disabled,
.open > .ec-blockBtn--action.dropdown-toggle:focus:disabled,
.open > .ec-blockBtn--action.dropdown-toggle.focus:disabled,
.ec-blockBtn--action:active:disabled,
.ec-blockBtn--action.active:disabled,
.open > .ec-blockBtn--action.dropdown-toggle:disabled,
.ec-inlineBtn--action:hover,
.ec-blockBtn--actionfocus:disabled,
.ec-blockBtn--action:hover:disabled,
.ec-inlineBtn--action:active:hover,
.ec-inlineBtn--action:active:focus,
.ec-inlineBtn--action:active.focus,
.ec-inlineBtn--action.active:hover,
.ec-inlineBtn--action.active:focus,
.ec-inlineBtn--action.active.focus,
.open > .ec-inlineBtn--action.dropdown-toggle:hover,
.open > .ec-inlineBtn--action.dropdown-toggle:focus,
.open > .ec-inlineBtn--action.dropdown-toggle.focus
{
    background-color: #987A2C;
    border: #987A2C;
    transition: all 0.3s;
}
h2
{
    font-weight: 700;
}
ul,
li
{
    list-style: none;
}
a:hover {
    opacity: 0.7;
}
.ec-input .ec-errorMessage,
.ec-halfInput .ec-errorMessage,
.ec-numberInput .ec-errorMessage,
.ec-zipInput .ec-errorMessage,
.ec-telInput .ec-errorMessage,
.ec-select .ec-errorMessage,
.ec-birth .ec-errorMessage,
.ec-checkbox .ec-errorMessage
{
    font-size: 18px;
    font-weight: bold;
}
.ec-role
{
    font-size: 14px;
}
img {
    max-width: 100%;
}
/* 右側のタグ */
.fixedTag-right
{
    position: fixed;
    z-index: 600;
    top: 130px;
    right: -20px;
    background-color: #003072;
    border: 1px solid #fff;
    opacity: 0.8;
}
.fixedTag-right p a
{
    padding: 10px 15px 10px 0px;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    font-weight: bold;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    position: relative;
}
.fixedTag-right:hover
{
    transition: all 0.3s;
    right: -15px;
    opacity: 1;
}
/* 右側のタグ ココまで */
/* ヘッダーの設定 */
.ec-headerSearch .ec-headerSearch__category .ec-select select
{
    padding-left: 16px;
}
.ec-headerRole
{
    display: block;
    padding-top: 36px;
}
.ec-sliderRole img {
    width: initial;
    margin: 0 auto;
}

.ec-layoutRole__header li a
{
    color: #fff;
    letter-spacing: 0.025em;
}
.ec-headerTitle .ec-headerTitle__title h1 {
    line-height: 1.3;
}
.ec-headerTitle .ec-headerTitle__title a
{
    margin-bottom: 12px;
    color: #fff;
}
.ec-headerTitle__info
{
    font-size: 14px;
    text-align: center;
    margin-bottom: 12px;
}

.ec-headerNaviRole__nav,
.ec-headerNaviRole__nav__info
{
    color: #D4B567;
}
.ec-headerNaviRole__nav a,
.ec-headerNaviRole__nav__text a
{
    color: gray;
}
.ec-headerNaviRole__nav i:hover,
.ec-headerNaviRole__nav__text a:hover
{
    color: #ffff00;
}
.ec-headerNaviRole__nav__text
{
    display: none;
}
.ec-layoutRole__header
{
    height: 60px;
}

.en_ttl {
    font-size: 14px;
    display: block;
}
.LogoAndNavi {
    position: fixed;
    width: 100%;
    height: 60px;
    z-index: 500;
    height: 60px;
    padding: 5px 0px;
    background-color: #263424;
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.2);
}
.pagetop {
    bottom: 60px;
    right: 30px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    border-radius: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #AA8C7E;
}
.ec-headerTitle .ec-headerTitle__title {
    margin-left: auto;
    margin-right: auto;
}
.ec-headerNavSP {
    background: none;
}
.ec-headerNavSP .fas {
    color: #fff;
}
/* ヘッダーの設定 ココまで*/
/*トップページ*/
.ec-layoutRole .ec-layoutRole__main {
    margin-top: 40px;
}
.ec-layoutRole__main .main_visual {
    text-align: center;
}
/*新着情報*/
.ec-role.add_ec-role {
    max-width: 1140px;
}

/*商品一覧エリア*/
.ec-role.itemRoleWrap {
    padding: 30px 0;
    margin-bottom: 0;
}
.itemRoleWrap .ec-itemRole {
    padding: 0 20px;
}

/*トップページここまで*/

/*サブページタイトル背景*/
.sub_bg {
    background-image: url('/html/user_data/assets/img/sub/bg03.png');
    background-size: cover;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.sub_bg .ttl {
    margin: 0;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 8vw;
    font-family: poetica-std, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #008A34;
    font-size: 30px;
    width: 200px;
    height: 92px;
    display: flex;
    align-items: center;
    padding-left: 0.5em;
}
/*greetingページ*/
.greetingContentArea .inner {
    padding: 50px 20px;
    max-width: 1000px;
}
.greetingContentArea .inner .desc01 p {
    font-size: 14px;
    text-shadow: none;
}
.greetingContentArea .inner .desc01 p:not(:last-child) {
    margin-bottom: 20px;
}
.greetingContentArea .inner .desc01 p:last-child {
    background-image: url('/html/user_data/assets/img/greeting/greeting_bg_sp.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 260px;
}
.greetingContentArea .inner .desc02 {
    margin: 0 auto;
    border-bottom: 3px solid #8D806F;
    padding-top: 20px;
    /*font-family: yu-mincho-pr6n, sans-serif;*/
    font-family: zen-old-mincho, serif;
    font-weight: 700;
    font-style: normal
}
.greetingContentArea .inner .desc02 h2 {
    font-size: 18px;
    background-color: #8D806F;
    padding: 0.5em 1em;
    color: #fff;
}
.greetingContentArea .inner .desc02 .img {
    width: 270px;
    margin: 0 auto 30px;
}
.greetingContentArea .inner .desc02 dl {
    display: flex;
    border-bottom: 1px dashed #ccc;
}
.greetingContentArea .inner .desc02 dl dt {
    width: 90%;
}
.greetingContentArea .inner .desc02 dl dd {
    width: 10%;
    color: #000;
    text-align: end;
    /*font-family: yu-mincho-pr6n, sans-serif;*/
    font-family: zen-old-mincho, serif;
    font-weight: 400;
    font-style: normal;
}
.greetingContentArea .inner .btnArea {
    display: flex;
    max-width: 630px;
    margin: 0 auto;
    justify-content: space-between;
    padding-top: 20px;
}
.greetingContentArea .inner .btnArea .leftBox h3,
.greetingContentArea .inner .btnArea .rightBox h3 {
    font-size: 15px;
    /*font-family: yu-mincho-pr6n, sans-serif;*/
    font-family: zen-old-mincho, serif;
    font-weight: 700;
    font-style: normal;
    color: #000;
}
.greetingContentArea .inner .btnArea .leftBox .btn,
.greetingContentArea .inner .btnArea .rightBox .btn {
    background-color: #008A34;
    padding: 1em 0.5em;
    border-radius: 0;
    width: 250px;
}
.greetingContentArea .inner .btnArea .leftBox .btn a,
.greetingContentArea .inner .btnArea .rightBox .btn a{
    color: #fff;
    font-size: 20px;
    border: 1px solid;
    font-family: poetica-std, sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 0 4em;
}
.greetingContentArea .inner .btnArea .leftBox .btn a::after,
.greetingContentArea .inner .btnArea .rightBox .btn a::after {
    content: ">";
    margin-left: 10px;
}
/*serviceページ*/
.serviceContentArea {
    background-image: none;
    background-repeat: repeat-y;
    background-position: top left;
    background-position: top 10% left 5%;
}
.serviceContentArea .inner {
    padding: 50px 20px;
    max-width: 1000px;
}
.serviceContentArea .inner p,
.serviceContentArea .inner .desc01 dl dd,
.serviceContentArea .inner .desc02 .txt02,
.serviceContentArea .inner .desc02 .txt03 {
    font-size: 14px;
}
.serviceContentArea .inner .desc01 h2 {
    font-size: 18px;
    background-color: #FF5798;
    display: block;
    padding: 0.5em 1em;
    color: #fff;
    margin-bottom: 15px;
}
.serviceContentArea .inner .desc02 h2,
.serviceContentArea .inner .desc03 h2,
.serviceContentArea .inner .desc04 h2,
.serviceContentArea .inner .desc05 h2,
.serviceContentArea .inner .desc06 h2 {
    font-size: 18px;
    background-color: #FF5798;
    max-width: 100%;
    padding: 0.5em 1em;
    color: #fff;
    margin-bottom: 15px;
}
.serviceContentArea .inner .desc01 dl:not(:last-child) {
    margin-bottom: 20px;
}
.serviceContentArea .inner .desc01 dl dt,
.serviceContentArea .inner .desc06 ul li {
    font-size: 16px;
}
.serviceContentArea .inner .desc01 dl dt {
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.serviceContentArea .inner .desc01 dl dt::after {
    bottom: 0;
    border-top-width: 1px;
    border-bottom-width: 3px;
    position: absolute;
    left: 0;
    content: '';
    height: 5px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #FF5798;
    border-bottom-color: #FF5798;
    width: 230px;
}
.serviceContentArea .inner .desc02 .txt01,
.serviceContentArea .inner .desc03 .txt01,
.serviceContentArea .inner .desc04 .txt01 {
    font-size: 16px;
}
.serviceContentArea .inner .desc02 .txt01,
.serviceContentArea .inner .desc02 .txt02,
.serviceContentArea .inner .desc03 .txt02,
.serviceContentArea .inner .desc04 .txt01,
.serviceContentArea .inner .desc04 .txt02,
.serviceContentArea .inner .desc05 .txt01,
.serviceContentArea .inner .desc06 .txt01 {
    margin-bottom: 20px;
}
.serviceContentArea .inner .desc02 .txt03,
.serviceContentArea .inner .desc03 .txt03, 
.serviceContentArea .inner .desc04 .txt03,
.serviceContentArea .inner .desc05 .txt02 {
    max-width: 370px;
    border-bottom: 1px solid #FF5798;
    border-bottom: 2px solid #FF5798;
    margin-bottom: 15px;
    
}
.serviceContentArea .inner .desc02 .txt03 span,
.serviceContentArea .inner .desc03 .txt03 span,
.serviceContentArea .inner .desc04 .txt03 span,
.serviceContentArea .inner .desc05 .txt02 span{
    padding-left: 1em;
}
.serviceContentArea .inner .desc02 .img,
.serviceContentArea .inner .desc03 .img,
.serviceContentArea .inner .desc04 .img,
.serviceContentArea .inner .desc06 .img {
    max-width: 360px;
}
.serviceContentArea .inner .desc06 ul {
    padding-left: 0;
}
.serviceArea {
    background-image: none;
}
.serviceArea .inner {
    padding: 50px 20px;
}
.serviceArea .inner .desc01 h2 {
    font-size: 20px;
    color: #FF5798;
    margin-bottom: 15px;
    border-left: solid 4px #FF5798;
    padding-left: 0.5em;
}
.serviceArea .inner .desc01 p {
    font-size: 14px;
}
.serviceArea .inner .desc02 h3 {
    font-size: 17px;
    color: #FF5798;
}
.serviceArea .inner .desc02 ul {
    padding-left: 0;
}
.serviceArea .inner .desc02 ul li {
    margin-bottom: 20px;
}
.serviceArea .inner .desc02 ul li p {
    font-size: 14px;
}
.serviceArea .inner .desc02 ul li a{
    display: inline-block;
    padding-top: 10px;
}

/*商品一覧ページ*/
.ec-shelfGrid .ec-shelfGrid__item-image {
    height: auto;
}
.ec-role {
    margin-bottom: 48px;
}
.categoryWrap {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #F7F7F7;
    margin-bottom: 0px;
}
.ec-sliderRole {
    padding-left: 0px;
    padding-right: 0px;
    max-width: inherit;
}
ul .slick-dots {
    display: none;
}
.slick-slide {
    margin-bottom: 0px;
}
.ec-role .ec-itemRole,
.ec-role .ec-categoryRole,
.ec-role .ec-pickUpItemRole,
.ec-role .ec-newItemRole {
    padding-top: 0px;
    padding-bottom: 0px;
}
.ec-itemRole__list,
.ec-pickUpItemRole,
.ec-pickUpItemRole__list {
    display: flex;
    flex-wrap: wrap;
}
.ec-secHeading__en .ec-shelfGrid__item,
.ec-itemRole .ec-itemRole__listItem,
.ec-pickUpItemRole__listItem,
.ec-newItemRole .ec-newItemRole__listItem {
    width: 50%;
    margin-bottom: 24px;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
}
.ec-newItemRole .ec-newItemRole__listItem:nth-child(odd) {
    margin-right: 0px;
}
.ec-itemRole__listItem a,
.ec-shelfGrid__item a {
    color: #000;
    display: block;
}
.ec-itemRole__listItemTitle {
    font-weight: bold;
}
/* カテゴリ一覧 */
.ec-categoryRole {
    background-color: transparent;
}
.ec-categoryRole .ec-categoryRole__listItem {
    margin-bottom: 0px;
}
.ec-categoryRole .ec-categoryRole__listItemInner {
    width: 90%;
    height: fit-content;
    margin-right: auto;
    margin-left: auto;
    /* margin-bottom: 20px; */
}
.ec-categoryRole__listItem .ec-categoryRole__listItemWrap:not(:last-of-type) {
    margin-bottom: 20px;
}
.ec-categoryRoleLarge .ec-role {
    margin-bottom: 0px;
}
.ec-categoryRoleLarge .ec-categoryRole__listItem:not(:last-of-type) {
    margin-bottom: 20px;
}
.ec-secHeading__ja,
.ec-secHeading .ec-secHeading__ja {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: .2em;
}
.ec-shelfGrid__item .ec-select select {
    width: 100%;
}
/*ガイドページ*/
.ec-guideRole img {
    width: auto;
}
.ec-guideRole .content h2 {
    margin-bottom: 16px;
    font-weight: bold;
    font-size: 16px;
}
.ec-guideRole .content h3 {
    margin-bottom: 16px;
    font-weight: bold;
    font-size: 15px;
}
.ec-guideRole .content02 .txt01 {
    margin-bottom: 10px;
}
.ec-guideRole .content {
    font-size: 14px;
    margin-bottom: 36px;
}
.ec-guideRole .content:last-of-type {
    margin-bottom: 0px;
}
.google-maps {
    position: relative;
    padding-bottom: 90vh;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ec-registerRole,
.ec-layoutRole__contents {
    margin-bottom: 30px;
}
/*.ec-layoutRole .ec-layoutRole__contents {*/
/*    padding-top: 20px;*/
/*}*/
.front_page .ec-layoutRole .ec-layoutRole__contents {
    padding-top: 0;
}
/*フッター*/
.ec-footerTitle {
    padding: 0;
    width: 100%;
    margin-bottom: 30px;
}
.ec-footerRole .ec-footerRole__inner {
    padding: 20px 20px 40px;
}
.ec-footerTitle .ec-footerTitle__logo a {
    font-size: 18px;
    display: block;
}
.ec-footerRole .ec-footerRole__inner ul {
    padding-left: 0;
}
.ec-footerRole .ec-footerRole__inner ul li,
.ec-footerRole .ec-footerRole__inner .ec-footerNavi03 p {
    margin-bottom: 0.5em;
}
.ec-footerRole .ec-footerRole__inner ul li a,
.ec-footerRole .ec-footerRole__inner .ec-footerNavi03 p{
    font-size: 14px
}
.ec-footerRole .ec-footerRole__inner .ec-footerNavi03 p {
    color: #fff;
}
.ec-footerRole__copyright {
    text-align: center;
}
.ec-footerRole .ec-footerRole__inner:after {
    display: none;
}
.ec-footerRole {
    background-color: #263424;
    border-top: none;
    padding-bottom: 30px;
    margin-bottom: 0px;
}
.ec-footerRole dl {
    margin-bottom: 0px;
}
.ec-footerRole,
.ec-footerRole a {
    color: #fff;
}
.ec-footerRole a:hover {
    color: #ffff00;
}
.ec-footerRole dt {
    color: #18C0D3;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
}
.ec-footerRole__top .logo {
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
    text-align: center;
    /* color: #000; */
    color: #D4B567;
}
.ul_sns {
    font-size: 30px;
    display: flex;
    justify-content: center;
    padding-left: 0px;
    margin: 0 auto 24px;
    width: 70px;
    justify-content: space-between;
    }
.ec-footerRole__bottom__wrap {
    width: 100%;
    margin-bottom: 36px;
}
.ec-footerRole__bottom dl {

}
.ec-footerRole__bottom__wrap:last-child
{
    margin-bottom: 0px;
}
.ec-footerRole__bottom ul
{
    padding-left: 0px;
    margin-bottom: 0px;
}
.ec-copyrightRole
{
    text-align: center;
    margin-bottom: 0px;
    background-color: #333333;
}
.ec-copyrightRole__inner
{
    padding: 10px 0;
}
.ec-copyrightRole__top
{
    /* padding-top: 20px; */
    /* margin-bottom: 36px; */
}
.ec-copyrightRole__bottom img
{
    width: 50vw;
    margin-bottom: 16px;
}
.ec-copyrightRole__bottom p
{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 8px;
}
.ec-copyrightRole__bottom p:last-of-type
{
    color: #D4B567;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0px;
}
.copyright
{
    color: #A3A3A3;
    font-size: 14px;
    font-family: century-gothic, sans-serif;
    font-weight: 400;
    font-style: normal;
}
/* スマホのメニュー */
.ec-drawerRole,
.ec-drawerRole .ec-headerLinkArea
{
    background-color: #263424;
}

/* products/detail */
#option_price_box
{
    display: none;
}
.ec-shelfGrid__item a:hover,
.ec-itemRole__listItem a:hover,
.btn.more:hover
{
    opacity: 0.8;
}
.ec-productRole .caution
{
    margin-bottom: 32px;
}
/* products/detail ココまで*/

.btn.more
{
    width: 100%;
    height: 56px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    font-family: sans-serif;
    text-align: center;
    vertical-align: middle;
    background-color:#fbab00;
    border-radius: 0px;
    line-height: 46px;
    margin-bottom: 16px;
}

/* 検索のカテゴリ消す */
.ec-headerSearch .ec-headerSearch__category,
.ec-headerSearch__category
{
    display: none;
}
.ec-headerSearch .ec-headerSearch__keyword
{
    width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
/* 検索のカテゴリ消す ココまで */

/* スマホメニュー出た時のカートとかを裏にやる */
.have_curtain .ec-cartNavi,
.have_curtain .fixedTag-right,
.have_curtain .ec-blockTopBtn.pagetop,
.have_curtain .LogoAndNavi
{
    z-index: 1;
}
.have_curtain .ec-overlayRole{
    z-index: 10;
}
/* スマホメニュー出た時のカートとかを裏にやる ココまで*/

/* 配送日時指定を消す */
/*.ec-select.ec-select__delivery,*/
/*.ec-select.ec-select__time*/
/*{*/
/*    display: none;*/
/*}*/
/* 配送日時指定を消す ココまで */

.ec-sliderRole.pc
{
    /*max-width: 1400px;*/
    margin: 20px auto;
}
.ec-role.cm_banner_Wrap
{
margin-bottom: 20px;
}

/*カートのカウントの背景色*/
.ec-cartNavi .ec-cartNavi__badge {
    background-color: #D4B34F;
}
/*新着商品ブロックの商品タイトルと値段のテキストカラー*/
.ec-newItemRole .ec-newItemRole__listItemPrice{
    color: gray;
}
.ec-newItemRole .ec-newItemRole__listItemTitle {
    color: black;
}
/*アバウトブロック*/
.aboutusArea .inner h1 {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}
/*カテゴリページの商品一覧*/
.categoryImgArea .page_title {
    font-size: 20px;
    text-align: center;
}
.product_name,.price02-default {
    font-size: 0.9em;
}
/*.ec-shelfGrid .ec-shelfGrid__item img {*/
/*    width: 240px;*/
/*    object-fit: cover;*/
/*    height: 200px;*/
/*    border-radius: 15px;*/
/*    box-shadow: 0 0 10px #ddd;*/
/*}*/

/*ピックアッププロダクツエリア*/
.wrap_shelrole .inner .add_ec-shelfRole {
    padding-left: 0;
    padding-right: 0;
    max-width: 1200px;
}
.pickup_ttl {
    color: #3E3939;
    background-color: #F7F7F7;
    padding: 20px 0;
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 0;
    font-size: 20px;
}
.wrap_shelrole {
    background-color: #F7F7F7
}
.add_wrap_shelfGrid {
    display: flex;
    flex-wrap: wrap;
}
.ec-shelfRole .wrap_shelfGrid .add_wrap_shelfGrid .ec-pickUpItemRole__listItem a img {
    width: 268px;
    object-fit: cover;
    height: 160px;
    border-radius: 15px;
    box-shadow: 0 0 10px #ddd;
}
.ec-newItemRole__listItemTitle,
.ec-newItemRole__listItemPrice {
    color: #000;
    font-size: 0.9em;
}
/*オフィシャルショップエリア*/
.officialshop_area {
      background: linear-gradient(90deg, #fff 50%, #171B60 50%);
}
.officialshop_area .inner {
      padding: 40px 20px;
}
.officialshop_box {
    box-shadow: 0 0 4px #ddd;
    background-color: #fff;
    border-radius: 15px;
}
.officialshop_box .left {
    
}
.officialshop_box .left .btn01 a {
    font-family: bebas-neue, sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: #171B60;
    color: #fff;
    padding: 15px 30px;
    border-radius: 5px;
    font-size: 18px;
    width: 220px;
    text-align: center;
    display: inline-block;
}
.officialshop_box .left .btn01 a span {
    padding-left: 10px;
}
.officialshop_box .left .side_logo img {
    max-width: 100%;
}
.officialshop_box .right {
    
}
.officialshop_box .right h2{
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #3E3939;
    font-size: 20px;
}
.officialshop_box .right p {
    padding-bottom: 10px;
    font-weight: bold;
}
.officialshop_box .right .service_box {
    text-align: center;
}
.officialshop_box .right .service_box p {
    background-color: #171B60;
    color: #fff;
    padding: 6px 60px;
    font-size: 25px;
    display: inline-block;
    margin-bottom: 10px;
}
.officialshop_box .right .img_box img {
    max-width: 100%;
}
/*ピックアップカテゴリリストエリア*/
.pickup_category_area {
    background: linear-gradient(90deg, #F7F7F7 50%, #fff 50%);
}
.pickup_category_area .inner {
    padding: 20px;
}
.pickup_category_area .inner h2 {
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #3E3939;
    font-size: 20px;
    margin: 0;
    padding: 20px 0;
}
.pickup_category_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 0;
}
.pickup_category_box li {
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}
.pickup_category_box li img {
    border-radius: 15px;
    box-shadow: 0 0 10px #ddd;
}
/*ボトムカテゴリエリア*/
.bottom_category_area {
    background: linear-gradient(90deg, #000000 50%, #333333 50%);
}
.bottom_category_area .inner {
    padding: 40px 20px;
}
.bottom_category_area .inner .bottom_category_box {
    justify-content: space-between;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
}

.bottom_category_area .inner .bottom_category_box li {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.bottom_category_area .inner .bottom_category_box li img {
    border-radius: 15px;
}
.bottom_category_area .btn01 {
    text-align: center;
}
.bottom_category_area .btn01 a {
    font-size: 23px;
    background-color: #171B60;
    color: #fff;
    padding: 15px 0;
    display: inline-block;
    width: 180px;
    font-family: bebas-neue, sans-serif;
    font-weight: 400;
    font-style: normal;
    border-radius: 5px;
}
/*コンタクトエリア*/
.contact_area {
    
}
.contact_area .inner {
    padding: 90px 20px 30px;
}
.contact_area .inner .contact_box {
    text-align: center;
    font-weight: bold;
}
.contact_area .inner .contact_box h2 {
    font-family: century-gothic, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #3E3939;
    font-size: 20px;
    margin: 0;
    position: relative;
}
.contact_area .inner .contact_box h2::before{
    content: '\f2a0';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 50px;
    font-size: 40px;
    color: #000;
}
.contact_area .inner .contact_box .txt01 {
    padding-top: 10px;
    font-size: 17px;
}
.contact_area .inner .contact_box .txt02 {
    font-size: 13px;
}
.contact_area .inner .contact_box .tel {
    padding-top: 20px;
}
.contact_area .inner .contact_box .tel a {
    font-size: 24px;
    font-family: century-gothic, sans-serif;
    font-style: normal;
    color: #171A5F;
}
.contact_area .inner .contact_box .info {
    font-size: 13px;
}
/*商品購入遷移の注文確認ページ*/
.ec-paymentPeriod .ec-rectHeading p a,
.ec-paymentCancel .ec-rectHeading p a
{
    color: #00f;
}
@media screen and (max-width: 500px){
.ec-headerTitle .ec-headerTitle__title a
{
    margin-bottom: 12px;
    color: #fff;
    font-size: 4.5vw;
}
}
@media screen and (max-width: 600px) {
.bottomContentArea .inner ul {
    display: block;
}
.bottomContentArea .inner ul li {
    width: 100%;
    margin: 20px 0;
}
.bottomContentArea .inner ul li .img {
    max-width: 100%;
}
/*greetingページ*/
.greetingContentArea .inner .btnArea {
    display: block;
    text-align: center;
}
}
@media only screen and (max-width: 767px){
    .pc
    {
        display: none;
    }
    .ec-cartNavi
    {
        display: block;
        cursor: pointer;
        border-radius: 50%;
        box-sizing: border-box;
        padding: 10px;
        width: 40px;
        height: 40px;
        font-size: 18px;
        text-align: center;
        color: black;
        background: none;
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 1001;
    }
    .ec-headerNaviRole__nav,
    .ec-headerNaviRole__nav__text
    {
        display: none;
    }
    .ec-cartNaviNull
    {
        position: fixed;
    }
    .ec-sliderRole img {
        width: 100%;
        /*height: 100vw;*/
            height: auto;
        object-fit: cover;
    }
    .ec-shelfGrid__item .ec-select select
    {
        font-size: 12px;
    }
.fixedTag-right {
    display: none;
}
}

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

    .sp{display: none;}
    .pc{display: block;}
    h2
    {
        font-size: 4.5vw;
    }
    /* ヘッダーのリンクの文字消す */
    .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__itemLink
    {
        display: none;
    }
    .ec-layoutRole__header::before
    {
        display: inline-block;
        height: 140px;
    }
    .ec-headerNav .ec-headerNav__itemIcon
    {
        margin-left: 0px;
        font-size: 18px;
        margin-right: unset;
        color: #fff;
    }
    .ec-categoryRole__listItem:not(:last-of-type)
    {
        margin-right: 0px;
    }
.ec-headerTitle__info{
    font-size: 14px;
    text-align: right;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 0px;
}
.ec-headerTitle .ec-headerTitle__title{
    margin-left: 0px;
    margin-right: 0px;
}
.ec-headerNaviRole__nav__text {
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    width: 400px;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
    .ec-headerNaviRole__nav__text li
    {
        margin-left: 0.5em;
    }
    .ec-headerNaviRole__nav__text a
    {
         color: #000; 
    }

    .ec-headerNav__item
    {
        line-height: 1;
    }
    .ec-role
    {
        width: 100%;
        max-width: inherit;
        /* padding-left: 0px;
        padding-right: 0px */
    }
    .other_page .ec-layoutRole__main .ec-role
    {
        max-width: 1130px;
    }
    .ec-role .ec-itemRole img
    {
        margin-bottom: 10px;
    }
.ec-layoutRole .ec-layoutRole__contents
    {
        max-width: inherit;
        margin-top: 120px;
        padding-top: 0;
    }
    .ec-headerTitle .ec-headerTitle__title a
    {
        margin-bottom: 0px;
        width: 100%;
    }
    .ec-headerNaviRole
    {
        max-width: inherit;
        margin: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .ec-headerNaviRoleInner
    {
        width: 100%;
        max-width: 1130px;
        margin-right: auto;
        margin-left: auto;
    }
    .ec-headerNaviRole__right
    {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
.ec-headerTitle__title a>img{
        width: 100%;
}
    .ec-layoutRole__mainBottom
    {
        margin: 0px auto;
    }
.en_ttl {
    display: block;
    text-align: left;
}

.scrolled .ec-headerRole__cart{
    top: 0;
    transition: all .5s ease-out;
}
.scrolled .ec-cartNavi{
    padding: 6px 17px 10px;
    height: 32px;
    transition: all .5s ease-out;
}
/*サブページ背景調整*/
.sub_bg {
    height: 200px;
}
.sub_bg .ttl {
    left: 18vw;
    font-size: 40px;
    width: 250px;
    height: 160px;
}
#page_user_data .ec-layoutRole .ec-layoutRole__contents {
    margin-top: 100px;
}
.aboutusArea .inner h1 {
    font-size: 28px;
    margin-top: 40px;
    
}
/*商品一覧エリア*/
.ec-role.itemRoleWrap {
    padding: 60px 0;
    margin-bottom: 0;
}

/*商品一覧ページ*/

#page_product_list .ec-layoutRole .ec-layoutRole__contents {
    margin-top: 120px;
}
.ec-shelfGrid .ec-shelfGrid__item-image {
    height: auto;
}
/*お問い合わせページ*/
/*#page_contact .ec-layoutRole .ec-layoutRole__contents {*/
/*    margin-top: 100px;*/
/*}*/
    /* オススメ */
/*.ec-shelfGrid{*/
/*        margin-left: 0px;*/
/*        margin-right: 0px;*/
/* }*/
.ec-shelfRole {

}
    .ec-itemRole,
    .ec-categoryRole,
    .ec-pickUpItemRole,
    .ec-newItemRole,
    .ec-guideRole
    {
        max-width: 1320px;
        margin-right: auto;
        margin-left: auto;
    }
    .ec-secHeading__en .ec-shelfGrid__item,
    .ec-itemRole .ec-itemRole__listItem,
    .ec-pickUpItemRole__listItem,
    .ec-newItemRole__listItem,
    .ec-newItemRole .ec-newItemRole__listItem
    {
        width: 25%;
        margin-bottom: 24px;
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }
    .ec-newItemRole .ec-newItemRole__listItem:not(:last-of-type) {
        margin-right: 0px;
    }
    /* 商品一覧 */
    .ec-itemRole .ec-itemRole__list
    {
        display: flex;
        flex-wrap: wrap;
        margin-left: auto;
        margin-right: auto;
    }
.itemRoleWrap .ec-itemRole {
    max-width: 1140px;
    padding: 0 20px;
}
    /* カテゴリ一覧 */
    .ec-categoryRole .ec-categoryRole__listItemInner
    {
        margin-bottom: 0px;
    }
    .ec-categoryRole .ec-categoryRole__listItem
    {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .ec-categoryRole .ec-categoryRole__listItemWrap
    {
        box-sizing: border-box;
        width: 33.33%;
    }
    .ec-categoryRoleLarge .ec-categoryRole__list
    {
        flex-wrap: wrap;
        margin-right: 0px;
    }
    .ec-categoryRoleLarge .ec-categoryRole__listItem:not(:last-of-type)
    {
        margin-right: 0px;
        margin-bottom: 40px;
    }
    /* ピックアップ */
    .ec-pickUpItemRole
    {
        display: block;
    }
    /* ガイド */
    .ec-guideRole_l
    {
        width: 48%;
        margin-right: 4%;
    }
    .ec-guideRole_r
    {
        width: 48%;
    }
    .ec-guideRole
    {
        display: flex;
        justify-content: space-between;
        max-width: 908px;
    }
    /* マップ */
    .google-maps
    {
    padding-bottom: 20%;
    }
    /* .ec-registerRole, */
    .ec-layoutRole__contents
    {
        /* margin-bottom: 100px; */
    }
    .ec-footerRole__top .logo
    {
        max-width: 300px;
    }
    .ec-footerRole__top .logo img
    {
        margin-bottom: 6px;
    }
    .ec-footerRole__bottom__wrap
    {
        /* width: auto; */
        width: 33%;
        margin-bottom: 0px;
        display: flex;
        justify-content: center;
        /* border-right: solid 1px #D4B567; */
        /* border-right: solid 1px #6b5c34; */
    }
    .ec-footerRole__bottom__wrap:nth-of-type(2)
    {
        width: 33%;
        justify-content: center;
        /* position: relative; */
    }
    .ec-footerRole__bottom__wrap:nth-of-type(2)::after
    {
        margin-right: 0px;
        margin-left: auto;
    }

    .ec-footerRole__bottom__wrap:last-child
    {
        border-right: none;
    }
    .ec-footerRole__bottom dl
    {
        margin-bottom: 0px;
    }
    .ec-footerRole__bottom dd
    {
        margin-left: 15px;
    }

    .online_shop
    {
        width: 72%;
    }
    .online_shop dd
    {
        /* width: 80%; */
        display: flex;
        justify-content: space-between;
    }
    .online_shop ul:first-child
    {
        /* margin-right: 10%; */
    }
    .pagetop
    {
        bottom: 54px;
        right: 54px;
        width: 40px;
        height: 40px;
    }

    .ec-copyrightRole__bottom
    {
        max-width: 1130px;
        display: flex;
        flex-direction: row-reverse;
        margin-left: auto;
        margin-right: auto;
    }
    .ec-copyrightRole__bottom__inner
    {
        max-width: 250px;
    }
    .ec-copyrightRole__bottom img
    {
        max-width: 150px;
    }

    /* products/detail */
    .ec-productRole__category
    {
        margin-bottom: 16px;
    }
    /* products/detail ココまで*/

    /* cart */
    .ec-cartRole .ec-cartRole__actions
    {
        width: 80%;
        margin-left: 10%;
    }
    .ec-blockBtn--wrapper
    {
        display: flex;
        justify-content: space-between;
    }
    .ec-cartRole__actions .ec-blockBtn--action
    {
        width: 210px;
        -webkit-box-ordinal-group:1;
        -ms-flex-order:1;
        -webkit-order:1;
        order:2;
    }
    .ec-cartRole__actions .ec-blockBtn--cancel
    {
        width: 210px;
        -webkit-box-ordinal-group:2;
        -ms-flex-order:2;
        -webkit-order:2;
        order:1;
    }
    /* cart ココまで */

    /* 検索のカテゴリ消す */
    .ec-headerSearch .ec-headerSearch__category
    {
        display: none;
    }
    .ec-headerSearch .ec-headerSearch__keyword
    {
        width: 100%;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }
    /* 検索のカテゴリ消す ココまで */

    /* カートだけfixにした時の調整 */
.ec-headerRole__cart{
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 100;
        /*transition: .3s;*/
}
/*.ec-headerNav*/
/*    {*/
/*        height: 35px;*/
/*        width: 95px;*/
/*    }*/

    /* ヘッダー合わせる */
.ec-layoutRole__header {
        width: 100%;
        margin: 0;
        display: flex;
        justify-content: center;
        height: 120px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 500;
        background-color: #263424;
        box-shadow: 0 0px 10px rgba(0, 0, 0, 10%);
        padding: 0 20px;
}
.ec-layoutRole__header.scrolled,
.scrolled .LogoAndNavi {
    height: 100px;
    transition: all .5s ease-out;
}
.scrolled .LogoAndNavi {
        padding: 0 20px;
        transition: all .5s ease-out;
}
.LogoAndNavi {
    min-height: 100px;
    background-color: unset;
    box-shadow: unset;
    max-width: 1500px;
    width: 100%;
    margin: 0;
    padding: 35px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 120px;
    position: relative;
}
.ec-headerRole__title.ec-headerRole__title {
    width: fit-content;
    margin-top: -30px;
}
.ec-headerNaviRole__nav__info {
    max-width: unset;
    margin-left: unset;
    display: flex;
    justify-content: space-around;
    flex-flow: row-reverse;
    width: 30%;
}
 
.ec-headerNaviRole__right__bottom {
    width: 100%;
    margin-left: 0;
    justify-content: space-between;
    height: 100%;
    display: flex;
    align-items: center;
}
.ec-headerRole:after {
    display: none;
}
.ec-headerNaviRole__nav{
    width: 95px;
    display: flex;
    justify-content: space-around;
    margin-left: 28px;
}
.ec-headerNav .ec-headerNav__itemIcon a {
    font-size: 20px;
}
.ec-headerNav .ec-headerNav__item {
    margin-left: 3px;
}
.ec-headerNav .ec-headerNav__item:last-child {
    width: 20px;
}

    /* ヘッダー合わせる ココまで */

    /* カートだけfixにした時の調整 ココまで */

    .ec-productRole .ec-productRole__btn,
    .ec-blockBtn--action,
    .ec-blockBtn--cancel
    {
        width: 100%;
    }

    .mypage .ec-layoutRole__main .ec-role,
    .cart_page .ec-layoutRole__main .ec-role
    {
        max-width: 1130px;
    }

/*カテゴリページの商品一覧*/
.categoryImgArea .page_title {
    font-size: 32px
}
/*.ec-shelfGrid .ec-shelfGrid__item-image {*/
/*    height: 200px;*/
/*}*/

/*フッター*/
.ec-footerTitle {
    margin-bottom: 40px;
}
.ec-footerRole .ec-footerRole__inner img {
    width: fit-content;
    margin: 0 auto;
}
.ec-footerRole .ec-footerRole__inner {
    max-width: 1300px;
}
.ec-footerRole .ec-footerRole__inner .ec-footerNavi04 .f_ttl {
    border-bottom: 1px solid;
}
.ec-footerNavi .ec-footerNavi__link a {
    text-decoration: none;
}
.ec-copyrightRole__inner
{
    padding: 24px 0;
}
.copyright
{
    font-size: 18px;
}
/*商品詳細ページ*/
.ec-productRole .ec-productRole__title .ec-headingTitle {
    font-size: 28px;
    font-weight: bold;
}
}
@media screen and (min-width:768px) and (max-width:900px){
.topProductArea .desc .inner .leftBox {
    width: 60%;
}
.topProductArea .desc .inner .rightBox {
    width: 40%;
}
}
@media screen and (min-width:768px) and (max-width:1052px){
.ec-headerRole__title
{
    width: 200px;
}
.LogoAndNavi
{
    display: flex;
}
.ec-headerRole__title.ec-headerRole__title {
    width: 360px;
}
.ec-headerNaviRole__nav
{
    margin-right: 140px;
}
.ec-headerNaviRole__nav__info
{
    max-width: 440px;
}
.ec-headerNaviRole__right__bottom
{
    width: 440px;
    flex-direction: column-reverse;
    align-items: flex-end;
    margin-top: -32px;
}
.ec-headerNaviRole__nav__text
{
    max-width: 300px;
}
.ec-headerRole__cart {
    position: fixed;
    top: 20px;
    right: 10px;
    z-index: 100;
}
.topProductArea .desc .inner .rightBox {
}
}
@media screen and (min-width:768px) and (max-width:1200px){
.ec-footerRole .ec-footerRole__inner ul li a,
.ec-footerRole .ec-footerRole__inner .ec-footerNavi03 p{
    font-size: 13px
}
}
@media not screen and (min-width: 768px){
.ec-role.add_ec-role {
    margin-bottom: 0;
}
.categoryImgArea .page_title {
    margin-top: 0;
}
}