@charset "utf-8"; 

#h_navi_main_ec div.search {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
商品詳細　＞　見出し（カテゴリー表記）を隠す
※このサイトの場合、商品名とカテゴリー名の内容が重複するため、カテ名の方を隠す(2022-11-02mk)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.single-product .page_promo{
	display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サブエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* nav */
div#base_container .ec_sub ul.main_menu a {
    line-height: 1.4;
}

div#base_container .ec_sub ul.main_menu > li > a {
    padding: 14px 20px 14px 0px;
    border-bottom: 1px solid #282828;
}

div#base_container .ec_sub ul.main_menu > li > a .arrow {
    margin-top: -0.8em;
}

div#base_container .ec_sub ul.main_menu > li > a .arrow:before {
    content: '\e931';
    font-size: 25px;
}

div#base_container .ec_sub ul.main_menu > li > a.open .arrow:before {
    content: '\e930';
}

div#base_container .ec_sub ul.main_menu ul.children {
    margin: 1em 1em 1em;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
マイアカウント住所欄順序を制御 2022-04-26 take
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-my-account .woocommerce-address-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

body.page-my-account .woocommerce-address-fields__field-wrapper > * {
    width: 100%;
}

body.page-my-account [id*="_last_name_field"],
body.page-my-account [id*="_first_name_field"],
body.page-my-account [id*="_yomigana_last_name_field"],
body.page-my-account [id*="_yomigana_first_name_field"],
body.page-my-account [id*="_postcode_field"],
body.page-my-account [id*="_state_field"] {
    width: 48%;
}

body.page-my-account [id*="_postcode_field"] {
    order: 5;
}

body.page-my-account [id*="_state_field"] {
    order: 6;
}

body.page-my-account [id*="_city_field"] {
    order:7;
}

body.page-my-account [id*="_address_1_field"] {
    order:8;
}

body.page-my-account [id*="_address_2_field"] {
    order:9;
}

body.page-my-account [id*="_phone_field"] {
    order:10;
}

body.page-my-account [id*="_email_field"] {
    order:11;
}

[id*="_address_2_field"]::before {
    content: "アパート名、棟名、部屋番号など"!important;
    line-height: 2;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
購入手続き後の支払確認ページのスタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 「配送希望日時・時間帯」の表示にバグが有るため、一旦隠す。ただしN番目で指定しているので汎用的ではない。あくまで当サイト用の一時凌ぎ(2022-01-14)mk */
table.wcdc-confirm-table > tr:nth-last-of-type(4) {
    /* outline: 1px solid red; */
    display: none;
}

div#wcdc-confirm-modal .wcdc-confirm-header {
    font-size: 40px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: normal;
}

@media(max-width: 544px) {
    div#wcdc-confirm-modal .wcdc-confirm-header {
        font-size: 1.4em;
    }
}

div#wcdc-confirm-modal table {
    border: 1px solid #ccc;
}

div#wcdc-confirm-modal table tr {
    border-bottom: 1px solid #ccc;
}

div#wcdc-confirm-modal th, div#wcdc-confirm-modal td {
    padding: 15px;
}

div#wcdc-confirm-modal th {
    background-color: #eee;
}

/*
@media(max-width: 736px) {
    div#wcdc-confirm-modal .wcdc-confirm-table td {
        border-bottom: 1px solid rgba(0,0,0,.1);
    }
}
*/
div#wcdc-confirm-modal .wcdc-confirm-table td p {
    margin-bottom: 0;
}

div#wcdc-confirm-modal .wcdc-cfm-other td {
    border-top: none;
}

div#wcdc-confirm-modal .wcdc-cfm-other tr td:not(:first-child) {
    border-right: none;
}

div#wcdc-confirm-modal .wcdc-cfm-other tr.order-total th, div#wcdc-confirm-modal .wcdc-cfm-other tr.order-total td {
    border-bottom: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
新規ユーザー登録ページ　＞　ログインフォームを隠す
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-new-account div#customer_login .col-1,
.page-new-account div#customer_login .col-2 h2{
    display: none;
}

.page-new-account div#customer_login .col-2 {
    float: left;
    width: 100%;
}

.page-new-account div#customer_login .col-2 form.register{
    margin-top:0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ログインフォーム　＞　新規ユーザー登録フォームを隠す
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-my-account div#customer_login .col-2,
.page-my-account div#customer_login .col-1 h2{
    display: none;
}

.page-my-account div#customer_login .col-1 {
    width: 100%;
}

.page-my-account div#customer_login .col-1 form.login{
    margin-top:0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビューティークローゼット用　ログインフォーム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
section.cmn_popup_bg {
    background: rgba(0,0,0,0.9);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
}

section.cmn_popup_bg > * {
    padding: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 5px;
    min-width: 814px;
}

section.cmn_popup_bg .txt {
    margin-bottom: 25px;
    text-align: center;
    font-size: 18px;
}

section.cmn_popup_bg form{
    display:flex;
    flex-wrap:wrap;
    align-items: flex-start;
    justify-content:center;
    margin-bottom:35px;
    font-size:18px;
}

section.cmn_popup_bg input[type=password] {
    width: auto;
    font-size: 18px;
    border: 1px solid #959595;
    padding: 7px 12px;
    background: #ededed;
    margin: 0 1em;
}

section.cmn_popup_bg span.error {
    color: red;
    display:block;
    margin:5px 0 0;
}

section.cmn_popup_bg [type=submit] {
    background: #282828;
    color: #fff;
    display: table;
    min-width: 100px;
    margin:0;
    font-size: 18px;
    font-family: 'my_mincho';
    min-width: 116px;
}

section.cmn_popup_bg .hakko {
    background:#9b9b9b;
    margin:0 -40px -40px;
    padding:20px;
}

section.cmn_popup_bg .hakko > p {
    text-align:center;
    font-size:18px;
    color:#fff;
    margin-bottom:20px;
}

section.cmn_popup_bg .hakko ul{
    margin:0 -5px -10px;
}

section.cmn_popup_bg .hakko ul li {
    width:calc((100% - 40px) * .25);
    margin:0 5px 10px;
    text-align:center;
    background-color:#fff;
    padding: 12px 0px;
}

section.cmn_popup_bg .hakko ul li p.tenpo {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

section.cmn_popup_bg .hakko ul li p.num a {
    font-size:16px;
	color: #939393 !important;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用アコーディオン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.js_cmn_acc>*>*:last-child{
    display:none;
}

.js_cmn_acc .toggle {
    cursor: pointer;
    position: relative;
	display: block;
}

.js_cmn_acc .toggle .arrow {
    line-height: 1;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.5em;
}

.js_cmn_acc .toggle .arrow:before {
    font-family: "icomoon";
    content: '\e92d';
}

.js_cmn_acc .toggle.open .arrow:before {
    content: '\e92c';
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
明朝フォント指定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* #base_container .ec_sub *, .home #base_container .ec_main *, #h_navi_main_ec * { */
*{
    font-family: 'my_mincho',serif!important;
    font-weight: normal!important;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダ　＞　アラート（バナー）（プラグイン＞Notivar）　
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.njt-nofi-notification-bar .njt-nofi-button:hover {
    transform: none !important;
}

.njt-nofi-notification-bar .njt-nofi-button .njt-nofi-button-text {
    border: 1px solid #fff;
}

.njt-nofi-notification-bar .njt-nofi-button .njt-nofi-button-text:hover {
    color: #fff !important;
    background: #151515 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
デフォルトCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body,input, textarea, keygen, select, button {
    color: #282828;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WPプラグイン　＞　「コンタクトフォーム」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wpcf7 input[type="submit"] {
    background: #d9534f;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクトフォーム追加クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
td.blocker span.wpcf7-checkbox {
    padding: 10px 5px;
}

td.blocker span.wpcf7-list-item {
    display: block;
    margin: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　フォントサイズ／行間
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 基本テキストサイズ・行間 */
* {
    letter-spacing: 1px;
}

select, option {
    font-family: 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "Osaka", "MS Pゴシック", "MSゴシック", Helvetica, verdana, arial;
}

.font_m {
    font-size: 15px;
}

.font_m input, .font_m botton, .font_m select, .font_m textarea {
    font-size: 16px;
}

/* font-size小さく 17→15 */
.basic_list01 > li {
    font-size: 15px;
}

/* font-size小さく 20→18 */
.basic_list02 h4 {
    font-size: 18px;
}

/* font-size小さく 22→20 */
.large > li, [class*="cmn_items_list_box"] .ttl {
    font-size: 20px;
}

/* font-size小さく 18→16 */
dl.faq > dt, .cmn_items_list_box_side .ttl {
    font-size: 16px;
}

dl.faq > dt, .basic_list02 h4,[class*="cmn_items_list_box"] .ttl,#sub_area .menu_header, #sub_area .menu_header a, #sub_area .menu_header h2,#main_area .article_meta_area .tags:before,#main_area .article_title.plain_type h1,#main_area .article_title.txt_type h1,.related_posts .ttl a {
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　サイトのテーマ色を一括指定する
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 文字色 */
body.sp[class*="voice"] ul.child_navi a[href*="voice"], body.sp dl.type01 [class*="current"] > a, body.sp dl.type01 dt, a.basic_btn02, .basic_list01 li:before, ol.basic_list02 > li:after, a.basic_color_font, [class*="current"] .basic_color_font_cur, [class*="current"] .basic_color_font_cur:hover, .basic_color_font_bf:before, .basic_color_font_af:after {
    color: #242424;
}

/* ボーダー色 */
body.sp dl.type01 > dt .arrow, h3[class*="h3a"], h2[class*="h2a"], .basic_box02, .basic_list02 > li, .basic_color_border, .basic_color_border_bg:before, .basic_color_border_af:after {
    border-color: #242424;
}

/* 背景色 */
a.basic_btn01, h3[class*="h3b"], ol.basic_list02 > li:before, .basic_color_bg, .basic_color_bg_bf:before, .basic_color_bg_af:after {
    background-color: #7c7d80;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
h2[class*="h2"] {
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 3px;
}

h2[class*="h2a"] {
    padding: 18px 0;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
}

h2[class*="h2b"] {
    padding: 0 0 25px 0;
    margin-bottom: 40px;
}

h2[class*="h2b"]:before {
    width: 30px;
    height: 3px;
    top: auto;
    bottom: 0;
    right: calc(50% - 15px);
    background-color: #393939;
}

h3[class*="h3"] {
    font-weight: bold;
    font-size: 18px;
}

h3[class*="h3a"] {
    border-left: none;
    border-bottom: 1px solid #c5c5c5;
    padding-left: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn01 {
    color: #151515;
    border: 1px solid #151515;
    background-color: #fff;
    font-size: 16px;
}

a.basic_btn01:hover {
    color: #fff;
}

a.basic_btn01::before {
    content: '';
    position: absolute;
    z-index: -1;
    background: #000;
    height: 100%;
    left: -100%;
    top: 0;
    transition-duration: .5s;
    transform-origin: top left;
    width: 0;
}

a.basic_btn01:hover::before {
    width: 200%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_box01 {
    background-color: #f0f0f0;
}

.basic_box02 {
    border-width: 1px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　テーブル02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table02 th {
    border-bottom: 1px solid #3a3a3a;
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　リスト02（BOXタイプ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* OL限定 */
ol.basic_list02 > li {
    padding-left: 95px;
    border: solid 1px #2d2d2d;
}

ol.basic_list02 > li:before {
    border-radius: 35px;
    top: 22px;
    left: 25px;
    width: 40px;
    line-height: 40px;
    font-size: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* [カート]ボタン　＞　「カート内の商品数」カウンタ */
.cmn_btns .btn .entry_num {
    /* background: #e9004f; */
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 中ページの見出し */
.cmn_ttl_ec .sub {
    font-size: 15px;
}

.cmn_ttl {
    margin-bottom: 45px;
    text-align: center;
}

.cmn_ttl .main {
    font-size: 30px;
    font-family: 'Cinzel', serif!important;
    font-weight: normal;
    display: block;
}

.cmn_ttl .sub {
    font-size: 14px;
}

/* 企業情報バナー（サイドバー、スマホフッター等） */
p.cmn_official_bnr a {
    border: 1px solid #b5b5b5;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

p.cmn_official_bnr a:hover {
    opacity: .7;
}

p.cmn_official_bnr a img {
    width: 106px;
}

p.cmn_official_bnr a img:hover {
    opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　自作商品ピックアップ　div.cmn_pickup_list
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_pickup_list {
    margin: 0 -1% -50px;
}

.cmn_pickup_list .li {
    width: 23%;
    margin: 0 1% 50px;
}

.cmn_pickup_list .li p.img {
    margin-bottom: 1em;
}

.cmn_pickup_list .li p.img img {
    padding: 5px;
    object-fit: contain;
    font-family: 'object-fit: contain;';
}

.cmn_pickup_list .li h3 {
    font-weight: normal;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.cmn_pickup_list .li h3 a {
    font-size: 15px;
    text-decoration: none;
    color: inherit;
}

.cmn_pickup_list .li .price {
    font-size: 17px;
}

.cmn_pickup_list .li .price del {
    opacity: .5;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　自作商品ピックアップ　＞　pick up
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div.cmn_pickup_list .li.featured {
    position: relative;
}

div.cmn_pickup_list .li.featured::before {
    content: "PICK UP";
    width: 37px;
    height: 37px;
    position: absolute;
    top: 0;
    left: 10px;
    text-align: center;
    color: #fff;
    line-height: 1.4;
    z-index: 1;
    background: url(../images/pickup_bg.png) no-repeat 50% top/contain;
    padding: 5px 3px 11px;
    font-size: 11px;
    /* 絞り込み結果なので非表示とする 2021-01-27 take */
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
JQプラグイン　＞　「Slick」（スライダー）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.slick-prev, .slick-next {
    background: transparent;
    width: 54px;
    height: 45px;
    border-radius: 0;
    border: none;
}

.slick-prev {
    left: -25px;
}

.slick-next {
    right: -25px;
}

.slick-prev:hover, .slick-next:hover {
    background: transparent;
}

.slick-prev:before, .slick-next:before {
    width: auto;
    height: auto;
    border: none;
    font-family: "icomoon";
    color: #545454;
    font-size: 45px;
    line-height: 1;
    position: absolute;
    top: 0;
}

.slick-prev:before {
    content: '\e910';
}

.slick-next:before {
    content: '\e911';
}

.slick-prev:before {
    transform: rotate(0deg);
    left: calc(50% - .5em);
}

.slick-next:before {
    transform: rotate(0deg);
    right: calc(50% - .5em);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo {
    height: auto;
    /*---画像原寸高さ---*/
    max-height: none;
    /* 基本の背景色を白に変更(2021-09-16)mk */
    /* background: #f8f8f8; */
    padding-bottom: 25px;
}

/*---▼以下次へボタン---*/
.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
    background: none;
    width: 45px;
    height: 45px;
}

.ms-skin-default .ms-nav-next {
    right: -40px;
}

.ms-skin-default .ms-nav-prev {
    left: -40px;
}

.ms-skin-default .ms-nav-next:before, .ms-skin-default .ms-nav-prev:before {
    font-family: "icomoon";
    color: #545454;
    display: inline-block;
    font-size: 45px;
    line-height: 1;
}

.ms-skin-default .ms-nav-next:before {
    content: '\e911';
}

.ms-skin-default .ms-nav-prev:before {
    content: '\e910';
}

/* 前後のスライドが見える様に表現する */
#promo .inner{
    /* overflow: hidden; */
}

.ms-view {
    overflow: visible;
}

.ms-bullets {
    bottom: -30px!important;
}

.ms-skin-default .ms-bullet {
    width: 6px;
    height: 6px;
    background: #cecece;
    transition: .3s;
}

.ms-skin-default .ms-bullet-selected {
    background: #282828;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カテゴリー一覧　＞ ul.cmn_cat_list
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_cat_list {
    width: calc(100% + 2.15% + 2.15%);
    justify-content: center;
    margin: 0 -2.15% 55px;
}

ul.cmn_cat_list li {
    width: calc((100% - 17.2%) * .25);
    background-color: #fff;
    margin: 0 2.15% 30px!important;
}

ul.cmn_cat_list li a span {
    color: #151515;
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 10px 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
    padding: 30px 0 60px;
}

.tweet_area .f_wrap {
    /* border: 1px solid; */
    width: fit-content;
    max-width: 90%;
    background-color: #fff;
    font-size: 16px;
}

.tweet_area .f_wrap > * {
    padding: 0;
}

.tweet_area .icon {
    background-color: #000;
    color: #fff;
    min-width: 100px;
    padding: 7px 5px;
    line-height: 1;
    align-self: center;
    font-size: 15px;
    /* margin-right: 30px; */
}

.tweet_area ul.items {
    width: fit-content;
    max-width: calc(100% - 200px);
    padding: 0 30px;
}

.tweet_area ul.items a {
    color: inherit;
}

.tweet_area ul.items a:hover {
    text-decoration: none;
}

.tweet_area .more {
}

.tweet_area .more a {
    color: inherit;
    text-decoration: none;
    position: relative;
    padding-right: 25px;
}

.tweet_area .more a::after {
    content: "";
    width: 18px;
    height: 11px;
    background: url(../images/arrow_bk.svg) no-repeat 50% 50%/contain;
    transition: .2s;
    position: absolute;
    right: 0;
    top: calc(50% - 7px);
    transition: .3s;
}

.tweet_area .more a:hover::after {
    right: -5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　ピックアップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_pickup.kugiri_m {
    background: #f7f7f7;
}

#home_pickup h2.cmn_ttl {
    margin-bottom: 60px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　ランキング
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_ranking .cmn_ttl {
    text-align: left;
}

#home_ranking ul {
    counter-reset: ol_cnt;
}

#home_ranking li {
    counter-increment: ol_cnt;
}

#home_ranking li a::before {
    content: counters(ol_cnt, "");
    width: 50px;
    height: 50px;
    background-color: #b4b4b4;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
}

#home_ranking li:nth-child(-n + 3) a::before {
    padding-bottom: 10px;
}

#home_ranking li:nth-child(1) a::before {
    background-color: #ee9e00;
}

#home_ranking li:nth-child(2) a::before {
    background-color: #706c6c;
}

#home_ranking li:nth-child(3) a::before {
    background-color: #926529;
}

#home_ranking li:nth-child(-n + 3) a::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 10px 25px;
    border-color: transparent transparent #fff transparent;
    content: '';
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　タクソノミー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_tax.kugiri_m {
    padding-bottom: 120px;
    background: url(../images/bg.jpg) repeat 50% 0;
}

#home_tax .box {
    background: #fff;
    padding: 50px 100px;
}

#home_tax .box a {
    color: inherit;
    text-decoration: none;
}

#home_tax ul:not(.children) {
}

#home_tax ul:not(.children) > li {
    position: relative;
}

/*
#home_tax ul:not(.children) > li::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: calc(1.8em + 40px);
    left: 0;
}
*/

#home_tax ul:not(.children) > li > a {
    font-size: 16px;
    padding: 20px 25px 20px 0px;
    border-bottom:1px solid #ccc;
    display: block;
    line-height: 1.4;
}

/*
#home_tax ul:not(.children) > li > a::before {
    content: '■';
    position: absolute;
    left: 0;
}
*/

#home_tax ul:not(.children) > li > a .arrow {
    font-size: 1.5em;
}

#home_tax ul:not(.children) > li > a .arrow:before {
    content: '\e91d';
}

#home_tax ul:not(.children) > li > a.open .arrow:before {
    content: '\e920';
}

#home_tax ul.children {
    display: flex;
    flex-wrap: wrap;
    margin: 20px auto 40px;
}

#home_tax ul.children > li {
    width: 33.333%;
    margin-bottom: 5px;
}

#home_tax ul.children > li > a {
    font-size: 14px;
}

#home_tax ul.children > li > a::before {
    content: '';
    width: 6px;
    height: 1px;
    background-color: #000;
    display: inline-block;
    vertical-align: 5px;
    margin: 0 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　インフォメーションエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#footer_info_ec p.logo img {
    width: 120px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　コピーライトのエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#copy_area {
    font-size: 14px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▼▼▼WooCommerce▼▼▼
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
アーカイブページ、シングルページ内の「関連商品」など
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.woocommerce .products ul, 
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px -20px;
}

.woocommerce-page.columns-3 ul.products, 
.woocommerce.columns-3 ul.products{
    margin: 0 -45px -45px;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    float: none;
    width: calc(25% - 20px);
    margin: 0 10px 20px;
}

.woocommerce-page.columns-3 ul.products li.product, 
.woocommerce.columns-3 ul.products li.product{
    width: calc(33.333% - 90px);
    margin: 0 45px 45px;
}


ul[class*="product"] li{
    background-color:#fff;
}
ul[class*="product"] li h2{
	font-size:15px!important;
    padding:0 10px!important;
}
ul[class*="product"] li .price{
	font-size:17px!important;
    padding:0 10px 10px!important;
	text-align: right;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
pick up
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.woocommerce .products li.featured::before {
    background: url(../images/pickup_bg.png) no-repeat 50% top/contain;
    padding: 5px 3px 11px;
    font-size: 11px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
タイトル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.woocommerce ul.products li.product .woocommerce-loop-category__title,.
woocommerce ul.products li.product .woocommerce-loop-product__title,.
woocommerce ul.products li.product h3 {
    padding: 0em 0;
    font-size: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
支払い
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
form.checkout #customer_details p.delivery-date::after {
    content: "※離島への発送の場合、到着予定日よりも超過することがございます。予めご了承ください。";
    font-size: .9em;
    padding: 5px 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
支払い後
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.woocommerce-checkout .ec_main .woocommerce-notice {
    font-weight: bold;
    color: #f6190d;
    font-size: 24px;
    padding-bottom: 1em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
新規アカウント登録時のメール認証プラグイン用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.woocommerce .registration {
    background: #fff493;
    padding: 15px;
    margin-bottom: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
チェックアウト時の新規登録案内
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.must_be_logged {
    padding: 20px;
    border: 1px solid #ccc;
}

.must_be_logged h2 {
    font-size: 1.1em;
    color: #a2120a;
    margin-bottom: 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ご利用店舗 見出し設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
p#additional_tenpo_field label {
    border-bottom: 1px dashed #aaa;
    margin-bottom: 1em;
    font-size: 18px;
    padding: 5px;
    width: 100%;
    font-weight: bold;
    line-height: 1.4;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▲▲▲WooCommerce ここまで▲▲▲
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コピーライトの削除
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#copy_area p {
    display: none;
}