@charset "utf-8";
/* CSS Document */
/********************************************************************/
/* HTMLタグ要素 */
/********************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders:opsz,wght@10..72,100..900&family=Noto+Sans+JP:wght@100..900&family=Zen+Kaku+Gothic+New&family=Shippori+Mincho+B1:wght@500;700;800&display=swap');


:root {
  /* Font Family */
  --family-main: "Zen Kaku Gothic New", sans-serif;
  --family-noto: "Noto Sans JP", sans-serif;
  --family-en: "Big Shoulders", sans-serif;
  --family-wa: "Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;

  /* Font Size */
  --fs-ttl-h0: 80px;
  --fs-ttl-h1: 35px;
  --fs-ttl-h2: 18px;
  --fs-ttl-h3: 16px;

  /* Color */
  --iro-main: #1d1814;
  --iro-main2: #262422;
  --iro-midori: #c2271d;
  --iro-btn: #a5821a;
  --iro-border: #cdb994;
  --iro-gb-grey: #5b46311a;
  --iro-green: #c2271d;
  --iro-yellow: #d2b04c;
  --iro-gra-ttl: linear-gradient(90deg, #735a0c, #d2b04c);
  --shadow-color: rgba(58, 43, 28, 0.35);

  /* Border Radius */
  --rad-main: 10px;
  --rad-btn: 50px;
  --rad-ttl: 100px;

  /* 配色 */
  --hb-sumi-900: #121110;
  --hb-sumi-800: #1b1a18;
  --hb-sumi-700: #262422;
  --hb-sumi-600: #35322e;
  --hb-washi: #eee4d0;
  --hb-washi-light: #f6efe1;
  --hb-washi-dark: #dccdb0;
  --hb-washi-line: #cdb994;
  --hb-frame: #5b4631;
  --hb-frame-dark: #3a2b1c;
  --hb-gold: #a5821a;
  --hb-gold-light: #d2b04c;
  --hb-gold-dark: #735a0c;
  --hb-shu: #c2271d;
  --hb-shu-light: #de4436;
  --hb-shu-dark: #86170f;
  --hb-ink: #1d1814;
  --hb-ink-sub: #5a4c3d;
  --hb-on-dark: #ece4d4;

  --hb-grad-shu: linear-gradient(180deg, #d63a2d 0%, #b8231a 55%, #8e1a13 100%);
  --hb-grad-shu-h: linear-gradient(180deg, #e44a3c 0%, #c52c21 55%, #9c1f16 100%);
  --hb-grad-sumi: linear-gradient(180deg, #3a3632 0%, #1f1d1b 100%);
  --hb-grad-gold: linear-gradient(180deg, #d9b957 0%, #a5821a 55%, #7d620f 100%);

  /* 和紙の繊維 */
  --hb-tex-washi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .34 0 0 0 0 .18 0 0 0 .2 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  /* 墨のざらつき */
  --hb-tex-sumi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .8 0 0 0 0 .78 0 0 0 0 .72 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  /* 見出しの帯 */
  --hb-brush: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 120' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23a3800f'/%3E%3Cstop offset='.5' stop-color='%238f6e0c'/%3E%3Cstop offset='1' stop-color='%236e5307'/%3E%3C/linearGradient%3E%3Cfilter id='r' x='-3%25' y='-40%25' width='106%25' height='180%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.015 .25' numOctaves='3' seed='21' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='16' xChannelSelector='R' yChannelSelector='G' result='d'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.003 .5' numOctaves='2' seed='25' result='s'/%3E%3CfeColorMatrix in='s' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.80 0 0 0 2.34' result='m'/%3E%3CfeComposite in='d' in2='m' operator='in'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23r)'%3E%3Cpath fill='url(%23g)' d='M40 20 63 21 86 19 109 20 132 19 155 17 178 18 201 18 224 16 247 18 270 17 293 14 316 15 339 16 362 13 385 13 408 14 431 13 454 12 477 14 500 14 523 15 546 14 569 13 592 12 615 14 638 15 661 13 684 14 707 15 730 13 753 15 776 14 799 15 822 14 845 15 868 14 891 15 914 15 937 15 960 15 L992 54 960 91 937 89 914 91 891 93 868 91 845 93 822 94 799 94 776 94 753 96 730 94 707 95 684 96 661 96 638 98 615 96 592 97 569 99 546 99 523 100 500 98 477 98 454 98 431 99 408 100 385 101 362 100 339 99 316 98 293 99 270 100 247 100 224 98 201 98 178 97 155 98 132 98 109 98 86 99 63 98 40 98 L12 62Z'/%3E%3C/g%3E%3Cg fill='%238f6e0c'%3E%3Cellipse cx='891' cy='5' rx='2.5' ry='2.5'/%3E%3Cellipse cx='707' cy='115' rx='3.2' ry='2.4'/%3E%3Cellipse cx='75' cy='114' rx='1.6' ry='1.4'/%3E%3Cellipse cx='848' cy='3' rx='1.9' ry='1.1'/%3E%3Cellipse cx='114' cy='5' rx='2.1' ry='2.4'/%3E%3Cellipse cx='945' cy='111' rx='3.5' ry='2.3'/%3E%3Cellipse cx='918' cy='117' rx='2.3' ry='1.8'/%3E%3Cellipse cx='45' cy='9' rx='2.2' ry='1.5'/%3E%3Cellipse cx='255' cy='7' rx='1.8' ry='1.1'/%3E%3Cellipse cx='52' cy='10' rx='3.7' ry='2.0'/%3E%3Cellipse cx='206' cy='9' rx='3.1' ry='1.3'/%3E%3Cellipse cx='803' cy='11' rx='3.5' ry='1.0'/%3E%3Cellipse cx='732' cy='9' rx='3.6' ry='1.3'/%3E%3Cellipse cx='860' cy='111' rx='1.9' ry='2.1'/%3E%3C/g%3E%3C/svg%3E");
  /* 麻の葉（背景用） */
  --hb-asanoha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='69.28' viewBox='0 0 40 69.28'%3E%3Cpath d='M-40 34.64L0 34.64M-20 69.28L0 103.92M20 -23.09L20 0M40 11.55L40 34.64M-20 69.28L0 34.64M20 0L40 34.64M0 34.64L20 69.28M0 11.55L0 34.64M40 -34.64L60 0M40 34.64L60 0M0 34.64L20 0M20 69.28L40 103.92M-20 69.28L0 80.83M20 69.28L40 57.74M20 0L20 23.09M20 0L40 11.55M0 34.64L20 46.19M40 34.64L60 46.19M0 103.92L20 69.28M-20 0L0 34.64M-20 0L0 -34.64M40 34.64L60 23.09M-20 69.28L0 57.74M-20 69.28L20 69.28M40 34.64L40 57.74M0 34.64L0 57.74M20 46.19L20 69.28M0 11.55L20 0M-20 0L0 -11.55M20 69.28L60 69.28M40 -11.55L60 0M20 69.28L20 92.38M-20 46.19L0 34.64M0 57.74L20 69.28M40 80.83L60 69.28M20 69.28L40 34.64M-20 0L20 0M0 34.64L20 23.09M40 34.64L60 69.28M0 -11.55L20 0M20 23.09L40 34.64M40 11.55L60 0M0 80.83L20 69.28M40 34.64L80 34.64M0 34.64L40 34.64M-20 23.09L0 34.64M20 0L40 -11.55M20 69.28L40 80.83M40 57.74L60 69.28M20 0L60 0M-20 0L0 11.55M20 0L40 -34.64M20 46.19L40 34.64M0 -34.64L20 0M40 103.92L60 69.28' fill='none' stroke='%23b08d4a' stroke-opacity='.09' stroke-width='1'/%3E%3C/svg%3E");
  /* 麻の葉（帯用） */
  --hb-asanoha-gold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='69.28' viewBox='0 0 40 69.28'%3E%3Cpath d='M-40 34.64L0 34.64M-20 69.28L0 103.92M20 -23.09L20 0M40 11.55L40 34.64M-20 69.28L0 34.64M20 0L40 34.64M0 34.64L20 69.28M0 11.55L0 34.64M40 -34.64L60 0M40 34.64L60 0M0 34.64L20 0M20 69.28L40 103.92M-20 69.28L0 80.83M20 69.28L40 57.74M20 0L20 23.09M20 0L40 11.55M0 34.64L20 46.19M40 34.64L60 46.19M0 103.92L20 69.28M-20 0L0 34.64M-20 0L0 -34.64M40 34.64L60 23.09M-20 69.28L0 57.74M-20 69.28L20 69.28M40 34.64L40 57.74M0 34.64L0 57.74M20 46.19L20 69.28M0 11.55L20 0M-20 0L0 -11.55M20 69.28L60 69.28M40 -11.55L60 0M20 69.28L20 92.38M-20 46.19L0 34.64M0 57.74L20 69.28M40 80.83L60 69.28M20 69.28L40 34.64M-20 0L20 0M0 34.64L20 23.09M40 34.64L60 69.28M0 -11.55L20 0M20 23.09L40 34.64M40 11.55L60 0M0 80.83L20 69.28M40 34.64L80 34.64M0 34.64L40 34.64M-20 23.09L0 34.64M20 0L40 -11.55M20 69.28L40 80.83M40 57.74L60 69.28M20 0L60 0M-20 0L0 11.55M20 0L40 -34.64M20 46.19L40 34.64M0 -34.64L20 0M40 103.92L60 69.28' fill='none' stroke='%23d2b04c' stroke-opacity='.16' stroke-width='1'/%3E%3C/svg%3E");
}


body {
    color: #1d1814;
    background-color: #1b1a18;
    background-image:
        radial-gradient(ellipse 60% 40% at 20% 15%, rgba(120,112,100,.22), transparent 70%),
        radial-gradient(ellipse 55% 45% at 85% 60%, rgba(110,100,88,.18), transparent 70%),
        var(--hb-tex-sumi);
    background-size: auto, auto, 260px 260px;
    background-attachment: fixed;
}

A {
    font-weight: bold;
}

A,
A:link,
A:visited,
A:hover,
A:active {
    color: #86170f;
    text-decoration: none;
    outline: none;
}

.use_hover A:hover {
    color: #de4436;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin-bottom: 5px;
}

h1 {
    font-size: 161.6%;
}

h2 {
    font-size: 146.5%;
}

h3 {
    font-size: 131%;
}

h4 {
    font-size: 123.1%;
}

h5 {
    font-size: 116%;
}

h6 {
    font-size: 108%;
}


/********************************************************************/
/* 大外 */
/********************************************************************/

#container {
    font-size: 108%;
}

/* コンテンツ枠 */
#inner_contents {
    background-color: var(--hb-washi);
    background-image:
        var(--hb-tex-washi),
        radial-gradient(ellipse at center, var(--hb-washi-light) 0%, var(--hb-washi) 65%, var(--hb-washi-dark) 100%);
    background-size: 240px 240px, 100% 100%;
    box-shadow:
        inset 0 0 0 5px var(--hb-frame),
        inset 0 0 0 6px var(--hb-frame-dark),
        inset 0 0 30px rgba(90,70,40,.35),
        0 10px 30px rgba(0,0,0,.6);
}


/********************************************************************/
/* トップページコンテンツ間余白 */
/********************************************************************/

.main_box,
.side_box {
    margin-bottom: 25px;
}


/********************************************************************/
/* キャッチフレーズ欄 */
/********************************************************************/

/* キャッチフレーズ */
.copy {
    min-height: 15px;
    padding: 5px 5px 0px;
    font-size: 85%;
    color: var(--hb-on-dark);
}


/********************************************************************/
/* ヘッダー */
/********************************************************************/

.header {
    position: relative;
    padding:5px 10px;
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 50px 145px;
    background-color: transparent;
    background-image: linear-gradient(180deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,.15) 100%);
    min-height: 60px;
}

.logo_wrap {
    padding: 0px 0 0;
}

.logo_wrap a {
    display: block;
    display: flex;
    flex-flow: column;
}

.logo_wrap a .logo_ec {
    font-size: 33px;
    margin: 0;
    font-weight: 800 !important;
    font-family: var(--family-wa) !important;
    letter-spacing: 0.02em;
    color: #ffffff;
    text-shadow: 0 0 10px rgba(255,255,255,.25), 0 2px 0 #000;
}

.logo_wrap a .logo_ech2 {
    margin: 4px 0 0 3px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 800 !important;
    font-family: var(--family-wa);
    letter-spacing: 0.06em;
    color: var(--hb-gold-light);
}

.logo_wrap {
    padding: 0px 0 0;
}

@media screen and (max-width: 599px) {
.logo_wrap {
    padding: 0px 0 0 15%;
}


}


/********************************************************************/
/* ショップ名 */
/********************************************************************/

/* ショップ名ロゴ */
.shoplogo {
    padding: 5px;
}

.use_hover .shoplogo A:hover img {
    opacity: 0.8;
}

/* ショップ名テキスト */
.shoptext {
    padding: 5px 0px;
    min-height: 40px;
    margin-right: auto;
}

.shoptext A {
    font-size: 116%;
    color: #ffffff;
    font-family: var(--family-wa);
}


/********************************************************************/
/* 文字サイズ */
/********************************************************************/

.font_setting {
    padding: 5px 5px 10px;
    text-align: center;
}

.header_font_setting .set_font_title {
    color: var(--hb-on-dark);
}

/* 文字サイズ画像 */
.set_font_normal,
.set_font_large {
    width: 45px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-background-size: 45px 60px;
    background-size: 45px 60px;
}

/* 普通画像 */
.set_font_normal {
    background-image: url(img/font_default.gif);
}

/* 大画像 */
.set_font_large {
    margin-left: 5px;
    background-image: url(img/font_large.gif);
}

/* 文字サイズ画像マウスオーバー、選択中 */
.use_hover .font_setting .set_font_normal:hover,
.use_hover .font_setting .set_font_large:hover,
.font_setting .nav_on {
    background-position: left bottom;
}


/********************************************************************/
/* ヘッダーナビ */
/********************************************************************/

/* 各ナビゲーション */
.inner_header_nav .nav_btn {
    background-color: var(--hb-sumi-700);
    background-image: var(--hb-grad-sumi);
    box-shadow: inset 0 0 0 1px var(--hb-gold-dark);
    color: var(--hb-on-dark);
}

.use_hover .inner_header_nav .nav_btn:hover {
    background-color: var(--hb-shu);
    background-image: var(--hb-grad-shu);
    color: #FFFFFF;
}


/********************************************************************/
/* 検索 */
/********************************************************************/

.search_bar .search {
    background-color: rgba(0,0,0,.35);
}


/********************************************************************/
/* グローバルナビゲーション */
/********************************************************************/

.global_nav {
    background-image: linear-gradient(180deg, #0e0d0c 0%, #1e1c1a 100%);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #121110;
    box-shadow: inset 0 1px 0 var(--hb-gold), inset 0 -1px 0 var(--hb-gold);
}

/* 各ナビゲーション */
.inner_global_nav .nav_btn {
    border-right: 1px solid rgba(165,130,26,.45);
    background-image: none;
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: transparent;
    color: var(--hb-on-dark);
    font-weight: normal;
    text-align: center;
}

.use_hover .inner_global_nav .nav_btn:hover {
    background-image: none;
    background-color: rgba(194,39,29,.55);
    color: #FFFFFF;
}

.global_nav_item:first-child .nav_btn {
    border-left: 1px solid rgba(165,130,26,.45);
}


/********************************************************************/
/* 開閉ナビゲーション */
/********************************************************************/

.inner_popup_nav_area,
.inner_popup_menu_area {
    background-color: var(--hb-washi-light);
    color: var(--hb-ink);
}

/* 各ナビゲーション */
.inner_popup_nav .nav_btn {
    background-color: var(--hb-washi-light);
    border-top: 1px dotted var(--hb-washi-line);
    font-weight: normal;
}

.use_hover .inner_popup_nav .nav_btn:hover {
    background-color: var(--hb-washi-dark);
}

/* 開閉ナビゲーション閉じるボタン */
.nav_close_box .nav_close {
    background-color: var(--hb-sumi-700);
    color: var(--hb-on-dark);
}

.use_hover .nav_close_box .nav_close:hover {
    background-color: var(--hb-shu);
}


/********************************************************************/
/* メインナビゲーション */
/********************************************************************/

/* 各ナビゲーション */
.inner_side_nav .nav_btn,
.inner_main_nav .nav_btn {
	background-image: var(--hb-grad-sumi);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: var(--hb-sumi-700);
    box-shadow: inset 3px 0 0 var(--hb-shu);
    color: var(--hb-on-dark);
}

.use_hover .inner_side_nav .nav_btn:hover ,
.use_hover .inner_main_nav .nav_btn:hover {
    opacity: 0.9;
	color: var(--hb-gold-light);
}

/* フリーページナビゲーション背景 */
.freepage_nav .inner_freepage_nav .nav_btn {
    background-image: var(--hb-grad-sumi);
    background-color: var(--hb-sumi-700);
    box-shadow: inset 3px 0 0 var(--hb-gold);
    color: var(--hb-on-dark);
}

.use_hover .freepage_nav .inner_freepage_nav .nav_btn:hover {
    opacity: 0.9;
}


/********************************************************************/
/* カテゴリ、特集ナビゲーション */
/********************************************************************/

.itemlist_nav {
    margin-top: 15px;
}

/* 各ナビゲーション */
.inner_itemlist_nav .nav_btn {
    background-color: rgba(255,255,255,.35);
    border-bottom: 1px solid var(--hb-washi-line);
    font-weight: normal;
    color: var(--hb-ink);
}

.use_hover .inner_itemlist_nav .nav_btn:hover {
    background-color: rgba(194,39,29,.08);
    color: var(--hb-shu);
}


/********************************************************************/
/* サイドメニュー */
/********************************************************************/

/* サイドメニュー枠 */
.open_side_col .side_container {
    background-color: var(--hb-washi);
    background-image: var(--hb-tex-washi);
}

/* サイドカテゴリ一覧 */
.side_itemlist_nav {
    padding: 0px 1px;
}

/* サブカテゴリ　第二階層 */
.side_itemlist_nav .sub_menu_link {
    padding: 10px 24px 10px 10px;
}

/* サブカテゴリ背景 */
.side_itemlist_nav .sub_menu_link {
    background-color: rgba(255,255,255,.3);
    border-top: none;
    border-left: 1px solid var(--hb-washi-dark);
    border-right: 1px solid var(--hb-washi-dark);
    border-bottom: 1px solid var(--hb-washi-dark);
}

/* マウスオーバー */
.use_hover .side_itemlist_nav .side_itemlist_nav_link:hover {
    background-color: rgba(194,39,29,.08);
}


/********************************************************************/
/* フッターナビゲーション */
/********************************************************************/

.footer_nav {
    background-color: #0c0b0a;
    background-image: var(--hb-tex-sumi);
    box-shadow: inset 0 2px 0 var(--hb-gold);
}

/* 各ナビゲーション */
.footer_nav_item {
    color: var(--hb-on-dark);
}

.footer_nav_item .nav_btn {
    border-bottom: 1px dotted rgba(165,130,26,.4);
    color: var(--hb-on-dark);
}

.use_hover .footer_nav_item .nav_btn:hover {
    background-color: rgba(194,39,29,.3);
    color: #FFFFFF;
}


/********************************************************************/
/* タイトル */
/********************************************************************/

.side_box h2 {
    padding: 12px 10px;
    background-image: var(--hb-brush);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-color: transparent;
    border-radius: 5px;
    color: #FFFFFF;
    font-family: var(--family-wa);
    text-shadow: 0 2px 2px rgba(40,25,0,.7);
}

.category_nav_box h2,
.pickupcategory_nav_box h2,
.main_box h2 {
    padding: 12px 10px;
    background-image: var(--hb-brush);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-color: transparent;
    color: #FFFFFF;
    font-family: var(--family-wa);
    text-shadow: 0 2px 2px rgba(40,25,0,.7);
}

.item_box h2 {
    padding: 12px 10px;
    background-image: var(--hb-brush);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-color: transparent;
    color: #FFFFFF;
    font-family: var(--family-wa);
    text-shadow: 0 2px 2px rgba(40,25,0,.7);
}

.category_nav_box h2,
.pickupcategory_nav_box h2 {
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.main_box h2 {
    border-radius: 5px;
}


/********************************************************************/
/* 第二階層タイトル */
/********************************************************************/

/* 第二階層各ページタイトル */
.page_box .page_title h1,
.page_box .page_title h2,
.page_box .recently .section_title h2,
.page_box .use_emphasis_title .section_title h2 {
    padding: 12px 10px;
    background-image: var(--hb-brush);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-color: transparent;
    border-radius: 5px;
    color: #FFFFFF;
    font-family: var(--family-wa);
    text-shadow: 0 2px 2px rgba(40,25,0,.7);
}

.shoppingcart_page_body .page_box .page_title h1,
.shoppingcart_page_body .page_box .page_title h2,
.shoppingcart_page_body .page_box .recently .section_title h2,
.shoppingcart_page_body .page_box .use_emphasis_title .section_title h2 {
    padding: 12px 10px;
    background-image: var(--hb-grad-shu);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto;
    background-color: var(--hb-shu);
    box-shadow: inset 0 0 0 1px var(--hb-shu-dark), inset 0 0 0 4px rgba(255,220,180,.2);
    border-radius: 5px;
    color: #FFFFFF;
    text-shadow: 0 1px 2px rgba(0,0,0,.45);
}

.shoppingcart_page_body .page_box .page_title h2 {
    margin-bottom: 10px;
}

.model_number {display:none !important;}


/********************************************************************/
/* 第二階層サブタイトル */
/********************************************************************/

/* 各ページサブタイトル */
.page_box .section_title h2,
.page_box .section_title h3 {
    background-image: var(--hb-grad-sumi);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto;
    background-color: var(--hb-sumi-700);
    box-shadow: inset 4px 0 0 var(--hb-shu);
    padding: 12px 10px;
    border-radius: 5px;
    color: var(--hb-on-dark);
    font-family: var(--family-wa);
    text-shadow: none;
}

.page_box #cart_preview .section_title h3 {
    margin-bottom: 10px;
}

.page_box .help_contents .section_title h4 {
    margin-top: 10px;
}

.page_box .section_title h4 {
    border-bottom: 1px solid var(--hb-washi-line);
    padding: 10px 5px;
}

.page_box .page_contents .search_result_title h3 {
    margin-top: 10px;
}


/********************************************************************/
/* 第二階層小項目タイトル */
/********************************************************************/

.contents_title {
    border-left: 5px solid var(--hb-shu);
    border-bottom: 1px solid var(--hb-washi-line);
    padding: 0px 8px 8px;
    font-weight: normal;
    font-size: 116%;
    color: var(--hb-ink);
}

.rules_title {
    font-weight: bold;
}


/********************************************************************/
/* フォームタイトル */
/********************************************************************/

.form_title {
    border-left: 5px solid var(--hb-shu);
    border-bottom: 1px solid var(--hb-washi-line);
    padding: 0px 8px 8px;
    font-weight: normal;
    font-size: 116%;
    color: var(--hb-ink);
}

.form_inner_title {
    border-bottom: 1px dotted var(--hb-washi-line);
    font-weight: bold;
    color: var(--hb-ink);
}


/********************************************************************/
/* タイトル文字サイズ */
/********************************************************************/

.page_title h1,
.page_title h2,
.section_title h1,
.section_title h2 {
    margin: 0px 2px;
    font-size: 123.1%;
    font-weight: normal;
}

.page_title h3,
.section_title h3 {
    margin: 0px 2px;
    font-size: 116%;
    font-weight: normal;
}

.page_title h4,
.page_title h5,
.page_title h6,
.section_title h4,
.section_title h5,
.section_title h6 {
    margin: 0px;
    font-size: 100%;
    font-weight: bold;
}


/********************************************************************/
/* メインコンテンツ */
/********************************************************************/

/********************************************************************/
/* 一覧
・写真のみ表示
・説明付き表示
・商品一覧ページ(写真のみ、説明付き)
・最新情報、店長日記
・ソート
*/
/********************************************************************/


/*--------------------------------------*/
/* 写真のみ表示  */
/*--------------------------------------*/

/* サムネイル写真 */
.layout_photo .list_item_photo {
    padding: 5px 0;
    text-align: center;
}

/* 一覧枠 */
.layout_photo .list_item_data {
    padding: 5px 1px;
}

/* もっと見る */
.more_item {
    padding: 10px 5px 0px 5px;
    border-top: 1px solid var(--hb-washi-line);
    text-align: right;
}

.more_item .general_btn {
    padding: 5px;
    font-size: 85%;
    font-weight: normal;
}

/* 写真のみ文字サイズ */
.layout_photo .item_data_link {
    font-size: 85%;
}

.layout_photo .col2 .item_data_link {
    font-size: 93%;
}


/*--------------------------------------*/
/* 説明付き */
/*--------------------------------------*/

/* リンク */
.layout_column_text .list_item_box,
.layout_text .not_link {
    border-bottom: 1px dotted var(--hb-washi-line);
}

.list_item_data p.item_desc {
    color: var(--hb-ink);
}


/*--------------------------------------*/
/* 商品一覧  */
/*--------------------------------------*/

/* 商品、記事一覧マウスオーバー */
.use_hover .item_list .item_data_link:hover,
.use_hover .item_list .list_item_link:hover {
    opacity: 0.7;
}

/* 商品名 */
.item_name {
    font-weight: bold;
    color: var(--hb-ink);
}

.list_item_data p.item_name {
    margin-bottom: 3px;
}

/* 販売価格 */
.price {
    padding: 2px 0px;
    color: var(--hb-ink);
    font-weight: bold;
}

.price .selling_price,
.price .regular_price {
    padding: 2px 0px;
}

.price .selling_price {
    color: var(--hb-shu-dark);
}

/* 通常販売価格 */
.price .regular_price {
    color: var(--hb-ink);
    font-weight: normal;
    display: block;
}

.item_box .text_layout .regular_price {
    display: inline;
}

/* 希望小売価格、税込価格 */
.item_box .retail_price,
.item_box .tax_incl_price {
    color: var(--hb-ink-sub);
    font-weight: normal;
    word-break: normal;
}

/* 在庫あり */
.stock {
    color: var(--hb-ink-sub);
    font-size: 93%;
}

/* 在庫僅か */
.lowstock {
    color: var(--hb-shu);
}

/* 在庫なし */
.soldout,
.variation_stock_list .data_table .soldout {
    color: #8a8278;
}

/* レビュー件数 */
.item_info .review_number {
    color: var(--hb-ink);
}

/* 商品一覧ランキングNo. */
.rankno {
    color: #FFFFFF;
    background-color: var(--hb-sumi-700);
}

.item_data .rankno1 {
    background-color: var(--hb-gold);
}


/*--------------------------------------*/
/* 記事一覧  */
/*--------------------------------------*/

/* タイトル */
.list_subject {
    padding: 5px 0px;
}

/* 日付 */
.date {
    color: var(--hb-ink-sub);
    font-size: 93%;
    font-weight: normal;
}


/*--------------------------------------*/
/* ソート */
/*--------------------------------------*/

.sort {
    border-bottom: 1px solid var(--hb-washi-line);
}

.sort_toggle .toggle_open {
    padding: 7px;
    background-color: var(--hb-washi-dark);
    border: 1px solid var(--hb-washi-line);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
}

.sort_toggle .toggle_open:hover {
    background-color: #e6d7b9;
}

/* ソート項目枠 */
.sort_item {
    padding: 10px;
    border-left: 1px solid var(--hb-washi-line);
    border-right: 1px solid var(--hb-washi-line);
    border-bottom: 1px solid var(--hb-washi-line);
    background-color: rgba(255,255,255,.4);
}

.sort_box {
    padding: 5px;
    margin: 3px;
    border-bottom: 1px solid var(--hb-washi-line);
}

.sort_item .global_btn {
    padding: 5px;
    text-align: center;
}

/* 件数 */
.item_count {
    font-size: 93%;
}


/********************************************************************/
/* スライド */
/********************************************************************/

/* スライド送りボタン */
.slider_box .swiper-pagination-bullet,
.swipe_list .pointer span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid var(--hb-gold-dark);
    border-radius: 50%;
    cursor: pointer;
}

/* 現スライド */
.slider_box .swiper-pagination-bullet-active,
.swipe_list .pointer span.current {
    background-color: var(--hb-shu);
    border: 1px solid var(--hb-shu);
}

#photo .slider_box .swiper-pagination-bullet,
#photo .swipe_list .pointer span,
#photo .slider_box .swiper-pagination-bullet-active,
#photo .swipe_list .pointer span.current {
    border: none;
}

/* 前へ、次へアイコン */
.swipe_list .pointer_box span.pointer_prev,
.swipe_list .pointer_box span.pointer_next,
.swiper-button-prev,
.swiper-button-next {
    width: 25px;
    height: 25px;
    background-color: var(--hb-washi-light);
    border: 1px solid var(--hb-gold);
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

.use_hover .swiper-button-prev:hover,
.use_hover .swiper-button-next:hover {
    background-color: var(--hb-washi-dark);
}

.use_hover .slider_box .swiper-button-disabled:hover {
    background-color: var(--hb-washi-light);
}

/* 前へアイコン画像 */
.swipe_list .pointer_box span.pointer_prev,
.swiper-button-prev {
    background-image: url(img/icon_prev.gif);
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

/* 次へアイコン画像 */
.swipe_list .pointer_box span.pointer_next,
.swiper-button-next {
    background-image: url(img/icon_next.gif);
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}


/********************************************************************/
/* 第二階層 */
/********************************************************************/

.page_box {
    color: var(--hb-ink);
}

/* 共通説明 */
.page_desc {
    padding: 10px;
}

/* 共通ボックス */
.global_info {
    background-color: rgba(255,255,255,.45);
    border: 1px solid var(--hb-washi-line);
    padding: 10px;
}


/********************************************************************/
/* 商品詳細 */
/********************************************************************/

/* 商品情報　各ブロック */
.detail_section {
    border-bottom: 1px solid var(--hb-washi-line);
}

/* 商品情報　商品名 */
.detail_item_data h1,
.detail_item_data .item_name {
    font-size: 123.1%;
    font-weight: bold;
    margin-bottom: 10px;
}

/* 商品詳細　価格エリアdivタグ間余白 */
.detail_item_data .section_box {
    margin-bottom: 10px;
}

/* 商品詳細　価格エリア項目間余白 */
.detail_item_data .section_box p {
    margin-bottom: 5px;
}

/* 商品詳細　販売価格 */
.detail_item_data .selling_price {
    font-size: 123.1%;
    word-break: normal;
    color: var(--hb-shu-dark);
}

/* 商品詳細　販売価格金額 */
.detail_item_data .selling_price .figure {
    font-weight: bold;
}

/* 商品詳細　通常販売価格 */
.detail_item_data .regular_price {
    font-size: 85%;
}

/* 商品詳細　希望小売価格、税込価格 */
.detail_item_data .retail_price,
.detail_item_data .tax_incl_price {
    color: var(--hb-ink-sub);
}

/* 商品詳細　販売価格ラベル */
.detail_item_data .selling_price {
    font-weight: normal;
}

/* 商品詳細　在庫 */
.detail_item_data .stock {
    font-size: 108%;
    font-weight: bold;
}

/* 商品情報　商品説明 */
.item_desc {
    margin: 0px;
}

/* 価格変動注意書き */
.price_desc {
    font-size: 77%;
}

/* 商品仕様 */
.detail_spec_data {
    margin: 0px;
}

/* 他の写真枠 */
.other_item_data {
    margin: 0px;
}

.other_item_data .global_photo {
    text-align: center;
}

/* 他の写真説明 */
.other_photo_desc {
    margin: 0px;
}

/* ソーシャルツール */
.social_tool {
    padding-bottom: 5px;
}

/* バリエーション在庫表 */
.variation_stock_list {
    margin-bottom: 5px;
}

/* バリエーション、オーダーメイド項目間余白 */
.variation_item,
.order_item {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* オーダーメイド項目 */
.order_item {
    border-bottom: 1px dotted var(--hb-washi-line);
}

.ordermade .bottompos {
    border-bottom: none;
}

/* 在庫数のラベルなし */
.hidden_stock .stocklist_data {
    text-align: center;
}

/* バリエーション在庫選択中背景 */
.variation_stock_list .data_table .selected_item {
    background-color: rgba(194,39,29,.1);
    color: var(--hb-shu-dark);
}

.variation_stock_list .data_table .selected_data {
    background-color: rgba(194,39,29,.1);
}


/*--------------------------------------*/
/* バリエーション選択のポップアップ */

/* ポップアップ枠 */
.popup_variation,
.popup_area {
    background-color: var(--hb-washi-light);
    border: 1px solid var(--hb-washi-line);
}

.popup_variation_selection,
.popup_section {
    border-bottom: 1px solid var(--hb-washi-line);
}

/* バリエーション項目ボタン */
.popup_variation_button,
.item_selection_button {
    background-color: #ffffff;
    border: 2px solid var(--hb-washi-line);
}

/* 選択中 */
.selected_option .popup_variation_button,
.selected_option .item_selection_button {
    background-color: rgba(194,39,29,.08);
    border: 2px solid var(--hb-shu);
    color: var(--hb-shu-dark);
}

/* 変更、選択してくださいボタン */
.popup_variation_edit_button,
.popup_variation_select_button,
.item_select_operation_button {
    background-image: var(--hb-grad-sumi);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: var(--hb-sumi-700);
    color: #FFFFFF;
}

.popup_variation_value,
.variation_selection_value,
.item_selection_value {
    color: var(--hb-shu);
}

/* 選択済み枠 */
.variation_selection_box .validation_selection_selected_all,
.use_hover .variation_selection_box .validation_selection_selected_all:hover {
    background-color: rgba(194,39,29,.06);
    border: 2px solid var(--hb-washi-line);
    color: var(--hb-ink);
}

.validation_selection_selected_all .variation_selection_msg_text {
    background-image: var(--hb-grad-sumi);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: var(--hb-sumi-700);
    color: #FFFFFF;
}


/*--------------------------------------*/
/* サムネイル写真 */

.thumbnail {
    margin-top: 5px;
}

/* サムネイル写真 */
.thumbnail .thumbnail_btn {
    border: 2px solid transparent;
}

.thumbnail .current .thumbnail_btn {
    border: 2px solid var(--hb-shu);
}

/* サムネイル写真枠サイズ */
.thumbnail_listbox {
    width: 60px;
}


/*************************************************************/
/* レビュー */
/*************************************************************/

.large_rating_icon .rating_point {
    font-size: 153.9%;
}

.medium_rating_icon .rating_point {
    font-size: 123.1%;
}

/* 星ポイント */
.rating_point {
    margin-left: 10px;
    color: var(--hb-gold);
}

/* レビュー数 */
.review_number {
    margin-left: 10px;
}

/* グラフ */
.bar_graph {
    background-color: var(--hb-gold);
}

/* 年代 */
.rating_age {
    font-size: 93%;
}

/* 分析レポート内レビュー数 */
.rating_number A {
    font-size: 93%;
}

/* レビュー一覧 */
.review_data {
    border-bottom: 1px dotted var(--hb-ink-sub);
}

.mypagereview_contents .review_data {
    border-bottom: none;
}

/* レビュータイトル */
.review_title {
    font-size: 123.9%;
    font-weight: bold;
}

.itemdetail .review_data .review_title,
.mypagereview_contents .review_data .review_title {
    font-size: 108%;
}

/* 登録日 */
.review_postdate {
    background-color: var(--hb-washi-dark);
}

/* メモ */
.review_note {
    border-top: 1px solid var(--hb-washi-line);
    border-bottom: 1px solid var(--hb-washi-line);
}

.detail_page_body .review_note {
    border-top: 1px solid var(--hb-washi-line);
    border-bottom: none;
}

/* ショップオーナー返信 */
.owner_note {
    border-bottom: 1px solid var(--hb-washi-line);
}

/* ショップオーナーヘッダー */
.owner_header {
    font-size: 93%;
    color: var(--hb-shu);
}

/* ショップオーナー登録日 */
.owner_postdate {
    display: inline-block;
    margin-left: 5px;
}

/* 参考質問数字 */
.user_number {
    font-size: 123.9%;
    font-weight: bold;
    color: var(--hb-gold);
}

/* 参考質問ボタン */
.review_vote_btn {
    display: block;
    margin-top: 5px;
}

/* 商品一覧レビュー数 */
.itemlist .review_number {
    font-size: 85%;
    margin-left: 5px;
}

/* 商品詳細レビュー数 */
.review_list .review_number {
    font-size: 93%;
}

/* 商品詳細ヘッダー */
.detail_review_header {
    padding-top: 10px;
}

/* 商品詳細、マイページレビュー管理ボタン */
.review_admin .global_btn {
    border-top: 1px solid var(--hb-washi-line);
    text-align: center;
}

.detail_review_header .global_btn {
    text-align: center;
}


/********************************************************************/
/* ログイン */
/********************************************************************/

/* ID、PW枠 */
.signin_box .id_box,
.signin_box .pass_box {
    margin: 0px;
}

/* ID、PWタイトル */
.signin_box .id_title,
.signin_box .pass_title {
    margin-bottom: 10px;
    border-bottom: 1px solid var(--hb-washi-line);
    font-size: 116%;
    font-weight: bold;
}

.signin_box .password .global_link {
    font-size: 85%;
}

/* 新規登録枠 */
#register_form {
    padding-top: 20px;
    border-top: 1px solid var(--hb-washi-line);
}


/********************************************************************/
/* カート */
/********************************************************************/

/* カートの中身各枠 */
.inner_cart_data {
    margin-bottom: 10px;
    border: 1px solid var(--hb-washi-line);
    background-color: rgba(255,255,255,.55);
    border-radius: 5px;
}

/* 各項目枠 */
.cart_section {
    border-top: 1px solid var(--hb-washi-line);
}

/* 区切り線 */
.top_separator {
    border-top: 1px solid var(--hb-washi-line);
}

.bottom_separator {
    border-bottom: 1px solid var(--hb-washi-line);
}

/* 各項目ラベル */
.cart_label {
    font-weight: bold;
}

/* ボタン中央寄せ */
.cart_inner_btn {
    text-align: center;
}

/* 小計、送料 */
.cart_sub_total_price,
.cart_shipping_charge {
    text-align: right;
}

/* 合計 */
.cart_footer {
    text-align: right;
}

.grand_total {
    display: inline-block;
    border-bottom: 2px solid var(--hb-shu);
    margin-bottom: 5px;
}

.grandtotal_price {
    font-size: 153.9%;
    color: var(--hb-shu-dark);
}

/* 買い物を続ける */
.continue_shopping {
    text-align: right;
    border-top: 1px solid var(--hb-washi-line);
    border-bottom: 1px solid var(--hb-washi-line);
}

/* 送り主、お届け先追加変更ボタン */
.cart_recipient .global_btn {
    text-align: center;
}

/* お届け先名 */
.cart_recipient_title {
    border-left: 5px solid var(--hb-shu);
}

/* ラジオボタン選択の強調表示 */
.checked_row {
    background-color: rgba(210,176,76,.2);
}

.form_area .checked_row > .form_title,
.form_inner_area .checked_row > .form_inner_title {
    color: #b80f0f;
}

/* リピータ向け決済機能用 */
.inner_global_info {
    background-color: rgba(255,255,255,.55);
    border: 1px solid var(--hb-washi-line);
}

/* クーポン/ポイント枠 */
.toggle_box .cart_point,
.toggle_box .box_padding,
.toggle_box .cart_point_notice {
    margin: 1px;
}

/* クーポン/ポイント変更時の金額を更新ボタン欄、強調表示背景 */
/*************************************************************/
/* 商品一覧ページ「カートに入れる」ボタン */
/*************************************************************/
.item_list .add_cart .global_btn {
  display: block;
  text-align: center;
  margin: 8px 0;
}

.item_list .add_cart .global_btn a,
.item_list .add_cart .global_btn button,
.item_list .add_cart .global_btn input[type="submit"],
.item_list .add_cart .global_btn input[type="button"] {
  background-image: var(--hb-grad-shu);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-color: var(--hb-shu);
  border: 1px solid var(--hb-shu-dark);
  border-radius: 5px;
  color: #FFFFFF;
  height: 35px;
  line-height: 35px;   /* aタグ用 */
  padding: 0 20px;
  font-size: 100%;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

/* hover時 */
.use_hover .item_list .add_cart .global_btn a:hover,
.use_hover .item_list .add_cart .global_btn button:hover,
.use_hover .item_list .add_cart .global_btn input[type="submit"]:hover,
.use_hover .item_list .add_cart .global_btn input[type="button"]:hover {
  opacity: 0.8;
  color: #FFFFFF;
}

/* form系ボタン補正 */
.item_list .add_cart .global_btn button,
.item_list .add_cart .global_btn input[type="submit"],
.item_list .add_cart .global_btn input[type="button"] {
  line-height: normal;
  padding: 0 20px;
}
/*************************************************************/
/* 商品詳細「カートに入れる」ボタン */
/*************************************************************/
.detail_item_data .add_cart .global_btn {
  display: block;
  text-align: center;
  margin: 10px 0;
}

/* a / button / input いずれの出力でも同じ見た目に */
.detail_item_data .add_cart .global_btn a,
.detail_item_data .add_cart .global_btn button,
.detail_item_data .add_cart .global_btn input[type="submit"],
.detail_item_data .add_cart .global_btn input[type="button"] {
  background-image: var(--hb-grad-shu);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-color: var(--hb-shu);

  border: 1px solid var(--hb-shu-dark);
  border-radius: 5px;
  color: #FFFFFF;

  /* サイズ感（XL相当） */
  height: 40px;
  line-height: 40px;     /* a要素向け */
  padding: 0 20px;
  font-size: 116%;
  font-weight: normal;

  /* レイアウト */
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
}

/* hover時 */
.use_hover .detail_item_data .add_cart .global_btn a:hover,
.use_hover .detail_item_data .add_cart .global_btn button:hover,
.use_hover .detail_item_data .add_cart .global_btn input[type="submit"]:hover,
.use_hover .detail_item_data .add_cart .global_btn input[type="button"]:hover {
  opacity: 0.8;
  color: #FFFFFF;
}

/* フォーム系要素はline-heightが効かないため縦中央を補正 */
.detail_item_data .add_cart .global_btn button,
.detail_item_data .add_cart .global_btn input[type="submit"],
.detail_item_data .add_cart .global_btn input[type="button"] {
  line-height: normal;
  padding: 0 20px;   /* 高さ40pxはheightで担保 */
}


/* 支払い方法や送料無料の帯 */
.notice-banner{width:100%;background:#121110;box-shadow:inset 0 1px 0 #a5821a,inset 0 -1px 0 #a5821a;padding:12px 0;}
.notice-container{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;padding:0 20px;}
.notice-item{display:flex;align-items:center;gap:6px;color:#ece4d4;font-size:14px;font-weight:500;white-space:nowrap;}
.notice-shipping{margin-right:24px;}
.notice-delivery{margin-right:24px;}
.notice-payment{margin-right:0;}
.notice-icon{width:20px;height:20px;flex-shrink:0;}
.notice-img{height:20px;width:auto;flex-shrink:0;}
.payment-group{display:flex;align-items:center;gap:4px;}
.payment-method{display:flex;align-items:center;gap:4px;margin-right:8px;}
@media(max-width:767px){.notice-banner{padding:8px 0;}.notice-container{padding:0 12px;}.notice-item{font-size:12px;gap:4px;}.notice-shipping{margin-right:16px;margin-bottom:4px;}.notice-delivery{margin-right:16px;margin-bottom:4px;}.notice-payment{margin-right:0;}.notice-icon{width:16px;height:16px;}.notice-img{height:16px;}.payment-method{margin-right:6px;}}
@media(max-width:430px){.notice-banner{padding:6px 0;}.notice-container{padding:0 8px;}.notice-item{font-size:10px;gap:3px;}.notice-shipping{margin-right:10px;margin-bottom:3px;}.notice-delivery{margin-right:10px;margin-bottom:0px;}.notice-icon{width:14px;height:14px;}.notice-img{height:14px;}.payment-method{margin-right:4px;}}

/* 商品詳細 */
.card_spce_list {background: #f6efe1;font-size: 100%;margin: 30px 0;box-shadow: inset 0 0 0 1px #cdb994;}
.card_list {list-style: none;margin: 0;padding: 0;padding: 0 30px 30px;}
.card_spce_list .ttl {font-weight: bold;margin: 0 0 10px;font-size: 20px;background: linear-gradient(180deg,#3a3632 0%,#1f1d1b 100%);color: #fff;padding: 7px 5%;text-align: center;font-family: var(--family-wa);box-shadow: inset 0 -2px 0 #c2271d;}
.tr1, .tr2, .tr3, .tr4, .tr5, .tr6, .tr7, .tr8, .tr9, .tr10, .tr11 {padding: 5px 0 3px;border-bottom: 1px dotted #a5821a;}
[class$="-ttl"] {margin-right: 10px;}
[class$="-name"] {font-weight: normal;}
.tr11 {border-bottom: none;}
.feature-section {display: flex;align-items: center;}
.feature-main {width: auto;text-align: left;padding-right: 10px;}
.feature-sub {flex: 1;}
.feature-list {list-style: none;margin: 0;padding: 0;font-size: 85%;}
.feature-list li {padding: 3px 0 3px;border-bottom: 1px dotted #a5821a;display: flex;align-items: center;font-size: 80%;}
.feature-list li .feature-list-ttl {
    background: #86170f;
    color: #fff;
    padding: 1px 5px;
}
.feature-list li .feature-list-txt {}
.feature-list li:last-child {border-bottom: none;padding: 5px 0 10px;}

@media screen and (max-width: 767px) {
  .card_spce_list {}
  .ttl {}
  .feature-section {flex-direction: column;}
  .feature-main {width: 100%;text-align: left;}
  .feature-sub {width: 100%;}
}




/* 問い合わせフォームデザイン */
.inquiry_page_body{font-family:'Hiragino Sans','Yu Gothic UI','Meiryo',sans-serif;font-size:14px;color:#1d1814;background:#1b1a18;margin:0;padding:0}
.inquiry_page_body *{box-sizing:border-box}
.inquiry_page_body #container{min-height:100vh;background:transparent}
.inquiry_page_body #inner_container{max-width:100%;margin:0 auto}
.inquiry_page_body header{background:#121110;border-bottom:1px solid #a5821a;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.inquiry_page_body #header_wrapper{padding:0}
.inquiry_page_body #header{padding:0 16px}
.inquiry_page_body #header_area{max-width:600px;margin:0 auto}
.inquiry_page_body #inner_header{align-items:center;min-height:56px}
.inquiry_page_body .header_left,.inquiry_page_body .header_right{flex:0 0 48px}
.inquiry_page_body .header_center{flex:1;text-align:center}
.inquiry_page_body .logo_wrap a{text-decoration:none;display:inline-block;line-height:1.2}
.inquiry_page_body .logo_ec{font-size:18px;font-weight:700;color:#ffffff;margin:0;letter-spacing:.03em}
.inquiry_page_body .logo_ech2{font-size:10px;font-weight:400;color:#d2b04c;margin:0;letter-spacing:.05em}
.inquiry_page_body .nav_btn{color:#ece4d4;text-decoration:none;padding:8px;border-radius:6px;transition:background .15s}
.inquiry_page_body .nav_btn:hover{background:#35322e}
.inquiry_page_body .menu_nav_icon{font-size:18px;color:#d2b04c}
.inquiry_page_body #contents{padding:0}
.inquiry_page_body .breadcrumb_area{max-width:600px;margin:0 auto;padding:10px 16px 0}
.inquiry_page_body .breadcrumb_list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px;font-size:12px;color:#b3a891}
.inquiry_page_body .breadcrumb_nav a{color:#b3a891;text-decoration:none}
.inquiry_page_body .breadcrumb_nav a:hover{color:#d2b04c;text-decoration:underline}
.inquiry_page_body .breadcrumb_nav .gt{padding:0 2px}
.inquiry_page_body .thispage{color:#ece4d4}
.inquiry_page_body #inner_contents{max-width:600px;margin:0 auto;padding:16px 16px 40px;background:transparent;box-shadow:none}
.inquiry_page_body #maincol{width:100%}
.inquiry_page_body .page_box.inquiry{background:#f6efe1;border-radius:12px;box-shadow:inset 0 0 0 4px #5b4631,0 8px 24px rgba(0,0,0,.5);overflow:hidden}
.inquiry_page_body .page_title{background:linear-gradient(180deg,#d63a2d 0%,#b8231a 55%,#8e1a13 100%);padding:24px 28px}
.inquiry_page_body .page_title h2{margin:0;font-size:20px;font-weight:700;color:#fff;letter-spacing:.04em;font-family:var(--family-wa)}
.inquiry_page_body .page_title .title_head_space,.inquiry_page_body .page_title .title_end_space{display:none}
.inquiry_page_body .page_contents.inquiry_contents{padding:28px}
.inquiry_page_body .inner_page_contents{display:flex;flex-direction:column;gap:28px}
.inquiry_page_body #inquiry_step{border-bottom:1px solid #cdb994;padding-bottom:24px}
.inquiry_page_body .step_list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:0;counter-reset:none}
.inquiry_page_body .step_block{flex:1;position:relative;text-align:center}
.inquiry_page_body .step_block:not(:last-child)::after{content:'';position:absolute;top:50%;right:0;width:100%;height:2px;background:#cdb994;z-index:0;transform:translateY(-50%)}
.inquiry_page_body .step_data{position:relative;z-index:1;display:inline-flex;flex-direction:column;align-items:center;gap:4px;background:#f6efe1;padding:0 8px}
.inquiry_page_body .step_block.step_check .step_data{background:#f6efe1}
.inquiry_page_body .step_number{font-size:10px;font-weight:700;letter-spacing:.08em;color:#8a7a66;text-transform:uppercase}
.inquiry_page_body .step_block.step_check .step_number{color:#c2271d}
.inquiry_page_body .step_desc{font-size:13px;font-weight:600;color:#8a7a66;padding:6px 14px;border:2px solid #cdb994;border-radius:20px;background:#fff;min-width:56px}
.inquiry_page_body .step_block.step_check .step_desc{color:#fff;background:#c2271d;border-color:#86170f}
.inquiry_page_body #inquiry_form .form_area{display:flex;flex-direction:column;gap:20px}
.inquiry_page_body .form_parts{display:flex;flex-direction:column;gap:6px}
.inquiry_page_body .form_title{display:flex;align-items:center;gap:8px}
.inquiry_page_body .form_header label{font-size:13px;font-weight:600;color:#1d1814;letter-spacing:.01em}
.inquiry_page_body .require{font-size:10px;font-weight:700;color:#fff;background:#c2271d;padding:2px 6px;border-radius:4px;letter-spacing:.04em;white-space:nowrap}
.inquiry_page_body .require .bracket{display:none}
.inquiry_page_body .cell_box{display:flex;flex-direction:column;gap:6px}
.inquiry_page_body .cell_note{font-size:12px;color:#5a4c3d;line-height:1.6;background:#efe6d3;border-left:3px solid #a5821a;padding:8px 12px;border-radius:0 6px 6px 0}
.inquiry_page_body .input_box{position:relative}
.inquiry_page_body .input_box input[type=text],.inquiry_page_body .input_box input[type=email],.inquiry_page_body .input_box input[type=search],.inquiry_page_body .input_box textarea{width:100%;padding:10px 14px;font-size:14px;font-family:inherit;color:#1d1814;background:#fffdf8;border:1.5px solid #cdb994;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.inquiry_page_body .input_box input[type=text]:focus,.inquiry_page_body .input_box input[type=email]:focus,.inquiry_page_body .input_box textarea:focus{border-color:#c2271d;box-shadow:0 0 0 3px rgba(194,39,29,.15)}
.inquiry_page_body .input_box input[type=text]:hover,.inquiry_page_body .input_box input[type=email]:hover,.inquiry_page_body .input_box textarea:hover{border-color:#a5821a}
.inquiry_page_body .input_box input.largesize{width:100%}
.inquiry_page_body .input_box input[type=email].largesize{width:100%;max-width:400px}
.inquiry_page_body .input_box textarea.largesize{width:100%;min-height:120px;resize:vertical;line-height:1.6}
.inquiry_page_body .form_status{display:none}
.inquiry_page_body .btn_box{margin-top:8px;padding-top:20px;border-top:1px solid #dccdb0;display:flex;justify-content:center}
.inquiry_page_body .form_btn{width:100%;max-width:320px}
.inquiry_page_body .global_btn{display:block;width:100%}
.inquiry_page_body .global_btn button{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 24px;font-size:15px;font-weight:700;font-family:inherit;color:#fff;background:linear-gradient(180deg,#d63a2d 0%,#b8231a 55%,#8e1a13 100%);border:none;border-radius:8px;cursor:pointer;letter-spacing:.05em;transition:opacity .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 12px rgba(134,23,15,.35)}
.inquiry_page_body .global_btn button:hover{opacity:.9;box-shadow:0 6px 18px rgba(134,23,15,.45);transform:translateY(-1px)}
.inquiry_page_body .global_btn button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(134,23,15,.3)}
.inquiry_page_body .button_head_space,.inquiry_page_body .button_end_space{display:none}
.inquiry_page_body .button_text{pointer-events:none}
.inquiry_page_body #bottom_wrapper{background:transparent}
.inquiry_page_body #footer_container{border-top:1px solid #a5821a;background:#121110;margin-top:16px}
.inquiry_page_body #footer_wrapper{padding:16px}
.inquiry_page_body #inner_footer{max-width:600px;margin:0 auto}
.inquiry_page_body .footer_upper_link_box{text-align:center}
.inquiry_page_body .footer_home_link_box a{color:#ece4d4;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;transition:background .15s,color .15s}
.inquiry_page_body .footer_home_link_box a:hover{background:#35322e;color:#d2b04c}
.inquiry_page_body .back_to_top{position:fixed;bottom:20px;right:20px;width:40px;height:40px;background:#262422;color:#d2b04c;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:inset 0 0 0 1px #a5821a,0 4px 12px rgba(0,0,0,.4);transition:opacity .2s,transform .2s;z-index:100}
.inquiry_page_body .back_to_top:hover{opacity:.85;transform:translateY(-2px)}
.inquiry_page_body .popup_base_menu{display:none}
.inquiry_page_body .popup_base_menu.is-open{display:block}
.inquiry_page_body .popup_nav_area{position:fixed;top:0;right:0;bottom:0;width:280px;background:#f6efe1;box-shadow:-4px 0 20px rgba(0,0,0,.35);z-index:1000;transform:translateX(100%);transition:transform .25s ease}
.inquiry_page_body .popup_nav_area:not([aria-hidden=true]){transform:translateX(0)}
.inquiry_page_body .inner_popup_nav_area{padding:16px 0;height:100%;overflow-y:auto}
.inquiry_page_body .upper_popup_nav{padding:12px 20px 12px;border-bottom:1px solid #dccdb0}
.inquiry_page_body .popup_nav{padding:8px 0}
.inquiry_page_body .inner_popup_nav{list-style:none;margin:0;padding:0}
.inquiry_page_body .popup_nav_item .nav_btn{padding:12px 20px;color:#1d1814;text-decoration:none;display:flex;align-items:center;gap:12px;transition:background .15s}
.inquiry_page_body .popup_nav_item .nav_btn:hover{background:#ebe0c9}
.inquiry_page_body .popup_nav_item.nav_on .nav_btn{color:#c2271d;background:#f3e3dc}
.inquiry_page_body .popup_nav_item .menu_nav_icon{width:18px;color:#a5821a;font-size:16px;flex-shrink:0}
.inquiry_page_body .popup_nav_item .nav_label{font-size:14px;font-weight:500;flex:1}
.inquiry_page_body .popup_nav_item .chevron_right_icon{font-size:11px;color:#cdb994;margin-left:auto}
.inquiry_page_body .nav_close_box{padding:16px 20px;border-top:1px solid #dccdb0;margin-top:auto}
.inquiry_page_body .nav_close{display:inline-flex;align-items:center;gap:6px;color:#ece4d4;text-decoration:none;font-size:14px;padding:8px 16px;border-radius:6px;background:#262422;transition:background .15s}
.inquiry_page_body .page_box .page_title h2 {padding: 0;background-image: none;background-repeat: no-repeat;background-position: initial;background-color: transparent;border-radius: 0;color: #fff;text-shadow:0 1px 2px rgba(0,0,0,.4);}
.inquiry_page_body .nav_close:hover{background:#c2271d}
.inquiry_page_body .nav_close_btn{display:flex;align-items:center;gap:6px}
.inquiry_page_body .font_setting{display:flex;align-items:center;gap:8px;font-size:12px;color:#5a4c3d;padding:8px 20px}
.inquiry_page_body .search_bar{background:#121110;border-top:1px solid #a5821a;padding:12px 16px}
.inquiry_page_body .inner_search_bar{max-width:600px;margin:0 auto;display:flex;align-items:center;gap:8px}
.inquiry_page_body .search_form{display:flex;gap:8px;width:100%}
.inquiry_page_body .search_box{flex:1;padding:10px 14px;border:1.5px solid #cdb994;border-radius:8px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}
.inquiry_page_body .search_box:focus{border-color:#c2271d;box-shadow:0 0 0 3px rgba(194,39,29,.15)}
.inquiry_page_body .search_bar .global_btn button{width:auto;padding:10px 18px;font-size:13px}
.inquiry_page_body .search_close{color:#ece4d4;text-decoration:none;font-size:20px;padding:4px 8px;display:flex;align-items:center;justify-content:center}
.inquiry_page_body .hidden_search_bar{display:none}
.inquiry_page_body .form_error input,.inquiry_page_body .form_error textarea{border-color:#c2271d!important;box-shadow:0 0 0 3px rgba(194,39,29,.15)!important}
@media(max-width:640px){.inquiry_page_body #header_area,.inquiry_page_body #inner_contents,.inquiry_page_body .breadcrumb_area,.inquiry_page_body #inner_footer{padding-left:12px;padding-right:12px}.inquiry_page_body .page_contents.inquiry_contents{padding:20px 16px}.inquiry_page_body .page_title{padding:18px 20px}.inquiry_page_body .page_title h2{font-size:17px}.inquiry_page_body .step_desc{padding:5px 10px;font-size:12px;min-width:48px}.inquiry_page_body .step_number{font-size:9px}.inquiry_page_body .input_box input[type=email].largesize{max-width:100%}.inquiry_page_body .form_btn{max-width:100%}.inquiry_page_body .global_btn button{font-size:14px;padding:13px 20px}}



/* デッキ販売 */
.mcdDeck{--dj-blue:#262422;--dj-blue-deep:#121110;--dj-cyan:#a5821a;--dj-ink:#1d1814;--dj-ink-dim:#5a4c3d;--dj-line:#cdb994;--dj-yellow:#d2b04c;--dj-red:#c2271d;--dj-red-deep:#86170f;--dj-green:#a5821a;--dj-paper:#f6efe1;max-width:1000px;margin:0 auto;padding:16px 10px 26px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic Medium",Meiryo,sans-serif;color:var(--dj-ink);line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background:linear-gradient(180deg,#f6efe1 0%,#ebe0c9 100%);border-radius:12px;box-shadow:inset 0 0 0 1px #cdb994}
.mcdDeck *{box-sizing:border-box;margin:0;padding:0}
.mcdDeck__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:10px;overflow:hidden;background:linear-gradient(90deg,var(--dj-blue-deep) 0%,var(--dj-blue) 100%);box-shadow:inset 0 -3px 0 var(--dj-red),0 8px 20px rgba(0,0,0,.25);margin-bottom:20px}
.mcdDeck__head::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--hb-tex-sumi);background-size:260px 260px}
.mcdDeck__title{position:relative;z-index:1;font-size:clamp(16px,4.2vw,24px);font-weight:800;letter-spacing:.06em;color:#fff;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.4);font-family:var(--family-wa)}
.mcdDeck__total{position:relative;z-index:1;flex:0 0 auto;font-size:12px;font-weight:700;letter-spacing:.08em;color:#d2b04c;background:rgba(0,0,0,.25);border:1px solid rgba(210,176,76,.55);border-radius:999px;padding:4px 12px;white-space:nowrap}
.mcdDeck__sec{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;border-radius:8px;color:#fff;font-weight:900;letter-spacing:.06em;box-shadow:0 4px 12px rgba(0,0,0,.18);margin:0 0 12px}
.mcdDeck__sec--egg{background:linear-gradient(90deg,var(--dj-red-deep) 0%,var(--dj-red) 100%)}
.mcdDeck__sec--main{background:linear-gradient(90deg,var(--dj-blue-deep) 0%,var(--dj-blue) 100%);box-shadow:inset 3px 0 0 var(--dj-red),0 4px 12px rgba(0,0,0,.18)}
.mcdDeck__sec--other{background:linear-gradient(90deg,#735a0c 0%,var(--dj-cyan) 100%)}
.mcdDeck__secName{font-size:clamp(13px,3.4vw,16px);text-shadow:0 1px 2px rgba(0,0,0,.3)}
.mcdDeck__secCount{flex:0 0 auto;font-size:12px;font-weight:700;letter-spacing:.06em;background:rgba(255,255,255,.18);border-radius:999px;padding:3px 10px;white-space:nowrap}
.mcdDeck__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 12px;margin:0 0 24px}
.mcdDeck__item{position:relative;padding:10px 10px 6px 0}
.mcdDeck__stack{position:relative;display:block;width:100%;aspect-ratio:5/7}
.mcdDeck__layer{position:absolute;inset:0;display:block;border-radius:5px;overflow:hidden;background:#dccdb0;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.mcdDeck__layer:nth-last-child(1){z-index:4}
.mcdDeck__layer:nth-last-child(2){transform:translate(3px,-3px);z-index:3;filter:brightness(.88)}
.mcdDeck__layer:nth-last-child(3){transform:translate(6px,-6px);z-index:2;filter:brightness(.78)}
.mcdDeck__layer:nth-last-child(4){transform:translate(9px,-9px);z-index:1;filter:brightness(.68)}
.mcdDeck__img{width:100%;height:100%;object-fit:cover;display:block}
.mcdDeck__qty{position:absolute;right:0;bottom:0;z-index:5;background:linear-gradient(180deg,#3a3632 0%,#121110 100%);color:#fff;font-weight:900;font-size:clamp(13px,3.8vw,18px);line-height:1;padding:4px 8px;border:2px solid var(--dj-yellow);border-radius:6px;white-space:nowrap;box-shadow:0 3px 8px rgba(0,0,0,.4)}
.mcdDeck__foot{margin-top:6px;background:#fffdf8;border:1px solid var(--dj-line);border-radius:10px;padding:16px 14px;box-shadow:0 6px 18px rgba(58,43,28,.1)}
.mcdDeck__footTitle{font-size:14px;font-weight:900;letter-spacing:.08em;color:var(--dj-ink);border-left:5px solid var(--dj-red);padding-left:9px;margin-bottom:12px;font-family:var(--family-wa)}
.mcdDeck__table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.5;border:1px solid var(--dj-line);border-radius:6px;overflow:hidden}
.mcdDeck__table th,.mcdDeck__table td{padding:6px 10px;text-align:left;vertical-align:middle;border-bottom:1px solid #ebe0c9}
.mcdDeck__table thead th{background:var(--dj-blue-deep);color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;white-space:nowrap;border-bottom:none}
.mcdDeck__table tfoot td{background:#ebe0c9;color:var(--dj-ink);font-weight:900;border-bottom:none}
.mcdDeck__grp td{font-weight:900;font-size:11.5px;letter-spacing:.08em;padding:5px 10px;color:#fff}
.mcdDeck__grp--egg td{background:linear-gradient(90deg,var(--dj-red-deep),var(--dj-red))}
.mcdDeck__grp--main td{background:linear-gradient(90deg,var(--dj-blue-deep),var(--dj-blue))}
.mcdDeck__grp--other td{background:linear-gradient(90deg,#735a0c,var(--dj-cyan))}
.mcdDeck__num{width:50px;text-align:center;font-weight:900;color:var(--dj-red);white-space:nowrap}
.mcdDeck__nameCell{word-break:break-all}
.mcdDeck__code{width:26%;font-family:"JetBrains Mono",Consolas,Menlo,monospace;font-size:10.5px;letter-spacing:.04em;color:#735a0c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcdDeck__link{color:var(--dj-ink);text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(194,39,29,.45)}
.mcdDeck__comment{position:relative;margin-top:18px;border: 2px solid var(--dj-cyan);border-radius:8px;background:linear-gradient(180deg,#fffdf8 0%,#f6efe1 100%);padding:16px 14px 14px}
.mcdDeck__commentLabel{position:absolute;top:-10px;left:12px;background:var(--dj-red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1;padding:4px 10px;border-radius:999px;box-shadow:0 3px 8px rgba(134,23,15,.35)}
.mcdDeck__commentBody{white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.9;color:var(--dj-ink)}
.mcdDeck__note{font-size:11px;color:var(--dj-ink-dim);margin-top:14px;line-height:1.8}
@media(min-width:480px){.mcdDeck__grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:768px){.mcdDeck{padding:20px 16px 30px}.mcdDeck__grid{grid-template-columns:repeat(6,1fr)}.mcdDeck__foot{padding:20px 18px}.mcdDeck__table{font-size:13.5px}.mcdDeck__num{width:62px}.mcdDeck__code{font-size:11.5px}.mcdDeck__commentBody{font-size:13.5px}}
@media(min-width:1000px){.mcdDeck__grid{grid-template-columns:repeat(8,1fr)}}


/* ==========================================================
   共通ボタン
   ========================================================== */

/* ----- ボタン共通の土台 ----- */
.global_btn a.btn_color_emphasis,.global_btn button.btn_color_emphasis,.global_btn a.btn_color_common,.global_btn button.btn_color_common,.global_btn a.general_btn,.global_btn button.general_btn{box-sizing:border-box!important;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;white-space:nowrap!important;overflow:hidden!important;position:relative;font-family:"Noto Sans JP",sans-serif;font-weight:700;letter-spacing:.04em;text-decoration:none!important;border-radius:8px;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s,background .25s;}

/* ----- 強調ボタン（カートに入れる・送信・ログインなど） ----- */
.global_btn a.btn_color_emphasis,.global_btn button.btn_color_emphasis{background:linear-gradient(180deg,#d63a2d 0%,#b8231a 55%,#8e1a13 100%)!important;color:#fff!important;border:1px solid #86170f!important;box-shadow:0 6px 16px rgba(134,23,15,.3)!important;}
.global_btn a.btn_color_emphasis::before,.global_btn button.btn_color_emphasis::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#735a0c,#d2b04c,#735a0c);z-index:1;}
.global_btn a.btn_color_emphasis:hover,.global_btn button.btn_color_emphasis:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(134,23,15,.42)!important;}

/* ----- 通常ボタン（戻る・新規登録など） ----- */
.global_btn a.btn_color_common,.global_btn button.btn_color_common{background:linear-gradient(180deg,#3a3632 0%,#1f1d1b 100%)!important;color:#ece4d4!important;border:1px solid #a5821a!important;box-shadow:0 4px 12px rgba(0,0,0,.2)!important;}
.global_btn a.btn_color_common:hover,.global_btn button.btn_color_common:hover{transform:translateY(-3px);border-color:#d2b04c!important;color:#d2b04c!important;box-shadow:0 10px 20px rgba(0,0,0,.3)!important;}

/* ----- 削除など小型汎用ボタン ----- */
.global_btn a.general_btn,.global_btn button.general_btn{background:#fffdf8!important;color:#c2271d!important;border:1px solid #e8c3bd!important;font-size:12px;box-shadow:0 3px 8px rgba(134,23,15,.12)!important;}
.global_btn a.general_btn:hover,.global_btn button.general_btn:hover{background:#c2271d!important;color:#fff!important;border-color:#c2271d!important;}

/* ----- サイズ ----- */
.global_btn .btn_size_xxlarge{min-width:220px;height:52px!important;font-size:16px;padding:0 20px!important;}
.global_btn .btn_size_xlarge{min-width:190px;height:46px!important;font-size:15px;padding:0 18px!important;}
.global_btn .btn_size_large{min-width:160px;height:42px!important;font-size:14px;padding:0 16px!important;}
.global_btn .btn_size_medium{min-width:120px;height:38px!important;font-size:13px;padding:0 14px!important;}
.global_btn .btn_size_small{min-width:90px;height:32px!important;font-size:12px;padding:0 12px!important;}
.global_btn .deleteinput_small{min-width:80px;height:30px!important;font-size:11px;padding:0 10px!important;}

/* ----- ボタン内テキスト・スペース ----- */
.global_btn .button_text{position:relative;z-index:2;display:inline-flex;align-items:center;gap:4px;}
.global_btn .button_head_space,.global_btn .button_end_space{display:inline-block;width:2px;}

/* 商品一覧「カートに入れる」ボタン：カード幅に収まるコンパクトサイズに固定 */
.itemlist_cartbutton{max-width:100%!important;}
.itemlist_cartbutton .cartinput{min-width:0!important;width:auto!important;max-width:100%!important;height:34px!important;padding:0 10px!important;font-size:12px!important;}
.itemlist_cartbutton .cartinput .button_text{font-size:12px;}

/* ==========================================================
   ページャー
   ========================================================== */
#pagertop.pager,#pagerbottom.pager{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:32px 0;padding:10px 0;font-family:"JetBrains Mono",monospace;position:relative;box-sizing:border-box;}
#pagertop.pager::before,#pagerbottom.pager::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#a5821a,transparent);z-index:0;}
#pagertop.pager strong,#pagerbottom.pager strong{display:grid!important;position:relative;z-index:1;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(180deg,#d63a2d 0%,#b8231a 55%,#8e1a13 100%);color:#fff!important;font-weight:900;font-size:14px;box-shadow:0 6px 16px rgba(134,23,15,.35),inset 0 0 0 2px rgba(255,255,255,.2);}
#pagertop.pager .pager_btn,#pagerbottom.pager .pager_btn{display:grid!important;position:relative;z-index:1;place-items:center;min-width:36px;height:36px;padding:0 8px;border-radius:10px;background:#fffdf8!important;border:1px solid #cdb994;color:#1d1814!important;font-weight:700;font-size:14px;text-decoration:none!important;box-sizing:border-box;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;}
#pagertop.pager .pager_btn:hover,#pagerbottom.pager .pager_btn:hover{transform:translateY(-3px);border-color:#c2271d;color:#86170f!important;box-shadow:0 8px 18px rgba(134,23,15,.2);}
#pagertop.pager .to_next_page,#pagerbottom.pager .to_next_page{background:linear-gradient(180deg,#3a3632 0%,#1f1d1b 100%)!important;color:#ece4d4!important;border-color:#a5821a;gap:4px;padding:0 14px;font-family:"Noto Sans JP",sans-serif;}
#pagertop.pager .to_next_page:hover,#pagerbottom.pager .to_next_page:hover{color:#d2b04c!important;box-shadow:0 8px 18px rgba(0,0,0,.3);}
#pagertop.pager .arrow,#pagerbottom.pager .arrow{display:inline-block;font-size:12px;transition:transform .25s;}
#pagertop.pager .to_next_page:hover .arrow,#pagerbottom.pager .to_next_page:hover .arrow{transform:translateX(3px);}
/* ページャー「次」ボタン：テキストと矢印を横並び中央揃えに修正 */
#pagertop.pager .to_next_page,#pagerbottom.pager .to_next_page{display:inline-flex!important;align-items:center!important;justify-content:center!important;}


/* ==========================================================
   その他の色設定
   ========================================================== */

/* ヘッダー・メニューのアイコン */
.inner_header_nav .header_nav_item .fa,
.inner_global_nav .fa {
    color: var(--hb-gold-light);
}

/* フッター */
.footer_area,
.footer_pc_site_box {
    background-color: #0c0b0a;
    background-image: var(--hb-tex-sumi);
    color: var(--hb-on-dark);
}
.footer_area A {
    color: var(--hb-on-dark);
}
.use_hover .footer_area A:hover {
    color: var(--hb-gold-light);
}

/* トップへ戻る */
.fixed_corner_button {
    background-color: var(--hb-sumi-800);
    box-shadow: inset 0 0 0 1px var(--hb-gold), 0 3px 10px rgba(0,0,0,.45);
}
.fixed_corner_button .fa {
    color: var(--hb-gold-light);
}

/* 表 */
.data_table .cell_header,
.data_table_header {
    background-color: var(--hb-washi-dark);
    color: var(--hb-ink);
}
.data_table .cell_data {
    background-color: rgba(255,255,255,.6);
    color: var(--hb-ink);
}
.data_table .cell_header,
.data_table_header,
.data_table .cell_data {
    border-color: var(--hb-washi-line);
}

/* ステップ表 */
.step_data {
    background-color: var(--hb-washi-dark);
}
.step_check .step_data {
    background-color: var(--hb-shu);
}

/* その他の枠 */
.outside_btn_box {
    background-color: rgba(255,255,255,.45);
    border-color: var(--hb-washi-line);
}
.list_icon_circle {
    color: var(--hb-shu);
}
.confirm_email {
    background-color: rgba(210,176,76,.15);
    border-color: var(--hb-washi-line);
}
.member_contents .point_number {
    color: var(--hb-shu-dark);
}
.badge {
    background-color: var(--hb-shu);
}
.pager strong {
    border-color: var(--hb-shu-dark);
    background-color: var(--hb-shu);
}


/* ==========================================================
   和柄・装飾
   ========================================================== */


/* 背景：墨＋麻の葉 */
body {
    background-image:
        radial-gradient(ellipse 60% 40% at 20% 15%, rgba(120,112,100,.22), transparent 70%),
        radial-gradient(ellipse 55% 45% at 85% 60%, rgba(110,100,88,.18), transparent 70%),
        var(--hb-tex-sumi),
        var(--hb-asanoha);
    background-size: auto, auto, 260px 260px, 40px 69.28px;
}

::selection {
    background: #c2271d;
    color: #ffffff;
}

/* ヘッダー下に朱と金の二重線 */
.header {
    box-shadow: inset 0 -1px 0 #a5821a, inset 0 -3px 0 #c2271d;
}

/* 和紙パネル：焦げ茶の額縁の内側に金の細線 */
#inner_contents {
    box-shadow:
        inset 0 0 0 5px var(--hb-frame),
        inset 0 0 0 6px var(--hb-frame-dark),
        inset 0 0 0 9px rgba(238,228,208,.9),
        inset 0 0 0 10px var(--hb-gold),
        inset 0 0 36px rgba(90,70,40,.4),
        0 10px 30px rgba(0,0,0,.6);
}

/* グローバルナビ：麻の葉の帯・明朝体 */
.global_nav {
    background-image: var(--hb-asanoha-gold), linear-gradient(180deg, #0e0d0c 0%, #1e1c1a 100%);
    background-size: 40px 69.28px, auto;
    background-repeat: repeat, repeat-x;
}
.inner_global_nav .nav_btn {
    font-family: var(--family-wa);
    font-weight: 700;
    letter-spacing: .08em;
}
.use_hover .inner_global_nav .nav_btn:hover {
    background-color: rgba(194,39,29,.75);
    box-shadow: inset 0 -2px 0 var(--hb-gold-light);
}

/* 見出しの帯 */
.side_box h2,
.category_nav_box h2,
.pickupcategory_nav_box h2,
.main_box h2,
.item_box h2,
.page_box .page_title h1,
.page_box .page_title h2,
.page_box .recently .section_title h2,
.page_box .use_emphasis_title .section_title h2 {
    background-image: var(--hb-brush);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    text-align: center;
    font-family: var(--family-wa);
    font-weight: 800;
    letter-spacing: .14em;
    text-shadow: 0 0 2px rgba(40,25,0,.8), 0 2px 4px rgba(30,18,0,.6);
}
.shoppingcart_page_body .page_box .page_title h1,
.shoppingcart_page_body .page_box .page_title h2 {
    background-image: var(--hb-grad-shu);
    background-size: auto;
}

/* 小見出し：墨の帯＋麻の葉＋朱の縦線＋金の下線 */
.page_box .section_title h2,
.page_box .section_title h3 {
    background-image: var(--hb-asanoha-gold), var(--hb-grad-sumi);
    background-size: 40px 69.28px, auto;
    background-repeat: repeat, repeat-x;
    box-shadow: inset 4px 0 0 var(--hb-shu), inset 0 -1px 0 var(--hb-gold);
    letter-spacing: .08em;
}

/* サイド・メインナビ：明朝体、金の区切り */
.inner_side_nav .nav_btn,
.inner_main_nav .nav_btn,
.freepage_nav .inner_freepage_nav .nav_btn {
    font-family: var(--family-wa);
    font-weight: 700;
    box-shadow: inset 3px 0 0 var(--hb-shu), inset 0 -1px 0 rgba(165,130,26,.45);
}
.inner_itemlist_nav .nav_btn,
.side_itemlist_nav .sub_menu_link {
    font-family: var(--family-wa);
}

/* 商品一覧：写真に影、商品名と価格は明朝体 */
.layout_photo .list_item_photo img {
    box-shadow: 0 3px 8px rgba(40,25,10,.35);
}
.list_item_data p.item_name,
.detail_item_data h1,
.detail_item_data .item_name {
    font-family: var(--family-wa);
}
.price .selling_price,
.detail_item_data .selling_price,
.grandtotal_price {
    font-family: var(--family-wa);
    font-weight: 800;
}

/* 区切り線を金の点線に */
.more_item,
.detail_section,
.sort {
    border-color: rgba(165,130,26,.5);
}
.layout_column_text .list_item_box,
.layout_text .not_link {
    border-bottom-color: rgba(165,130,26,.5);
}

/* ボタン：御札のような金の内枠・明朝体 */
.global_btn a.btn_color_emphasis,
.global_btn button.btn_color_emphasis {
    font-family: var(--family-wa);
    letter-spacing: .1em;
    border-radius: 4px;
    box-shadow: inset 0 0 0 2px rgba(134,23,15,.9), inset 0 0 0 3px rgba(210,176,76,.55), 0 5px 14px rgba(134,23,15,.3) !important;
}
.global_btn a.btn_color_common,
.global_btn button.btn_color_common {
    font-family: var(--family-wa);
    letter-spacing: .1em;
    border-radius: 4px;
    box-shadow: inset 0 0 0 2px #1b1a18, inset 0 0 0 3px rgba(165,130,26,.5), 0 4px 12px rgba(0,0,0,.2) !important;
}
.item_list .add_cart .global_btn a,
.item_list .add_cart .global_btn button,
.detail_item_data .add_cart .global_btn a,
.detail_item_data .add_cart .global_btn button {
    font-family: var(--family-wa);
    box-shadow: inset 0 0 0 2px rgba(134,23,15,.9), inset 0 0 0 3px rgba(210,176,76,.55);
}

/* ページャー：今のページは朱の角印風 */
#pagertop.pager strong,
#pagerbottom.pager strong {
    border-radius: 3px;
    font-family: var(--family-wa);
    box-shadow: inset 0 0 0 2px #86170f, inset 0 0 0 3.5px rgba(255,255,255,.6), 0 4px 10px rgba(134,23,15,.3);
}
#pagertop.pager .pager_btn,
#pagerbottom.pager .pager_btn {
    border-radius: 3px;
    font-family: var(--family-wa);
}

/* 商品詳細のカード情報・デッキ見出しを明朝体に */
.card_spce_list .ttl,
.mcdDeck__secName,
.mcdDeck__footTitle {
    font-family: var(--family-wa);
}
.mcdDeck__head {
    background-image: var(--hb-asanoha-gold), linear-gradient(90deg, #121110 0%, #262422 100%);
    background-size: 40px 69.28px, auto;
}

/* フッター：麻の葉の帯 */
.footer_nav,
.footer_area {
    background-image: var(--hb-asanoha-gold), var(--hb-tex-sumi);
    background-size: 40px 69.28px, 260px 260px;
}
.footer_nav_item .nav_btn {
    font-family: var(--family-wa);
}

/* スクロールバー */
::-webkit-scrollbar-thumb {
    background-color: #5b4631;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #a5821a;
}