/* カスタマイズ用CSS */
@font-face{
    font-family:Zen Old Mincho;
    src:url('ZenOldMincho-Regular.ttf') format('truetype'),
    url('ZenOldMincho-Bold.ttf') format('truetype'),
    url('ZenOldMincho-Black.ttf') format('truetype');
}

body {
    overflow-x: hidden;
    font-family: 'Zen Old Mincho', '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}
a {
    color: #DE5D50;
}
a:focus, a:hover {
    color: brown;
}
.br_mb {
    display: none;
}
.card{
    width:  271px !important;
    height: auto;
    margin-left: 30px;
}

/* ヘッダー */
.ec-headerTitle img {
    width: 140px;
    height: auto;
}
.ec-headerSearch .ec-headerSearch__category .ec-select select {
    padding: 8px 24px 8px 18px;
    font-family: 'Zen Old Mincho', '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}
.ec-cartNavi .ec-cartNavi__badge {
    background-color: #034a3b;
}
.ec-sliderRole {
    padding-left: 0;
    padding-right: 0;
}
.ec-itemNav__nav li a {
    letter-spacing: .1em;
    font-size: 16px;
}
.ec-headerNav .ec-headerNav__itemLink {
    font-size: 12px;
}
.ec-cartNavi .ec-cartNavi__price {
    vertical-align: top;
}
.ec-topicpath {
    color: #034a3b;
}
.ec-itemNav__nav li ul li a {
    border-bottom: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
    padding: 10px 16px 10px 16px;
    font-size: 14px;
    font-weight: 400;
    background: #034a3b;
}
.ec-itemNav__nav li ul li ul:before {
    top: 14px;
}
.ec-itemNav__nav li ul li ul li {
    float: none;
}
.ec-headerNaviRole .ec-headerNaviRole__right {
    align-items: flex-start;
}
.ec-cartNaviNull .ec-cartNaviNull__message {
    border: none;
    padding: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background-color: brown;
}
.ec-headerNaviRole .ec-headerNaviRole__right {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: unset;
}
.slick-dots {
    bottom: -34px;
}
.slick-dots li {
    width: 10px;
    height: 10px;
}
.slick-dots li button {
    width: 10px;
    height: 10px;
}
.slick-dots li button:before {
    width: 7px;
    height: 7px;
}

/* ヘッダーボタン */
.ec-header-logonav {
    width: 100%;
    max-width: 1130px;
    margin: 0 auto 20px;
}
.product_page .ec-header-logonav {
    margin: 0 auto 70px;
}
.ec-categoryNaviRole {
    width: 79%;
    padding: 0;
    vertical-align: bottom;
}
.ec-itemNav {
    margin: 0;
    text-align: right;
}
.ec-itemNav__nav li:last-child {
    padding-right: 0;
}
.ec-headerTitle .ec-headerTitle__title a {
    margin-bottom: 0;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartImage {
    width: 30%;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContent {
    width: 70%;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentTitle {
    font-size: 13px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cartContentNumber {
    font-size: 12px;
}
.ec-cartNaviIsset .ec-cartNaviIsset__cart {
    padding-bottom: 20px;
}

/* フッター */
.ec-footerNavi .ec-footerNavi__link a {
    padding: 20px 0;
    font-size: 15px;
    text-decoration: none;
}
.ec-footer_attention {
    margin-top: 20px;
    font-size: 13px;
}
.ec-footerTitle .ec-footerTitle__copyright {
    font-size: 11px;
    font-family: sans-serif;
    letter-spacing: .1em;
    padding-top: 5px;
}
.ec-footerRole .ec-footerRole__inner img {
    width: 140px;
}
.ec-footerTitle .ec-footerTitle__logo {
    margin-bottom: 50px;
}

/* ボタン */
.ec-blockBtn--action {
    background-color: #034a3b;
    border-color: #034a3b;
    border-radius: 30px;
    font-family: 'Zen Old Mincho', '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
    font-size: 15px;
    font-weight: 400;
    height: 50px;
    line-height: 48px;
}
.ec-blockBtn--action:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.ec-blockBtn--action:focus, .ec-blockBtn--action.focus {
    background-color: #000;
    border-color: #000;
}
.ec-blockBtn--action:active, .ec-blockBtn--action.active, .open > .ec-blockBtn--action.dropdown-toggle {
    background-color: #000;;
    border-color: #000;
}
.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 {
    background-color: #000;
    border-color: #000;
}
.ec-blockBtn--cancel {
    font-family: 'Zen Old Mincho', '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
    font-size: 15px;
    font-weight: 400;
    background-color: papayawhip;
    border-color: papayawhip;
    border-radius: 30px;
    height: 50px;
    line-height: 48px;
    color: #034a3b !important;
}
.ec-blockBtn--cancel:hover {
    color: #034a3b;
    background-color: wheat;
    border-color: wheat;
}
.ec-blockBtn--cancel:active, .ec-blockBtn--cancel.active, .open > .ec-blockBtn--cancel.dropdown-toggle {
    color: #034a3b;
    background-color: wheat;
    border-color: wheat;
}
.ec-blockBtn--cancel:focus, .ec-blockBtn--cancel.focus {
    color: #034a3b;
    background-color: wheat;
    border-color: wheat;
}
.ec-blockBtn--cancel:active:hover, .ec-blockBtn--cancel:active:focus, .ec-blockBtn--cancel:active.focus, .ec-blockBtn--cancel.active:hover, .ec-blockBtn--cancel.active:focus, .ec-blockBtn--cancel.active.focus, .open > .ec-blockBtn--cancel.dropdown-toggle:hover, .open > .ec-blockBtn--cancel.dropdown-toggle:focus, .open > .ec-blockBtn--cancel.dropdown-toggle.focus {
    color: #034a3b;
    background-color: wheat;
    border-color: wheat;
}
.ec-blockBtn--cancel:focus, .ec-blockBtn--cancel.focus, .ec-blockBtn--cancel:active:focus, .ec-blockBtn--cancel:active.focus, .ec-blockBtn--cancel.active:focus, .ec-blockBtn--cancel.active.focus {
    outline: 0;
}
.ec-cartNaviIsset__action .ec-blockBtn--action {
    font-size: 14px;
    height: 40px;
    line-height: 36px;
}
.ec-blockBtn {
    border-radius: 30px;
    font-size: 14px;
    height: 40px;
    line-height: 36px;
}

/* トップページ */
.ec-eyecatchRole {
    margin: 80px 0;
}
.ec-blockBtn--top {
    font-weight: 400;
    background-color: #034a3b;
    border-color: #034a3b;
    border-radius: 30px;
    height: 50px;
    line-height: 45px;
}
.ec-inlineBtn--top {
    font-weight: 400;
    background-color: #034a3b;
    border-color: #034a3b;
    border-radius: 30px;
    padding: 5px 40px 10px;
    letter-spacing: .1em;
}
.ec-newItemRole .ec-newItemRole__listItemTitle {
    margin: 10px 0 0px;
}
.ec-newItemRole .ec-newItemRole__listItemPrice {
    font-size: 16px;
}
.ec-shelfRole-spaser {
    margin-top: 80px;
}
.item_name {
    font-weight: 400;
    margin-top: 5px;
    font-size: 14px;
}
.ec-topicRole .ec-secHeading .ec-secHeading__en {
    color: #fff;
}
.ec-topicRole .ec-secHeading .ec-secHeading__ja {
    color: #fff;
}
.ec-topicRole .ec-secHeading .ec-secHeading__line {
    background: #fff;
}
.ec-topicRole {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background: #034a3b;
}
.ec-topicRole .ec-topicRole__listItemTitle {
    color: #fff;
}
.ec-banner {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background: #034a3b;
}
.ec-categoryRole {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}
.ec-newsRole .ec-newsRole__newsTitle {
    font-size: 15px;
    font-weight: 400;
    color: #000;
}
.ec-newsRole .ec-newsRole__newsDescription {
    font-size: 15px;
}
.ec-newsRole .ec-newsRole__newsHeading {
    display: flex;
    align-items: center;
}
.ec-shelfGrid .ec-shelfGrid__item-image {
    border-bottom: 0px dotted #ccc;
}
.ec-shelfGrid__item p {
    font-size: 13px;
    margin-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc;
}
.ec-categoryRole__li {
    margin: 0;
    padding: 0;
}
.ec-categoryRole__li li {
    display: inline-block;
    list-style: none;
    margin: 8px 4px;
}
.ec-categoryRole__li li a {
    background: #034a3b;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 50px;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 260px;
    height: 50px;
}
.ec-categoryRole__li li a:hover {
    background: #000;
}
.ec-categoryRole__li li a:before {
    position: absolute;
    top: 50%;
    right: 2em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
}
.ec-categoryRole__li li a .inner-text {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-left: 30px;
}
.ec-banner {
    margin-top: 90px;
    padding: 40px 0;
}
.ec-banner .ec-topicRole__listItem {
    margin-bottom: 20px;
    width: 100%;
    height: auto;
}

/* 会員登録 */
.ec-guest__actions .ec-blockBtn--cancel {
    font-family: 'Zen Old Mincho', '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
    font-size: 15px;
    font-weight: 400;
    background-color: #034a3b;
    border-color: #034a3b;
    border-radius: 30px;
    height: 50px;
    line-height: 48px;
    color: #fff !important;
}
.ec-link {
    color: #000;
    text-decoration: underline;
}
.ec-link:hover {
    color: #000;
    text-decoration: underline;
}
.ec-zipInputHelp span {
    color: #DE5D50;
    font-size: 13px;
}

/* 商品一覧*/
.pro_name {
    font-size: 14px !important;
}
.price02-default {
    font-size: 18px !important;
}
.ec-shelfRole .ec-shelfRole__tags {
    padding-bottom: 0;
}

/* 商品詳細 */
.ec-price .ec-price__price {
    font-weight: 400;
}
.ec-headingTitle {
    color: #000;
}
.ec-productRole .ec-productRole__title .ec-headingTitle {
    font-size: 22px;
}
.ec-productRole .ec-productRole__price {
    color: #034a3b;
}
.ec-productRole .ec-productRole__category a {
    color: #034a3b;
    font-size: 80%;
}
.ec-productRole .ec-productRole__category ul {
    line-height: 1;
}
.ec-productRole {
    color: #000;
}
.ec-shelfRole {
    color: #000;
}
.ec-shelfGrid a {
    margin-bottom: 10px;
}
.ec-productRole .ec-productRole__btn {
    margin: 16px 0;
}
.overlay {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
}
.btn_area {
    width: 50%;
    height: 370px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    text-align: center;
    z-index: 2;
    padding: 2%;
}
.btn_area .ttl {
    font-size: 30px;
    margin-bottom: 30px;
    color: #000;
}
.btn_area .textbig {
    font-size: 20px;
    margin-bottom: 20px;
    color: brown;
}
.btn_area .textsmall {
    font-size: 15px;
    margin-top: 15px;
}
.btn_yes {
    font-family: serif;
    display: block;
    margin: 0 auto;
    width: 300px;
    color: #fff;
    background-color: #034a3b;
    border-radius: 30px;
    height: 50px;
    line-height: 45px;
    border: 1px solid #034a3b;
}
.btn_yes:hover {
    background-color: #000;
    border: 1px solid #000;
}
.no {
    display: block;
    margin: 0 auto;
    width: 300px;
    font-size: 100% !important;
    color: #fff !important;
    background-color: #5f5f5f;
    border-radius: 30px;
    height: 50px;
    line-height: 45px;
    border: 1px solid #5f5f5f;
}
.no:hover {
    text-decoration: none;
    background-color: #989898;
    border: 1px solid #989898;
}

/* カート */
.ec-info {
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
    color: #fff;
    background: brown;
    padding: 1%;
}
.ec-reportHeading h2 {
    font-size: 20px;
}
.ec-progress__number {
    font-weight: 400;
}
.ec-orderAccount {
    margin-bottom: 60px;
}
.ec-orderDelivery {
    margin-bottom: 60px
}
.ec-orderPayment {
    margin-bottom: 60px;
}
.ec-orderConfirm {
    margin-bottom: 60px;
}
.ec-rectHeading h2 {
    background: none;
    padding: 0 0 20px;
    border-bottom: 1px solid #000;
    margin: 0 0 20px;
    font-weight: 400;
}
.ec-progress .is-complete .ec-progress__label {
    color: #034a3b;
}
.ec-alert-warning {
    background: brown;
}
.ec-cartRole {
    color: #000;
}
.ec-cartRow .ec-cartRow__summary {
    font-weight: 400;
}
.ec-progress .ec-progress__number {
    background: #888;
}
.ec-progress .ec-progress__item:after {
    background: #888;
}
.ec-progress .is-complete .ec-progress__number {
    background: #034a3b;
}
.ec-cartRow .ec-cartRow__summary .ec-cartRow__name a {
    color: #000;
}
.ec-cartHeader .ec-cartHeader__label {
    font-weight: 400;
}
.ec-orderRole{
    color: #000;
}
.ec-rectHeading h1, .ec-rectHeading h2, .ec-rectHeading h3, .ec-rectHeading h4, .ec-rectHeading h5, .ec-rectHeading h6 {
    font-weight: 400;
}
.ec-totalBox .ec-totalBox__price {
    font-weight: 400;
}
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--action {
    font-weight: 400;
}
.ec-cartCompleteRole {
    color: #000;
}
.ec-reportHeading {
    font-weight: 400;
}
.ec-alert-warning .ec-alert-warning__text {
    font-weight: 400;
}
.ec-cartRole .ec-cartRole__total {
    font-weight: 400;
}
.ec-input textarea::placeholder {
  color: #333;
}

/* フッターリンクページ */
.spacer20 {
    margin-top: 30px;
}
.ec-pageHeader h1 {
    font-size: 22px;
    font-weight: 400;
    margin: 50px auto 60px;    
}
.ec-pageHeader h2 {
    font-size: 22px;
    font-weight: 400;
    margin: 50px auto 60px;
    border-bottom: 1px solid #ccc;
    padding: 8px;
}
.ec-role {
    color: #000;
}
.ec-borderedDefs dl {
    padding: 10px 0 10px;
}
.ec-contactRole {
    color: #000;
}
#help_about_box__address dd {
    line-height: 1.5;
}
#help_about_box__message dd {
    line-height: 1.5;
}
.ec-borderedDefs dl {
    padding: 20px 0;
}
.ec-borderedDefs dd {
    line-height: 1.5;
}
.ec-borderedDefs dt {
    padding-top: 0;
}
.ec-borderedDefs dd {
    font-size: 15px;
}
.ec-borderedDefs dd p {
    margin-bottom: 20px;
}
.ec-borderedDefs h4 {
    background: #000;
    padding: 5px 16px;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    border-radius: 20px;
    margin: 0 0 5px;
}
.payment-content {
    width: 100%;
    overflow: scroll hidden;
}
.payment-content td {
    text-align: left;
    border: 1px solid #e5e5e5;
    word-break: break-all;
    padding: 10px 15px;
}
.payment-content tr:first-child td {
    font-weight: bold;
    background: #f6f6f7;
    text-align: center;
    border: 1px solid #e5e5e5;
    word-break: break-all;
    padding: 10px;
    line-height: 1.3;
}
.payment-content td:last-child {
    text-align: right;
}
.help_tel {
    font-size: 20px;
}
.chi {
    width: 12%;
}
td:nth-child(n+3):nth-child(-n+6) {
    text-align: right;
}

/* プライバシーポリシー */
.privacy h3 {
    font-size: 18px;
    border-bottom: 2px solid #ccc;
    margin: 50px 0 10px;
    padding-bottom: 5px;
}
.privacy h3:first-child {
    margin: 0 0 10px;
}
.privacy h4 {
    font-size: 16px;
    margin: 20px 0 5px;
}

@media only screen and (min-width: 768px) and (min-width: 768px){
    /* カート */
    .ec-off3Grid .ec-off3Grid__cell {
        width: 54%;
    }
}

@media only screen and (min-width: 768px) {
    .ec-sliderRole {
        max-width: unset;
        width: 100vw;
        margin-left: calc(-50vw + 50%);
        padding-left: 50px;
        padding-right: 50px;
    }
    /* ヘッダーボタン */
    .ec-headerTitle .ec-headerTitle__title {
        text-align: left;
    }
    .ec-categoryNaviRole {
        display: inline-block;
    }
    .ec-headerRole {
        display: inline-block;
        width: 20%;
        padding: 0 0 16px 20px;
    }
    .ec-headerNaviRole {
        padding-bottom: 20px;
    }
    .ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
        font-size: 11px;
    }
    
    /* トップページ */
    .ec-shelfGrid .ec-shelfGrid__item {
        width: 20%;
        margin-bottom: 60px;
    }
    .ec-topicRole {
        padding: 80px 0;
    }
    .ec-banner {
        padding: 80px 0;
    }
    .ec-categoryRole {
        padding: 80px 0;
    }
    .ec-newsRole {
        padding: 80px 0 0;
    }
    .ec-banner .ec-topicRole__list {
        flex-wrap: nowrap;
    }
    .ec-banner .ec-topicRole__list {
        display: flex;
    }
    .ec-banner .ec-topicRole__listItem:not(:last-of-type) {
        margin-right: 30px;
    }
    .ec-banner .ec-topicRole__listItem {
        width: calc(100% / 2);
    }
    
    /* 商品一覧 */
    .ec-shelfGrid .ec-shelfGrid__item-image {
        height: 210px;
    }
    
    /* 商品詳細 */
    .ec-sliderItemRole {
        padding-left: 0;
    }
    
    /* カート */
    .ec-off3Grid .ec-off3Grid__cell {
        margin-left: 22%;
    }
}

/* All Mobile Sizes */
@media only screen and (max-width: 1199px) {
    .ec-categoryRole__li li a {
        width: 230px;
    }
    #page_product_list .ec-blockBtn--action {
        font-size: 12px;        
        height: 40px;
        line-height: 38px;
    }
}
@media only screen and (max-width: 991px) {
    .ec-categoryRole__li li a {
        width: 170px;
        background: #034a3b;
        font-size: 13px;
        line-height: 42px;
        height: 42px;
    }
    .ec-newsRole .ec-newsRole__newsTitle {
        font-size: 14px;
    }
    .ec-newsRole .ec-newsRole__newsDescription {
        font-size: 14px;
    }
    .ec-eyecatchRole .ec-eyecatchRole__image {
        width: 50%;
    }
    .ec-eyecatchRole .ec-eyectchRole__intro {
        width: 50%;
    }
    .ec-eyecatchRole .ec-eyecatchRole__introTitle {
        font-size: 18px;
    }
    .ec-eyecatchRole .ec-eyecatchRole__introEnTitle {
        margin-top: 0;
        font-size: 12px;
    }
    .ec-eyecatchRole .ec-eyecatchRole__introDescription {
        font-size: 14px;
    }
    .ec-itemNav__nav li a {
        font-size: 13px;
        padding: 10px;
    }
    .ec-categoryNaviRole {
        vertical-align: text-top;
    }
    .ec-eyecatchRole {
        margin: 0 0 80px;
    }
    .ec-eyecatchRole .ec-eyecatchRole__intro {
        width: 62%;
    }
    .ec-footerNavi .ec-footerNavi__link a {
        padding: 20px 0;
        font-size: 12px;
        text-decoration: none;
    }
    .ec-pageHeader h1 {
        font-size: 20px;
    }
    .ec-borderedDefs h4 {
        font-size: 14px;
    }
    #page_product_list .ec-blockBtn--action {
        font-size: 10px;
        height: 35px;
        line-height: 33px;
    }
    .ec-productRole .ec-productRole__title .ec-headingTitle {
        font-size: 18px;
    }
    .ec-shelfGrid .ec-shelfGrid__item-image {
        height: 150px;
    }
    .ec-productRole .ec-productRole__description {
        font-size: 14px;
    }
    .ec-searchnavRole .ec-searchnavRole__infos {
        font-size: 14px;
    }
}
@media only screen and (max-width: 767px) {
    .ec-select select {
        padding: 5px;
        font-size: 13px;
    }
    .ec-productRole__actions .ec-select select {
        width: 100%;
    }
    .ec-role {
        font-size: 14px;
        line-height: 1.5;
    }
    .br_mb {
        display: block;
    }
    .ec-sliderRole img {
        height: 180px;
        max-width: 100%;
        object-fit: cover !important;
        object-position: 50% 50% !important;
    }
    .ec-banner {
        margin-top: 30px;
    }
    /* 商品詳細 */
    .ec-price .ec-price__price {
        padding: 0;
        font-size: 28px;
    }
    .ec-productRole {
        font-size: 14px;
    }
    .ec-sliderItemRole {
        padding-left: 0;
        padding-right: 0;
    }
    .ec-eyecatchRole .ec-eyecatchRole__image {
        width: 100%;
    }
    .ec-eyecatchRole .ec-eyecatchRole__intro {
        width: 100%;
    }
    .ec-categoryRole__li li a {
        width: 155px;
    }
    .ec-newsRole .ec-newsRole__newsHeading {
        display: block;
    }
    .ec-pageHeader h1 {
        width: 100%;
        margin: 30px auto;
        border-bottom: 1px solid #ccc;
        border-top: 0px solid #ccc;
    }
    /* カート */
    .ec-alert-warning .ec-alert-warning__text {
        font-size: 14px;
    }    
    /* フッターリンクページ */
    .ec-pageHeader h2 {
        margin: 60px auto 15px;
    }
    .chi {
        font-size: 14px;
        width: 12%;
    }
    .scroll {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .scroll .payment-content {
        width: 560px;
    }
    td:nth-child(n+3):nth-child(-n+6) {
        width: 17%;
    }
    .todo {
        font-size: 14px;
    }
    .size {
        width: 37%;
        font-size: 14px;
    }
    .payment-content tr:first-child td {
        padding: 10px 6px;
    }
    .payment-content td {
        padding: 10px;
    }
    .ke_price {
        width: 55%;
    }
    .ec-borderedDefs {
        border-top: 0px dotted #ccc;
    }
    .privacy h3 {
        font-size: 16px;
    }
}