@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;400;500;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

.bg_onetime_popup
{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.bg_onetime_popup.js_active
{
    display: flex;
}

.popup_content
{
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.bnr
{
    width: 80%;
    max-width: 600px;
    margin: 0 auto;
}

.btn
{
    display: block;
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 1;
    background-color: #eee;
}

.btn a
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
    z-index: 2;
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
reset.css
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
/*!────────────────────────────────────────
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 ────────────────────────────────────────*/
/*
  # Global selectors
*/
html
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: scroll;
    /* All browsers without overlaying scrollbars */
    -webkit-text-size-adjust: 100%;
    /* iOS 8+ */
}

*,
::before,
::after
{
    background-repeat: no-repeat;
    /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

::before,
::after
{
    text-decoration: inherit;
    /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
    vertical-align: inherit;
}

*
{
    padding: 0;
    /* Reset `padding` and `margin` of all elements */
    margin: 0;
}

/*
  # General elements
 */
/* Add the correct display in iOS 4-7.*/
audio:not([controls])
{
    display: none;
    height: 0;
}

hr
{
    overflow: visible;
    /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary
{
    display: block;
}

summary
{
    display: list-item;
    /* Add the correct display in all browsers */
}

small
{
    font-size: 80%;
    /* Set font-size to 80% in `small` elements */
}

[hidden],
template
{
    display: none;
    /* Add the correct display in IE */
}

abbr[title]
{
    border-bottom: 1px dotted;
    /* Add a bordered underline effect in all browsers */
    text-decoration: none;
    /* Remove text decoration in Firefox 40+ */
}

a
{
    background-color: transparent;
    /* Remove the gray background on active links in IE 10 */
    -webkit-text-decoration-skip: objects;
    /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover
{
    outline-width: 0;
    /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp
{
    font-family: monospace, monospace;
    /* Specify the font family of code elements */
}

b,
strong
{
    font-weight: bolder;
    /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn
{
    font-style: italic;
    /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark
{
    background-color: #ff0;
    color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub
{
    bottom: -0.25em;
}

sup
{
    top: -0.5em;
}

/*
  # Forms
    */
input
{
    border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"]
{
    cursor: pointer;

}

/* Replace pointer cursor in disabled elements */
[disabled]
{
    cursor: default;
}

[type="number"]
{
    width: auto;
    /* Firefox 36+ */
}

[type="search"]
{
    -webkit-appearance: textfield;
    /* Safari 8+ */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration
{
    -webkit-appearance: none;
    /* Safari 8 */
}

textarea
{
    overflow: auto;
    /* Internet Explorer 11+ */
    resize: vertical;
    /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea
{
    font: inherit;
    /* Specify font inheritance of form elements */
}

optgroup
{
    font-weight: bold;
    /* Restore the font weight unset by the previous rule. */
}

button
{
    overflow: visible;
    /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner
{
    border-style: 0;
    padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner
{
    outline: 1px dotted ButtonText;
}

button,
html [type="button"],
[type="reset"],
[type="submit"]
{
    -webkit-appearance: button;
    /* Correct the inability to style clickable types in iOS */
}

button,
select
{
    text-transform: none;
    /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea
{
    background-color: transparent;
    border-style: none;
    color: inherit;
}

/* Style select like a standard input */
select
{
    -moz-appearance: none;
    /* Firefox 36+ */
    -webkit-appearance: none;
    /* Chrome 41+ */
}

select::-ms-expand
{
    display: none;
    /* Internet Explorer 11+ */
}

select::-ms-value
{
    color: currentColor;
    /* Internet Explorer 11+ */
}

legend
{
    border: 0;
    /* Correct `color` not being inherited in IE 8/9/10/11 */
    color: inherit;
    /* Correct the color inheritance from `fieldset` elements in IE */
    display: table;
    /* Correct the text wrapping in Edge and IE */
    max-width: 100%;
    /* Correct the text wrapping in Edge and IE */
    white-space: normal;
    /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button
{
    -webkit-appearance: button;
    /* Correct the inability to style clickable types in iOS and Safari */
    font: inherit;
    /* Change font properties to `inherit` in Chrome and Safari */
}

[type="search"]
{
    -webkit-appearance: textfield;
    /* Correct the odd appearance in Chrome and Safari */
    outline-offset: -2px;
    /* Correct the outline style in Safari */
}

/*
  # Specify media element style
   */
img
{
    border-style: none;
    /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress
{
    vertical-align: baseline;
}

svg:not(:root)
{
    overflow: hidden;
    /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video
{
    display: inline-block;
    /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/*
  # Accessibility
    */
/* Hide content from screens but not screenreaders */
@media screen
{
    [hidden~="screen"]
    {
        display: inherit;
    }

    [hidden~="screen"]:not(:active):not(:focus):not(:target)
    {
        position: absolute !important;
        clip: rect(0 0 0 0) !important;
    }
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"]
{
    cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls]
{
    cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled]
{
    cursor: default;
}

/*
  # Selection
    */
/* Specify text selection background color and omit drop shadow */
::-moz-selection
{
    /*250704 CSS調整 Start*/
    /*background-color: #b3d4fc;*/
    background-color: rgba(179, 212, 252, 0.5);
    /* Required when declaring ::selection */
    /*color: #000;*/
    /*250704 CSS調整 End*/
    text-shadow: none;
}

::selection
{
    /*250704 CSS調整 Start*/
    /*background-color: #b3d4fc;*/
    background-color: rgba(179, 212, 252, 0.5);
    /* Required when declaring ::selection */
    /*color: #000;*/
    /*250704 CSS調整 End*/
    text-shadow: none;
}

:focus
{
    outline: none;
}

/*added 2018-05-14*/
ul
{
    list-style: none;
}

/* Slider */
#slider
{
    width: 1400px;
    margin: -126px auto 10px;
}

@media (max-width: 1399px)
{
    #slider
    {
        width: 100vw;
        margin: 0 auto;
    }
}

@media (max-width: 780px)
{
    #slider
    {
        width: 100vw;
        margin: 0 auto;
    }
}

.slide-item img
{
    width: 100%;
}

#thumbnail_slider
{
    margin: 0 auto;
    width: 1400px;
}

#thumbnail_slider .slick-track
{
    transform: unset !important;
    display: flex;
    justify-content: space-between;
}

.thumbnail-item
{
    cursor: pointer;
    width: 280px;
    margin: 0 5px;
}

/*250508 追記 Start*/
.thumbnail-item:first-child
{
    margin: 0 5px 0 0;
}

.thumbnail-item:last-child
{
    margin: 0 0 0 5px;
}

/*250508 追記 End*/

.thumbnail-item img
{
    max-width: 270px !important;
    /*margin: 0 5px 0 5px;*/
}

@media (max-width: 1399px)
{
    #thumbnail_slider
    {
        display: none;
    }
}

@media (max-width: 780px)
{
    #thumbnail_slider
    {
        display: none;
    }
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
variables.css
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
font.css
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
html
{
    /* set 16px to 10px */
}

body
{
    color: #2b2b2b;
    font-size: 100%;
    /*250520 ゴシックフォント修正 Start*/
    /*font-family: 'Noto Sans JP', sans-serif;*/
    font-family: "Zen Kaku Gothic New";
    /*250520 ゴシックフォント修正 End*/
    -webkit-print-color-adjust: exact;
}

body
{
    /* フォントレンダリング設定: 1x解像度ではsubpixel、2x以上の解像度ではgrayscale */
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: unset;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
(-webkit-min-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2 / 1),
(min-resolution: 2dppx)
{
    body
    {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

.bold
{
    font-weight: 700;
}

.indent
{
    text-indent: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: 700;
    letter-spacing: inherit;
}

h1
{
    text-align: center;
    font-size: 24px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin: 0 auto 40px;
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
common_setting.css
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
/* ===========================
基本設定
=========================== */
html
{
    background-color: #fff;
}

*
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a
{
    /*250625 文字色変更 Start*/
    color: #333;
    /*color: #000;*/
    /*250625 文字色変更 End*/
    text-decoration: none;
    -webkit-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

a:hover
{
    opacity: .8;
}

img
{
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

main,
section
{
    display: block;
}

#sysAll
{
    max-width: 100%;
    background-color: #FCFCFC;
    padding: 0;
    background-image: url(https://www.aokiya-online.jp/img/home/bg.png);
    background-repeat: repeat-y;
    background-size: contain;
    background-position: top 344px center;
}

@media (max-width: 780px)
{
    #sysAll
    {
        max-width: 100%;
        background-color: #FBFBFB;
        padding: 0;
        background-image: none;
        overflow-x: hidden;
    }
}

#sysHeader,
#sysWrap,
#sysMain,
#sysAside,
#sysFooter
{
    padding: 0;
    margin: 0 auto;
}

#sysWrap
{
    max-width: 1400px;
    padding: 0;
    margin: 100px auto 0;
    overflow: hidden;
}

div#sysMain
{
    float: none;
    width: 100%;
    background-color: #fff;
    padding: 50px 50px;
    border-radius: 8px 8px 0 0;
}

@media (max-width: 1399px)
{
    div#sysMain
    {
        width: 100% !important;
        margin: 50px auto 30px !important;
    }
}

@media (max-width: 780px)
{
    div#sysMain
    {
        float: none;
        width: 100%;
        margin: 12vw auto !important;
        padding: 0 !important;
    }
}

div#sysAside
{
    display: none;
    float: none;
}

#sysAll .sysContent
{
    padding: 0;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

@media only screen and (min-width: 781px) and (max-width: 1339px)
{
    #sysWrap
    {
        max-width: 100%;
        width: 100%;
        padding: 0 3%;
        margin: 20px auto 0 !important;
    }
}

@media only screen and (max-width: 780px)
{
    #sysWrap
    {
        max-width: 100%;
        width: 100%;
        padding: 0 3%;
        margin: 7vw auto 0 !important;
    }
}

/* ===========================
画面幅による表示・非表示
=========================== */
@media only screen and (min-width: 1400px)
{
    .tb_only
    {
        display: none !important;
    }

    .sp_only
    {
        display: none !important;
    }

    .pc_only
    {
        display: block !important;
    }
}

/* TBここから */
@media only screen and (min-width: 781px) and (max-width: 1399px)
{
    .pc_only
    {
        display: none !important;
    }

    .sp_only
    {
        display: none !important;
    }

    .tb_only
    {
        display: block !important;
    }
}

/* SPここから */
@media only screen and (max-width: 780px)
{
    .pc_only
    {
        display: none !important;
    }

    .tb_only
    {
        display: none !important;
    }

    .sp_only
    {
        display: block !important;
    }
}

/* ===========================
clearfix
=========================== */
.clearfix::after
{
    content: " ";
    display: block;
    clear: both;
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
header.css
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
/* PC */
#sysHeader
{
    width: 100%;
}

#sysHeader .header_content
{
    opacity: 0;
}

#sysHeader .header_wrap .header_inner
{
    /* ヘッダーロゴ＋説明文 */
    /* ヘッダー上部メニュー */
    /* カート情報 */
    /* グローバルメニュー */
}

#sysHeader .header_wrap .header_inner .header_content
{
    opacity: 1;
    margin: 0;
}

#sysHeader .header_wrap .header_inner .header_h1,
#sysHeader .header_wrap .header_inner .header_h1_under
{
    width: 100%;
    max-width: 580px;
}

#sysHeader .header_wrap .header_inner .header_h1 .h_inner .logo_all .logo,
#sysHeader .header_wrap .header_inner .header_h1_under .h_inner .logo_all .logo
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#sysHeader .header_wrap .header_inner .header_h1 .h_inner .logo_all .logo .logo_img,
#sysHeader .header_wrap .header_inner .header_h1_under .h_inner .logo_all .logo .logo_img
{
    width: 100%;
    max-width: 180px;
    margin-right: 15px;
}

#sysHeader .header_wrap .header_inner .header_h1 .h_inner .logo_all .logo .head_title,
#sysHeader .header_wrap .header_inner .header_h1_under .h_inner .logo_all .logo .head_title
{
    font-size: 1.1rem;
    font-weight: 700;
}

#sysHeader .header_wrap .header_inner .header
{
    width: 100%;
    max-width: 395px;
}

#sysHeader .header_wrap .header_inner .header .g_navi ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#sysHeader .header_wrap .header_inner .header .g_navi ul li
{
    width: 100%;
    max-width: 120px;
    margin: 0 5px;
}

#sysHeader .header_wrap .header_inner .header .g_navi ul li a
{
    display: block;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    line-height: 28px;
    border: 1px solid #222;
    border-radius: 50px;
}

#sysHeader .header_wrap .header_inner #cartInfo
{
    width: 100%;
    max-width: 120px;
    position: relative;
    /* カート情報：ポップアップ */
    /* カートボタン */
}

#sysHeader .header_wrap .header_inner #cartInfo .h_cart
{
    display: none;
    width: 280px;
    height: 145px;
    color: #000;
    border: 1px solid #aaa;
    background: #fff;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 120;
    padding: 10px 20px;
}

#sysHeader .header_wrap .header_inner #cartInfo .h_cart dl
{
    font-size: 1.2rem;
    line-height: 2.2;
    margin-bottom: 2px;
}

#sysHeader .header_wrap .header_inner #cartInfo .h_cart dl dt,
#sysHeader .header_wrap .header_inner #cartInfo .h_cart dl dd
{
    display: inline-block;
    font-weight: 700;
}

#sysHeader .header_wrap .header_inner #cartInfo .h_cart dl dd span
{
    display: inline-block;
    color: #da4636;
    font-weight: 700;
    padding: 0 5px;
}

#sysHeader .header_wrap .header_inner #cartInfo .h_cart .sysCartInfoCartIn
{
    margin-top: 12px;
}

#sysHeader .header_wrap .header_inner #cartInfo .h_cart .sysCartInfoCartIn a
{
    display: block;
    width: 100%;
    height: 50px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background: #000;
    padding: 12px 0 0;
    margin: 10px 0 5px;
}

#sysHeader .header_wrap .header_inner #cartInfo .h_cart .sysCartInfoCartIn a img
{
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

#sysHeader .header_wrap .header_inner #cartInfo .cartTxt
{
    width: 100%;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 28px;
    background-color: #222;
    border: 1px solid #222;
    border-radius: 50px;
    cursor: pointer;
    /*260217*/
    display: none;
    /* カート内商品数バッジ */
}

#sysHeader .header_wrap .header_inner #cartInfo .cartTxt img
{
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

#sysHeader .header_wrap .header_inner #cartInfo .cartTxt .itemCount
{
    display: none;
    width: 20px;
    height: 20px;
    line-height: 1;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    margin-left: 5px;
    color: #fff;
    background: #61874E;
    border-radius: 50%;
}

#sysHeader .header_wrap .header_inner .h_navi
{
    width: 100%;
    padding-top: 56px;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    max-width: 1380px;
    margin: 0 auto;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 a
{
    display: inline;
    white-space: nowrap;
    width: 100%;
    font-size: 18px;
    letter-spacing: 0.1em;
    padding-bottom: 19px;
    font-weight: 500;
    position: relative;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 a:hover
{
    border-bottom: 3px solid #61874E;
    transition-duration: unset !important;
    z-index: 99;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1
{
    width: auto;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu
{
    position: relative;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu>a
{
    display: inline;
    white-space: nowrap;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: center;
    position: relative;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu>a:hover
{
    border-bottom: 3px solid #61874E;
    z-index: 99;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav
{
    display: none;
    width: auto;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0 0 10px 10px;
    position: absolute;
    top: 47px;
    left: -206px;
    z-index: 110;
    padding: 30px 40px;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav .toggleNav_flex
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 504px;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav .toggleNav_bx
{
    flex-basis: 236px;
    text-align: left;
    margin-bottom: 20px;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav .toggleNav_bx p
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.1em;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav .toggleNav_bx p a
{
    text-decoration: none;
    transition: 0.3s;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav .toggleNav_bx a:hover
{
    border: none !important;
    opacity: .7;
    transition: 0.3s;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(4) .slideMenu .toggleNav
{
    display: none;

    width: auto;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0 0 10px 10px;
    position: absolute;
    top: 47px;
    left: -148px;
    z-index: 110;
    padding: 30px 40px;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(4) .slideMenu .toggleNav .scene_flex
{
    display: flex;
    justify-content: space-between;
    width: 690px;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(4) .slideMenu .toggleNav .scene_bx01
{
    flex-basis: 65%;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(4) .slideMenu .toggleNav .scene_bx01 li
{
    flex-basis: 50%;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(4) .slideMenu .toggleNav .scene_bx02
{
    /*250520 ゴシックフォント修正に伴い％修正*/
    flex-basis: 34%;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(4) .slideMenu .toggleNav h6
{
    font-size: 18px;
    font-weight: 500;
    color: #61874E;
    margin: 0 0 20px;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(4) .slideMenu .toggleNav ul
{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(4) .slideMenu .toggleNav li
{
    position: relative;
    margin-bottom: 15px;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(4) .slideMenu .toggleNav li a
{
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em;
    padding-left: 20px;
    white-space: nowrap;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(4) .slideMenu .toggleNav li a:hover
{
    border: none !important;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(4) .slideMenu .toggleNav li:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 8px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(4) .slideMenu .toggleNav .arrow
{
    position: relative;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(4) .slideMenu .toggleNav .arrow a
{
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em;
    padding-left: 24px;
    white-space: nowrap;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(4) .slideMenu .toggleNav .arrow a:hover
{
    border: none !important;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(4) .slideMenu .toggleNav .arrow:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/gnav_menu_arrow_link.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
}

.sysFreeArea .arrow
{
    position: relative;
}

.sysFreeArea .arrow a
{
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em;
    padding-left: 24px;
    white-space: nowrap;
}

.sysFreeArea .arrow a:hover
{
    border: none !important;
}

.sysFreeArea .arrow:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/gnav_menu_arrow_link.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(5) .slideMenu .toggleNav
{
    display: none;
    width: auto;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0 0 10px 10px;
    position: absolute;
    top: 47px;
    left: -561px;
    z-index: 110;
    padding: 30px 40px;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(5) .slideMenu .toggleNav .product_flex
{
    display: flex;
    justify-content: space-between;
    width: 800px;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(5) .slideMenu .toggleNav .product_bx01
{
    flex-basis: 80%;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(5) .slideMenu .toggleNav .product_bx01 li:nth-child(odd)
{
    flex-basis: 60%;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(5) .slideMenu .toggleNav .product_bx01 li:nth-child(even)
{
    flex-basis: 40%;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(5) .slideMenu .toggleNav .product_bx02
{
    flex-basis: 20%;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(5) .slideMenu .toggleNav h6
{
    font-size: 18px;
    font-weight: 500;
    color: #61874E;
    margin: 0 0 20px;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(5) .slideMenu .toggleNav ul
{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(5) .slideMenu .toggleNav li
{
    position: relative;
    margin-bottom: 15px;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(5) .slideMenu .toggleNav li a
{
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em;
    padding-left: 20px;
    white-space: nowrap;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(5) .slideMenu .toggleNav li a:hover
{
    border: none !important;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(5) .slideMenu .toggleNav li:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 8px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(5) .slideMenu .toggleNav .arrow
{
    position: relative;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(5) .slideMenu .toggleNav .arrow a
{
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em;
    padding-left: 24px;
    white-space: nowrap;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(5) .slideMenu .toggleNav .arrow a:hover
{
    border: none !important;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:nth-child(5) .slideMenu .toggleNav .arrow:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/gnav_menu_arrow_link.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav ul .tab2
{
    border-bottom: 1px dotted #ccc;
    position: relative;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav ul .tab2:last-of-type
{
    border-bottom: none;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav ul .tab2 a
{
    display: block;
    position: relative;
    padding: 10px 22px 10px 10px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.2;
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav ul .tab2 a i
{
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu>a::after
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/gnav_menu_arrow_down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 15px;
    height: 8px;
    position: absolute;
    top: calc(50% - 8px);
    right: -25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* TB */
@media only screen and (min-width: 781px) and (max-width: 1339px)
{
    #sysHeader
    {
        /* SP開閉メニュー */
    }

    #sysHeader .header_wrap .header_inner
    {
        display: block;
        max-width: 100%;
        padding: 0;
        /* ヘッダーロゴ＋説明文 */
        /* カート情報 */
        /* ヘッダー：SP用 */
        /* グローバルメニュー */
    }

    #sysHeader .header_wrap .header_inner .header_h1,
    #sysHeader .header_wrap .header_inner .header_h1_under
    {
        max-width: 100%;
    }

    #sysHeader .header_wrap .header_inner .header_h1 .h_inner .logo_all .logo,
    #sysHeader .header_wrap .header_inner .header_h1_under .h_inner .logo_all .logo
    {
        display: block;
    }

    #sysHeader .header_wrap .header_inner .header_h1 .h_inner .logo_all .logo .logo_img,
    #sysHeader .header_wrap .header_inner .header_h1_under .h_inner .logo_all .logo .logo_img
    {
        display: none;
    }

    #sysHeader .header_wrap .header_inner .header_h1 .h_inner .logo_all .logo .head_title,
    #sysHeader .header_wrap .header_inner .header_h1_under .h_inner .logo_all .logo .head_title
    {
        font-size: 1rem;
        text-align: center;
        background: #ededed;
        padding: 2px 3%;
    }

    #sysHeader .header_wrap .header_inner #cartInfo
    {
        display: none;
    }

    #sysHeader .header_wrap .header_inner .header_sp
    {
        width: 96%;
        padding: 15px 0 0;
        margin: 0 auto;
        position: relative;
    }

    #sysHeader .header_wrap .header_inner .header_sp #navBtn
    {
        width: 80px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 99999;
    }

    #sysHeader .header_wrap .header_inner .header_sp .spLogo
    {
        display: block;
        width: 140px;
        margin: 0 auto;
    }

    #sysHeader .header_wrap .header_inner .header_sp .spCart
    {
        width: 40px;
        position: absolute;
        top: 10px;
        right: 0;
    }

    #sysHeader .header_wrap .header_inner .header_sp .spCart .itemCount2
    {
        display: none;
        width: 18px;
        height: 18px;
        font-size: 1rem;
        font-weight: 700;
        text-align: center;
        line-height: 18px;
        color: #fff;
        background: rgba(207, 15, 42, 0.9);
        border-radius: 10px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    #sysHeader .header_wrap .header_inner .h_navi
    {
        padding: 15px 0;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab
    {
        position: relative;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1
    {
        width: 25%;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu
    {
        position: static;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu>a
    {
        font-size: 1.2rem;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav
    {
        top: 35px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav ul .tab2:last-of-type
    {
        border-bottom: 1px dotted #ccc;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav ul .tab2 a
    {
        padding: 12px 5% 12px 3%;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav ul .tab2 a i
    {
        right: 3%;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:first-of-type a::before
    {
        content: none;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:last-of-type
    {
        display: none;
    }

    #sysHeader .h_spnavi
    {
        display: none;
        color: #444;
        background: rgba(220, 220, 220, 0.9);
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 150;
        overflow: auto;
    }

    #sysHeader .h_spnavi #spNaviWrap
    {
        width: 100%;
        height: auto;
        background: #e1e1e1;
        padding: 30px 10% 100px;
        position: absolute;
        top: 0;
        left: -100%;
        z-index: 200;
        overflow: scroll;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_search .sysHeadline,
    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_login .sysHeadline
    {
        font-size: 1.8rem;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_search
    {
        margin-top: 30px;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_search form
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        border: 1px solid #ddd;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_search form .sysItemSearchFormWord
    {
        width: 70%;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_search form .sysItemSearchFormWord input[type="search"]
    {
        height: 40px;
        border: none;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_search form .sysSearchButton
    {
        overflow: hidden;
        display: block;
        width: 30%;
        height: 40px;
        margin: 0;
        padding: 0;
        text-indent: -999px;
        border-radius: 0px;
        border: none;
        background: #222 url(/img/common/ico_search.png) no-repeat center center;
        background-size: 70px;
        cursor: pointer;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_login .sysContent>p
    {
        text-align: center;
        margin: 10px 0;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_login .sysContent .sysFormItem
    {
        margin-bottom: 10px;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_login .sysContent .sysFormItem .sysFormLabel
    {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 3px;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_login .sysContent .sysLoginButton
    {
        width: 100%;
        font-size: 1.5rem;
        height: 35px;
        line-height: 10px;
        color: #fff;
        border-radius: 5px;
        background: #000;
        margin: 10px 0;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_login ul li
    {
        height: 35px;
        font-size: 1.5rem;
        line-height: 33px;
        text-align: center;
        border: 1px solid #444;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_login ul li a
    {
        font-size: 1.2rem;
        padding: 0px 5px 5px 0px;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #closeMenu
    {
        font-size: 1.5rem;
        position: absolute;
        top: 15px;
        left: 3%;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #closeMenu span
    {
        display: inline-block;
        font-size: 1.2rem;
        margin: 0 10px;
        cursor: pointer;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu
    {
        margin: 30px 0 0;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu .navTitle
    {
        font-size: 1.8rem;
        font-weight: bold;
        text-align: center;
        margin: 10px 0;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu .spMenuList
    {
        font-size: 1.5rem;
        position: relative;
        border-bottom: 1px solid #aaa;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu .spMenuList a
    {
        display: block;
        padding: 10px 0;
        padding-left: 15px;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu .spMenuList .spToggleNav li
    {
        font-size: 1.2rem;
        border-bottom: 1px dotted #aaa;
        padding-left: 20px;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu .spMenuList .spToggleNav li:first-of-type
    {
        border-top: 1px solid #aaa;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu .spMenuList .spToggleNav li:last-of-type
    {
        border-bottom: none;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu #closeMenu2
    {
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        text-align: center;
        border: 1px solid #444;
        border-radius: 5px;
        cursor: pointer;
        margin: 20px 0;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu #closeMenu2 span
    {
        display: inline-block;
        margin: 0 10px;
    }
}

/* SP */
@media only screen and (max-width: 780px)
{
    #sysHeader
    {
        /* SP開閉メニュー */
    }

    #sysHeader .header_wrap .header_inner
    {
        display: block;
        max-width: 100%;
        padding: 0;
        /* ヘッダーロゴ＋説明文 */
        /* カート情報 */
        /* ヘッダー：SP用 */
        /* グローバルメニュー */
    }

    #sysHeader .header_wrap .header_inner .header_h1,
    #sysHeader .header_wrap .header_inner .header_h1_under
    {
        max-width: 100%;
    }

    #sysHeader .header_wrap .header_inner .header_h1 .h_inner .logo_all .logo,
    #sysHeader .header_wrap .header_inner .header_h1_under .h_inner .logo_all .logo
    {
        display: block;
    }

    #sysHeader .header_wrap .header_inner .header_h1 .h_inner .logo_all .logo .logo_img,
    #sysHeader .header_wrap .header_inner .header_h1_under .h_inner .logo_all .logo .logo_img
    {
        display: none;
    }

    #sysHeader .header_wrap .header_inner .header_h1 .h_inner .logo_all .logo .head_title,
    #sysHeader .header_wrap .header_inner .header_h1_under .h_inner .logo_all .logo .head_title
    {
        font-size: 1rem;
        text-align: center;
        background: #ededed;
        padding: 2px 3%;
    }

    #sysHeader .header_wrap .header_inner #cartInfo
    {
        display: none;
    }

    #sysHeader .header_wrap .header_inner .header_sp
    {
        width: 96%;
        padding: 15px 0 0;
        margin: 0 auto;
        position: relative;
    }

    #sysHeader .header_wrap .header_inner .header_sp #navBtn
    {
        width: 40px;
        position: absolute;
        top: 10px;
        left: 0;
    }

    #sysHeader .header_wrap .header_inner .header_sp .spLogo
    {
        display: block;
        width: 140px;
        margin: 0 auto;
    }

    #sysHeader .header_wrap .header_inner .header_sp .spCart
    {
        width: 40px;
        position: absolute;
        top: 10px;
        right: 0;
    }

    #sysHeader .header_wrap .header_inner .header_sp .spCart .itemCount2
    {
        display: none;
        width: 18px;
        height: 18px;
        font-size: 1rem;
        font-weight: 700;
        text-align: center;
        line-height: 18px;
        color: #fff;
        background: rgba(207, 15, 42, 0.9);
        border-radius: 10px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    #sysHeader .header_wrap .header_inner .h_navi
    {
        padding: 15px 0;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab
    {
        position: relative;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1
    {
        width: 25%;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu
    {
        position: static;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu>a
    {
        font-size: 1.2rem;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav
    {
        top: 35px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav ul .tab2:last-of-type
    {
        border-bottom: 1px dotted #ccc;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav ul .tab2 a
    {
        padding: 12px 6% 12px 3%;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1 .slideMenu .toggleNav ul .tab2 a i
    {
        right: 3%;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:first-of-type a::before
    {
        content: none;
    }

    #sysHeader .header_wrap .header_inner .h_navi .tabmenu .tab .tab1:last-of-type
    {
        display: none;
    }

    #sysHeader .h_spnavi
    {
        display: none;
        color: #444;
        background: rgba(220, 220, 220, 0.9);
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 150;
        overflow: auto;
    }

    #sysHeader .h_spnavi #spNaviWrap
    {
        width: 100%;
        height: auto;
        background: #e1e1e1;
        padding: 30px 3% 100px;
        position: absolute;
        top: 0;
        left: -100%;
        z-index: 200;
        overflow: scroll;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_search .sysHeadline,
    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_login .sysHeadline
    {
        font-size: 1.8rem;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_search
    {
        margin-top: 30px;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_search form
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        border: 1px solid #ddd;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_search form .sysItemSearchFormWord
    {
        width: 70%;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_search form .sysItemSearchFormWord input[type="search"]
    {
        height: 40px;
        border: none;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_search form .sysSearchButton
    {
        overflow: hidden;
        display: block;
        width: 30%;
        height: 40px;
        margin: 0;
        padding: 0;
        text-indent: -999px;
        border-radius: 0px;
        border: none;
        background: #222222 url(/img/common/ico_search.png) no-repeat center center;
        background-size: 70px;
        cursor: pointer;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_login .sysContent>p
    {
        text-align: center;
        margin: 10px 0;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_login .sysContent .sysFormItem
    {
        margin-bottom: 10px;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_login .sysContent .sysFormItem .sysFormLabel
    {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 3px;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_login .sysContent .sysLoginButton
    {
        width: 100%;
        font-size: 1.5rem;
        height: 35px;
        line-height: 10px;
        color: #fff;
        border-radius: 5px;
        background: #000;
        margin: 10px 0;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_login ul li
    {
        height: 35px;
        font-size: 1.5rem;
        line-height: 33px;
        text-align: center;
        border: 1px solid #444;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .h_login ul li a
    {
        font-size: 1.2rem;
        padding: 0px 5px 5px 0px;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #closeMenu
    {
        font-size: 1.5rem;
        position: absolute;
        top: 15px;
        left: 3%;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #closeMenu span
    {
        display: inline-block;
        font-size: 1.2rem;
        margin: 0 10px;
        cursor: pointer;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu
    {
        margin: 30px 0 0;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu .navTitle
    {
        font-size: 1.8rem;
        font-weight: bold;
        text-align: center;
        margin: 10px 0;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu .spMenuList
    {
        font-size: 1.5rem;
        position: relative;
        border-bottom: 1px solid #aaa;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu .spMenuList a
    {
        display: block;
        padding: 10px 0;
        padding-left: 15px;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu .spMenuList .spToggleNav li
    {
        font-size: 1.2rem;
        border-bottom: 1px dotted #aaa;
        padding-left: 20px;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu .spMenuList .spToggleNav li:first-of-type
    {
        border-top: 1px solid #aaa;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu .spMenuList .spToggleNav li:last-of-type
    {
        border-bottom: none;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu #closeMenu2
    {
        height: 40px;
        font-size: 15px;
        line-height: 40px;
        text-align: center;
        border: 1px solid #444;
        border-radius: 5px;
        cursor: pointer;
        margin: 20px 0;
    }

    #sysHeader .h_spnavi #spNaviWrap .wrap1 .sp_nav #spNavMenu #closeMenu2 span
    {
        display: inline-block;
        margin: 0 10px;
    }
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
footer.css
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
#sysFooter .f_guide
{
    width: 100%;
    border-top: 2px solid #222;
    margin-top: 50px;
}

#sysFooter .f_guide .sysContent
{
    width: 100%;
    max-width: 1160px;
    padding: 0 30px;
    margin: 0 auto;
}

#sysFooter .f_guide .sysContent p
{
    font-size: 1.4rem;
    margin: 5px 0;
}

#sysFooter .f_guide .sysContent .smaller
{
    font-size: 1.2rem;
}

#sysFooter .f_guide .sysContent .mt
{
    margin-top: 20px;
}

#sysFooter .f_guide .sysContent .Title
{
    font-size: 1.5rem;
    text-align: center;
    font-weight: 700;
    padding: 10px 0 30px;
}

#sysFooter .f_guide .sysContent .guideTitle
{
    width: 120px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 15px;
    margin-bottom: 10px;
}

#sysFooter .f_guide .sysContent .common_btn
{
    margin: 10px auto;
}

#sysFooter .f_guide .sysContent .common_btn a
{
    font-size: 1.3rem;
    padding: 10px 0;
}

#sysFooter .f_guide .sysContent .freedial a
{
    background: rgba(0, 0, 0, 0) url(/img/common/dial.png) no-repeat scroll left center/45px auto;
    display: inline-block;
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
    padding-left: 50px;
}

#sysFooter .f_guide .sysContent>div
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#sysFooter .f_guide .sysContent>div .guideBlock
{
    width: 45%;
    font-size: 1.4rem;
    padding-top: 30px;
}

#sysFooter .footer
{
    width: 100%;
    margin: 50px 0 0;
    letter-spacing: 2px;
    text-align: center;
}

#sysFooter .footer .f_gnav_all
{
    background: #c3c3c3;
    padding: 15px 0;
}

#sysFooter .footer .f_gnav_all ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#sysFooter .footer .f_gnav_all ul li
{
    font-size: 1.2rem;
    padding: 0 20px;
    position: relative;
}

#sysFooter .footer .f_gnav_all ul li::after
{
    content: "";
    width: 1px;
    height: 10px;
    background-color: #000;
    margin-top: -35px;
    position: absolute;
    right: 0;
    top: 40px;
}

#sysFooter .footer .f_gnav_all ul li a i
{
    display: none;
}

#sysFooter .footer .f_gnav_all ul li:last-of-type::after
{
    content: none;
}

#sysFooter .f_copy
{
    font-size: 1.2rem;
    font-weight: 700;
    padding: 10px;
}

#sysFooter .pagetop
{
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 52px;
    height: 52px;
    text-align: center;
    z-index: 100;
}

#sysFooter .pagetop #page-top
{
    display: block;
    height: 52px;
    font-size: 1.1rem;
    line-height: 1.3;
    color: #fff;
    background: #000;
    border-radius: 5px;
    padding-top: 4px;
}

#sysFooter .pagetop #page-top:hover
{
    opacity: .8;
}

@media only screen and (min-width: 781px) and (max-width: 1339px)
{
    #sysFooter .f_guide .sysContent
    {
        padding: 0;
    }

    #sysFooter .f_guide .sysContent .Title
    {
        padding: 20px 0 30px;
    }

    #sysFooter .f_guide .sysContent .freedial a
    {
        font-size: 3rem;
    }

    #sysFooter .f_guide .sysContent>div .guideBlock
    {
        width: 50%;
        padding: 30px 3% 0;
    }

    #sysFooter .footer
    {
        margin: 30px 0 0;
        background: #fff;
    }

    #sysFooter .footer .f_gnav_all
    {
        padding: 0px 0 0px;
        text-align: left;
    }

    #sysFooter .footer .f_gnav_all ul
    {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        border-top: 1px solid #444;
    }

    #sysFooter .footer .f_gnav_all ul li
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 50%;
        padding: 12px 22px 12px 15px;
        position: relative;
        border-bottom: 1px solid #444;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #sysFooter .footer .f_gnav_all ul li::after
    {
        content: none;
    }

    #sysFooter .footer .f_gnav_all ul li a i
    {
        display: block;
        position: absolute;
        font-size: 2rem;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #sysFooter .footer .f_gnav_all ul li:nth-of-type(even)
    {
        border-left: 1px solid #444;
    }

    #sysFooter .footer .f_gnav_all ul li:last-of-type
    {
        width: 100%;
    }
}

@media only screen and (max-width: 780px)
{
    #sysFooter .f_guide
    {
        margin-top: 30px;
    }

    #sysFooter .f_guide .sysContent
    {
        width: 94%;
        max-width: 100%;
        padding: 0;
    }

    #sysFooter .f_guide .sysContent .smaller
    {
        font-size: 1.2rem;
    }

    #sysFooter .f_guide .sysContent .mt
    {
        margin-top: 20px;
    }

    #sysFooter .f_guide .sysContent .Title
    {
        font-size: 2rem;
        padding: 20px 0 0px;
        line-height: 1;
    }

    #sysFooter .f_guide .sysContent .guideTitle
    {
        width: 100%;
        max-width: 200px;
        margin: auto;
        font-size: 1.5rem;
        position: absolute;
        top: -15px;
        left: 0;
        right: 0;
        background: #fff;
    }

    #sysFooter .f_guide .sysContent .common_btn
    {
        margin: 20px auto;
    }

    #sysFooter .f_guide .sysContent .freedial
    {
        text-align: center;
    }

    #sysFooter .f_guide .sysContent .freedial a
    {
        font-size: 3rem;
    }

    #sysFooter .f_guide .sysContent>div
    {
        display: block;
    }

    #sysFooter .f_guide .sysContent>div .guideBlock
    {
        width: 100%;
        margin: 50px auto;
        padding: 30px 3% 5px;
        border: 1px solid #424242;
        border-radius: 10px;
        position: relative;
    }

    #sysFooter .footer
    {
        margin: 30px 0 0;
        background: #fff;
    }

    #sysFooter .footer .f_gnav_all
    {
        padding: 0px 0 0px;
        text-align: left;
    }

    #sysFooter .footer .f_gnav_all ul
    {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        border-top: 1px solid #444;
    }

    #sysFooter .footer .f_gnav_all ul li
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 50%;
        padding: 12px 22px 12px 15px;
        position: relative;
        border-bottom: 1px solid #444;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #sysFooter .footer .f_gnav_all ul li::after
    {
        content: none;
    }

    #sysFooter .footer .f_gnav_all ul li a i
    {
        display: block;
        position: absolute;
        font-size: 2rem;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #sysFooter .footer .f_gnav_all ul li:nth-of-type(even)
    {
        border-left: 1px solid #444;
    }

    #sysFooter .footer .f_gnav_all ul li:last-of-type
    {
        width: 100%;
    }

    #sysFooter .f_copy
    {
        font-size: 1rem;
        padding: 10px 5px;
    }

    #sysFooter .f_copy .sp_newline
    {
        display: block;
    }
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
aside.css
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
/* PC */
#sysAside .side_search
{
    margin-bottom: 30px;
}

#sysAside .side_search form
{
    border: none;
    overflow: hidden;
}

#sysAside .side_search form .sysItemSearchFormWord
{
    width: 100%;
    margin-bottom: 5px;
}

#sysAside .side_search form .sysItemSearchFormWord input[type="search"]
{
    height: 40px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
}

#sysAside .side_search form .sysSearchButton
{
    display: block;
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 5px;
    background: #000 url(/img/common/ico_search.png) no-repeat center center;
    background-size: 70px;
    text-indent: -999px;
    overflow: hidden;
    margin: 0;
    cursor: pointer;
}

#sysAside .side_navi_item,
#sysAside .side_navi
{
    margin-bottom: 0;
    background-color: #fff;
    padding: 5px 40px 25px 40px;
    /* メニュー名を折り返して全て表示したい場合は以下をアクティブにしてください */
    /* a {
      padding: 7px 22px 7px 5px;
      text-overflow: unset;
      white-space: normal;
    } */
}

.pproducts
{
    padding: 5px 40px 25px 40px !important;
}

.side_navi_price
{
    padding: 5px 40px 40px 40px !important;
    margin-bottom: 30px !important;
}


#sysAside .side_navi_item .sysContent,
#sysAside .side_navi .sysContent
{
    width: 100%;
    margin-left: auto;
}

#sysAside .side_navi_item a,
#sysAside .side_navi a
{
    display: block;
    position: relative;
    padding: 7px 22px 7px 5px;
}

#sysAside .side_navi_item a::after,
#sysAside .side_navi a::after
{
    position: absolute;
    top: 50%;
    right: 10px;
    content: ">";
    font-size: 1.4rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#sysAside .side_navi_item .sysHeadline,
#sysAside .side_navi .sysHeadline
{
    width: 100%;
    font-size: 16px;
    color: #2b2b2b;
    font-weight: 500;
    text-align: left;
    letter-spacing: 0.1em;
    margin: 10px 0 0 !important;
    padding: 10px 0 0 !important;
    border-top: 1px dotted #61874E;
}

.sysAccordion
{
    position: relative;
    cursor: pointer;
}

.sysAccordion:after
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/side_menu_open.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: calc(50% - 6px);
    right: 0;
    display: block;
    width: 22px;
    height: 22px;
}

.sysAccordionHide:after
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/side_menu_close.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: calc(50% - 6px);
    right: 0;
    display: block;
    width: 22px;
    height: 22px;
}

.sysAccordionInitialHide
{
    display: none;
}

#sysAside .side_navi_item a,
#sysAside .side_navi a
{
    display: block;
    position: relative;
    padding: 0;
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-left: 22px;
}

#sysAside .side_navi_item a::before,
#sysAside .side_navi a::before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
}

#sysAside .side_navi_item a::after,
#sysAside .side_navi a::after
{
    content: none;
}

#sysAside .side_navi_item .sysHeadline::before,
#sysAside .side_navi .sysHeadline::before
{
    content: none;
}

#sysAside .side_navi_item .sysContent,
#sysAside .side_navi .sysContent
{
    width: 100%;
    margin-left: auto;
}

#sysAside .side_navi_item .sysContent ul li:last-of-type a,
#sysAside .side_navi .sysContent ul li:last-of-type a
{
    border-bottom: none;
}

#sysAside .side_navi_item .sysContent ul li:first-of-type,
#sysAside .side_navi .sysContent ul li:first-of-type
{
    margin-top: 22px;
}

#sysAside .side_navi_item .sysContent hr,
#sysAside .side_navi .sysContent hr
{
    border-top: 1px solid #61874E;
    margin-bottom: 20px;
}

#sysAside .side_navi .sysHeadline
{
    width: 100%;
    padding: 7px 5px;
}

/* TB */
@media only screen and (min-width: 781px) and (max-width: 1339px)
{

    #sysAside .side_navi_item,
    #sysAside .side_navi
    {
        margin-bottom: 0;
        border-bottom: 1px solid #000;
    }

    #sysAside .side_navi_item a,
    #sysAside .side_navi a
    {
        display: block;
        position: relative;
        padding: 7px 22px 7px 5px;
        border-bottom: 1px dotted #cdcdcd;
    }

    #sysAside .side_navi_item a::after,
    #sysAside .side_navi a::after
    {
        position: absolute;
        top: 50%;
        right: 10px;
        content: ">";
        font-size: 1.4rem;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #sysAside .side_navi_item .sysHeadline,
    #sysAside .side_navi .sysHeadline
    {
        width: 100%;
        font-size: 1.3rem;
        font-weight: 700;
        text-align: left;
        letter-spacing: normal;
        margin: 0;
        margin-left: auto;
        padding: 0;
    }

    #sysAside .side_navi_item .sysHeadline::before,
    #sysAside .side_navi .sysHeadline::before
    {
        content: none;
    }

    #sysAside .side_navi_item .sysContent,
    #sysAside .side_navi .sysContent
    {
        width: 100%;
        margin-left: auto;
    }

    #sysAside .side_navi_item .sysContent ul,
    #sysAside .side_navi .sysContent ul
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #sysAside .side_navi_item .sysContent ul li,
    #sysAside .side_navi .sysContent ul li
    {
        width: 50% !important;
    }

    #sysAside .side_navi_item .sysContent ul li:last-of-type a,
    #sysAside .side_navi .sysContent ul li:last-of-type a
    {
        border-bottom: none;
    }

    #sysAside .side_navi .sysHeadline
    {
        width: 100%;
        padding: 7px 5px;
        border-bottom: 1px solid #000;
    }

    #sysAside .side_navi_1
    {
        border-top: 1px solid #000;
    }
}

/* SP */
@media only screen and (max-width: 780px)
{

    #sysAside .side_navi_item .sysHeadline,
    #sysAside .side_navi .sysHeadline
    {
        width: 100%;
    }

    #sysAside .side_navi_item .sysContent,
    #sysAside .side_navi .sysContent
    {
        width: 100%;
    }

    #sysAside .side_navi_1
    {
        border-top: 1px solid #000;
    }
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
form.css
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
/* ===========================
フォーム設定
=========================== */
button,
input,
optgroup,
select,
textarea
{
    font: inherit;
}

input[type=search],
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
textarea
{
    -webkit-appearance: none;
    padding: 10px 5px !important;
    line-height: 1;
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    outline: none;
    background: #fff;
    width: 100%;
}

input[type="radio"]
{
    margin: 0 10px;
    vertical-align: middle;
}

select
{
    border: 1px solid #ddd;
    padding: 10px 5px;
}

input[type=submit]
{
    -webkit-appearance: none;
    border-radius: 8px;
    padding: 15px 30px;
    line-height: 1;
    /*250704 記述修正 Start*/
    /*margin-top: 50px;*/
    margin-top: 20px;
    /*250704 記述修正 End*/
    -webkit-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
    background-color: #61874E;
    color: #fff;
}

input[type=submit]:hover
{
    opacity: .8;
}

.sysFormField
{
    margin: 10px 0;
}

.sysFormField label
{
    margin-right: 20px;
}

.sysFormItem
{
    margin: 15px 0 30px;
}

.sysFormLabel
{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}

.sysLoginButton,
.sysButton
{
    width: 100%;
    border: none;
    padding: 15px;
    margin: 5px 0;
    border-radius: 8px;
    background-color: #61874E;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
}

@media (max-width: 780px)
{

    .sysLoginButton,
    .sysButton
    {
        width: 100%;
        border: none;
        padding: 15px;
        margin: 5px 0;
        border-radius: 8px;
        background-color: #61874E;
        color: #fff;
        cursor: pointer;
        font-size: 4vw;
        font-weight: 700;
    }
}

.sysLoginButton
{
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 10px auto;
    padding: 20px;
}

.sysCartButton
{
    border: none;
    padding: 10px 20px !important;
    margin: 5px 0;
    font-size: 16px;
    border-radius: 5px;
    background-color: #61874E;
    color: #fff;
    cursor: pointer;
}

@media (max-width: 780px)
{
    .sysCartButton
    {
        border: none;
        padding: 3vw !important;
        margin: 1vw 0;
        font-size: 3.42857vw;
        border-radius: 5px;
        background-color: #61874E;
        color: #fff;
        cursor: pointer;
    }
}

.sysNextSubmit
{
    background: #666;
    color: #fff;
    display: block;
    padding: 10px 15px;
    text-shadow: none;
    border-color: transparent;
    border-radius: 3px;
    width: 100%;
    height: 50px;
    margin: 0 auto;
}

.sysBackButton
{
    max-width: 230px;
    background: #ccc;
}

.sysZipcode .sysFormField,
.sysPrefStateId .sysFormField
{
    max-width: 400px;
}

.sysZipcode .sysFormField select,
.sysPrefStateId .sysFormField select
{
    width: 100%;
}

.sysZipcode .sysButton,
.sysPrefStateId .sysButton
{
    max-width: 200px;
}

.sysBirthday .sysFormField input[type="text"]
{
    max-width: 60px;
}

.sysSelectAddress
{
    background: -webkit-gradient(linear, left bottom, left top, from(white), to(white));
    background: -webkit-linear-gradient(bottom, white, white);
    background: -o-linear-gradient(bottom, white, white);
    background: linear-gradient(0deg, white, white);
}

/* ----------------------------------------------------------------------------------- */
/* フリーフォーム：入力 */
#sysFormIndex #sysAll #sysWrap #sysMain>h2
{
    display: none;
}

#sysFormIndex #sysAll #sysWrap #sysMain a
{
    display: inline-block;
    color: #068acc;
    text-decoration: underline;
}

#sysFormIndex #sysAll #sysWrap #sysMain input[type=search],
#sysFormIndex #sysAll #sysWrap #sysMain input[type=text],
#sysFormIndex #sysAll #sysWrap #sysMain input[type=tel],
#sysFormIndex #sysAll #sysWrap #sysMain input[type=email],
#sysFormIndex #sysAll #sysWrap #sysMain input[type=password],
#sysFormIndex #sysAll #sysWrap #sysMain textarea
{
    margin: 5px 0;
    width: 100%;
}

#sysFormIndex #sysAll #sysWrap #sysMain input[type="radio"]
{
    margin: 10px;
}

#sysFormIndex #sysAll #sysWrap #sysMain select
{
    margin: 5px 0;
}

#sysFormIndex #sysAll #sysWrap #sysMain .questions .txtBlock
{
    text-align: center;
    margin: 30px 0;
}

/* フリーフォーム：確認 */
#sysFormConfirm #sysAll #sysWrap #sysMain>h2
{
    display: none;
}

#sysFormConfirm #sysAll #sysWrap #sysMain .sysFormField
{
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

#sysFormConfirm #sysAll #sysWrap #sysMain .sysButton
{
    width: 100%;
    max-width: 230px;
    margin: 0;
    margin-right: 1%;
    margin-top: 30px;
    height: 50px;
    border-radius: 3px;
    background: #61874E;
    color: #fff;
}

#sysFormConfirm #sysAll #sysWrap #sysMain .sysNextSubmit
{
    max-width: 100%;
}

/* フリーフォーム：完了 */
#sysFormThanks #sysAll #sysWrap #sysMain>h2
{
    display: none;
}

#sysFormThanks #sysAll #sysWrap #sysMain .completeText
{
    margin: 20px 0;
    text-align: center;
    font-size: 1.4rem;
}

#sysFormThanks #sysAll #sysWrap #sysMain .completeText p
{
    margin: 10px 0;
}

#sysFormThanks #sysAll #sysWrap #sysMain .completeText a
{
    color: #068acc;
    text-decoration: underline;
}

/* 新規会員登録：共通 */
.sysMemberRegister #sysAll #sysHeader .header_wrap
{
    border-bottom: none;
    position: static;
}

.sysMemberRegister #sysAll #sysHeader .header_wrap .header_inner
{
    display: block;
    padding: 0;
}

.sysMemberRegister #sysAll #sysHeader .header_wrap .header_inner .header_h1_under
{
    width: 100%;
    max-width: 100%;
    padding: 10px 0;
    background-color: #fff;
    text-align: center;
}

.sysMemberRegister #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .h_inner
{
    margin: 15px 0 0;
}

.sysMemberRegister #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .logo
{
    display: block;
}

.sysMemberRegister #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .logo .logo_img
{
    display: block;
    margin: 0 auto;
}

.sysMemberRegister #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .head_title
{
    font-weight: 700;
    margin-top: 5px;
}

.sysMemberRegister #sysAll #sysHeader .header_wrap .header_inner .header_h1_under a
{
    display: block;
    width: 160px;
    margin: 0 auto;
}

.sysMemberRegister #sysAll #sysWrap
{
    margin: 0 auto;
}

.sysMemberRegister #sysAll #sysWrap #sysMain>h2
{
    display: none;
}

/* 新規会員登録：入力 */
#sysMemberRegisterIndex #sysAll #sysWrap #sysMain .sysNextSubmit
{
    max-width: 100%;
}

#sysMemberRegisterIndex #sysAll #sysWrap #sysMain input[type="submit"].sysButton
{
    width: 100%;
    max-width: 230px;
    margin: 0;
    margin-right: 1%;
    margin-top: 30px;
    height: 50px;
    border-radius: 3px;
    background: #61874E;
    color: #fff;
}

/* 新規会員登録：確認 */
#sysMemberRegisterConfirm #sysAll #sysWrap #sysMain>h2+div
{
    margin-bottom: 1em;
}

#sysMemberRegisterConfirm #sysAll #sysWrap #sysMain .sysFormField
{
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

#sysMemberRegisterConfirm #sysAll #sysWrap #sysMain .sysBackButton
{
    width: 100%;
    max-width: 230px;
    margin: 0;
    margin-right: 1%;
    margin-top: 30px;
    height: 50px;
    border-radius: 3px;
    background: #ccc;
    color: #444;
}

#sysMemberRegisterConfirm #sysAll #sysWrap #sysMain .sysNextSubmit
{
    max-width: 100%;
}

/* 新規会員登録：完了 */
#sysMemberRegisterRegister #sysAll #sysWrap #sysMain>p
{
    text-align: center;
}

/* マイページ：ログイン */
#sysMypageLogin #sysAll #sysWrap #sysMain>h3
{
    display: none;
}

#sysMypageLogin #sysAll #sysWrap #sysMain .sysButton
{
    display: block;
    max-width: 400px;
    margin: 0 auto;
}

/* マイページ：共通＋各設定 */
.sysMypage #sysAll #sysWrap #sysMain>h2
{
    display: none;
}

.sysMypage #sysAll #sysWrap #sysMain>h3
{
    font-size: 1.4rem;
    margin-bottom: 10px;
}

.sysMypage #sysAll #sysWrap #sysMain .SysMypageMinorHeadLine
{
    font-size: 1.8rem;
    border-left: 5px solid #3d3d3d;
    padding-left: 5px;
    margin: 15px 0;
}

.sysMypage #sysAll #sysWrap #sysMain .sysMypageNav
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sysMypage #sysAll #sysWrap #sysMain .sysMypageNav form
{
    width: 49%;
}

@media (max-width: 780px)
{
    .sysMypage #sysAll #sysWrap #sysMain .sysMypageNav form
    {
        width: 100%;
    }
}

.sysMypage #sysAll #sysWrap #sysMain .sysMypageNav form .sysButton
{
    margin: 2% 0;
}

.sysMypage #sysAll #sysWrap #sysMain .sysOrderHistory
{
    margin-bottom: 30px;
}

.sysMypage #sysAll #sysWrap #sysMain .sysMyPoint
{
    margin-bottom: 30px;
}

.sysMypage #sysAll #sysWrap #sysMain>form:last-of-type .sysButton
{
    max-width: 230px;
    background: #fff;
    border: 1px solid #61874E;
    color: #61874E;
}

.sysMypage #sysAll #sysWrap #sysMain .sysItemList
{
    margin-bottom: 30px;
}

.sysMypage #sysAll #sysWrap #sysMain .sysItemList ul.sysList li>div
{
    width: 78%;
}

.sysMypage #sysAll #sysWrap #sysMain .sysItemList ul.sysList li>div form
{
    text-align: left;
}

.sysMypage #sysAll #sysWrap #sysMain .sysItemList ul.sysList li .sysThumbnailImage
{
    width: 20%;
    float: none;
    margin-right: 0;
}

/* TB */
@media only screen and (min-width: 781px) and (max-width: 1339px)
{

    /* 新規会員登録：共通 */
    .sysMemberRegister #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .h_inner
    {
        margin: 0;
    }

    .sysMemberRegister #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .logo
    {
        display: block;
    }

    .sysMemberRegister #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .head_title
    {
        background-color: #fff;
        margin: 0;
        padding: 0;
    }

    .sysMemberRegister #sysAll #sysWrap
    {
        margin: 0 auto;
    }
}

/* SP */
@media only screen and (max-width: 780px)
{
    .sysFormField label
    {
        display: block;
        margin-right: 0;
    }

    /* 新規会員登録：共通 */
    .sysMemberRegister #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .h_inner
    {
        margin: 0;
    }

    .sysMemberRegister #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .logo
    {
        display: block;
    }

    .sysMemberRegister #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .head_title
    {
        background-color: #fff;
        margin: 0;
        padding: 0;
    }

    .sysMemberRegister #sysAll #sysWrap
    {
        margin: 0 auto;
    }

    /* マイページ：共通＋各設定 */
    .sysMypage #sysAll #sysWrap #sysMain .sysItemList ul.sysList li>div
    {
        width: 58%;
    }

    .sysMypage #sysAll #sysWrap #sysMain .sysItemList ul.sysList li .sysThumbnailImage
    {
        width: 40%;
    }
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
cart.css
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
.sysCart #sysAll #sysHeader,
.sysOpcBody #sysAll #sysHeader
{
    /* カートページ用ヘッダー設定 */
}

.sysCart #sysAll #sysHeader .header_wrap,
.sysOpcBody #sysAll #sysHeader .header_wrap
{
    border-bottom: none;
    position: static;
}

.sysCart #sysAll #sysHeader .header_wrap .header_inner,
.sysOpcBody #sysAll #sysHeader .header_wrap .header_inner
{
    display: block;
    padding: 0;
}

.sysCart #sysAll #sysHeader .header_wrap .header_inner .header_h1_under,
.sysOpcBody #sysAll #sysHeader .header_wrap .header_inner .header_h1_under
{
    width: 100%;
    max-width: 100%;
    padding: 10px 0;
    background-color: #fff;
    text-align: center;
}

.sysCart #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .h_inner,
.sysOpcBody #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .h_inner
{
    margin: 15px 0 0;
}

.sysCart #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .logo,
.sysOpcBody #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .logo
{
    display: block;
}

.sysCart #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .logo .logo_img,
.sysOpcBody #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .logo .logo_img
{
    display: block;
    margin: 0 auto;
}

.sysCart #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .head_title,
.sysOpcBody #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .head_title
{
    font-weight: 700;
    margin-top: 5px;
}

.sysCart #sysAll #sysHeader .header_wrap .header_inner .header_h1_under a,
.sysOpcBody #sysAll #sysHeader .header_wrap .header_inner .header_h1_under a
{
    display: block;
    width: 160px;
    margin: 0 auto;
}

.sysCart #sysAll #sysWrap,
.sysOpcBody #sysAll #sysWrap
{
    margin: 0 auto;
}

.sysCart #sysAll #sysWrap #sysMain,
.sysOpcBody #sysAll #sysWrap #sysMain
{
    margin: 50px auto 0;
}

.sysCart #sysAll #sysWrap #sysMain input[type="submit"],
.sysCart #sysAll #sysWrap #sysMain button,
.sysOpcBody #sysAll #sysWrap #sysMain input[type="submit"],
.sysOpcBody #sysAll #sysWrap #sysMain button
{
    display: inline-block;
    width: auto;
    height: auto;
    min-width: 150px;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #61874E;
    border-radius: 5px;
    cursor: pointer;
    background: #61874E;
    color: #fff;
}

.sysCart #sysAll #sysWrap #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysOpcBody #sysAll #sysWrap #sysMain .sysNextSubmitArea .sysNextSubmit
{
    width: 100%;
    max-width: 100%;
    font-weight: 700;
    background: #61874E;
    border: none;
    margin: 5px 0;
    text-shadow: none;
}

.sysCart #sysAll #sysWrap #sysMain .sysBox,
.sysOpcBody #sysAll #sysWrap #sysMain .sysBox
{
    background-color: #ffffff;
    border: 1px solid #cfcfcf;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 1em auto 2em;
    padding: 1em;
}

.sysCart #sysAll #sysWrap #sysMain .sysCartAttention,
.sysOpcBody #sysAll #sysWrap #sysMain .sysCartAttention
{
    font-weight: 700;
    color: #da4636;
}

.sysCart #sysAll #sysWrap #sysMain .sysTotalTxt,
.sysOpcBody #sysAll #sysWrap #sysMain .sysTotalTxt
{
    text-shadow: none;
}

.sysCart #sysAll #sysWrap #sysMain .sysTotalTxt .sysCartAttention,
.sysOpcBody #sysAll #sysWrap #sysMain .sysTotalTxt .sysCartAttention
{
    font-size: 2rem;
    padding: 0 0.3em;
}

.sysCart #sysAll #sysWrap #sysMain .sysCartTitle,
.sysOpcBody #sysAll #sysWrap #sysMain .sysCartTitle
{
    font-size: 1.8rem;
    font-weight: 700;
    color: #000;
    background-color: #fff;
    padding: 0;
}

.sysCart #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox,
.sysOpcBody #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sysCart #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox>div,
.sysOpcBody #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox>div
{
    width: 100%;
}

.sysCart #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox>a,
.sysOpcBody #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox>a
{
    display: block;
    width: 30%;
}

.sysCart #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox>a .sysProductImg,
.sysOpcBody #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox>a .sysProductImg
{
    display: block;
    width: 100%;
    margin: 0;
    float: none;
}

.sysCart #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox hr,
.sysOpcBody #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox hr
{
    width: 100%;
}

.sysCart #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox .sysProduct,
.sysOpcBody #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox .sysProduct
{
    width: 68%;
}

.sysCart #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox .sysProduct .sysItemName,
.sysOpcBody #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox .sysProduct .sysItemName
{
    font-size: 1.8rem;
    line-height: 1.5;
}

.sysCart #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox select,
.sysOpcBody #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox select
{
    width: 100%;
    max-width: 200px;
    display: inline-block;
    float: none;
    margin: 5px 0;
    padding: .2em .5em;
    border: 1px solid #000;
}

.sysCart #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox .sysNumArea,
.sysOpcBody #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox .sysNumArea
{
    padding-top: 5px;
    margin-bottom: 20px;
}

.sysCart #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox .sysDeleteArea,
.sysOpcBody #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox .sysDeleteArea
{
    text-align: right;
}

.sysCart #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox .sysDeleteArea .sysButton,
.sysOpcBody #sysAll #sysWrap #sysMain .sysItemListArea ul li .sysBox .sysDeleteArea .sysButton
{
    text-align: center;
}

/* 旧OPCのボタン設定 */
#sysAll #sysWrap #sysMain button.mdl-button
{
    display: inline-block;
    width: auto;
    height: 45px;
    min-width: 150px;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #999 !important;
    border-radius: 5px;
    cursor: pointer;
    background: #fff !important;
    color: #000;
    font-size: 1.5rem;
    line-height: 1;
}

#sysBasket #sysAll #sysWrap #sysMain>.mdl_btn_ button.mdl-button.full-width
{
    width: 100% !important;
    max-width: 100%;
    font-weight: 700;
    background: #da4636 !important;
    border: none !important;
    margin: 5px 0;
    text-shadow: none;
    line-height: 1;
    font-size: 1.5rem;
    color: #fff;
}

.sysCart #sysAll #sysWrap #sysMain button.opc-dlg-close
{
    width: 50px;
    height: 50px;
    min-width: 50px;
    padding: 0;
    line-height: 1;
    padding-bottom: 6px;
}

/* OPC設定 */
.mdl_btn_.opcDialog,
form.opcUseAmazon
{
    width: 100%;
    padding-right: 0;
}

#sysMain h3
{
    font-size: 21px;
    font-weight: 200;
    color: #333;
    margin-bottom: 10px;
}

#sysMain #show-dlg-1,
#sysMain #show-dlg-1_low,
#sysMain .sysOpcNextSubmit,
#sysMain .sysNextSubmit
{
    display: block;
    width: 100% !important;
    padding: 15px 10px !important;
    margin: 5px 0 !important;
    color: #fff !important;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: bold;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none !important;
    border-radius: 5px;
    background: #61874E !important;
}

#sysMain #show-dlg-2
{
    display: block;
    width: 100% !important;
    padding: 10px;
    margin: 0 0 30px !important;
    color: #fff !important;
    font-size: 1.2rem;
    line-height: 1;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none !important;
    border-radius: 5px;
    background: #000 !important;
}

#sysMain #show-dlg-3
{
    display: block;
    width: 100% !important;
    padding: 10px;
    margin: 0 0 30px !important;
    color: #fff !important;
    font-size: 1.2rem;
    line-height: 1;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none !important;
    border-radius: 5px;
    background: #000 !important;
    color: #fff !important;
    background: #da4636 !important;
}

#sysMain .next_btn
{
    color: #fff !important;
    font-size: 1rem;
    line-height: 1;
    border: none !important;
    background: #000 !important;
}

#sysMain #order_price_confirm_btn
{
    color: #fff !important;
    width: 100% !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #000 !important;
}

#sysMain .mdl-js-button
{
    -webkit-box-shadow: none;
    box-shadow: none;
}

#sysMain #change-to-billAddr,
#sysMain #show-dlg-addrList,
#sysMain #show-dlg-inputAddr
{
    line-height: 1;
    border: none !important;
    background: #000 !important;
}

#sysMain p.user_type
{
    font-size: 1.2rem;
}

.sysOpcProduct .sysOpcItemName
{
    font-size: 1.2rem;
}

/*情報入力ページ調整*/
.sysOpcBody .header_wrap
{
    height: auto;
    position: static;
    border-bottom: none;
}

.sysOpcBody .header_h1_under a
{
    pointer-events: none;
}

.sysOpcBody .footer .f_gnav_all
{
    display: none;
}

input[type="button"]
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.opcCommonInputText,
.opcCommonInputSelect,
.opcCommonInputRadio,
.opcCommonInputCheckbox
{
    margin-left: 0 !important;
    height: auto;
}

.opcCommonEditModeBlock
{
    background: #fff !important;
    padding: 20px;
}

.opcOrderSummaryTitle,
.opcBillingAddressTitle,
.opcDeliveryAddressTitle,
.opcItemTitle,
.opcPaymentMethodTitle
{
    font-size: large !important;
    margin-bottom: 0.5em;
}

.opcItem
{
    padding: 3%;
    border: 1px solid #9b9b9b;
    margin-top: 10px;
}

.opcCommonInputSelect,
.opcCommonButton
{
    background: #61874E !important;
    color: #fff;
}

.opcCommonInputSelect
{
    width: auto;
    min-width: 100px;
    background: #f1f1f1 !important;
    color: #2b2b2b;
}

.opcBillingAddress_completeButton_edit,
.opcDeliveryMethod_completeButton_edit,
.opcPaymentMethod_completeButton_edit,
.opcItem_completeButton_edit,
.opcDeliveryAddress_completeButton_edit,
.opcPointAndCouponDialog_applyButton_edit,
.opcRemarks_completeButton_edit
{
    background: #61874E !important;
    border: 1px solid #61874E !important;
    color: #fff !important;
    font-weight: bold;
}

.opcConfirm_inputStatus
{
    display: block !important;
    width: 100% !important;
    margin: 0 auto 1em;
    background: #61874E !important;
    color: #fff !important;
    border: 1px solid #61874E !important;
    font-weight: bold;
}

.opcConfirm_inputStatus_disable
{
    display: block !important;
    width: 100% !important;
    margin: 0 auto 1em;
    background: #ccc !important;
    color: #000 !important;
}

.opcConfirm_order
{
    display: block !important;
    width: 100% !important;
    margin: 0 auto;
    background: #61874E !important;
    color: #fff !important;
    border: 1px solid #61874E !important;
    font-weight: bold;
}

.opcConfirm_order_disable
{
    display: block !important;
    width: 100% !important;
    margin: 0 auto;
    background: #ccc !important;
    color: #000 !important;
}

.opcItem_increaseNumButton_edit,
.opcItem_decreaseNumButton_edit
{
    width: 42px !important;
    background: #61874E !important;
    border: 1px solid #61874E;
}

.opcCommonButtonGroup
{
    margin-top: 1em;
}

.opcBillingAddress_genderMaleAndLabelGroup_edit,
.opcBillingAddress_genderFemaleAndLabelGroup_edit
{
    width: 15% !important;
}

.opcBillingAddress_acceptMailmagazineYesLabel_edit
{
    margin-top: 1em;
    display: inline-block;
}

.opcOrderSummary_totalPriceAndLabelGroup
{
    padding-bottom: 10px !important;
}

.opcCommonEditLabel
{
    margin-top: 1em;
    border-left: 0px;
}

.opcOrderSummary_priceBreakDownGroup
{
    padding-top: 1em;
    padding-bottom: 1em;
}

.opcOrderSummary_feeAndLabelGroup,
.opcOrderSummary_usePointPriceAndLabelGroup
{
    padding-bottom: 1em;
    margin-bottom: 1em;
}

.opcBillingAddress_prefState_edit
{
    margin: 5px 0;
}

.opcBillingAddressButtonGroup_edit,
.opcDeliveryAddress_buttonGroup,
.opcDeliveryMethod_buttonGroup_edit
{
    padding: 1em 0;
}

.opcDeliveryMethod_hopeDeliveryDateAndLabelGroup_edit,
.opcDeliveryMethod_hopeDeliveryTimeAndLabelGroup_edit
{
    margin-bottom: 1em;
}

.opcItem_itemSubTotalPriceAndLabelGroup
{
    padding-bottom: 1em;
    margin-bottom: 1em;
}

.opcDeliveryAddressAndDeliveryMethodGroup,
.opcItemList
{
    margin-bottom: 0 !important;
    border: none !important;
    padding: 0 !important;
    position: static !important;
}

.opcBillingAddress .opcCommonReferenceLabel
{
    width: 70px;
    display: inline-block;
    position: relative;
}

.opcBillingAddress .opcCommonReferenceLabel::after
{
    position: absolute;
    right: 0;
}

.opcDeliveryMethod .opcCommonReferenceLabel
{
    width: 123px;
    display: inline-block;
    position: relative;
}

.opcDeliveryMethod .opcCommonReferenceLabel::after
{
    position: absolute;
    right: 0;
}

.opcCommonRequireLabel
{
    color: #da4636 !important;
    font-weight: bold;
}

.opcRemarks_remark_edit
{
    width: 100% !important;
}

.opcDeliveryAddressEditDialog_directChangeButtonAndLabelGroup
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2em;
}

.opcDeliveryAddressEditDialog_directChangeLabel
{
    width: 100%;
}

.opcDeliveryAddressEditDialog_directChangeButtonAndLabelGroup .opcCommonButton
{
    width: calc(32% - 1em) !important;
}

.opcItem_itemName
{
    font-weight: bold;
    font-size: 15px;
}

.opcConfirm_headerErrorMessage
{
    width: 100% !important;
    max-width: 800px;
}

.opcRemarks_remark,
.opcRemarks_cartOption
{
    margin-left: 0 !important;
    width: 100% !important;
    white-space: normal !important;
}

#sysOpc>form+div
{
    margin-bottom: 60px !important;
}

.opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit
{
    padding-left: 0 !important;
    margin-left: 0 !important;
    border-bottom: none !important;
}

.opcDeliveryAddress
{
    border-bottom: 1px solid #9b9b9b;
    margin-bottom: 1em;
}

.opcDeliveryMethod_hopeDeliveryDateLabel_edit
{
    width: 126px;
    display: inline-block;
}

/* SP */
@media only screen and (max-width: 780px)
{

    .sysCart #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .h_inner,
    .sysOpcBody #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .h_inner
    {
        margin: 0;
    }

    .sysCart #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .logo,
    .sysOpcBody #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .logo
    {
        display: block;
    }

    .sysCart #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .head_title,
    .sysOpcBody #sysAll #sysHeader .header_wrap .header_inner .header_h1_under .head_title
    {
        background-color: #fff;
        margin: 0;
        padding: 0;
    }

    .sysCart #sysAll #sysWrap,
    .sysOpcBody #sysAll #sysWrap
    {
        margin: 0 auto;
    }
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
item_detail.css
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
#sysItemDetail #sysAll #sysWrap #sysMain article
{
    /* タイトル */
    /* 画像とテキストの横並び設定 */
}

#sysItemDetail #sysAll #sysWrap #sysMain article .sysItemName h1
{
    font-size: 25px;
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #61874E;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    padding: 50px;
    /* 画像 */
    /* テキスト */
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .sysItemImages
{
    width: 48%;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .sysItemImages .sysMainImage a
{
    display: block;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .sysItemImages .sysMainImage a img
{
    display: block;
    width: 100%;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .sysItemImages .sysImageDescription
{
    font-size: 1.2rem;
    margin: 5px 0;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .sysItemImages .sysImageList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .sysItemImages .sysImageList li
{
    float: none;
    width: 24%;
    height: auto;
    margin: 0;
    line-height: inherit;
    margin-right: 1.32%;
    margin-bottom: 1.32%;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .sysItemImages .sysImageList li:nth-of-type(4n)
{
    margin-right: 0;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea
{
    width: 50%;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysPr
{
    margin-bottom: 10px;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysDescription
{
    margin-bottom: 10px;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation table
{
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    border: none;
    border-top: 1px solid #ccc;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation table thead
{
    text-align: center;
    color: #fff;
    background: #999;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation table tr
{
    border-bottom: 1px solid #ccc;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation table th,
#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation table td
{
    padding: 10px;
    text-align: center;
    border: none;
    font-size: 12px;
    line-height: 1.5;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation table td:first-child
{
    background-color: #F5F4EF;
    white-space: nowrap;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation table td:last-child
{
    text-align: left;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation .itempage_detail h3
{
    font-size: 1.8rem;
    font-weight: 400;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation .itempage_detail table
{
    width: 100%;
    margin-bottom: 10px;
    border-top: 1px solid #ccc;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation .itempage_detail table tr
{
    border-bottom: 1px solid #ccc;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation .itempage_detail table th,
#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation .itempage_detail table td
{
    padding: 10px;
    font-size: 1.2rem;
    text-align: center;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation .itempage_detail table th
{
    width: 30%;
    border-right: 1px solid #ccc;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation .itempage_detail table td
{
    width: 70%;
    text-align: left;
    background: #fff;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation .show_bx
{
    margin-bottom: 30px;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation .show_bx .show_bx_inner
{
    margin-bottom: 10px;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation .show_bx .show_bx_inner .btn_tr
{
    padding: 10px 0 10px 35px !important;
    background: #e4e4e4 url(/img/layout/system/ico_plus.png) 10px center no-repeat !important;
    background-size: 18px !important;
    cursor: pointer;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation .show_bx .show_bx_inner .btn_tr.active
{
    background: #e4e4e4 url(/img/layout/system/ico_minus.png) 10px center no-repeat !important;
    background-size: 18px !important;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation .show_bx .show_bx_inner .contents_tr
{
    background-color: #f5f5f5;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysExplanation .show_bx .show_bx_inner .contents_tr table
{
    margin-bottom: 0 !important;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysItemId
{
    font-size: 1.2rem;
    text-align: right;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysRetailPrice
{
    width: 100%;
    margin-bottom: 5px;
    color: #000;
    font-weight: 700;
    text-align: right;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysRetailPrice .sysRetailPriceValue
{
    font-size: 25px;
    font-weight: 400;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysForm select
{
    width: 100%;
    display: inline-block;
    float: none;
    margin: 5px 0;
    padding: 10px;
    border: 1px solid #707070;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysForm #sysCartInForm #sysVariation
{
    width: 100%;
    overflow: hidden;
    margin-left: auto;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable
{
    width: 100%;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysForm #sysCartInForm #sysVariation .sysFormVariationTable .sysFormVariationName
{
    background-color: #fdf5f5;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysForm #sysSelections
{
    margin-bottom: 10px;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysForm #sysNumber
{
    text-align: right;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysForm #sysNumber select
{
    max-width: 200px;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysForm #sysNumber .sysNumArea
{
    padding-top: 5px;
    margin-bottom: 20px;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysForm #sysNumber .sysNumArea button
{
    overflow: hidden;
    display: inline-block;
    width: 37%;
    padding: 10px;
    text-indent: -999px;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    background: #f1f1f1;
    cursor: pointer;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysForm #sysNumber .sysNumArea button:hover
{
    background-color: #efefef !important;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysForm #sysNumber .sysNumArea button.sysBtnPlus
{
    background: url(/img/layout/system/btn_plus.png) center center no-repeat;
    background-size: 65px;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysForm #sysNumber .sysNumArea button.sysBtnMinus
{
    background: url(/img/layout/system/btn_minus.png) center center no-repeat;
    background-size: 90px;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysForm #sysSubtotal
{
    text-align: right;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysForm #sysSubtotal .sysSubtotalPrice
{
    font-size: 1.7rem;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysForm #sysSubmit .sysCartButton
{
    width: 100%;
    padding: 23px 15px !important;
    text-indent: -999px;
    background: #61874E url(/img/layout/system/btn_cart.png) center center no-repeat;
    background-size: 140px;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysForm #sysWishlist .sysButton
{
    width: 100%;
    overflow: hidden;
    text-indent: -999px;
    border: 1px solid #b9b9b9;
    background: #fff url(/img/layout/system/btn_favo.png) center center no-repeat;
    background-size: 100px;
}

#sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea .sysForm .sysShare
{
    text-align: right;
}

/* SP */
@media only screen and (max-width: 780px)
{
    #sysItemDetail #sysAll #sysWrap #sysMain article
    {
        /* タイトル */
        /* 画像とテキストの横並び設定解除 */
    }

    #sysItemDetail #sysAll #sysWrap #sysMain article .sysItemName h1
    {
        font-size: 6.42857vw;
        padding-bottom: 5px;
        margin-bottom: 20px;
    }

    #sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea
    {
        display: block;
        padding: 5vw;
        /* 画像 */
        /* テキスト */
    }

    #sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .sysItemImages
    {
        width: 100%;
        margin-bottom: 20px;
    }

    #sysItemDetail #sysAll #sysWrap #sysMain article>.orderArea .orderArea
    {
        width: 100%;
    }
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
item_list.css
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
/* 件数表示＋表示切り替え部分 */
.sysItemListDisp
{
    margin-bottom: 20px;
    /* リストとサムネイル切り替え部分：アイコンを使用する場合は以下をアクティブにしてください */
}

.sysItemList
{
    /* リスト表示 */
    /* サムネイル表示 */
}

.sysItemList ul.sysList li
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sysItemList ul.sysList li>div
{
    width: 100%;
}

.sysItemList ul.sysList li .sysThumbnailImage
{
    width: 20%;
}

.sysItemList ul.sysList li .itemDetailWrap
{
    width: 78%;
}

.sysItemList ul.sysList li .itemDetailWrap .sysItemName
{
    font-size: 1.6rem;
}

.sysItemList ul.sysList li form
{
    width: 100%;
    text-align: right;
    margin: 5px 0;
}

.sysItemList ul.sysList li form input[type=submit]
{
    margin: 0;
    width: 100%;
    max-width: 200px;
}

.sysItemList ul.sysList li form button
{
    margin: 0;
    width: 100%;
    max-width: 200px;
}

.sysItemList ul.sysList li form .sysAddSelection select,
.sysItemList ul.sysList li form .sysAddVariation select
{
    width: 100%;
    max-width: 200px;
    margin-bottom: 5px;
}

.sysItemList ul.sysThumbnail
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sysItemList ul.sysThumbnail li
{
    float: none;
}

.sysItemList ul.sysThumbnail li>div
{
    width: 100%;
}

.sysItemList ul.sysThumbnail li .itemDetailWrap .sysItemName
{
    font-size: 1.6rem;
    margin-top: 10px;
}

.sysItemList ul.sysThumbnail li form
{
    width: 100%;
    margin: 10px 0;
}

.sysItemList ul.sysThumbnail li form input[type=submit]
{
    margin: 0;
    width: 100%;
}

.sysItemList ul.sysThumbnail li form button
{
    margin: 0;
    width: 100%;
}

.sysItemList ul.sysThumbnail li form .sysAddSelection select,
.sysItemList ul.sysThumbnail li form .sysAddVariation select
{
    width: 100%;
    margin-bottom: 5px;
}

#sysItemCategory #sysAll #sysWrap #sysMain
{
    /* ソート部分 */
}

#sysItemCategory #sysAll #sysWrap #sysMain .sysItemCategoryCtl a
{
    display: inline-block;
    padding: 4px 6px;
    background: #fff;
    border: 1px solid #61874E;
    border-radius: 3px;
    text-decoration: none;
    margin: 2px 0;
    font-size: 14px;
}

.sysItemCategoryCtl .sysCurrent
{
    display: inline-block !important;
    padding: 4px 6px !important;
    background: #61874E !important;
    border: 1px solid #61874E !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    margin: 2px 0 !important;
    font-size: 14px !important;
    color: #fff !important;
    font-weight: 400 !important;
}

.sysItemList ul.sysThumbnail li .itemDetailWrap .sysItemName
{
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-top: 10px;
}

.sysRetailPrice
{
    font-size: 14px !important;
    font-weight: 400 !important;
}

#sysItemSearch #sysAll #sysWrap #sysMain
{
    /* 検索条件変更 */
}

#sysItemSearch #sysAll #sysWrap #sysMain h2
{
    margin-bottom: 10px;
}

#sysItemSearch #sysAll #sysWrap #sysMain>form
{
    font-size: 1.2rem;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #ededed;
}

#sysItemSearch #sysAll #sysWrap #sysMain>form .sysItemSearchFormWord
{
    margin-bottom: 5px;
}

#sysItemSearch #sysAll #sysWrap #sysMain>form .sysItemSearchFormWord input
{
    height: 40px;
    vertical-align: bottom;
    border: 1px solid #d0d0d0;
}

#sysItemSearch #sysAll #sysWrap #sysMain>form input[type="radio"]
{
    margin: 10px 10px 20px;
}

#sysItemSearch #sysAll #sysWrap #sysMain>form select
{
    height: 50px;
    background-color: #fff;
    border: 1px solid #d0d0d0;
}

#sysItemSearch #sysAll #sysWrap #sysMain>form .sysItemSearchFormRange
{
    display: inline-block;
    margin: 5px auto;
}

#sysItemSearch #sysAll #sysWrap #sysMain>form .sysItemSearchFormRange input
{
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#sysItemSearch #sysAll #sysWrap #sysMain>form .sysItemSearchFormCategory
{
    display: inline-block;
    margin: 5px auto;
}

#sysItemSearch #sysAll #sysWrap #sysMain>form .sysItemSearchFormSort
{
    display: inline-block;
    margin: 5px auto;
}

#sysItemSearch #sysAll #sysWrap #sysMain>form .sysItemSearchFormLimit
{
    display: inline-block;
    margin: 5px auto;
}

#sysItemSearch #sysAll #sysWrap #sysMain>form .sysSearchButton
{
    display: block;
    margin: 10px auto;
    padding: 10px;
    width: 100%;
    border: none;
    background: #222222;
    color: #fff;
    font-size: 120%;
    cursor: pointer;
    border-radius: 3px;
}

/* TB */
@media only screen and (min-width: 781px) and (max-width: 1339px)
{
    .sysItemList
    {
        /* リスト表示 */
    }

    .sysItemList ul.sysList li .sysThumbnailImage
    {
        width: 30%;
    }

    .sysItemList ul.sysList li .itemDetailWrap
    {
        width: 68%;
    }
}

/* SP */
@media only screen and (max-width: 780px)
{
    .sysItemList
    {
        /* リスト表示 */
        /* サムネイル表示 */
    }

    .sysItemList ul.sysList li .sysThumbnailImage
    {
        width: 40%;
    }

    .sysItemList ul.sysList li .itemDetailWrap
    {
        width: 58%;
    }

    .sysItemList ul.sysList li .itemDetailWrap .sysItemName
    {
        font-size: 1.4rem;
    }

    .sysItemList ul.sysList li form input[type=submit]
    {
        max-width: 100%;
    }

    .sysItemList ul.sysList li form button
    {
        max-width: 100%;
    }

    .sysItemList ul.sysThumbnail li
    {
        width: 50%;
    }

    .sysItemList ul.sysThumbnail li .itemDetailWrap .sysItemName
    {
        font-size: 1.4rem;
        margin-top: 5px;
    }
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
text_page.css
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
#law #sysAll #sysWrap #sysMain .text_page,
#shopping-guide #sysAll #sysWrap #sysMain .text_page,
#questions #sysAll #sysWrap #sysMain .text_page,
#privacypolicy #sysAll #sysWrap #sysMain .text_page,
#corporate #sysAll #sysWrap #sysMain .text_page
{
    /* テキストページ共通 */
    /* ご利用ガイド */
    /* 特定商取引法に基づく表示 */
}

#law #sysAll #sysWrap #sysMain .text_page .pattern01,
#shopping-guide #sysAll #sysWrap #sysMain .text_page .pattern01,
#questions #sysAll #sysWrap #sysMain .text_page .pattern01,
#privacypolicy #sysAll #sysWrap #sysMain .text_page .pattern01,
#corporate #sysAll #sysWrap #sysMain .text_page .pattern01
{
    font-size: 1.8rem;
    border-left: 5px solid #3d3d3d;
    padding-left: 5px;
    margin: 15px 0;
}

#law #sysAll #sysWrap #sysMain .text_page .pattern02,
#shopping-guide #sysAll #sysWrap #sysMain .text_page .pattern02,
#questions #sysAll #sysWrap #sysMain .text_page .pattern02,
#privacypolicy #sysAll #sysWrap #sysMain .text_page .pattern02,
#corporate #sysAll #sysWrap #sysMain .text_page .pattern02
{
    font-size: 1.6rem;
    border-bottom: 1px solid #3d3d3d;
    padding-left: 5px;
    padding-bottom: 5px;
    margin: 10px 0;
}

#law #sysAll #sysWrap #sysMain .text_page .txtBlock,
#shopping-guide #sysAll #sysWrap #sysMain .text_page .txtBlock,
#questions #sysAll #sysWrap #sysMain .text_page .txtBlock,
#privacypolicy #sysAll #sysWrap #sysMain .text_page .txtBlock,
#corporate #sysAll #sysWrap #sysMain .text_page .txtBlock
{
    margin: 30px 0;
    font-size: 1.3rem;
}

#law #sysAll #sysWrap #sysMain .text_page .txtBlock .larger,
#shopping-guide #sysAll #sysWrap #sysMain .text_page .txtBlock .larger,
#questions #sysAll #sysWrap #sysMain .text_page .txtBlock .larger,
#privacypolicy #sysAll #sysWrap #sysMain .text_page .txtBlock .larger,
#corporate #sysAll #sysWrap #sysMain .text_page .txtBlock .larger
{
    font-size: 1.4rem;
    margin-bottom: 10px;
}

#law #sysAll #sysWrap #sysMain .text_page .txtBlock ul li,
#shopping-guide #sysAll #sysWrap #sysMain .text_page .txtBlock ul li,
#questions #sysAll #sysWrap #sysMain .text_page .txtBlock ul li,
#privacypolicy #sysAll #sysWrap #sysMain .text_page .txtBlock ul li,
#corporate #sysAll #sysWrap #sysMain .text_page .txtBlock ul li
{
    margin: 5px 0;
}

#law #sysAll #sysWrap #sysMain .text_page .txtBlock a,
#shopping-guide #sysAll #sysWrap #sysMain .text_page .txtBlock a,
#questions #sysAll #sysWrap #sysMain .text_page .txtBlock a,
#privacypolicy #sysAll #sysWrap #sysMain .text_page .txtBlock a,
#corporate #sysAll #sysWrap #sysMain .text_page .txtBlock a
{
    display: inline-block;
    color: #068acc;
    text-decoration: underline;
}

#law #sysAll #sysWrap #sysMain .text_page hr.style01,
#shopping-guide #sysAll #sysWrap #sysMain .text_page hr.style01,
#questions #sysAll #sysWrap #sysMain .text_page hr.style01,
#privacypolicy #sysAll #sysWrap #sysMain .text_page hr.style01,
#corporate #sysAll #sysWrap #sysMain .text_page hr.style01
{
    width: 100%;
    height: 1px;
    background: #222222;
    margin: 50px auto;
    padding: 0;
    border: 0;
}

#law #sysAll #sysWrap #sysMain .text_page .guideBlock,
#shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock,
#questions #sysAll #sysWrap #sysMain .text_page .guideBlock,
#privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock,
#corporate #sysAll #sysWrap #sysMain .text_page .guideBlock
{
    padding-top: 20px;
}

#law #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee,
#shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee,
#questions #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee,
#privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee,
#corporate #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee
{
    width: 100%;
    margin: 20px auto;
}

#law #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .tableTitle,
#shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .tableTitle,
#questions #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .tableTitle,
#privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .tableTitle,
#corporate #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .tableTitle
{
    font-size: 1.6rem;
    color: #424242;
    margin-bottom: 10px;
}

#law #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable,
#shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable,
#questions #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable,
#privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable,
#corporate #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable
{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
    line-height: 1.4;
    text-align: center;
}

#law #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead,
#shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead,
#questions #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead,
#privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead,
#corporate #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead
{
    background: #555;
    text-align: center;
}

#law #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead th,
#shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead th,
#questions #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead th,
#privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead th,
#corporate #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead th
{
    padding: 10px;
    vertical-align: top;
    font-weight: normal;
    color: #fff;
}

#law #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead.spThead,
#shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead.spThead,
#questions #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead.spThead,
#privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead.spThead,
#corporate #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead.spThead
{
    display: none;
}

#law #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody th,
#shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody th,
#questions #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody th,
#privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody th,
#corporate #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody th
{
    width: 55%;
    padding: 10px;
    vertical-align: top;
    background: #fff;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#law #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody td,
#shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody td,
#questions #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody td,
#privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody td,
#corporate #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody td
{
    width: 45%;
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #eee;
}

#law #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable b,
#shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable b,
#questions #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable b,
#privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable b,
#corporate #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable b
{
    color: #D42E30;
    display: inline-block;
    padding: 0 3px;
    font-size: 1.2em;
}

#law #sysAll #sysWrap #sysMain .text_page #main_tradelaw,
#shopping-guide #sysAll #sysWrap #sysMain .text_page #main_tradelaw,
#questions #sysAll #sysWrap #sysMain .text_page #main_tradelaw,
#privacypolicy #sysAll #sysWrap #sysMain .text_page #main_tradelaw,
#corporate #sysAll #sysWrap #sysMain .text_page #main_tradelaw
{
    width: 100%;
    border: 1px solid #ddd;
    margin: 0 auto 30px;
}

#law #sysAll #sysWrap #sysMain .text_page #main_tradelaw dl,
#shopping-guide #sysAll #sysWrap #sysMain .text_page #main_tradelaw dl,
#questions #sysAll #sysWrap #sysMain .text_page #main_tradelaw dl,
#privacypolicy #sysAll #sysWrap #sysMain .text_page #main_tradelaw dl,
#corporate #sysAll #sysWrap #sysMain .text_page #main_tradelaw dl
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ededed;
    border-bottom: 1px dotted #bfbfbf;
}


#law #sysAll #sysWrap #sysMain .text_page #main_tradelaw dl:last-of-type,
#shopping-guide #sysAll #sysWrap #sysMain .text_page #main_tradelaw dl:last-of-type,
#questions #sysAll #sysWrap #sysMain .text_page #main_tradelaw dl:last-of-type,
#privacypolicy #sysAll #sysWrap #sysMain .text_page #main_tradelaw dl:last-of-type,
#corporate #sysAll #sysWrap #sysMain .text_page #main_tradelaw dl:last-of-type
{
    border: none;
}

#law #sysAll #sysWrap #sysMain .text_page #main_tradelaw dt,
#shopping-guide #sysAll #sysWrap #sysMain .text_page #main_tradelaw dt,
#questions #sysAll #sysWrap #sysMain .text_page #main_tradelaw dt,
#privacypolicy #sysAll #sysWrap #sysMain .text_page #main_tradelaw dt,
#corporate #sysAll #sysWrap #sysMain .text_page #main_tradelaw dt
{
    width: 25%;
    padding: 15px;
    font-weight: 700;
}

#law #sysAll #sysWrap #sysMain .text_page #main_tradelaw dd,
#shopping-guide #sysAll #sysWrap #sysMain .text_page #main_tradelaw dd,
#questions #sysAll #sysWrap #sysMain .text_page #main_tradelaw dd,
#privacypolicy #sysAll #sysWrap #sysMain .text_page #main_tradelaw dd,
#corporate #sysAll #sysWrap #sysMain .text_page #main_tradelaw dd
{
    width: 75%;
    padding: 15px;
    background: #fff;
}

#law #sysAll #sysWrap #sysMain .text_page #main_tradelaw dd a,
#shopping-guide #sysAll #sysWrap #sysMain .text_page #main_tradelaw dd a,
#questions #sysAll #sysWrap #sysMain .text_page #main_tradelaw dd a,
#privacypolicy #sysAll #sysWrap #sysMain .text_page #main_tradelaw dd a,
#corporate #sysAll #sysWrap #sysMain .text_page #main_tradelaw dd a
{
    display: inline-block;
    color: #068acc;
    text-decoration: underline;
}

/* SP */
@media only screen and (max-width: 780px)
{

    #law #sysAll #sysWrap #sysMain .text_page,
    #shopping-guide #sysAll #sysWrap #sysMain .text_page,
    #questions #sysAll #sysWrap #sysMain .text_page,
    #privacypolicy #sysAll #sysWrap #sysMain .text_page,
    #corporate #sysAll #sysWrap #sysMain .text_page
    {
        /* テキストページ共通 */
        /* ご利用ガイド */
        /* 特定商取引法に基づく表示 */
    }

    #law #sysAll #sysWrap #sysMain .text_page .txtBlock,
    #shopping-guide #sysAll #sysWrap #sysMain .text_page .txtBlock,
    #questions #sysAll #sysWrap #sysMain .text_page .txtBlock,
    #privacypolicy #sysAll #sysWrap #sysMain .text_page .txtBlock,
    #corporate #sysAll #sysWrap #sysMain .text_page .txtBlock
    {
        font-size: 1.2rem;
    }

    #law #sysAll #sysWrap #sysMain .text_page hr.style01,
    #shopping-guide #sysAll #sysWrap #sysMain .text_page hr.style01,
    #questions #sysAll #sysWrap #sysMain .text_page hr.style01,
    #privacypolicy #sysAll #sysWrap #sysMain .text_page hr.style01,
    #corporate #sysAll #sysWrap #sysMain .text_page hr.style01
    {
        margin: 30px auto;
    }

    #law #sysAll #sysWrap #sysMain .text_page .guideBlock,
    #shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock,
    #questions #sysAll #sysWrap #sysMain .text_page .guideBlock,
    #privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock,
    #corporate #sysAll #sysWrap #sysMain .text_page .guideBlock
    {
        padding-top: 0;
    }

    #law #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable,
    #shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable,
    #questions #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable,
    #privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable,
    #corporate #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable
    {
        text-align: left;
        font-size: 1.2rem;
    }

    #law #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead,
    #shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead,
    #questions #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead,
    #privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead,
    #corporate #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead
    {
        width: 100%;
    }

    #law #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead th,
    #shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead th,
    #questions #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead th,
    #privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead th,
    #corporate #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead th
    {
        display: block;
    }

    #law #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead.spThead,
    #shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead.spThead,
    #questions #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead.spThead,
    #privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead.spThead,
    #corporate #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead.spThead
    {
        display: block;
    }

    #law #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead.pcThead,
    #shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead.pcThead,
    #questions #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead.pcThead,
    #privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead.pcThead,
    #corporate #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable thead.pcThead
    {
        display: none;
    }

    #law #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody th,
    #shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody th,
    #questions #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody th,
    #privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody th,
    #corporate #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody th
    {
        display: block;
        width: 100%;
        border: none;
    }

    #law #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody td,
    #shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody td,
    #questions #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody td,
    #privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody td,
    #corporate #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable tbody td
    {
        display: block;
        width: 100%;
        border: none;
    }

    #law #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable b,
    #shopping-guide #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable b,
    #questions #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable b,
    #privacypolicy #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable b,
    #corporate #sysAll #sysWrap #sysMain .text_page .guideBlock .shipFee .shipFeeTable b
    {
        color: #D42E30;
        display: inline-block;
        padding: 0 3px;
        font-size: 1.2em;
    }

    #law #sysAll #sysWrap #sysMain .text_page #main_tradelaw,
    #shopping-guide #sysAll #sysWrap #sysMain .text_page #main_tradelaw,
    #questions #sysAll #sysWrap #sysMain .text_page #main_tradelaw,
    #privacypolicy #sysAll #sysWrap #sysMain .text_page #main_tradelaw,
    #corporate #sysAll #sysWrap #sysMain .text_page #main_tradelaw
    {
        border: none;
    }

    #law #sysAll #sysWrap #sysMain .text_page #main_tradelaw dl,
    #shopping-guide #sysAll #sysWrap #sysMain .text_page #main_tradelaw dl,
    #questions #sysAll #sysWrap #sysMain .text_page #main_tradelaw dl,
    #privacypolicy #sysAll #sysWrap #sysMain .text_page #main_tradelaw dl,
    #corporate #sysAll #sysWrap #sysMain .text_page #main_tradelaw dl
    {
        display: block;
        border: none;
    }

    #law #sysAll #sysWrap #sysMain .text_page #main_tradelaw dt,
    #shopping-guide #sysAll #sysWrap #sysMain .text_page #main_tradelaw dt,
    #questions #sysAll #sysWrap #sysMain .text_page #main_tradelaw dt,
    #privacypolicy #sysAll #sysWrap #sysMain .text_page #main_tradelaw dt,
    #corporate #sysAll #sysWrap #sysMain .text_page #main_tradelaw dt
    {
        width: 100%;
    }

    #law #sysAll #sysWrap #sysMain .text_page #main_tradelaw dd,
    #shopping-guide #sysAll #sysWrap #sysMain .text_page #main_tradelaw dd,
    #questions #sysAll #sysWrap #sysMain .text_page #main_tradelaw dd,
    #privacypolicy #sysAll #sysWrap #sysMain .text_page #main_tradelaw dd,
    #corporate #sysAll #sysWrap #sysMain .text_page #main_tradelaw dd
    {
        width: 100%;
    }
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
top.css
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
/* PC */
#top #sysAll #sysHeader
{
    /* スライダー */
}

#top #sysAll #sysHeader .top_slider
{
    margin-top: 160px;
}

#top #sysAll #sysHeader .top_slider img
{
    display: block;
    width: 100%;
}

#top #sysAll #sysHeader .top_slider .slick-slide
{
    opacity: .7;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
}

#top #sysAll #sysHeader .top_slider .slick-current
{
    opacity: 1;
}

#top #sysAll #sysWrap
{
    margin-top: 0;
}

#top #sysAll #sysWrap #sysMain
{
    margin-top: 0;
    background: none;
}

#top #sysAll #sysWrap #sysAside
{
    margin-top: 0;
}

#top #sysAll #sysWrap #sysMain .top_newarrival .sysItemBlock ul li
{
    width: 25%;
    padding: 5px 10px;
}

#top #sysAll #sysWrap #sysMain .top_features ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#top #sysAll #sysWrap #sysMain .top_features ul li
{
    width: 33%;
    padding: 10px;
    font-size: 1.2rem;
}

#top #sysAll #sysWrap #sysMain .top_features ul li .featuresText
{
    margin: 10px auto;
}

#top #sysAll #sysWrap #sysMain .top_features ul li .featuresText span
{
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
}

#top #sysAll #sysWrap #sysMain .top_recommend_item
{
    margin-bottom: 60px;
}

#top #sysAll #sysWrap #sysMain .top_recommend_item .sysItemBlock ul li
{
    float: left;
}

/* TB */
@media only screen and (min-width: 781px) and (max-width: 1339px)
{
    #top #sysAll #sysHeader
    {
        /* スライダー */
    }

    #top #sysAll #sysHeader .top_slider
    {
        margin-top: 60px;
    }
}

/* SP */
@media only screen and (max-width: 780px)
{
    #top #sysAll #sysHeader
    {
        /* スライダー */
    }

    #top #sysAll #sysHeader .top_slider
    {
        margin-top: 0vw;
    }

    #top #sysAll #sysWrap
    {
        margin-top: 0;
    }

    #top #sysAll #sysWrap #sysMain
    {
        /* 新着アイテム */
        /* 特集一覧 */
        /* おすすめ商品 */
        /* 商品ランキング */
    }

    #top #sysAll #sysWrap #sysMain .top_newarrival .sysItemBlock ul li
    {
        width: 33%;
        padding: 5px;
    }

    #top #sysAll #sysWrap #sysMain .top_features ul li
    {
        width: 46%;
        padding: 0;
        margin: 2%;
    }

    #top #sysAll #sysWrap #sysMain .top_features ul li:nth-of-type(1),
    #top #sysAll #sysWrap #sysMain .top_features ul li:nth-of-type(2)
    {
        width: 100%;
        position: relative;
    }

    #top #sysAll #sysWrap #sysMain .top_features ul li:nth-of-type(1) .featuresText,
    #top #sysAll #sysWrap #sysMain .top_features ul li:nth-of-type(2) .featuresText
    {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 15;
        margin: 0;
        padding: 10px;
        background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    }

    #top #sysAll #sysWrap #sysMain .top_features ul li .featuresText
    {
        margin: 10px auto;
    }

    #top #sysAll #sysWrap #sysMain .top_features ul li .featuresText span
    {
        display: block;
        font-size: 1.4rem;
        font-weight: 700;
    }

    #top #sysAll #sysWrap #sysMain .top_recommend_item
    {
        margin-bottom: 50px;
    }

    #top #sysAll #sysWrap #sysMain .top_recommend_item .sysItemBlock ul li .sysCartButton
    {
        width: 100%;
        font-size: 1rem;
        letter-spacing: -1px;
    }

    #top #sysAll #sysWrap #sysMain .top_ranking_item .sysItemBlock ul li .sysCartButton
    {
        width: 100%;
        font-size: 1rem;
        letter-spacing: -1px;
    }
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
parts.css
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
/* ===========================
見出し
=========================== */
.sysTitle,
.sysHeadline
{
    margin: 30px auto;
    text-align: center;
    font-size: 20px;
    color: #61874E;
}

.sysTitle span,
.sysHeadline span
{
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 60px;
    padding: 0 40px;
    font-size: 25px;
    font-weight: 500;
    background-color: #fff;
    text-align: center;
}

.sysTitle b,
.sysHeadline b
{
    display: none;
}

/* SP */
@media only screen and (max-width: 780px)
{

    .sysTitle,
    .sysHeadline
    {
        width: 96%;
        position: static;
        font-size: 5vw;
    }

    .sysTitle::before,
    .sysHeadline::before
    {
        height: 0;
    }

    .sysTitle span,
    .sysHeadline span
    {
        position: relative;
        margin: 0;
        padding: 0;
    }

    .sysTitle b,
    .sysHeadline b
    {
        font-size: 1rem;
        border-top: 1px solid #222;
        padding: 5px 80px 0;
        margin-top: 3px;
    }
}

/* ----------------------------------------------------------------------------------- */
/* ===========================
ボタン
=========================== */
.common_btn
{
    width: 100%;
    max-width: 250px;
    margin: 20px auto 50px;
    position: relative;
}

.common_btn a
{
    display: block;
    padding: 15px 0;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background: #000;
}

.common_btn a i
{
    display: inline-block;
    margin-left: 10px;
    font-size: 2rem;
}

/* ----------------------------------------------------------------------------------- */
/* ===========================
スライダー設定
=========================== */
.slick-slider .slick-dots
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px auto 0;
}

.slick-slider .slick-dots li
{
    width: 14px !important;
    height: 14px !important;
    background-color: #F0EDE4;
    border: 1px solid #61874E;
    border-radius: 50%;
    margin: 0 7px !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    cursor: pointer;
}

.slick-slider .slick-dots li.slick-active
{
    background-color: #61874E;
}

/* TB */
/* SP */
/* ----------------------------------------------------------------------------------- */
/* ===========================
アイテムブロック
=========================== */
.sysFuncItemBlock .sysItemBlock .sysHorizontal
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 780px)
{
    .sysFuncItemBlock .sysItemBlock .sysHorizontal
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

.sysFuncItemBlock .sysItemBlock .sysHorizontal li
{
    float: none;
    width: 33%;
    padding: 5px 10px;
    font-size: 1.2rem;
    /*250704 記述追加 Start*/
    /*margin: 0 0 20px;*/
    margin: 0 0 50px;
    display: flex;
    flex-direction: column;
    /*250704 記述追加 End*/
}

.sysFuncItemBlock .sysItemBlock .sysHorizontal li .sysItemName
{
    font-size: 16px;
    padding-top: 10px;
    /*250704 記述追加 Start*/
    flex-grow: 1;
    /*250704 記述追加 End*/
}

.sysFuncItemBlock .sysItemBlock .sysHorizontal li .sysAddSelection select,
.sysFuncItemBlock .sysItemBlock .sysHorizontal li .sysAddVariation select
{
    width: 100%;
    margin-bottom: 5px;
}

/* SP */
@media only screen and (max-width: 780px)
{
    .sysFuncItemBlock .sysItemBlock .sysHorizontal li
    {
        width: 48%;
        padding: 5px;
    }

    .sysFuncItemBlock .sysItemBlock .sysHorizontal li .sysItemName
    {
        font-size: 3.71429vw;
        padding-top: 1.5vw;
    }
}

/* ----------------------------------------------------------------------------------- */
/* ===========================
PR設定
=========================== */
.sysPr span
{
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.4;
    color: #222;
    text-align: center;
    border: 1px solid #222;
    border-radius: 50px;
    padding: 3px 10px;
    margin: 0 0 5px;
}

.sysPr span:first-of-type
{
    display: none;
}

/* ----------------------------------------------------------------------------------- */
#home_head
{
    width: 100%;
    background-color: #F5F4EF;
    color: #2b2b2b;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

#home_head .header
{
    padding: 12px 0;
    max-width: 1400px;
    margin: 0 auto;
}

#home_head .header ul
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#home_head .header li a
{
    text-decoration: none;
    color: #61874E;
}

#home_head .header li:nth-child(1)
{
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#home_head .header li:nth-child(1) h1
{
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 0 50px;
    display: inline-block;
    padding-bottom: 0;
    border-bottom: 0;
    color: #2b2b2b !important;
}

#home_head .header li:nth-child(2)
{
    margin-right: 50px;
}

#home_head .header li:nth-child(2) input[type=search]
{
    border-radius: 8px 0 0 8px !important;
    border: 1px solid #61874E !important;
    width: 300px;
    background-color: #fff;
    height: 40px;
    vertical-align: middle;
    padding: 0 20px !important;
    font-size: 16px;
}

#home_head .header li:nth-child(2) input[type=submit]
{
    border-radius: 0 8px 8px 0 !important;
    width: 40px;
    background-color: #61874E;
    background-image: url(https://www.aokiya-online.jp/img/home/ico_search.svg);
    background-repeat: no-repeat;
    background-size: 28px 28px;
    background-position: center center;
    height: 40px;
    vertical-align: middle;
    padding: 6px 4px 6px 8px !important;
    margin: 0 !important;
    position: relative;
}

#home_head .header li:nth-child(3)
{
    flex-basis: 140px;
}

#home_head .header li:nth-child(3) a
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#home_head .header li:nth-child(3) a img
{
    max-height: 25px;
}

#home_head .header li:nth-child(3) span
{
    font-size: 14px;
    font-weight: 500;
    color: #61874E;
    margin-left: 10px;
}

#home_head .header li:nth-child(4)
{
    flex-basis: 90px;
    position: relative;
}

#home_head .header li:nth-child(4) a
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#home_head .header li:nth-child(4) a img
{
    max-height: 30px;
}

#home_head .header li:nth-child(4) span
{
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    color: #61874E;
    margin-left: 10px;
}

#home_head .header li:nth-child(4) .spCart .itemCount2
{
    display: none;
    width: 22px;
    height: 22px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 1;
    color: #fff;
    background: #61874E;
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 50%;
}

@media (max-width: 1399px)
{
    #home_head
    {
        width: 100%;
        color: #2b2b2b;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
    }

    #home_head .header
    {
        background-color: #F5F4EF;
        padding: 10px;
    }

    #home_head .header ul
    {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #home_head .header li a
    {
        text-decoration: none;
        color: #61874E;
    }

    #home_head .header li:nth-child(1)
    {
        flex-grow: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    #home_head .header li:nth-child(1) h1
    {
        font-size: 1.85714vw;
        font-weight: 400;
        margin: 0 0 0 35px;
        display: inline-block;
    }

    #home_head .header li:nth-child(2)
    {
        margin-right: 30px;
    }

    #home_head .header li:nth-child(2) input[type=search]
    {
        border-radius: 8px 0 0 8px !important;
        border: 1px solid #61874E !important;
        width: 300px;
        background-color: #fff;
        height: 40px;
        vertical-align: middle;
        padding: 0 20px !important;
        font-size: 16px;
    }

    #home_head .header li:nth-child(2) input[type=submit]
    {
        border-radius: 0 8px 8px 0 !important;
        width: 40px;
        background-color: #61874E;
        background-image: url(https://www.aokiya-online.jp/img/home/ico_search.svg);
        background-repeat: no-repeat;
        background-size: 28px 28px;
        background-position: center center;
        height: 40px;
        vertical-align: middle;
        padding: 6px 4px 6px 8px !important;
        margin: 0 !important;
        position: relative;
    }

    #home_head .header li:nth-child(3)
    {
        flex-basis: 50px;
        text-align: center;
        font-size: 13px;
        font-weight: 500;
        color: #61874E;
    }

    #home_head .header li:nth-child(4)
    {
        flex-basis: 50px;
        text-align: center;
        font-size: 13px;
        font-weight: 500;
        color: #61874E;
        position: relative;
    }

    #home_head .header li:nth-child(4) .spCart .itemCount2
    {
        display: none;
        width: 22px;
        height: 22px;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        line-height: 1;
        color: #fff;
        background: #61874E;
        border-radius: 10px;
        position: absolute;
        top: 0;
        right: 50%;
    }

    #home_head .header li:nth-child(5)
    {
        flex-basis: 80px;
    }
}

@media (max-width: 780px)
{
    #home_head
    {
        width: 100%;
        color: #2b2b2b;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
    }

    #home_head .header
    {
        background-color: #F5F4EF;
        padding: 4vw 2vw 4.5vw;
    }

    #home_head .header ul
    {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #home_head .header li a
    {
        text-decoration: none;
        color: #61874E;
    }

    #home_head .header li:nth-child(1)
    {
        flex-grow: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    #home_head .header li:nth-child(1) img
    {
        max-width: 60vw;
    }

    #home_head .header li:nth-child(2)
    {
        margin-right: 0;
    }

    #home_head .header li:nth-child(3)
    {
        flex-basis: 6vw;
        text-align: center;
        font-size: 1.57143vw;
        font-weight: 500;
        color: #61874E;
        margin-right: 2vw;
    }

    #home_head .header li:nth-child(3) img
    {
        max-width: 100%;
    }

    #home_head .header li:nth-child(4)
    {
        flex-basis: 8vw;
        text-align: center;
        font-size: 1.57143vw;
        font-weight: 500;
        color: #61874E;
        position: relative;
    }

    #home_head .header li:nth-child(4) img
    {
        max-width: 100%;
    }

    #home_head .header li:nth-child(4) .spCart .itemCount2
    {
        display: none;
        width: 22px;
        height: 22px;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        line-height: 1;
        color: #fff;
        background: #61874E;
        border-radius: 10px;
        position: absolute;
        top: 0;
        right: 50%;
    }

    #home_head .header li:nth-child(5)
    {
        flex-basis: 15vw;
    }
}

#headNavigation
{
    background-color: #fff;
    padding: 20px 0;
    border-bottom: 1px solid #61874E;
    margin-bottom: 20px;
}

.log-in
{
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    padding: 35px;
}

.log-in .sysFormItem
{
    margin-bottom: 10px;
}

.log-in p
{
    display: none;
}

.log-in li a
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 5px;
    border-bottom: 2px dotted #61874E;
}

.log-in li:nth-child(1)
{
    margin-top: 25px;
}

.log-in li:nth-child(2)
{
    margin-top: 15px;
}

.log-in .sysFormLabel
{
    font-size: 16px;
    font-weight: 500;
    text-align: left;
}

.log-in h4
{
    font-size: 18px;
    font-weight: 500;
    color: #61874E;
    line-height: 1;
    position: relative;
    width: 100%;
    display: inline-block;
}

.log-in h4:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/icon_mypage.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #fff;
    width: 34px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 15px;
}

.log-in input[type=email],
.log-in input[type=password]
{
    width: 100%;
    border: 1px solid #707070 !important;
    border-radius: 8px !important;
    height: 40px;
    vertical-align: middle;
    padding: 0 20px !important;
    font-size: 16px;
}

.side_bnr li
{
    margin-bottom: 15px;
}

.side_bnr02 li
{
    margin-top: 15px;
}

/*250715 お知らせ欄リニューアル Start*/
.header_info
{
    width: 1400px;
    margin: 30px auto 50px;
    padding: 25px 50px;
    background-color: rgba(97, 135, 78, 0.15);
}

.header_info .sysHeadline
{
    font-size: 24px;
    font-weight: bold;
    /*line-height: 1;*/
    margin: 0;
    padding-bottom: 10px;
    text-align: center;
    width: 100%;
}

.header_info .sysHeadline:before
{
    content: none;
}

.header_info .sysContent ul
{
    background-color: #fff;
    padding: 30px 20px 10px;
}

.header_info .sysContent ul li
{
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 1.5;
    border-bottom: 1px solid #61874E;
}

.header_info .sysContent ul li a
{
    white-space: normal;
    padding: 5px 5px 5px 10px;
}

.header_info .sysContent ul li time
{
    font-size: 14px;
    font-weight: 400;
}

@media (max-width: 1399px)
{
    .header_info
    {
        width: 95%;
        max-width: 100%;
    }
}

@media (max-width: 780px)
{
    .header_info
    {
        padding: 15px 20px;
        max-width: 100%;
    }

    .header_info .sysHeadline
    {
        font-size: 28px;
        padding-bottom: 10px;
    }

    .header_info .sysContent ul
    {
        background-color: #fff;
        padding: 20px 15px 10px;
    }
}

/*@media (max-width: 1399px) {
		.header_info {
				width: 90vw;
				margin: 50px auto 0;
				padding: 3vw;
				text-align: left;
				border: 1px solid #61874E;
				border-radius: 8px;
				background-color: #fff;
		}
		.header_info .sysHeadline {
				font-size: 18px;
				font-weight: 500;
				line-height: 1;
				margin: 0 0 10px;
				padding-bottom: 10px;
				text-align: left;
				width: 100%;
		}
		.header_info .sysHeadline:before {
				content: none;
		}
		.header_info .sysContent ul li {
				margin-bottom: 10px;
				padding-bottom: 10px;
				font-size: 16px;
				line-height: 1.6;
				border-bottom: 1px dotted #61874E;
		}
		.header_info .sysContent ul li time {
				font-size: 14px;
				font-weight: 400;
		}
}*/

/*@media (max-width: 780px) {
		.header_info {
				width: 90vw;
				margin: 10vw auto 10vw;
				padding: 5vw;
				text-align: left;
				border: 1px solid #61874E;
				border-radius: 8px;
				background-color: #fff;
		}
		.header_info .sysHeadline {
				font-size: 5.71429vw;
				font-weight: 500;
				line-height: 1;
				margin: 0 0 3vw;
				padding-bottom: 0;
				text-align: left;
				width: 100%;
		}
		.header_info .sysHeadline:before {
				content: none;
		}
		.header_info .sysContent ul li {
				margin-bottom: 10px;
				padding-bottom: 10px;
				font-size: 3.71429vw;
				line-height: 1.6;
				border-bottom: 1px dotted #61874E;
		}
		.header_info .sysContent ul li time {
				font-size: 3.71429vw;
				font-weight: 400;
		}
}*/
/*250715 お知らせ欄リニューアル End*/

@media (max-width: 1399px)
{
    body.active
    {
        position: fixed;
        overflow-y: scroll;
    }

    .menu
    {
        position: relative;
        right: 0;
        top: 0;
        width: 80px;
        height: 80px;
        z-index: 999;
        cursor: pointer;
        background-color: #61874E;
    }

    .menu.active
    {
        position: relative;
        right: 0;
        top: 0;
        width: 80px;
        height: 80px;
        z-index: 999;
        cursor: pointer;
        background-color: #61874E;
    }

    /*---------------------------
  Global Nav Entry & Mypage
  ---------------------------*/
    /* Menu Close */
    .hm_menu
    {
        position: absolute;
        right: 20px;
        top: 7px;
        width: 50px;
        height: 50px;
        z-index: 99999;
        cursor: pointer;
        background-color: #fff;
        border-radius: 3px;
    }

    .menu__line
    {
        background: #61874E;
        display: block;
        height: 2px;
        position: absolute;
        top: 15px;
        right: 10px;
        transition: transform .3s;
        width: 30px;
    }

    .menu__line--top
    {
        top: 15px;
    }

    .menu__line--second
    {
        top: 25px;
    }

    .menu__line--bottom
    {
        top: 35px;
    }

    .menu.active
    {
        position: fixed;
        right: 0;
        top: 0;
        width: 60px;
        height: 60px;
        z-index: 110;
        cursor: pointer;
        z-index: 130;
    }

    .menu__line--top.active
    {
        top: 25px;
        width: 30px;
        transform: rotate(45deg);
        background: #61874E;
    }

    .menu__line--second.active
    {
        transform: scaleX(0);
    }

    .menu__line--bottom.active
    {
        top: 25px;
        width: 30px;
        transform: rotate(135deg);
        background: #61874E;
    }

    /* Menu Open */
    .gnav
    {
        background: #FBFBFB;
        position: fixed;
        z-index: 99;
        top: 64px;
        right: 0;
        left: 0;
        bottom: 0;
        opacity: 0;
        pointer-events: none;
        overflow-y: auto;
    }

    .gnav *
    {
        line-height: 1;
        text-decoration: none !important;
    }

    .gnav.active
    {
        transition: all 300ms ease-out;
        opacity: 1;
        pointer-events: auto;
    }

    .gnav__wrap
    {
        width: 100%;
        box-sizing: border-box;
        padding: 60px 0 60px;
        margin: 0 auto;
    }

    .gnav__wrap h6
    {
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0.1em;
        margin-bottom: 10px;
    }

    .gnav__wrap .inner
    {
        width: 84%;
        margin: 0 auto;
    }

    .gnav__wrap .search
    {
        width: 100%;
        white-space: nowrap;
        margin-bottom: 30px;
    }

    .gnav__wrap input[type=search]
    {
        border-radius: 8px 0 0 8px !important;
        border: 1px solid #707070 !important;
        width: calc(100% - 78px);
        background-color: #fff;
        height: 78px;
        vertical-align: middle;
        padding: 0 20px !important;
        font-size: 22px;
    }

    .gnav__wrap input[type=submit]
    {
        border-radius: 0 8px 8px 0 !important;
        width: 78px;
        background-color: #707070;
        background-image: url(https://www.aokiya-online.jp/img/home/ico_search.svg);
        background-repeat: no-repeat;
        background-size: 60px 60px;
        background-position: center center;
        height: 78px;
        vertical-align: middle;
        padding: 6px 4px 6px 6px !important;
        margin: 0 !important;
        margin-left: -4px !important;
        position: relative;
    }

    .gnav__wrap h5
    {
        width: 100%;
        background-color: #DFE7DB;
        padding: 20px 12%;
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1;
        position: relative;
        margin-bottom: 1px;
    }

    .gnav__wrap h5:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/arrow.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 22px;
        height: 22px;
        position: absolute;
        top: 50%;
        left: 8%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .gnav__wrap .gb
    {
        width: 100%;
        background-color: #DFE7DB;
        padding: 20px 8%;
        margin-bottom: 1px;
    }

    .gnav__wrap .gb .gb_flex
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 0 auto;
    }

    .gnav__wrap .gb .image
    {
        flex-basis: 12%;
    }

    .gnav__wrap .gb .image img
    {
        max-width: 80%;
    }

    .gnav__wrap .gb .summary
    {
        flex-basis: 88%;
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1;
        color: #2B2B2B !important;
    }

    .gnav__wrap .gb .nisshi_list
    {
        flex-basis: 88%;
        margin-left: 12%;
        width: 88%;
    }

    .gnav__wrap .gb li a
    {
        display: block;
        position: relative;
        padding: 0;
        font-size: 16px;
        margin-bottom: 15px;
        padding-bottom: 15px;
        padding-left: 22px;
    }

    .gnav__wrap .gb li a:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/arrow.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 16px;
        height: 16px;
        position: absolute;
        top: calc(50% - 15px);
        left: 0;
    }

    .gnav__wrap .btn_flex
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 40px auto;
    }

    .gnav__wrap .btn01
    {
        width: 48%;
        border: 2px solid #61874E;
        border-radius: 3px;
        padding: 15px;
        position: relative;
    }

    .gnav__wrap .btn01 p
    {
        font-size: 24px;
        font-weight: 500;
        line-height: 1;
        color: #2B2B2B !important;
        text-align: center;
    }

    .gnav__wrap .btn01:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/hm_menu_contact_icon.svg);
        width: 46px;
        height: 46px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        top: calc(50% - 23px);
        left: 10px;
    }

    .gnav__wrap .btn02
    {
        width: 48%;
        border: 2px solid #61874E;
        border-radius: 3px;
        padding: 15px;
        position: relative;
    }

    .gnav__wrap .btn02 p
    {
        font-size: 24px;
        font-weight: 500;
        line-height: 1;
        color: #2B2B2B !important;
        text-align: center;
    }

    .gnav__wrap .btn02:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/hm_menu_howto_icon.svg);
        width: 46px;
        height: 46px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        top: calc(50% - 23px);
        left: 10px;
    }

    .gnav__wrap .cp_actab
    {
        position: relative;
        overflow: hidden;
        width: 100%;
        margin: 0 auto 1px;
    }

    .gnav__wrap .cp_actab input
    {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .gnav__wrap .cp_actab label
    {
        font-weight: bold;
        position: relative;
        display: block;
        padding: 20px 8%;
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1;
        cursor: pointer;
        margin: 0;
        background: #DFE7DB;
        text-align: left;
    }

    .gnav__wrap .cp_actab .cp_actab-content
    {
        overflow: hidden;
        max-height: 0;
        -webkit-transition: max-height 0.35s;
        transition: max-height 0.35s;
        color: #000;
        background-color: #fff;
    }

    .gnav__wrap .cp_actab-content__inner
    {
        padding: 20px 8%;
    }

    .gnav__wrap .cp_actab-content__inner .gb_flex
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 10px auto;
    }

    .gnav__wrap .cp_actab-content__inner .gb_flex_l
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 10px auto;
    }

    .gnav__wrap .cp_actab-content__inner .image
    {
        flex-basis: 12%;
    }

    .gnav__wrap .cp_actab-content__inner .image img
    {
        max-width: 80%;
    }

    .gnav__wrap .cp_actab-content__inner .summary
    {
        flex-basis: 88%;
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1;
        color: #2B2B2B !important;
    }

    .gnav__wrap .cp_actab-content__inner .seen_ttl
    {
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1;
        color: #61874E;
        margin: 0 auto 30px;
    }

    .gnav__wrap .cp_actab-content__inner .price_ttl
    {
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1;
        color: #61874E;
        margin: 40px auto 30px;
    }

    .gnav__wrap .cp_actab-content__inner .arrow
    {
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1;
        position: relative;
        padding-left: 30px;
        margin: 40px 0 30px;
    }

    .gnav__wrap .cp_actab-content__inner .arrow a
    {
        color: #2B2B2B !important;
    }

    .gnav__wrap .cp_actab-content__inner .arrow:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/gnav_menu_arrow_link.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .gnav__wrap .cp_actab-content__inner .tab02_flex
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 10px auto;
    }

    .gnav__wrap .cp_actab-content__inner .tab02_flex p
    {
        flex-basis: 50%;
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1;
        position: relative;
        padding-left: 30px;
        margin-bottom: 20px;
    }

    .gnav__wrap .cp_actab-content__inner .tab02_flex p a
    {
        color: #2B2B2B !important;
    }

    .gnav__wrap .cp_actab-content__inner .tab02_flex p:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/arrow.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 22px;
        height: 22px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .gnav__wrap .cp_actab input:checked~.cp_actab-content
    {
        max-height: 2000px;
    }

    .gnav__wrap .cp_actab label::after
    {
        line-height: 3;
        position: absolute;
        top: calc(50% - 11px);
        right: 8%;
        display: block;
        width: 22px;
        height: 22px;
        /* -webkit-transition: all 0.35s;
      transition: all 0.35s; */
        text-align: center;
    }

    .gnav__wrap .cp_actab input[type=checkbox]+label::after
    {
        content: '';
        background-image: url(https://www.aokiya-online.jp/img/home/side_menu_open.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    .gnav__wrap .cp_actab input[type=checkbox]:checked+label::after
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/side_menu_close.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        top: calc(50% - 11px);
        right: 8%;
        display: block;
        width: 22px;
        height: 22px;
    }
}

@media (max-width: 780px)
{
    body.active
    {
        position: fixed;
        overflow-y: scroll;
    }

    .menu
    {
        position: relative;
        right: 0;
        top: 0;
        width: 80px;
        height: 80px;
        z-index: 999;
        cursor: pointer;
        background-color: #61874E;
    }

    .menu.active
    {
        position: relative;
        right: 0;
        top: 0;
        width: 80px;
        height: 80px;
        z-index: 999;
        cursor: pointer;
        background-color: #61874E;
    }

    /*---------------------------
  Global Nav Entry & Mypage
  ---------------------------*/
    /* Menu Close */
    .hm_menu
    {
        position: absolute;
        right: 2vw;
        top: 3vw;
        width: 12vw;
        height: 12vw;
        z-index: 99999;
        cursor: pointer;
        background-color: #fff;
        border-radius: 3px;
    }

    .menu__line
    {
        background: #61874E;
        display: block;
        height: 2px;
        position: absolute;
        top: 4vw;
        right: 2vw;
        transition: transform .3s;
        width: 8vw;
    }

    .menu__line--top
    {
        top: 4vw;
    }

    .menu__line--second
    {
        top: 6vw;
    }

    .menu__line--bottom
    {
        top: 8vw;
    }

    .menu.active
    {
        position: fixed;
        right: 2vw;
        top: 2vw;
        width: 12vw;
        height: 12vw;
        z-index: 110;
        cursor: pointer;
        z-index: 130;
    }

    .menu__line--top.active
    {
        top: 6vw;
        width: 8vw;
        transform: rotate(45deg);
        background: #61874E;
    }

    .menu__line--second.active
    {
        transform: scaleX(0);
    }

    .menu__line--bottom.active
    {
        top: 6vw;
        width: 8vw;
        transform: rotate(135deg);
        background: #61874E;
    }

    /* Menu Open */
    .gnav
    {
        background: #fff;
        position: fixed;
        z-index: 99;
        top: 19vw;
        right: 0;
        left: 0;
        bottom: 0;
        opacity: 0;
        pointer-events: none;
        overflow-y: auto;
    }

    .gnav *
    {
        line-height: 1;
        text-decoration: none !important;
    }

    .gnav.active
    {
        transition: all 300ms ease-out;
        opacity: 1;
        pointer-events: auto;
    }

    .gnav__wrap
    {
        width: 100%;
        box-sizing: border-box;
        padding: 5vw 0 5vw;
        margin: 0 auto;
    }

    .gnav__wrap h6
    {
        font-size: 4vw;
        font-weight: 500;
        letter-spacing: 0.1em;
        margin-bottom: 2vw;
    }

    .gnav__wrap .inner
    {
        width: 90%;
        margin: 0 auto;
    }

    .gnav__wrap .search
    {
        width: 100%;
        white-space: nowrap;
        margin-bottom: 5vw;
    }

    .gnav__wrap input[type=search]
    {
        border-radius: 5px 0 0 5px !important;
        border: 1px solid #707070 !important;
        width: calc(100% - 10vw);
        background-color: #fff;
        height: 10vw;
        vertical-align: middle;
        padding: 0 3vw !important;
        font-size: 3.28571vw;
    }

    .gnav__wrap input[type=submit]
    {
        border-radius: 0 5px 5px 0 !important;
        width: 10vw;
        background-color: #707070;
        background-image: url(https://www.aokiya-online.jp/img/home/ico_search.svg);
        background-repeat: no-repeat;
        background-size: 8vw 8vw;
        background-position: center center;
        height: 10vw;
        vertical-align: middle;
        padding: 0 !important;
        margin: 0 !important;
        margin-left: -1.5vw !important;
        position: relative;
    }

    .gnav__wrap h5
    {
        width: 100%;
        background-color: #DFE7DB;
        padding: 4vw 5vw 4vw 10vw;
        font-size: 4.28571vw;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1;
        position: relative;
        margin-bottom: 1px;
    }

    .gnav__wrap h5:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/arrow.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 3vw;
        height: 3vw;
        position: absolute;
        top: 50%;
        left: 5vw;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .gnav__wrap .gb
    {
        width: 100%;
        background-color: #DFE7DB;
        padding: 4vw 5vw;
        margin-bottom: 1px;
    }

    .gnav__wrap .gb .gb_flex
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 0 auto;
    }

    .gnav__wrap .gb .image
    {
        flex-basis: 12%;
    }

    .gnav__wrap .gb .image img
    {
        max-width: 80%;
    }

    .gnav__wrap .gb .summary
    {
        flex-basis: 88%;
        font-size: 4.28571vw;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1;
        color: #2B2B2B !important;
    }

    .gnav__wrap .btn_flex
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 40px auto;
    }

    .gnav__wrap .btn01
    {
        width: 48%;
        border: 1px solid #61874E;
        border-radius: 8px;
        padding: 2vw;
        position: relative;
    }

    .gnav__wrap .btn01 p
    {
        font-size: 4vw;
        font-weight: 500;
        line-height: 1;
        color: #2B2B2B !important;
        padding-left: 9vw;
        text-align: left;
    }

    .gnav__wrap .btn01:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/hm_menu_contact_icon.svg);
        width: 7vw;
        height: 7vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        top: calc(50% - 3.5vw);
        left: 2vw;
    }

    .gnav__wrap .btn02
    {
        width: 48%;
        border: 1px solid #61874E;
        border-radius: 8px;
        padding: 2vw;
        position: relative;
    }

    .gnav__wrap .btn02 p
    {
        font-size: 4vw;
        font-weight: 500;
        line-height: 1;
        color: #2B2B2B !important;
        padding-left: 9vw;
        text-align: left;
    }

    .gnav__wrap .btn02:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/hm_menu_howto_icon.svg);
        width: 7vw;
        height: 7vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        top: calc(50% - 3.5vw);
        left: 2vw;
    }

    .gnav__wrap .cp_actab
    {
        position: relative;
        overflow: hidden;
        width: 100%;
        margin: 0 auto 1px;
    }

    .gnav__wrap .cp_actab input
    {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .gnav__wrap .cp_actab label
    {
        font-weight: bold;
        position: relative;
        display: block;
        padding: 4vw 5vw;
        font-size: 4.28571vw;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1;
        cursor: pointer;
        margin: 0;
        background: #DFE7DB;
        text-align: left;
    }

    .gnav__wrap .cp_actab .cp_actab-content
    {
        overflow: hidden;
        max-height: 0;
        -webkit-transition: max-height 0.35s;
        transition: max-height 0.35s;
        color: #000;
        background-color: #fff;
    }

    .gnav__wrap .cp_actab-content__inner
    {
        padding: 5vw;
    }

    .gnav__wrap .cp_actab-content__inner .gb_flex
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 1vw auto 4vw;
    }

    .gnav__wrap .cp_actab-content__inner .gb_flex_l
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 1vw auto 4vw;
    }

    .gnav__wrap .cp_actab-content__inner .image
    {
        flex-basis: 20%;
    }

    .gnav__wrap .cp_actab-content__inner .image img
    {
        max-width: 100%;
    }

    .gnav__wrap .cp_actab-content__inner .summary
    {
        flex-basis: 75%;
        font-size: 4.28571vw;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1;
        color: #2B2B2B !important;
    }

    .gnav__wrap .cp_actab-content__inner .seen_ttl
    {
        font-size: 4.28571vw;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1;
        color: #61874E;
        margin: 0 auto 4vw;
    }

    .gnav__wrap .cp_actab-content__inner .price_ttl
    {
        font-size: 4.28571vw;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1;
        color: #61874E;
        margin: 5vw auto 4vw;
    }

    .gnav__wrap .cp_actab-content__inner .arrow
    {
        font-size: 4.28571vw;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1;
        position: relative;
        padding-left: 6vw;
        margin: 5vw 0 4vw;
    }

    .gnav__wrap .cp_actab-content__inner .arrow a
    {
        color: #2B2B2B !important;
    }

    .gnav__wrap .cp_actab-content__inner .arrow:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/gnav_menu_arrow_link.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 4vw;
        height: 4vw;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .gnav__wrap .cp_actab-content__inner .tab02_flex
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin: 5vw auto 3vw;
    }

    .gnav__wrap .cp_actab-content__inner .tab02_flex p
    {
        flex-basis: 50%;
        font-size: 3.85714vw;
        font-weight: 500;
        line-height: 1.3;
        position: relative;
        padding-left: 5vw;
        margin-bottom: 20px;
    }

    .gnav__wrap .cp_actab-content__inner .tab02_flex a
    {
        flex-basis: 50%;
    }

    .gnav__wrap .cp_actab-content__inner .tab02_flex p a
    {
        color: #2B2B2B !important;
    }

    .gnav__wrap .cp_actab-content__inner .tab02_flex .w100
    {
        flex-basis: 100%;
    }

    .gnav__wrap .cp_actab-content__inner .tab02_flex p:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/arrow.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 3vw;
        height: 3vw;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .gnav__wrap .cp_actab input:checked~.cp_actab-content
    {
        max-height: 2000px;
    }

    .gnav__wrap .cp_actab label::after
    {
        line-height: 3;
        position: absolute;
        top: calc(50% - 2.5vw);
        right: 5%;
        display: block;
        width: 5vw;
        height: 5vw;
        /* -webkit-transition: all 0.35s;
      transition: all 0.35s; */
        text-align: center;
    }

    .gnav__wrap .cp_actab input[type=checkbox]+label::after
    {
        content: '';
        background-image: url(https://www.aokiya-online.jp/img/home/side_menu_open.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    .gnav__wrap .cp_actab input[type=checkbox]:checked+label::after
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/side_menu_close.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        top: calc(50% - 2.5vw);
        right: 5%;
        display: block;
        width: 5vw;
        height: 5vw;
    }
}

#sidenav
{
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    padding: 40px 40px 0 40px;
}

#sidenav .sidenav_ttl
{
    display: block;
    position: relative;
    padding: 0;
    font-size: 16px;
    margin-bottom: 15px;
    padding-left: 30px;
}

#sidenav .sidenav_ttl:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
}

#sidenav .gb_flex
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 10px auto;
}

#sidenav .gb_flex .image
{
    flex-basis: 100px;
}

#sidenav .gb_flex .image img
{
    max-width: 70px;
}

#sidenav .gb_flex .summary
{
    flex-basis: 235px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1;
    color: #2B2B2B !important;
}

#sidenav .gb_flex .nisshi_list
{
    flex-basis: 235px;
    margin-left: 100px;
    width: 235px;
}

#sidenav .gb_flex li a
{
    display: block;
    position: relative;
    padding: 0;
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-left: 22px;
}

#sidenav .gb_flex li a:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
}

#sidenav .cp_actab input
{
    position: absolute;
    z-index: -1;
    opacity: 0;
}

#sidenav .cp_actab label
{
    font-weight: bold;
    position: relative;
    display: block;
    margin: 15px 0;
    padding: 15px 0;
    padding-left: 0;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1;
    cursor: pointer;
    text-align: left;
    border-top: 1px dotted #61874E;
}

#sidenav .cp_actab .cp_actab-content
{
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.35s;
    transition: max-height 0.35s;
    color: #000;
    background-color: #fff;
}

#sidenav .cp_actab-content__inner
{
    padding: 0;
}

#sidenav .cp_actab-content__inner .gb_flex
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 10px auto;
}

#sidenav .cp_actab-content__inner .image
{
    flex-basis: 100px;
}

#sidenav .cp_actab-content__inner .image img
{
    max-width: 70px;
}

#sidenav .cp_actab-content__inner .summary
{
    flex-basis: 235px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1;
    color: #2B2B2B !important;
}

#sidenav .cp_actab input:checked~.cp_actab-content
{
    max-height: 2000px;
}

#sidenav .cp_actab label::after
{
    line-height: 3;
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
    display: block;
    width: 22px;
    height: 22px;
    /* -webkit-transition: all 0.35s;
    transition: all 0.35s; */
    text-align: center;
}

#sidenav .cp_actab input[type=checkbox]+label::after
{
    content: '';
    background-image: url(https://www.aokiya-online.jp/img/home/side_menu_open.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#sidenav .cp_actab input[type=checkbox]:checked+label::after
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/side_menu_close.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
    display: block;
    width: 22px;
    height: 22px;
}

#home_contents .head-border
{
    font-size: 21px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.1em;
    display: flex;
    align-items: center;
    margin: 0 0 35px 0;
}

#home_contents .head-border:after
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/h6_line.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: left;
    flex-grow: 1;
    height: 5px;
    margin-left: 30px;
}

#home_contents .season_flex
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto 50px;
}

#home_contents .season_bx
{
    flex-basis: 48%;
    border-radius: 8px;
    background-color: #fff;
    padding: 0 0 15px;
    margin-bottom: 30px;
}

#home_contents .season_bx img
{
    max-width: 100%;
    margin: 0 auto 15px;
}

#home_contents .season_bx p
{
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #61874E;
    text-align: center;
}

#home_contents .staple_flex
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto 50px;
}

/*251007 Start*/
#home_contents .staple_flex::after
{
    content: "";
    display: block;
    width: 32%;
}

/*251007 End*/

#home_contents .staple_bx
{
    flex-basis: 32%;
    padding: 0;
    margin-bottom: 20px;
}

#home_contents .staple_bx img
{
    max-width: 100%;
}

#home_contents .ctext
{
    text-align: center;
    margin: 50px auto 30px;
}

#home_contents .ctext .onlineshop
{
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 0.1em;
    position: relative;
    display: inline;
    margin: 0 auto;
}

#home_contents .ctext .onlineshop:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/onlineshop_icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: calc(50% - 21px);
    left: -60px;
    width: 50px;
    height: 54px;
}

#home_contents #content_slider
{
    margin-bottom: 50px;
}

#home_contents #content_slider .slick-slider .slick-arrow
{
    width: 60px;
    height: 60px;
    outline: none;
    cursor: pointer;
    position: absolute;
    bottom: 50%;
    -webkit-transform: translateY(24%);
    -ms-transform: translateY(24%);
    /* transform: translateY(24%); */
}

#home_contents #content_slider .prev-arrow
{
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 30%;
    left: 100px;
    z-index: 2;
    cursor: pointer;
}

#home_contents #content_slider .next-arrow
{
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 30%;
    right: 100px;
    z-index: 2;
    cursor: pointer;
}

#home_contents #content_slider .slide-item
{
    background-color: #fff;
    width: 640px;
    border-radius: 8px;
    padding: 0 0 10px;
    margin: 0 10px;
}

#home_contents #content_slider .slide-item img
{
    max-width: 100%;
    margin-bottom: 10px;
}

#home_contents #content_slider .slide-item h5
{
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    margin: 0 20px 10px;
}

#home_contents #content_slider .slide-item p
{
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    margin: 0 20px 10px;
}

@media (max-width: 1399px)
{
    #home_contents .head-border
    {
        font-size: 2.14286vw;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0.1em;
        display: flex;
        align-items: center;
        margin: 0 0 35px 0;
    }

    #home_contents .head-border:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/h6_line.png);
        background-repeat: repeat-x;
        background-size: contain;
        background-position: right;
        flex-grow: 1;
        height: 5px;
        margin-right: 30px;
    }

    #home_contents .head-border:after
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/h6_line.png);
        background-repeat: repeat-x;
        background-size: contain;
        background-position: left;
        flex-grow: 1;
        height: 5px;
        margin-left: 30px;
    }

    #home_contents .season_flex
    {
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto 50px;
    }

    #home_contents .season_bx
    {
        border-radius: 8px;
        background-color: #fff;
        padding: 0 0 15px;
        margin-bottom: 30px;
    }

    #home_contents .season_bx img
    {
        max-width: 100%;
        margin: 0 auto 15px;
    }

    #home_contents .season_bx p
    {
        font-size: 1.78571vw;
        font-weight: 500;
        line-height: 1;
        color: #61874E;
        text-align: center;
    }

    #home_contents .staple_flex
    {
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto 15px;
    }

    #home_contents .staple_bx
    {
        flex-basis: 48%;
        padding: 0;
        margin-bottom: 20px;
    }

    #home_contents .staple_bx img
    {
        max-width: 100%;
    }

    #home_contents .contents_bnr_flex
    {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        width: 100%;
    }

    #home_contents .contents_bnr
    {
        flex-basis: 32%;
        margin: 0 auto 40px;
    }

    #home_contents .ctext
    {
        text-align: center;
        margin: 5vw auto 3vw;
    }

    #home_contents .ctext .onlineshop
    {
        font-size: 2.14286vw;
        font-weight: 500;
        letter-spacing: 0.1em;
        position: relative;
        display: inline;
        margin: 0 auto;
    }

    #home_contents .ctext .onlineshop:before
    {
        content: none;
    }

    #home_contents .ctext .onlineshop:after
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/onlineshop_icon.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        top: calc(50% - 2.1vw);
        right: -6vw;
        width: 4.2vw;
        height: 4.2vw;
    }

    #home_contents #content_slider
    {
        margin-bottom: 50px;
    }

    #home_contents #content_slider .slick-slider .slick-arrow
    {
        width: 60px;
        height: 60px;
        outline: none;
        cursor: pointer;
        position: absolute;
        bottom: 50%;
        -webkit-transform: translateY(24%);
        -ms-transform: translateY(24%);
        /* transform: translateY(24%); */
    }

    #home_contents #content_slider .prev-arrow
    {
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 30%;
        left: 100px;
        z-index: 2;
        cursor: pointer;
    }

    #home_contents #content_slider .next-arrow
    {
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 30%;
        right: 100px;
        z-index: 2;
        cursor: pointer;
    }

    #home_contents #content_slider .slide-item
    {
        background-color: #fff;
        width: 640px;
        border-radius: 8px;
        padding: 0 0 10px;
        margin: 0 10px;
    }

    #home_contents #content_slider .slide-item img
    {
        max-width: 100%;
        margin-bottom: 10px;
    }

    #home_contents #content_slider .slide-item h5
    {
        font-size: 18px;
        font-weight: 700;
        text-align: left;
        margin: 0 20px 10px;
    }

    #home_contents #content_slider .slide-item p
    {
        font-size: 16px;
        line-height: 1.5;
        text-align: left;
        margin: 0 20px 10px;
    }
}

@media (max-width: 780px)
{
    #home_contents .head-border
    {
        font-size: 6.42857vw;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0.1em;
        display: flex;
        align-items: center;
        margin: 0 0 4vw 0;
    }

    #home_contents .head-border:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/h6_line-s.png);
        background-repeat: repeat-x;
        background-size: contain;
        background-position: right;
        flex-grow: 1;
        height: 5px;
        margin-right: 3vw;
    }

    #home_contents .head-border:after
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/h6_line-s.png);
        background-repeat: repeat-x;
        background-size: contain;
        background-position: left;
        flex-grow: 1;
        height: 5px;
        margin-left: 3vw;
    }

    #home_contents .season_flex
    {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
    }

    #home_contents .season_bx
    {
        flex-basis: 100%;
        border-radius: 8px;
        background-color: #fff;
        padding: 0 0 2vw;
        margin-bottom: 6vw;
    }

    #home_contents .season_bx img
    {
        max-width: 100%;
        margin: 0 auto 2vw;
    }

    #home_contents .season_bx p
    {
        font-size: 5vw;
        font-weight: 500;
        line-height: 1;
        color: #61874E;
        text-align: center;
    }

    #home_contents .staple_flex
    {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto 50px;
    }

    #home_contents .staple_bx
    {
        flex-basis: 100%;
        margin-bottom: 3vw;
    }

    #home_contents .staple_bx img
    {

        max-width: 100%;
    }

    #home_contents .contents_bnr_flex
    {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        width: 100%;
    }

    #home_contents .contents_bnr
    {
        margin: 0 auto 5vw;
        width: 100%;
        flex-basis: 100%;
    }

    #home_contents .ctext
    {
        text-align: center;
        margin: 50px auto 30px;
    }

    #home_contents .ctext .onlineshop
    {
        font-size: 5.71429vw;
        font-weight: 500;
        letter-spacing: 0.1em;
        position: relative;
        display: inline;
        margin: 0 auto;
    }

    #home_contents .ctext .onlineshop:before
    {
        content: none;
    }

    #home_contents .ctext .onlineshop:after
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/onlineshop_icon.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        top: calc(50% - 4vw);
        right: -9vw;
        width: 8vw;
        height: 8vw;
    }

    #home_contents #content_slider
    {
        margin-bottom: 50px;
    }

    #home_contents #content_slider .slick-slider .slick-arrow
    {
        width: 10vw;
        height: 10vw;
        outline: none;
        cursor: pointer;
        position: absolute;
        bottom: 50%;
        -webkit-transform: translateY(24%);
        -ms-transform: translateY(24%);
        /* transform: translateY(24%); */
    }

    #home_contents #content_slider .prev-arrow
    {
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 28%;
        left: -5vw;
        z-index: 2;
        cursor: pointer;
    }

    #home_contents #content_slider .next-arrow
    {
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 28%;
        right: -5vw;
        z-index: 2;
        cursor: pointer;
    }

    #home_contents #content_slider .slide-item
    {
        background-color: #fff;
        border-radius: 8px;
        padding: 0 0 10px;
        margin: 0 10px;
    }

    #home_contents #content_slider .slide-item img
    {
        max-width: 100%;
        margin-bottom: 10px;
    }

    #home_contents #content_slider .slide-item h5
    {
        font-size: 5vw;
        font-weight: 700;
        text-align: left;
        margin: 0 20px 10px;
    }

    #home_contents #content_slider .slide-item p
    {
        font-size: 4.28571vw;
        line-height: 1.5;
        text-align: left;
        margin: 0 20px 10px;
    }
}

#foot
{
    /*background-color: #FCFCFC;
		width: 100%;
		border-top: 1px solid #61874E;
		padding: 40px 0;
		margin-top: 40px;*/
}

#foot .foot_upper
{
    width: 100%;
    border-bottom: 1px solid #61874E;
}

#foot .foot_upper .ctext
{
    text-align: center;
}

#foot .foot_upper .ctext .contact_ttl
{
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    display: inline-block;
    position: relative;
}

#foot .foot_upper .ctext .contact_ttl:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/foot_contact_ttl.svg);
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: calc(50% - 24px);
    left: -50px;
}

#foot .foot_upper .contact_flex
{
    display: flex;
    justify-content: space-between;
    width: 1400px;
    margin: 80px auto 60px;
}

#foot .foot_upper .contact_bx
{
    flex-basis: 680px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #61874E;
    text-align: center;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#foot .foot_upper .contact_bx h6
{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1;
    margin-bottom: 40px;
}

#foot .foot_upper .contact_bx p
{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0.05em;
}

#foot .foot_upper .contact_bx .phone
{
    margin-right: -60px;
    margin-bottom: 40px;
}

#foot .foot_upper .contact_bx .phone a
{
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    color: #61874E;
    display: inline-block;
    position: relative;
}

#foot .foot_upper .contact_bx .phone a:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/foot_freedial.svg);
    width: 52px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: calc(50% - 15px);
    left: -60px;
}

#foot .foot_upper .contact_bx .form_btn
{
    background-color: #61874E;
    border-radius: 8px;
    width: 344px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    margin: 20px auto 0;
    padding: 20px 0;
}

#foot .foot_under
{
    width: 100%;
}

#foot .foot_under .link_flex
{
    display: flex;
    width: 1400px;
    justify-content: space-between;
    margin: 55px auto 90px;
}

#foot .foot_under .link_bx01
{
    flex-basis: 482px;
    height: 481px;
    background-image: url(https://www.aokiya-online.jp/img/home/foot_corp_bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center;
}

#foot .foot_under .link_bx01 h6
{
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin: 120px auto 35px;
}

#foot .foot_under .link_bx01 ul
{
    display: flex;
    justify-content: space-between;
    width: 196px;
    margin: 0 auto 35px;
}

#foot .foot_under .link_bx01 .outer
{
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.1em;
    display: inline-block;
    position: relative;
    width: 300px;
    margin-bottom: 10px;
}

#foot .foot_under .link_bx01 .outer:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/foot_outerlink_icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    left: 35px;
}

#foot .foot_under .link_bx02
{
    flex-basis: 320px;
    text-align: center;
}

#foot .foot_under .link_bx02 h5
{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin: 110px auto 30px;
    position: relative;
}

#foot .foot_under .link_bx02 h5:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/foot_shopmenu.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 40px;
    height: 36px;
    position: absolute;
    top: -50px;
    left: calc(50% - 20px);
}

#foot .foot_under .link_bx02 p
{
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #61874E;
    display: table;
}

#foot .foot_under .link_bx03
{
    flex-basis: 320px;
    text-align: center;
}

#foot .foot_under .link_bx03 h5
{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin: 110px auto 30px;
    position: relative;
}

#foot .foot_under .link_bx03 h5:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/foot_howtouse.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    width: 40px;
    height: 36px;
    position: absolute;
    top: -50px;
    left: calc(50% - 20px);
}

#foot .foot_under .link_bx03 p
{
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #61874E;
    display: table;
}

#foot .foot_under .link_bx_blank
{
    flex-basis: 198px;
}

#foot .bottom_info
{
    display: flex;
    margin: 0 auto 30px;
    justify-content: center;
}

#foot li
{
    font-size: 14px;
    /*letter-spacing: 0.15em;*/
    color: #707070;
    /*line-height: 1;*/
}

#foot li a
{
    color: #707070;
}

#foot span
{
    display: block;
    text-align: center;
    font-size: 14px;
    /*letter-spacing: 0.15em;*/
    color: #707070;
    line-height: 1;
    margin-bottom: 30px;
}

@media (max-width: 1399px)
{
    #foot
    {
        /**background-color: #FCFCFC;
				width: 100%;
				border-top: none;
				padding: 40px 0;
				margin-top: 40px;*/
    }

    #foot .foot_under
    {
        width: 100%;
    }

    #foot .foot_under .link_flex
    {
        display: flex;
        width: 460px;
        justify-content: space-between;
        margin: 0 auto;
    }

    #foot .foot_under .link_bx01
    {
        flex-basis: 100%;
        height: 460px;
        background-image: url(https://www.aokiya-online.jp/img/home/foot_corp_bg_falf.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: center;
    }

    #foot .foot_under .link_bx01 h6
    {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0.1em;
        margin: 130px auto 20px;
    }

    #foot .foot_under .link_bx01 ul
    {
        display: flex;
        justify-content: space-between;
        width: 240px;
        margin: 0 auto 35px;
    }

    #foot .foot_under .link_bx01 li
    {
        flex-basis: 80px;
    }

    #foot .foot_under .link_bx01 li img
    {
        max-width: 100%;
    }

    #foot .foot_under .link_bx01 .outer
    {
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0.1em;
        display: inline-block;
        position: relative;
        width: 200px;
        margin: 0 0 10px 15px;
    }

    #foot .foot_under .link_bx01 .outer:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/foot_outerlink_icon.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 22px;
        height: 22px;
        position: absolute;
        top: calc(50% - 11px);
        left: -10px;
    }

    #foot .foot_under .link_bx02
    {
        flex-basis: 320px;
        text-align: center;
    }

    #foot .foot_under .link_bx02 h5
    {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0.1em;
        margin: 110px auto 30px;
        position: relative;
    }

    #foot .foot_under .link_bx02 h5:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/foot_shopmenu.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 40px;
        height: 36px;
        position: absolute;
        top: -50px;
        left: calc(50% - 20px);
    }

    #foot .foot_under .link_bx02 p
    {
        font-size: 16px;
        font-weight: 500;
        margin: 0 auto 10px;
        padding-bottom: 5px;
        border-bottom: 1px dotted #61874E;
        display: table;
    }

    #foot .foot_under .link_bx03
    {
        flex-basis: 320px;
        text-align: center;
    }

    #foot .foot_under .link_bx03 h5
    {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0.1em;
        margin: 110px auto 30px;
        position: relative;
    }

    #foot .foot_under .link_bx03 h5:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/foot_howtouse.svg);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center;
        width: 40px;
        height: 36px;
        position: absolute;
        top: -50px;
        left: calc(50% - 20px);
    }

    #foot .foot_under .link_bx03 p
    {
        font-size: 16px;
        font-weight: 500;
        margin: 0 auto 10px;
        padding-bottom: 5px;
        border-bottom: 1px dotted #61874E;
        display: table;
    }

    #foot .foot_under .link_bx_blank
    {
        flex-basis: 198px;
    }

    #foot .bottom_info
    {
        display: flex;
        flex-wrap: wrap;
        margin: 30px auto;
        justify-content: center;
    }

    #foot li
    {
        font-size: 16px;
        /*letter-spacing: 0.15em;*/
        color: #707070;
        /*line-height: 1;*/
    }

    #foot li a
    {
        color: #707070;
    }

    #foot span
    {
        display: block;
        text-align: center;
        font-size: 14px;
        /*letter-spacing: 0.15em;*/
        color: #707070;
        /*line-height: 1;*/
        margin-bottom: 30px;
    }
}

@media (max-width: 780px)
{
    #foot
    {
        /*background-color: #FCFCFC;
				width: 100%;
				border-top: none;
				padding: 5vw 0;
				margin-top: 5vw;*/
    }

    #foot .foot_upper
    {
        width: 90vw;
        margin: 0 auto;
        border: none;
    }

    #foot .foot_upper .contact_bx
    {
        background-color: #fff;
        border-radius: 8px;
        border: 1px solid #61874E;
        text-align: center;
        padding: 5vw 0;
        margin: 0 auto 4vw;
    }

    #foot .foot_upper .contact_bx h6
    {
        font-size: 3.9vw;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1;
        margin-bottom: 7vw;
    }

    #foot .foot_upper .contact_bx p
    {
        font-size: 3.1vw;
        font-weight: 400;
        line-height: 1.6;
        margin-bottom: 3vw;
    }

    #foot .foot_upper .contact_bx .phone
    {
        margin-right: -10vw;
        margin-bottom: 5vw;
    }

    #foot .foot_upper .contact_bx .phone a
    {
        font-size: 6.5vw;
        font-weight: 700;
        line-height: 1;
        color: #61874E;
        display: inline-block;
        position: relative;
    }

    #foot .foot_upper .contact_bx .phone a:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/foot_freedial.svg);
        width: 9.9vw;
        height: 5.7vw;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: calc(50% - 2vw);
        left: -11vw;
    }

    #foot .foot_upper .arrow
    {
        font-size: 4.28571vw;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1;
        position: relative;
        padding-left: 6vw;
        margin: 5vw auto 4vw;
        width: 50vw;
    }

    #foot .foot_upper.arrow a
    {
        color: #2B2B2B !important;
    }

    #foot .foot_upper .arrow:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/gnav_menu_arrow_link.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 4vw;
        height: 4vw;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    #foot .foot_under
    {
        width: 100%;
    }

    #foot .foot_under .link_flex
    {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin: 0 auto;
    }

    #foot .foot_under .link_bx01
    {
        flex-basis: 100%;
        height: 100vw;
        background-image: url(https://www.aokiya-online.jp/img/home/foot_corp_bg_falf.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: center;
    }

    #foot .foot_under .link_bx01 h6
    {
        font-size: 5vw;
        font-weight: 500;
        letter-spacing: 0.1em;
        margin: 23vw auto 5vw;
    }

    #foot .foot_under .link_bx01 ul
    {
        display: flex;
        justify-content: space-between;
        width: 43vw;
        margin: 0 auto 5vw;
    }

    #foot .foot_under .link_bx01 li
    {
        flex-basis: 13vw;
    }

    #foot .foot_under .link_bx01 li img
    {
        max-width: 100%;
    }

    #foot .foot_under .link_bx01 .outer
    {
        font-size: 5vw;
        font-weight: 500;
        letter-spacing: 0.1em;
        display: inline-block;
        position: relative;
        width: 54vw;
        margin: 0 0 1.5vw 3vw;
    }

    #foot .foot_under .link_bx01 .outer:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/foot_outerlink_icon.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 5vw;
        height: 5vw;
        position: absolute;
        top: calc(50% - 2.5vw);
        left: -2vw;
    }

    #foot .foot_under .link_bx02
    {
        flex-basis: 320px;
        text-align: center;
    }

    #foot .foot_under .link_bx02 h5
    {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0.1em;
        margin: 110px auto 30px;
        position: relative;
    }

    #foot .foot_under .link_bx02 h5:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/foot_shopmenu.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 40px;
        height: 36px;
        position: absolute;
        top: -50px;
        left: calc(50% - 20px);
    }

    #foot .foot_under .link_bx02 p
    {
        font-size: 16px;
        font-weight: 500;
        margin: 0 auto 10px;
        padding-bottom: 5px;
        border-bottom: 1px dotted #61874E;
        display: table;
    }

    #foot .foot_under .link_bx03
    {
        flex-basis: 320px;
        text-align: center;
    }

    #foot .foot_under .link_bx03 h5
    {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0.1em;
        margin: 110px auto 30px;
        position: relative;
    }

    #foot .foot_under .link_bx03 h5:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/foot_howtouse.svg);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center;
        width: 40px;
        height: 36px;
        position: absolute;
        top: -50px;
        left: calc(50% - 20px);
    }

    #foot .foot_under .link_bx03 p
    {
        font-size: 16px;
        font-weight: 500;
        margin: 0 auto 10px;
        padding-bottom: 5px;
        border-bottom: 1px dotted #61874E;
        display: table;
    }

    #foot .foot_under .link_bx_blank
    {
        flex-basis: 198px;
    }

    #foot .bottom_info
    {
        display: flex;
        flex-wrap: wrap;
        margin: 10vw auto 5vw;
        justify-content: center;
    }

    #foot li
    {
        font-size: 3.71429vw;
        /*letter-spacing: 0.15em;*/
        color: #707070;
        /*line-height: 1.5;*/
    }

    #foot li a
    {
        color: #707070;
    }

    #foot span
    {
        display: block;
        text-align: center;
        font-size: 1.85714vw;
        /*letter-spacing: 0.15em;*/
        color: #707070;
        /*line-height: 1;*/
        margin-bottom: 4vw;
    }
}

.h_cart .sysContent
{
    display: none !important;
}

.cartTxt
{
    position: relative;
}

#cartInfo .cartTxt .itemCount
{
    display: none;
    width: 16px;
    height: 16px;
    line-height: 1;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    margin-left: 5px;
    color: #fff;
    background: #61874E;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 21%;
}

@media (max-width: 780px)
{
    #cartInfo .cartTxt .itemCount
    {
        display: none;
        width: 4vw;
        height: 4vw;
        line-height: 1;
        text-align: center;
        font-size: 2.7vw;
        font-weight: bold;
        margin-left: 5px;
        color: #fff;
        background: #61874E;
        border-radius: 50%;
        position: absolute;
        top: -1vw;
        left: 15%;
    }
}

#sysHeader .header_content
{
    margin-bottom: 0;
}

.sysCategoryPankuzu
{
    font-size: 14px;
    font-weight: 400;
    color: #707070;
    margin-bottom: 15px;
}

.sysItemImages .sysImageList li.sysCurrent img
{
    border: 2px solid #61874E;
}

#sysDescription p
{
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}

#gate
{
    width: 100%;
    background-color: #fff;
}

#gate .head
{
    margin: -50px calc(50% - 470px) 0;
    width: 940px;
}

#gate .head img
{
    max-width: 100%;
}

#gate .gate_inner
{
    width: 840px;
    margin: 40px auto;
}

#gate .gate_inner .gate_ttl
{
    font-size: 25px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 40px;
}

#gate .gate_inner .gate_sub
{
    font-size: 21px;
    font-weight: 200;
    line-height: 1.5;
    margin: 40px 0 40px;
}

#gate .gate_inner p
{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

#gate .gate_inner .gate_flex
{
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto 80px;
}

#gate .gate_inner .gate_bx
{
    flex-basis: 410px;
    text-align: left;
    margin-bottom: 40px;
}

#gate .gate_inner .gate_bx p
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
}

#gate .gate_inner .cp_actab
{
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto 50px;
}

#gate .gate_inner .cp_actab input
{
    position: absolute;
    z-index: -1;
    opacity: 0;
}

#gate .gate_inner .cp_actab label
{
    position: relative;
    display: block;
    padding: 15px 0;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    /*250516 コメントアウト対応*/
    /*cursor: pointer;*/
    margin: 0;
    background: #fff;
    text-align: left;
}

#gate .gate_inner .cp_actab label p
{
    font-size: 21px;
    font-weight: 200;
    line-height: 1;
    /*250516 記述追加*/
    margin: 0;
    padding: 10px 0;
}

#gate .gate_inner .cp_actab label span img
{
    max-width: 118px;
    margin-left: 30px;
}

#gate .gate_inner .cp_actab .cp_actab-content
{
    overflow: hidden;
    /*250516 コメントアウト対応*/
    /*max-height: 0;*/
    -webkit-transition: max-height 0.35s;
    transition: max-height 0.35s;
    color: #000;
    background-color: #fff;
}

#gate .gate_inner .cp_actab input:checked~.cp_actab-content
{
    max-height: 20000px;
}

#gate .gate_inner .cp_actab label::after
{
    line-height: 3;
    position: absolute;
    top: calc(50% - 15px);
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    /* -webkit-transition: all 0.35s;
        transition: all 0.35s; */
    text-align: center;
}

#gate .gate_inner .cp_actab input[type=checkbox]+label::after
{
    content: '';
    background-image: url(https://www.aokiya-online.jp/img/home/side_menu_open.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#gate .gate_inner .cp_actab input[type=checkbox]:checked+label::after
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/side_menu_close.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: calc(50% - 15px);
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
}

#gate .gate_inner .cp_actab-content__inner
{
    padding: 40px 0;
}

#gate .gate_inner .cp_actab-content__inner .review_flex
{
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto 80px;
}

#gate .gate_inner .cp_actab-content__inner .review_bx
{
    flex-basis: 410px;
    text-align: left;
    margin-bottom: 20px;
}

#gate #celebration01,
#gate #celebration02,
#gate #celebration03
{
    padding-top: 120px;
    margin-top: -120px;
}

#gate .pagenav
{
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 50px auto;
}

#gate .pagenav li
{
    font-size: 16px;
    color: #61874E;
    font-weight: bold;
    margin: 0 25px;
}

#gate .pagenav li a
{
    text-decoration: none;
    color: #61874E;
}

#gate p
{
    font-size: 16px;
    line-height: 2;
    margin: 0 0 25px;
}

#gate .gate_bx h6
{
    font-size: 18px;
    margin: 15px 0;
}

#gate .gate_bx p
{
    font-size: 16px;
    line-height: 1.8;
}

#gate .gate_bx .buy
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 20px 0;
}

#gate .gate_bx .buy li
{
    flex-basis: 100%;
    font-size: 16px;
    margin: 0 0 15px;
    line-height: 1;
    position: relative;
    padding-left: 20px;
}

#gate .gate_bx .buy li:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/gnav_menu_arrow_link.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
}

@media (max-width: 780px)
{
    #gate
    {
        width: 100%;
        background-color: #fff;
    }

    #gate .head
    {
        margin: 0 calc(50% - 50vw) 0;
        width: 100vw;
    }

    #gate .head img
    {
        max-width: 100%;
    }

    #gate .gate_inner
    {
        width: 100%;
        margin: 5vw auto;
    }

    #gate .gate_inner .gate_ttl
    {
        font-size: 6.42857vw;
        font-weight: 500;
        line-height: 1.5;
        margin: 0 0 5vw;
    }

    #gate .gate_inner .gate_sub
    {
        font-size: 5vw;
        font-weight: 200;
        line-height: 1.5;
        margin: 5vw 0;
    }

    #gate .gate_inner p
    {
        font-size: 3.71429vw;
        font-weight: 400;
        line-height: 1.6;
    }

    #gate .gate_inner .gate_flex
    {
        display: flex;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
        margin: 0 auto 10vw;
    }

    #gate .gate_inner .gate_bx
    {
        flex-basis: 100%;
        text-align: left;
        margin-bottom: 5vw;
    }

    #gate .gate_inner .gate_bx p
    {
        font-size: 3.71429vw;
        font-weight: 500;
        line-height: 1.6;
    }

    #gate .gate_inner .cp_actab
    {
        position: relative;
        overflow: hidden;
        width: 100%;
        margin: 0 auto 6vw;
    }

    #gate .gate_inner .cp_actab input
    {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    #gate .gate_inner .cp_actab label
    {
        position: relative;
        display: block;
        padding: 2vw 0;
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        cursor: pointer;
        margin: 0;
        background: #fff;
        text-align: left;
    }

    #gate .gate_inner .cp_actab label p
    {
        font-size: 5vw;
        font-weight: 200;
        line-height: 1;
    }

    #gate .gate_inner .cp_actab label span img
    {
        max-width: 16vw;
        margin-left: 3vw;
    }

    #gate .gate_inner .cp_actab .cp_actab-content
    {
        overflow: hidden;
        /*250516 コメントアウト対応*/
        /*max-height: 0;*/
        -webkit-transition: max-height 0.35s;
        transition: max-height 0.35s;
        color: #000;
        background-color: #fff;
    }

    #gate .gate_inner .cp_actab input:checked~.cp_actab-content
    {
        max-height: 20000px;
    }

    #gate .gate_inner .cp_actab label::after
    {
        line-height: 3;
        position: absolute;
        top: calc(50% - 2vw);
        right: 0;
        display: block;
        width: 4vw;
        height: 4vw;
        /* -webkit-transition: all 0.35s;
          transition: all 0.35s; */
        text-align: center;
    }

    #gate .gate_inner .cp_actab input[type=checkbox]+label::after
    {
        content: '';
        background-image: url(https://www.aokiya-online.jp/img/home/side_menu_open.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    #gate .gate_inner .cp_actab input[type=checkbox]:checked+label::after
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/side_menu_close.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        top: calc(50% - 2vw);
        right: 0;
        display: block;
        width: 4vw;
        height: 4vw;
    }

    #gate .gate_inner .cp_actab-content__inner
    {
        padding: 4vw 0;
    }

    #gate .gate_inner .cp_actab-content__inner .review_flex
    {
        display: flex;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
        margin: 0 auto 10vw;
    }

    #gate .gate_inner .cp_actab-content__inner .review_bx
    {
        flex-basis: 100%;
        text-align: left;
        margin-bottom: 3vw;
    }

    #gate #celebration01,
    #gate #celebration02,
    #gate #celebration03
    {
        padding-top: 15vw;
        margin-top: -15vw;
    }

    #gate .pagenav
    {
        display: flex;
        justify-content: center;
        align-items: center;
        list-style: none;
        margin: 5vw auto;
    }

    #gate .pagenav li
    {
        font-size: 3vw;
        color: #61874E;
        font-weight: bold;
        margin: 0 3vw;
        white-space: nowrap;
    }

    #gate .pagenav li a
    {
        text-decoration: none;
        color: #61874E;
    }

    #gate p
    {
        font-size: 3.3vw;
        line-height: 2;
        margin: 0 0 5vw;

    }

    #gate .gate_bx h6
    {
        font-size: 3.5vw;
        margin: 2vw 0;
    }

    #gate .gate_bx p
    {
        font-size: 3.3vw;
        line-height: 1.8;
    }

    #gate .gate_bx .buy
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 3vw 0;
    }

    #gate .gate_bx .buy li
    {
        flex-basis: 100%;
        font-size: 3.3vw;
        margin: 0 0 2vw;
        line-height: 1;
        position: relative;
        padding-left: 5vw;
    }

    #gate .gate_bx .buy li:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/gnav_menu_arrow_link.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 3.4vw;
        height: 3.4vw;
        position: absolute;
        top: calc(50% - 1.7vw);
        left: 0;
    }
}

.ct_musashinonishi
{
    background-color: #fff;
    margin: 0 auto;
    width: 100%;
    padding: 50px;
}

@media (max-width: 780px)
{
    .ct_musashinonishi
    {
        background-color: #fff;
        margin: 0 auto;
        width: 100%;
        padding: 5vw 0;
    }
}

#packaging
{
    width: 100%;
    background-color: #fff;
    padding: 0 50px;
}

#packaging #pack01
{
    height: 80px;
}

#packaging #pack02
{
    height: 80px;
}

#packaging table
{
    border-collapse: collapse;
    background-color: #fff;
    width: 708px;
    margin: 30px auto 10px;
}

#packaging th
{
    background-color: #F5F4EF;
}

#packaging th,
#packaging td
{
    border: solid 1px #B4B4B4;
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
}


#packaging td
{
    white-space: nowrap;
    width: 234px;
}

#packaging .caption
{
    width: 708px;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
    margin: 0 auto;
}

#packaging .ttl
{
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    margin: 40px auto;
}

#packaging ul
{
    display: flex;
    justify-content: center;
    margin: 0 auto 40px;
}

#packaging li
{
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #61874E;
    position: relative;
    margin-right: 50px;
    padding-left: 10px;
}

#packaging li a
{
    text-decoration: none;
    color: #61874E;
}

#packaging li:last-child
{
    margin-right: 0;
}

#packaging li:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/info/arrow_down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 10px;
    height: 5px;
    position: absolute;
    top: calc(50% - 2px);
    left: -10px;
}

#packaging .s_ttl
{
    font-size: 21px;
    font-weight: 200;
    border-bottom: 1px solid #61874E;
    padding-bottom: 10px;
    margin: 0 0 30px;
}

#packaging p
{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

#packaging .graph
{
    margin: 40px auto;
    text-align: center;
}

#packaging .ss_ttl
{
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    border-left: 3px solid #61874E;
    padding-left: 10px;
    margin: 40px 0;
}

#packaging .pack_flex
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: 40px auto 60px;
}

#packaging .pack_bx
{
    flex-basis: 360px;
    text-align: left;
    margin-bottom: 60px;
}

#packaging .pack_bx .bx_ttl
{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 15px;
}

#packaging .pack_bx p
{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin-top: 15px;
}

@media (max-width: 780px)
{
    #packaging
    {
        width: 100%;
        background-color: #fff;
        padding: 3vw;
    }

    #packaging #pack01
    {
        height: 15vw;
    }

    #packaging #pack02
    {
        height: 15vw;
    }

    #packaging table
    {
        border-collapse: collapse;
        background-color: #fff;
        width: 100%;
        margin: 4vw auto 1.5vw;
    }

    #packaging th
    {
        background-color: #F5F4EF;
    }

    #packaging th,
    #packaging td
    {
        border: solid 1px #B4B4B4;
        padding: 1.5vw 0;
        text-align: center;
        font-size: 3.28571vw;
        line-height: 1.4;
        font-weight: 400;
    }

    #packaging td
    {
        white-space: nowrap;
        width: 33%;
    }

    #packaging .caption
    {
        width: 100%;
        text-align: left;
        font-size: 3.28571vw;
        font-weight: 400;
        margin-bottom: 4vw;
        margin: 0 auto;
    }

    #packaging .ttl
    {
        text-align: left;
        font-size: 6.42857vw;
        font-weight: 500;
        margin: 5vw auto;
    }

    #packaging ul
    {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto 5vw;
    }

    #packaging li
    {
        font-size: 3.42857vw;
        font-weight: 500;
        line-height: 1;
        color: #61874E;
        position: relative;
        margin-right: 5vw;
        padding-left: 2vw;
        white-space: nowrap;
    }

    #packaging li a
    {
        text-decoration: none;
        color: #61874E;
    }

    #packaging li:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/info/arrow_down.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 2vw;
        height: 1vw;
        position: absolute;
        top: calc(50% - .5vw);
        left: -2vw;
    }

    #packaging .s_ttl
    {
        font-size: 5vw;
        font-weight: 200;
        border-bottom: 1px solid #61874E;
        padding-bottom: 1vw;
        margin: 0 0 4vw;
    }

    #packaging p
    {
        font-size: 3.71429vw;
        font-weight: 400;
        line-height: 1.6;
    }

    #packaging .graph
    {
        margin: 5vw auto;
        text-align: center;
    }

    #packaging .ss_ttl
    {
        font-size: 4.28571vw;
        font-weight: 400;
        line-height: 1;
        border-left: 3px solid #61874E;
        padding-left: 3vw;
        margin: 5vw 0;
    }

    #packaging .pack_flex
    {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        margin: 5vw auto 7vw;
    }

    #packaging .pack_bx
    {
        flex-basis: 100%;
        text-align: left;
        margin-bottom: 4vw;
    }

    #packaging .pack_bx .bx_ttl
    {
        font-size: 3.71429vw;
        font-weight: 400;
        line-height: 1.6;
        margin-bottom: 2vw;
    }

    #packaging .pack_bx p
    {
        font-size: 3.71429vw;
        font-weight: 400;
        line-height: 1.6;
    }
}

#faq
{
    width: 100%;
    background-color: #fff;
    padding: 0 50px;
}

#faq #qa1
{
    height: 80px;
}

#faq #qa2
{
    height: 80px;
}

#faq #qa3
{
    height: 80px;
}

#faq #qa4
{
    height: 80px;
}

#faq #qa5
{
    height: 80px;
}

#faq .ttl
{
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    margin: 40px auto;
}

#faq ul
{
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto;
}

#faq li
{
    flex-basis: 33%;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #61874E;
    position: relative;
    padding-left: 10px;
    margin-bottom: 20px;
}

#faq li a
{
    text-decoration: none;
    color: #61874E;
}

#faq li:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/info/arrow_down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 10px;
    height: 5px;
    position: absolute;
    top: calc(50% - 2px);
    left: -10px;
}

#faq .s_ttl
{
    font-size: 21px;
    font-weight: 200;
    border-bottom: 1px solid #61874E;
    padding-bottom: 10px;
    margin: 0 0 30px;
}

#faq .qa_bx
{
    width: 100%;
    margin: 0 auto 40px;
    border-bottom: 2px dotted #B4B4B4;
    padding: 0 0 40px;
}

#faq .qa_bx .q_ttl
{
    font-size: 20px;
    font-weight: 500;
    color: #61874E;
    line-height: 2;
    margin-bottom: 20px;
}

#faq .qa_bx .a_ttl
{
    margin-left: 20px;
    font-size: 20px;
    font-weight: 500;
    color: #6E3030;
    line-height: 2;
    margin-bottom: 20px;
}

#faq .qa_bx .summary
{
    margin-left: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

#faq .qa_bx .summary a
{
    text-decoration: underline;
    color: #61874E;
}

@media (max-width: 780px)
{
    #faq
    {
        width: 100%;
        background-color: #fff;
        padding: 3vw;
    }

    #faq #qa1
    {
        height: 15vw;
    }

    #faq #qa2
    {
        height: 15vw;
    }

    #faq #qa3
    {
        height: 15vw;
    }

    #faq #qa4
    {
        height: 15vw;
    }

    #faq #qa5
    {
        height: 15vw;
    }

    #faq .ttl
    {
        text-align: center;
        font-size: 6.42857vw;
        font-weight: 500;
        margin: 5vw auto;
    }

    #faq ul
    {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        flex-wrap: wrap;
        margin: 0 auto 5vw;
    }

    #faq li
    {
        flex-basis: 49%;
        font-size: 3.71429vw;
        font-weight: 500;
        line-height: 1;
        color: #61874E;
        position: relative;
        margin-right: 0;
        padding-left: 2vw;
        white-space: nowrap;
    }

    #faq li a
    {
        text-decoration: none;
        color: #61874E;
    }

    #faq li:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/info/arrow_down.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 2vw;
        height: 1vw;
        position: absolute;
        top: calc(50% - .5vw);
        left: -2vw;
    }

    #faq .s_ttl
    {
        font-size: 5vw;
        font-weight: 200;
        border-bottom: 1px solid #61874E;
        padding-bottom: 1vw;
        margin: 0 0 4vw;
    }

    #faq .qa_bx
    {
        width: 100%;
        margin: 0 auto 5vw;
        border-bottom: 2px dotted #B4B4B4;
        padding: 0 0 5vw;
    }

    #faq .qa_bx .q_ttl
    {
        font-size: 4.28571vw;
        font-weight: 500;
        color: #61874E;
        line-height: 2;
        margin-bottom: 2vw;
    }

    #faq .qa_bx .a_ttl
    {
        margin-left: 0;
        font-size: 4.28571vw;
        font-weight: 500;
        color: #6E3030;
        line-height: 2;
        margin-bottom: 2vw;
    }

    #faq .qa_bx .summary
    {
        margin-left: 0;
        font-size: 3.71429vw;
        font-weight: 400;
        line-height: 1.6;
    }
}

#privacy
{
    width: 100%;
    background-color: #fff;
    padding: 0 50px;
}

#privacy .ttl
{
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    margin: 40px auto;
}

#privacy .s_ttl
{
    font-size: 21px;
    font-weight: 200;
    line-height: 1.5;
    border-bottom: 1px solid #61874E;
    padding-bottom: 10px;
    margin: 50px 0 30px;
}

#privacy p
{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

@media (max-width: 780px)
{
    #privacy
    {
        width: 100%;
        background-color: #fff;
        padding: 3vw;
    }

    #privacy .ttl
    {
        text-align: center;
        font-size: 6.42857vw;
        font-weight: 500;
        margin: 5vw auto;
    }

    #privacy .s_ttl
    {
        font-size: 5vw;
        font-weight: 200;
        border-bottom: 1px solid #61874E;
        padding-bottom: 2vw;
        margin: 12vw 0 4vw;
    }

    #privacy p
    {
        font-size: 3.71429vw;
        font-weight: 400;
        line-height: 1.7;
    }
}

#guide
{
    width: 100%;
    background-color: #fff;
    padding: 0 50px;
}

#guide #g1
{
    height: 80px;
}

#guide #g2
{
    height: 80px;
}

#guide #g3
{
    height: 80px;
}

#guide #g4
{
    height: 80px;
}

#guide #g5
{
    height: 140px;
}

#guide #g6
{
    height: 80px;
}

#guide #g7
{
    height: 80px;
}

#guide #g8
{
    height: 80px;
}

#guide .ttl
{
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    margin: 40px auto;
}

#guide ul
{
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto;
}

#guide li
{
    flex-basis: 33%;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    color: #61874E;
    position: relative;
    padding-left: 10px;
    margin-bottom: 20px;
    white-space: nowrap;
}

#guide li a
{
    text-decoration: none;
    color: #61874E;
}

#guide li:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/info/arrow_down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 10px;
    height: 5px;
    position: absolute;
    top: calc(50% - 2px);
    left: -10px;
}

#guide .s_ttl
{
    font-size: 21px;
    font-weight: 200;
    border-bottom: 1px solid #61874E;
    padding-bottom: 10px;
    margin: 0 0 30px;
}

#guide .ss_ttl
{
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    border-left: 3px solid #61874E;
    padding-left: 10px;
    margin: 40px 0;
}

#guide .g_ttl
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #61874E;
    margin-bottom: 20px;
}

#guide p
{
    font-size: 16px;
    line-height: 1.6;
}

#guide p b
{
    font-weight: 700;
    color: #6E3030;
}

#guide p a
{
    text-decoration: none;
    color: #61874E;
}

#guide p .outer
{
    background-image: url(https://www.aokiya-online.jp/img/info/link_outer.svg);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 22px;
}

#guide .gray_bx
{
    background-color: #F5F4EF;
    width: 100%;
    margin: 20px auto;
    padding: 25px;
}

#guide .gray_bx .m_ttl
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 10px;
}

#guide .gray_bx .l_ttl
{
    font-size: 25px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 20px;
}

#guide .chart
{
    margin: 20px auto;
    text-align: center;
}

#guide .border
{
    display: inline-block;
    border-bottom: 2px dotted #61874E;
    margin: 15px 0;
}

@media (max-width: 780px)
{
    #guide
    {
        width: 100%;
        background-color: #fff;
        padding: 3vw;
    }

    #guide #g1
    {
        height: 15vw;
    }

    #guide #g2
    {
        height: 15vw;
    }

    #guide #g3
    {
        height: 15vw;
    }

    #guide #g4
    {
        height: 15vw;
    }

    #guide #g5
    {
        height: 15vw;
    }

    #guide #g6
    {
        height: 15vw;
    }

    #guide #g7
    {
        height: 15vw;
    }

    #guide #g8
    {
        height: 15vw;
    }

    #guide .ttl
    {
        text-align: center;
        font-size: 6.42857vw;
        font-weight: 500;
        margin: 5vw auto;
    }

    #guide ul
    {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        flex-wrap: wrap;
        margin: 0 auto 5vw;
    }

    #guide li
    {
        flex-basis: 100%;
        font-size: 3.71429vw;
        font-weight: 500;
        line-height: 1;
        color: #61874E;
        position: relative;
        margin-right: 0;
        padding-left: 2vw;
        white-space: nowrap;
    }

    #guide li a
    {
        text-decoration: none;
        color: #61874E;
    }

    #guide li:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/info/arrow_down.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 2vw;
        height: 1vw;
        position: absolute;
        top: calc(50% - .5vw);
        left: -2vw;
    }

    #guide .s_ttl
    {
        font-size: 5vw;
        font-weight: 200;
        border-bottom: 1px solid #61874E;
        padding-bottom: 1vw;
        margin: 0 0 4vw;
    }

    #guide .ss_ttl
    {
        font-size: 4.28571vw;
        font-weight: 400;
        line-height: 1;
        border-left: 3px solid #61874E;
        padding-left: 3vw;
        margin: 5vw 0;
    }

    #guide .g_ttl
    {
        font-size: 3.71429vw;
        font-weight: 500;
        line-height: 1.5;
        color: #61874E;
        margin-bottom: 3vw;
    }

    #guide p
    {
        font-size: 3.71429vw;
        font-weight: 400;
        line-height: 1.6;
    }

    #guide p b
    {
        font-weight: 700;
        color: #6E3030;
    }

    #guide p a
    {
        text-decoration: none;
        color: #61874E;
    }

    #guide p .outer
    {
        background-image: url(https://www.aokiya-online.jp/img/info/link_outer.svg);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 5vw 5vw;
        padding-left: 5vw;
    }

    #guide .gray_bx
    {
        background-color: #F5F4EF;
        width: 100%;
        margin: 5vw auto;
        padding: 5vw;
    }

    #guide .gray_bx .m_ttl
    {
        font-size: 3.71429vw;
        font-weight: 500;
        line-height: 1.6;
        margin-bottom: 2vw;
    }

    #guide .gray_bx .l_ttl
    {
        font-size: 5vw;
        font-weight: 400;
        line-height: 1.4;
        margin-bottom: 4vw;
    }

    #guide .chart
    {
        margin: 3vw auto;
        text-align: center;
    }

    #guide .border
    {
        display: inline-block;
        border-bottom: 2px dotted #61874E;
        margin: 3vw 0;
    }
}

#decline
{
    width: 100%;
    background-color: #fff;
    padding: 0 50px;
}

#decline .ttl
{
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    margin: 40px auto;
}

#decline .s_ttl
{
    font-size: 21px;
    font-weight: 200;
    border-bottom: 1px solid #61874E;
    padding-bottom: 10px;
    margin: 0 0 30px;
}

#decline .g_ttl
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #61874E;
    margin-bottom: 20px;
}

#decline p
{
    font-size: 16px;
    line-height: 1.6;
}

#decline p b
{
    font-weight: 700;
    color: #6E3030;
}

#decline p a
{
    text-decoration: none;
    color: #61874E;
}

#decline .gray_bx
{
    background-color: #F5F4EF;
    width: 100%;
    margin: 20px auto;
    padding: 25px;
}

@media (max-width: 780px)
{
    #decline
    {
        width: 100%;
        background-color: #fff;
        padding: 3vw;
    }

    #decline .ttl
    {
        text-align: center;
        font-size: 6.42857vw;
        font-weight: 500;
        margin: 5vw auto;
    }

    #decline .s_ttl
    {
        font-size: 5vw;
        font-weight: 200;
        border-bottom: 1px solid #61874E;
        padding-bottom: 1vw;
        margin: 0 0 4vw;
    }

    #decline .g_ttl
    {
        font-size: 3.71429vw;
        font-weight: 500;
        line-height: 1.5;
        color: #61874E;
        margin-bottom: 3vw;
    }

    #decline p
    {
        font-size: 3.71429vw;
        font-weight: 400;
        line-height: 1.6;
    }

    #decline p b
    {
        font-weight: 700;
        color: #6E3030;
    }

    #decline p a
    {
        text-decoration: none;
        color: #61874E;
    }

    #decline .gray_bx
    {
        background-color: #F5F4EF;
        width: 100%;
        margin: 4vw auto;
        padding: 5vw;
    }

}

#terms
{
    width: 100%;
    background-color: #fff;
    padding: 0 50px;
}

#terms .ttl
{
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    margin: 40px auto;
}

#terms .s_ttl
{
    font-size: 21px;
    font-weight: 200;
    border-bottom: 1px solid #61874E;
    padding-bottom: 10px;
    margin: 0 0 30px;
}

#terms .g_ttl
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #61874E;
    margin-bottom: 20px;
}

#terms p
{
    font-size: 16px;
    line-height: 1.6;
}

#terms p b
{
    font-weight: 700;
    color: #6E3030;
}

#terms p a
{
    text-decoration: none;
    color: #61874E;
}

#terms .gray_bx
{
    background-color: #F5F4EF;
    width: 100%;
    margin: 20px auto;
    padding: 25px;
}

@media (max-width: 780px)
{
    #terms
    {
        width: 100%;
        background-color: #fff;
        padding: 3vw;
    }

    #terms .ttl
    {
        text-align: center;
        font-size: 6.42857vw;
        font-weight: 500;
        margin: 5vw auto;
    }

    #terms .s_ttl
    {
        font-size: 5vw;
        font-weight: 200;
        border-bottom: 1px solid #61874E;
        padding-bottom: 1vw;
        margin: 0 0 4vw;
    }

    #terms .g_ttl
    {
        font-size: 3.71429vw;
        font-weight: 500;
        line-height: 1.5;
        color: #61874E;
        margin-bottom: 3vw;
    }

    #terms p
    {
        font-size: 3.71429vw;
        font-weight: 400;
        line-height: 1.6;
    }

    #terms p b
    {
        font-weight: 700;
        color: #6E3030;
    }

    #terms p a
    {
        text-decoration: none;
        color: #61874E;
    }

    #terms .gray_bx
    {
        background-color: #F5F4EF;
        width: 100%;
        margin: 4vw auto;
        padding: 5vw;
    }
}

#law_info
{
    width: 100%;
    background-color: #fff;
    padding: 0 50px;
}

#law_info .ttl
{
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    margin: 40px auto;
}

#law_info .s_ttl
{
    font-size: 21px;
    font-weight: 200;
    border-bottom: 1px solid #61874E;
    padding-bottom: 10px;
    margin: 50px 0 30px;
}

#law_info .g_ttl
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #61874E;
    margin-bottom: 20px;
}

#law_info p
{
    font-size: 16px;
    line-height: 1.6;
}

#law_info p b
{
    font-weight: 700;
    color: #6E3030;
}

#law_info p a
{
    text-decoration: none;
    color: #61874E;
}

#law_info .ctext
{
    text-align: center;
    width: 100%;
}

#law_info .gbtn
{
    background-color: #61874E;
    margin: 40px auto 20px;
    padding: 15px 25px;
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    border-radius: 8px;
    width: auto;
}

@media (max-width: 780px)
{
    #law_info
    {
        width: 100%;
        background-color: #fff;
        padding: 3vw;
    }

    #law_info .ttl
    {
        text-align: center;
        font-size: 6.42857vw;
        font-weight: 500;
        margin: 5vw auto;
    }

    #law_info .s_ttl
    {
        font-size: 5vw;
        font-weight: 200;
        border-bottom: 1px solid #61874E;
        padding-bottom: 1vw;
        margin: 8vw 0 4vw;
    }

    #law_info .g_ttl
    {
        font-size: 3.71429vw;
        font-weight: 500;
        line-height: 1.5;
        color: #61874E;
        margin-bottom: 3vw;
    }

    #law_info p
    {
        font-size: 3.71429vw;
        font-weight: 400;
        line-height: 1.6;
    }

    #law_info p b
    {
        font-weight: 700;
        color: #6E3030;
    }

    #law_info p a
    {
        text-decoration: none;
        color: #61874E;
    }

    #law_info .ctext
    {
        text-align: center;
        width: 100%;
    }

    #law_info .gbtn
    {
        background-color: #61874E;
        margin: 10vw auto 5vw;
        padding: 2vw 4vw;
        display: inline-block;
        font-size: 5vw;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        border-radius: 8px;
        width: 100%;
    }
}

#largeorder
{
    width: 100%;
    background-color: #fff;
    padding: 0 50px;
}

#largeorder #g1
{
    height: 80px;
}

#largeorder #g2
{
    height: 80px;
}

#largeorder #g3
{
    height: 80px;
}

#largeorder #g4
{
    height: 80px;
}

#largeorder .ttl
{
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    margin: 40px auto;
}

#largeorder ul
{
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto;
}

#largeorder li
{
    flex-basis: 33%;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #61874E;
    position: relative;
    padding-left: 10px;
    margin-bottom: 20px;
}

#largeorder li a
{
    text-decoration: none;
    color: #61874E;
}

#largeorder li:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/info/arrow_down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 10px;
    height: 5px;
    position: absolute;
    top: calc(50% - 2px);
    left: -10px;
}

#largeorder .s_ttl
{
    font-size: 21px;
    font-weight: 200;
    border-bottom: 1px solid #61874E;
    padding-bottom: 10px;
    margin: 0 0 30px;
}

#largeorder .ss_ttl
{
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    border-left: 3px solid #61874E;
    padding-left: 10px;
    margin: 40px 0;
}

#largeorder .chart
{
    margin: 20px auto;
    text-align: center;
}

#largeorder .ctext
{
    text-align: center;
    width: 100%;
}

#largeorder .gbtn
{
    background-color: #61874E;
    margin: 40px auto 20px;
    padding: 15px 25px;
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    border-radius: 8px;
    width: auto;
}

@media (max-width: 780px)
{
    #largeorder
    {
        width: 100%;
        background-color: #fff;
        padding: 3vw;
    }

    #largeorder #g1
    {
        height: 15vw;
    }

    #largeorder #g2
    {
        height: 15vw;
    }

    #largeorder #g3
    {
        height: 15vw;
    }

    #largeorder #g4
    {
        height: 15vw;
    }

    #largeorder .ttl
    {
        text-align: center;
        font-size: 6.42857vw;
        font-weight: 500;
        margin: 5vw auto;
    }

    #largeorder ul
    {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        flex-wrap: wrap;
        margin: 0 auto 5vw;
    }

    #largeorder li
    {
        flex-basis: 49%;
        font-size: 3.71429vw;
        font-weight: 500;
        line-height: 1;
        color: #61874E;
        position: relative;
        margin-right: 0;
        padding-left: 2vw;
        white-space: nowrap;
    }

    #largeorder li a
    {
        text-decoration: none;
        color: #61874E;
    }

    #largeorder li:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/info/arrow_down.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 3vw;
        height: 1.5vw;
        position: absolute;
        top: calc(50% - .7vw);
        left: -2vw;
    }

    #largeorder .s_ttl
    {
        font-size: 5vw;
        font-weight: 200;
        border-bottom: 1px solid #61874E;
        padding-bottom: 1vw;
        margin: 0 0 4vw;
    }

    #largeorder .ss_ttl
    {
        font-size: 4.28571vw;
        font-weight: 400;
        line-height: 1.4;
        border-left: 3px solid #61874E;
        padding-left: 3vw;
        margin: 8vw 0 5vw;
    }

    #largeorder .chart
    {
        margin: 3vw auto;
        text-align: center;
    }

    #largeorder .ctext
    {
        text-align: center;
        width: 100%;
    }

    #largeorder .gbtn
    {
        background-color: #61874E;
        margin: 10vw auto 5vw;
        padding: 2vw 4vw;
        display: inline-block;
        font-size: 5vw;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        border-radius: 8px;
        width: 100%;
    }
}

.sysLoginForm
{
    text-align: center;
}

.sysRequired
{
    color: #6E3030 !important;
    font-weight: 500 !important;
}

.sysMemberAgreement
{
    padding: 15px;
    margin-bottom: 15px;
}

.sysErrorMessage
{
    color: #6E3030 !important;
}

.sysCart #sysMain input[type=text]
{
    background: #fff !important;
}

#sysBasket h1,
#sysRegi h1,
.sysOpcBody h1
{
    color: #2b2b2b;
}

#sysBasket .cartTxt,
#sysRegi .cartTxt,
.sysOpcBody .cartTxt
{
    padding: 0;
    line-height: 1;
    font-size: 16px;
    margin: 0;
}

#sysBasket .sysItemRetailPrice,
#sysRegi .sysItemRetailPrice,
.sysOpcBody .sysItemRetailPrice
{
    font-size: 16px;
    margin-top: 10px;
}

#sysBasket .sysSubTotalArea,
#sysRegi .sysSubTotalArea,
.sysOpcBody .sysSubTotalArea
{
    font-size: 18px;
}

.head-border
{
    font-size: 21px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.1em;
    display: flex;
    align-items: center;
    margin: 0 0 35px 0;
    color: #2b2b2b;
}

.head-border:after
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/h6_line.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: left;
    flex-grow: 1;
    height: 5px;
    margin-left: 30px;
}

@media (max-width: 1399px)
{
    .head-border
    {
        font-size: 2.14286vw;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0.1em;
        display: flex;
        align-items: center;
        margin: 0 0 35px 0;
    }

    .head-border:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/h6_line.png);
        background-repeat: repeat-x;
        background-size: contain;
        background-position: right;
        flex-grow: 1;
        height: 5px;
        margin-right: 30px;
    }

    .head-border:after
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/h6_line.png);
        background-repeat: repeat-x;
        background-size: contain;
        background-position: left;
        flex-grow: 1;
        height: 5px;
        margin-left: 30px;
    }
}

@media (max-width: 780px)
{
    .head-border
    {
        font-size: 6.42857vw;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0.1em;
        display: flex;
        align-items: center;
        margin: 0 0 4vw 0;
    }

    .head-border:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/h6_line-s.png);
        background-repeat: repeat-x;
        background-size: contain;
        background-position: right;
        flex-grow: 1;
        height: 5px;
        margin-right: 3vw;
    }

    .head-border:after
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/h6_line-s.png);
        background-repeat: repeat-x;
        background-size: contain;
        background-position: left;
        flex-grow: 1;
        height: 5px;
        margin-left: 3vw;
    }
}

@media (max-width: 780px)
{
    .sysFreeArea .arrow
    {
        font-size: 4.28571vw;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 1;
        position: relative;
        padding-left: 6vw;
        margin: 5vw 0 9vw;
        padding-left: 0 !important;
    }

    .sysFreeArea .arrow a
    {
        color: #2B2B2B !important;
    }

    .sysFreeArea .arrow:before
    {
        content: "";
        background-image: url(https://www.aokiya-online.jp/img/home/gnav_menu_arrow_link.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 4vw;
        height: 4vw;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }
}

.opcSelectDeliveriesArea:before
{
    content: '【店舗受取限定商品】をご注文される場合は、「一つの住所に送る」をクリックして、ご注文者様の情報を入れていただきますと、その後、受け取り店舗及び日時の選択画面になります。';
}

/*カート情報ページで送料無料まであと〇円を非表示にする*/
#sysBasket .sysTotal div:nth-of-type(2)
{
    display: none;
}

/*注文の最終確認ページで送料無料まであと〇円を非表示にする*/
.opcOrderSummary_remainFreeShippingCostAndLabelGroup
{
    display: none;
}

#feat
{
    margin-top: 45px;
}

#feat ul li a
{
    display: block;
    position: relative;
    padding: 0;
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-left: 22px;
}

#feat ul li a:before
{
    content: "";
    background-image: url(https://www.aokiya-online.jp/img/home/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
}

.sysMypageNav form[action="https://www.aokiya-online.jp/mypage/my-coupon.html"]
{
    display: none;
}


/*250516 お客様の声デザインリニューアル Start*/
.pc-none
{
    display: none;
}

.voice-area
{
    margin: 50px 0;
}

.voice-area-flex
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.voice-area-flex li
{
    border: solid 1px #61874E;
    padding: 10px 20px;
    width: 49%;
    margin: 0 0 30px 0;
}

.voice-area-flex-tit
{
    display: flex;
    align-items: center;
    margin: 0 0 20px 0;
}

.voice-area-flex-tit img
{
    margin: 0 10px 0 0;
    width: 60px;
}

.voice-area-flex-tit p
{
    color: #61874E;
    font-size: 20px !important;
    font-weight: bold !important;
    margin: 0 0 0 10px !important;
    padding: 0 0 5px 0;
    border-bottom: solid 1px;
}

.voice-area-flex-cont
{
    color: #333333;
}

@media (max-width: 780px)
{
    .voice-area-flex-cont
    {
        font-size: 16px !important;
    }
}

.voice-area-flex-cont span
{
    color: #61874E;
    font-weight: bold;
    background: linear-gradient(transparent 70%, rgba(97, 135, 78, 0.15) 60%);
}




@media (max-width: 780px)
{
    .pc-none
    {
        display: block;
    }

    .voice-area
    {
        margin: 50px 10px;
    }

    .voice-area-flex li
    {
        width: 100%;
    }

    .voice-area-flex-tit p
    {
        font-size: 3.71429vw;
    }
}

/*250516 お客様の声デザインリニューアル End*/


/*商品詳細ページ　配送予定日*/
/*「～までのご注文」部分の色変更*/
.sysDeliveryDateShippingPeriodDatetime
{
    color: #0000EE;
}

/*「最短～日にお届け」部分の色、文字サイズ変更*/
.sysDeliveryDateEarliestDeliveryDate
{
    font-size: 15px;
    color: #ff0000;
}


/*250616 おいしさのポイントデザインリニューアル Start*/
.Font-M
{
    font-family: "Zen Old Mincho", serif;
}

.Font-G
{
    font-family: "Zen Kaku Gothic New";
}

.Font-E
{
    /*font-family: "Poppins", sans-serif;*/
    font-family: "Rubik", sans-serif;
}

.Features-Cont
{
    width: 940px;
    max-width: 100%;
    margin: 0 auto;
}

.Features-TitCont
{
    margin: 50px -50px 100px;
    padding: 0 50px;
}

@media (max-width: 780px)
{
    .Features-TitCont
    {
        margin: 30px 0 75px;
        padding: 0 15px;
    }
}

.Features-TitCont-MainTxtArea
{
    font-size: 24px;
    color: #61874e;
    line-height: 20px;
}

.Features-TitCont-MainTxtArea span
{
    font-size: 50%;
    font-weight: 300;
    color: #333333;
    margin: 0 0 0 3px;
}

@media (max-width: 780px)
{
    .Features-TitCont-MainTxtArea
    {
        font-size: 28px;
        line-height: 30px;
    }

    .Features-TitCont-MainTxtArea span
    {
        display: block;
        line-height: 2.5;
    }
}

.Features-TitCont-SubTxtArea
{
    margin: 30px 0 0 0;
    color: #333333;
}

.Features-TitCont-SubTxtArea>div
{
    font-size: 20px;
    margin: 0 0 10px 0;
}

.Features-TitCont-SubTxtArea>p
{
    color: #666666;
    font-size: 16px !important;
    line-height: 20px !important;
    margin: 0 !important;
}

@media (max-width: 780px)
{
    .Features-TitCont-SubTxtArea>div
    {
        font-size: 24px;
        line-height: 1.2;
        margin: 0 0 20px 0;
    }

    .Features-TitCont-SubTxtArea>p
    {
        font-size: 20px !important;
        line-height: 28px !important;
    }
}

.Features-MainCont
{
    margin: 0 -50px 100px;
}

@media (max-width: 780px)
{
    .Features-MainCont
    {
        margin: 0 0 120px 0;
    }
}

.Features-MainCont-TitArea
{
    margin: 0 0 50px 0;
}

.Features-MainCont-TitArea-Txt
{
    font-size: 24px;
    color: #61874e;
    text-align: center;
    line-height: 20px;
}

.Features-MainCont-TitArea-Txt span
{
    font-size: 50%;
    font-weight: 300;
    color: #333333;
}

@media (max-width: 780px)
{
    .Features-MainCont-TitArea
    {
        margin: 0 0 25px 0;
    }

    .Features-MainCont-TitArea-Txt
    {
        font-size: 28px;
        line-height: 24px;
    }
}

.Features-MainCont-FlexArea
{
    display: flex;
    padding: 0;
    align-items: center;
    opacity: 0;
    transform: translate(0, 75px);
    transition-duration: 1.2s;
    transition-property: opacity, transform;
}

.Features-MainCont-FlexArea:nth-child(n+3)
{
    margin: 120px 0 0 0;
}

@media (max-width: 780px)
{
    .Features-MainCont-FlexArea
    {
        display: block;
    }

    .Features-MainCont-FlexArea:nth-child(n+3)
    {
        margin: 100px 0 0 0;
    }
}

.Flex-Rev
{
    flex-direction: row-reverse;
}

.Features-MainCont-FlexArea-ImgArea
{
    position: relative;
}

@media (max-width: 780px)
{
    .Features-MainCont-FlexArea-ImgArea
    {
        width: 90%;
    }
}

.Features-MainCont-FlexArea-ImgArea img
{
    z-index: 1;
    width: 550px;
    position: relative;
    border-radius: 150px 0 150px 0;
}

.Features-MainCont-FlexArea-ImgArea div
{
    width: 550px;
    height: 330px;
    max-width: 100%;
    max-height: 100%;
    background-color: rgb(97, 135, 78, 0.2);
    position: absolute;
    top: 20px;
    left: 20px;
    border-radius: 150px 0 150px 0;
}

@media (max-width: 780px)
{
    .Features-MainCont-FlexArea-ImgArea img
    {
        border-radius: 125px 0 125px 0;
    }

    .Features-MainCont-FlexArea-ImgArea div
    {
        border-radius: 125px 0 125px 0;
        top: 15px;
        left: 15px;
    }
}

.Features-MainCont-FlexArea-ImgArea-Rev
{
    position: relative;
}

@media (max-width: 780px)
{
    .Features-MainCont-FlexArea-ImgArea-Rev
    {
        text-align: end;
        width: 90%;
        margin: 0 0 0 auto;
    }
}

.Features-MainCont-FlexArea-ImgArea-Rev img
{
    z-index: 1;
    width: 550px;
    position: relative;
    border-radius: 0 150px 0 150px;
}

.Features-MainCont-FlexArea-ImgArea-Rev div
{
    width: 550px;
    height: 330px;
    max-width: 100%;
    max-height: 100%;
    background-color: rgb(97, 135, 78, 0.2);
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 0 150px 0 150px;
}

@media (max-width: 780px)
{
    .Features-MainCont-FlexArea-ImgArea-Rev img
    {
        border-radius: 0 125px 0 125px;
    }

    .Features-MainCont-FlexArea-ImgArea-Rev div
    {
        border-radius: 0 125px 0 125px;
        top: 15px;
        right: 15px;
    }
}

.Features-MainCont-FlexArea-TxtArea
{
    padding: 0 0 0 20px;
}

.Features-MainCont-FlexArea-TxtArea-Rev
{
    padding: 0 20px 0 0;
}

@media (max-width: 780px)
{
    .Features-MainCont-FlexArea-TxtArea
    {
        padding: 10px 0 0 0;
    }

    .Features-MainCont-FlexArea-TxtArea-Rev
    {
        text-align: end;
    }

    .Features-MainCont-FlexArea-TxtArea-MainTxt-Rev
    {
        justify-content: flex-end;
        margin: 0 0 0 auto;
        padding-right: 10px;
    }
}

.Features-MainCont-FlexArea-TxtArea-MainTxt
{
    display: flex;
    width: 320px;
    align-items: flex-end;
    margin-bottom: 20px;
    padding-left: 30px;
    padding-bottom: 10px;
    border-bottom: solid 1px #61874e;
}

@media (max-width: 780px)
{
    .Features-MainCont-FlexArea-TxtArea-MainTxt
    {
        width: 80%;
        padding-left: 10px;
        margin-bottom: 10px;
    }
}

.Features-MainCont-FlexArea-TxtArea-MainTxt img
{
    margin-right: 10px;
    height: 50px;
}

.Features-MainCont-FlexArea-TxtArea-MainTxt-Tit
{
    font-size: 36px;
    font-weight: bold;
    color: #61874e;
    text-align: center;
    line-height: 0.9;
}

.Features-MainCont-FlexArea-TxtArea-MainTxt-Tit span
{
    font-size: 50%;
    font-weight: 300;
}

.Features-MainCont-FlexArea-TxtArea-SubTxt
{
    color: #333333;
    padding: 0 0 0 30px;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

@media (max-width: 780px)
{
    .Features-MainCont-FlexArea-TxtArea-SubTxt
    {
        font-size: 16px !important;
        padding-right: 10px;
        padding-left: 10px;
    }
}

.Features-MainCont-FlexArea-TxtArea-SubTxt span
{
    font-weight: bold;
    color: #61874E;
    background: linear-gradient(transparent 70%, rgba(97, 135, 78, 0.15) 60%);
}

.is-scrollIn
{
    opacity: 1;
    transform: translate(0, 0px);
}

.sp-none
{
    display: block;
}

@media (max-width: 780px)
{
    .sp-none
    {
        display: none;
    }
}

/*250616 おいしさのポイントデザインリニューアル End*/

/*250619 お客様の声追記部分 Start*/
.Voice-MainCont-TitArea
{
    margin: 0 0 50px 0;
}

.Voice-MainCont-TitArea-Txt
{
    font-size: 24px;
    color: #61874e;
    text-align: center;
    line-height: 20px;
}

.Voice-MainCont-TitArea-Txt span
{
    font-size: 50%;
    font-weight: 300;
    color: #333333;
}

@media (max-width: 780px)
{
    .Voice-MainCont-TitArea
    {
        margin: 0 0 25px 0;
    }

    .Voice-MainCont-TitArea-Txt
    {
        font-size: 28px;
        line-height: 24px;
    }
}

/*250619 お客様の声追記部分 End*/

/*250620 トップページラインナップリニューアル Start*/
html
{
    scroll-behavior: smooth;
}

.Top-LineUp-Cont
{
    margin: -50px;
    padding-bottom: 100px !important;
}

@media (max-width: 1399px)
{
    .Top-LineUp-Cont
    {
        margin: 0 -50px;
        padding: 0 10px;
    }
}

@media (max-width: 780px)
{
    .Top-LineUp-Cont
    {
        margin: -50px 0;
        padding: 0;
    }
}

.Top-LineUp-ButtonAria
{
    max-width: 100%;
}

@media (max-width: 780px)
{
    .Top-LineUp-ButtonAria
    {
        padding-top: 10px;
    }
}

.Top-LineUp-ButtonAria-Link
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-top: solid 1px #61874e;
    border-bottom: solid 1px #61874e;
    background-color: #ffffff;
}

.Top-LineUp-ButtonAria-Link-TxtAria
{
    width: 25%;
}

@media (max-width: 780px)
{
    .Top-LineUp-ButtonAria-Link-TxtAria
    {
        width: 50%;
    }
}

.Top-LineUp-ButtonAria-Link-TxtAria a
{
    font-size: 20px;
    color: #61874e;
    text-align: center;
    display: block;
    line-height: 1;
    padding: 25px 0 15px;
    /*transition*/
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}

@media (max-width: 780px)
{
    .Top-LineUp-ButtonAria-Link-TxtAria a
    {
        /*font-size: 24px;*/
    }
}

.Top-LineUp-ButtonAria-Link-TxtAria a:hover
{
    color: #ffffff;
    background-color: #61874e;
    opacity: 1;
}

.Top-LineUp-ButtonAria-Link-TxtAria-BorderR
{
    border-right: solid 2px #61874e;
}

@media (max-width: 780px)
{
    .Top-LineUp-ButtonAria-Link-TxtAria-BorderR
    {
        border-right: none;
    }

    .Top-LineUp-ButtonAria-Link-TxtAria-BorderR-SP
    {
        border-right: solid 2px #61874e;
    }

    .Top-LineUp-ButtonAria-Link-TxtAria-BorderB-SP
    {
        border-bottom: solid 1px #61874e;
    }
}

.Top-LineUp-ButtonAria-Link-TxtAria span
{
    display: inline-block;
    vertical-align: middle;
    width: 0.5em;
    height: 0.5em;
    border: 0.075em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
}

.Top-LineUp-MainCont
{
    margin: 70px 0 0 0;
}

.Top-LineUp-MainCont-Tit-FlexAria
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    margin-bottom: 30px;
}

@media (max-width: 780px)
{
    .Top-LineUp-MainCont-Tit-FlexAria
    {
        margin-bottom: 50px;
    }
}

.Top-LineUp-MainCont-Tit-FlexAria-TxtAria
{
    font-size: 24px;
    color: #61874e;
}

.Top-LineUp-MainCont-Tit-FlexAria-TxtAria span
{
    font-size: 70%;
    font-weight: 300;
    color: #666666;
    margin: 0 10px;
}

@media (max-width: 1399px)
{
    .Top-LineUp-MainCont-Tit-FlexAria-TxtAria
    {
        padding: 0 15px;
    }

    .Top-LineUp-MainCont-Tit-FlexAria-TxtAria span
    {
        margin: 0 0 0 10px;
    }
}

@media (max-width: 780px)
{
    .Top-LineUp-MainCont-Tit-FlexAria-TxtAria
    {
        text-align: center;
        line-height: 0.85;
    }

    .Top-LineUp-MainCont-Tit-FlexAria-TxtAria span
    {
        font-size: 60%;
        margin: 0;
    }
}

.Top-LineUp-MainCont-Tit-FlexAria::after
{
    content: '';
    display: block;
    height: 1px;
    flex-grow: 1;
    border-bottom: solid 1px #61874e;
}

@media (max-width: 1399px)
{
    .Top-LineUp-MainCont-Tit-FlexAria::before
    {
        content: '';
        display: block;
        height: 1px;
        flex-grow: 1;
        border-bottom: solid 1px #61874e;
    }
}

.Top-LineUp-MainCont-Item
{}

.Top-LineUp-MainCont-Item-FlexAria
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    opacity: 0;
    transform: translate(0, 50px);
    transition-duration: 1.5s;
    transition-property: opacity, transform;
}

.Top-LineUp-MainCont-Item-FlexAria::after
{
    content: '';
    display: block;
    width: 33%;
}

@media (max-width: 780px)
{
    .Top-LineUp-MainCont-Item-FlexAria
    {
        display: block;
    }
}

.Top-LineUp-MainCont-Item-FlexAria-ItemCont
{
    width: 49%;
    margin: 0 0 30px 0;
}

.Top-LineUp-MainCont-Item-FlexAria-ItemCont-3c
{
    width: 33%;
    margin: 0 0 30px 0;
}

@media (max-width: 780px)
{
    .Top-LineUp-MainCont-Item-FlexAria-ItemCont
    {
        width: 100%;
    }

    .Top-LineUp-MainCont-Item-FlexAria-ItemCont-3c
    {
        width: 100%;
    }
}

.Top-LineUp-MainCont-Item-FlexAria-ItemCont-TxtAria
{
    font-size: 16px;
    color: #333333;
    margin-top: 5px;
}

.Top-LineUp-MainCont-Item-FlexAria-ItemCont-TxtAria span
{
    font-size: 80%;
}

@media (max-width: 780px)
{
    .Top-LineUp-MainCont-Item-FlexAria-ItemCont-TxtAria
    {
        font-size: 20px;
    }
}

@media (max-width: 780px)
{

    #Top-01,
    #Top-02,
    #Top-03,
    #Top-04
    {
        margin: -50px 0 0 0;
        padding: 30px 0 0 0;
    }
}

/*Hoverアニメーション Start*/
.item_box *
{
    box-sizing: border-box;
}

.item_box
{
    /*width: 100%;
	 	max-width: 49%;*/
}

.item_link
{
    display: block;
    opacity: 1 !important;
}

.item_content
{
    position: relative;
    overflow: hidden;
}

.item_image img
{
    width: 100%;
    height: auto;
    vertical-align: top;
}

.item_image picture
{
    width: 100%;
    height: auto;
    vertical-align: top;
}

.item_mask
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.55);
    opacity: 0;
}

.item_mask-text
{
    width: 100%;
    padding: 0.5em;
    font-size: 20px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.item_mask-text span
{
    padding: 0.5em 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.item_text
{
    margin-top: 10px;
    text-align: center;
}

.item_box .item_link:hover .item_mask
{
    opacity: 1;
}

.item_box .item_link .item_image img
{
    transition: transform 0.75s ease;
}

.item_box .item_link:hover .item_image img
{
    transform: scale(1.05);
}

.item_box .item_link .item_image picture
{
    transition: transform 0.75s ease;
}

.item_box .item_link:hover .item_image picture
{
    transform: scale(1.05);
}

/* -fade-in */
.-fade-in .item_mask
{
    transition: opacity 0.75s ease;
}

/*Hoverアニメーション End*/

@media only screen and (min-width: 781px) and (max-width: 1399px)
{
    .Top-LineUp-MainCont-Bnr
    {
        display: flex !important;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 50px 0 0 !important;
    }

    .Top-LineUp-MainCont-Bnr-Contents
    {
        margin: 0 0 10px 0;
        width: 33% !important;
    }
}

.Top-LineUp-MainCont-Bnr
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 120px 0 50px;
}

.Top-LineUp-MainCont-Bnr-Contents
{
    margin: 0 0 10px 0;
    width: 49%;
}

/*250620 トップページラインナップリニューアル End*/

/*250625 お客様の声フェードイン Start*/
.voice-area-flex
{
    opacity: 0;
    transform: translate(0, 75px);
    transition-duration: 1.2s;
    transition-property: opacity, transform;
}

.is-scrollIn
{
    opacity: 1;
    transform: translate(0, 0);
}

/*250625 お客様の声フェードイン End*/

/*250707 フッター記述 Start*/
.Foot-ContArea
{
    background-color: #f5f4ef;
    width: 100%;
    padding: 50px 0 0;
    letter-spacing: 0;
}

@media (max-width: 1399px)
{
    .Foot-ContArea-MainArea
    {
        padding: 0 20px 0;
    }
}

.Foot-ContArea-MainArea
{
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea
    {
        width: 100%;
        padding: 0 15px;
    }
}

.Foot-ContArea-MainArea-Tit
{
    margin: 0 0 30px 0;
}

.Foot-ContArea-MainArea-Tit p
{
    font-size: 20px;
    font-weight: bold;
    color: #61874e;
    text-align: center;
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-Tit p
    {
        font-size: 24px;
    }
}

.Foot-ContArea-MainArea-Tit p span
{
    font-size: 70% !important;
    font-weight: normal;
    color: #666;
    display: block;
}

.Foot-ContArea-MainArea-InfoBoxArea
{
    max-width: 100%;
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-InfoBoxArea
    {}
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex
{
    display: flex;
    background-color: #fcfcfc;
    border-top: 1px solid #61874e;
    border-bottom: 1px solid #61874e;
    margin-bottom: 50px;
    padding: 50px 0 30px;
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-InfoBoxArea-Flex
    {
        display: block;
        padding: 30px 0;
        margin-bottom: 0;
    }
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Tel
{
    width: 50%;
    border-right: 1px solid #61874e;
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Tel
    {
        width: 100%;
        border-right: none;
    }
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Tel-Tit
{
    text-align: center;
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Tel-Tit p
{
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Tel-Tit p
    {
        font-size: 1.3rem;
    }
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Tel-NumArea
{
    display: flex;
    justify-content: center;
    /*align-items: baseline;*/
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Tel-NumArea
    {
        padding: 0 3%;
    }
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Tel-NumArea img
{
    width: 10%;
    margin: 0 10px 0 0;
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Tel-NumArea img
    {
        width: 2.5rem;
        margin: 0px 5px 0 0;
    }
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Tel-NumArea p a
{
    font-size: 48px;
    font-weight: bold;
    color: #61874e !important;
}

@media (max-width: 1099px)
{
    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Tel-NumArea p a
    {
        font-size: 2.1rem;
        line-height: 1;
    }
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Tel-CapArea
{
    font-size: 16px;
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Tel-CapArea p
{
    font-size: 80%;
    text-align: center;
    margin: 10px 0 0 0;
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Tel-CapArea p
    {
        font-size: 75%;
        line-height: 1.2;
        margin: 10px 0 0 0;
    }
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Form
{
    width: 50%;
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Form
    {
        width: 100%;
        margin: 30px 0 0 0;
        padding: 30px 10px 0;
        border-top: solid 1px #61874e;
    }
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-Tit
{
    text-align: center;
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-Tit p
{
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    line-height: 1;
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-Tit p
    {
        font-size: 1.3rem;
    }
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-TxtArea
{
    text-align: center;
    margin-bottom: 30px;
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-TxtArea p
{
    font-size: 16px;
    color: #333;
    line-height: 1.3;
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-BtnArea>div
{
    text-align: center;
    background-color: #61874e;
    width: 50%;
    margin: 0 auto;
}

@media (max-width: 1099px)
{
    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-BtnArea>div
    {
        width: 75%;
    }
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-BtnArea>div
    {
        width: 95%;
    }
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-BtnArea div a
{
    display: block;
    padding: 15px 0;
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-BtnArea-Flex
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-BtnArea-Flex img
{
    width: 10%;
    margin-right: 10px;
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-BtnArea-Flex img
    {
        width: 2rem;
    }
}

.Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-BtnArea-Flex p
{
    font-size: 20px;
    font-weight: bold;
    color: #fff !important;
}


@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-BtnArea-SpOnly
    {
        margin: 10px 0 0;
    }

    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-BtnArea-SpOnly-Guide
    {
        text-align: center;
        background-color: #f5f4ef;
        border: 1px solid #61874e;
        width: 95%;
        margin: 0 auto;
    }

    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-BtnArea-SpOnly-Guide a
    {
        display: block;
        padding: 10px 0;
    }

    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-BtnArea-SpOnly-Guide-Flex
    {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-BtnArea-SpOnly-Guide-Flex img
    {
        width: 2.3rem;
        margin-right: 10px;
    }

    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-BtnArea-SpOnly-Guide-Flex p
    {
        font-size: 20px;
        font-weight: bold;
        color: #61874e !important;
    }

    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-BtnArea-SpOnly-Question
    {
        text-align: center;
        margin: 10px 0 0 0;
    }

    .Foot-ContArea-MainArea-InfoBoxArea-Flex-Form-BtnArea-SpOnly-Question a
    {
        font-size: 16px;
        color: #333;
        border-bottom: 1px solid #333;
    }
}

.Foot-ContArea-MainArea-LinkArea
{
    margin-bottom: 50px;
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-LinkArea
    {
        margin-bottom: 30px;
    }
}

.Foot-ContArea-MainArea-LinkArea-Flex
{
    display: flex;
    padding: 20px 10px;
    align-items: center;
    border-bottom: 1px solid #61874e;
    border-top: 1px solid #61874e;
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex
    {
        display: block;
        padding: 50px 0 0;
        border-bottom: none;
        border-top: none;
        text-align: center;
    }
}

.Foot-ContArea-MainArea-LinkArea-Flex-CorpArea
{
    border-right: 1px solid #61874e;
    padding: 0 50px 0 0;
    margin: 0 50px 0 0;
}

@media (max-width: 1099px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-CorpArea
    {
        padding: 0 10%;
        margin: 0;
        width: 50%;
    }
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-CorpArea
    {
        border-right: none;
        width: 100%;
        padding: 0;
    }
}

.Foot-ContArea-MainArea-LinkArea-Flex-CorpArea-Flex
{
    display: flex;
    align-items: center;
}

@media (max-width: 1099px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-CorpArea-Flex
    {
        display: block;
    }
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-CorpArea-Flex
    {
        margin: 0 auto;
    }
}

.Foot-ContArea-MainArea-LinkArea-Flex-CorpArea-Flex-Logo
{
    width: 50%;
    max-width: 100%;
    margin: 0 20px 0 0;
    flex-grow: 1;
}

@media (max-width: 1399px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-CorpArea-Flex-Logo
    {
        width: 40%;
    }
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-CorpArea-Flex-Logo
    {
        margin: 0 auto;
    }
}

.Foot-ContArea-MainArea-LinkArea-Flex-CorpArea-Flex-Logo img
{
    width: 100%;
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-CorpArea-Flex-Logo img
    {
        width: 18rem;
    }
}

.Foot-ContArea-MainArea-LinkArea-Flex-CorpArea-Flex-Recruit
{
    background-color: #fff;
    border: 1px solid #61874e;
    padding: 10px 15px;
    text-align: center;
    max-width: 100%;
}

@media (max-width: 1099px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-CorpArea-Flex-Recruit
    {
        margin: 10px 0 0;
    }
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-CorpArea-Flex-Recruit
    {
        padding: 12px 0;
        width: 20rem;
        margin: 20px auto 0;
    }
}

.Foot-ContArea-MainArea-LinkArea-Flex-CorpArea-Flex-Recruit a
{
    font-size: 20px;
    color: #61874e !important;
}


@media (max-width: 1099px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-SnsArea
    {
        width: 50%;
    }
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-SnsArea
    {
        margin: 50px 0 0;
        width: 100%;
    }
}

.Foot-ContArea-MainArea-LinkArea-Flex-SnsArea-Flex
{
    display: flex;
    align-items: center;
}

@media (max-width: 1099px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-SnsArea-Flex
    {
        display: block;
        text-align: center;
    }
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-SnsArea-Flex
    {}
}

.Foot-ContArea-MainArea-LinkArea-Flex-SnsArea-Flex p
{
    font-size: 20px;
    font-weight: bold;
    color: #61874e !important;
    margin-right: 30px;
}

@media (max-width: 1099px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-SnsArea-Flex p
    {
        margin-right: 0;
    }
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-SnsArea-Flex p
    {
        font-size: 1.3rem;
        text-align: center;
        line-height: 1.3;
    }
}

.Foot-ContArea-MainArea-LinkArea-Flex-SnsArea-Flex-IconFlex
{
    display: flex;
    width: 30%;
    max-width: 100%;
}

@media (max-width: 1099px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-SnsArea-Flex-IconFlex
    {
        width: 50%;
        margin: 10px auto 0;
    }
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-SnsArea-Flex-IconFlex
    {
        margin: 15px 0 0;
        justify-content: center;
        width: 100%;
    }
}

.Foot-ContArea-MainArea-LinkArea-Flex-SnsArea-Flex-IconFlex a
{
    width: 1%;
    flex-grow: 1;
    margin-right: 20px;
}

@media (max-width: 1099px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-SnsArea-Flex-IconFlex a
    {
        margin: 0 5px;
    }
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-LinkArea-Flex-SnsArea-Flex-IconFlex a
    {
        width: 4rem;
        flex-grow: 0;
        margin: 0 10px;
    }
}

.Foot-ContArea-MainArea-NavAria
{
    margin: 0 0 100px 0;
}

.Foot-ContArea-MainArea-NavAria-Flex
{
    display: flex;
}

.Foot-ContArea-MainArea-NavAria-Flex-Shop
{
    margin: 0 100px 0 0;
}

.Foot-ContArea-MainArea-NavAria-Flex-Shop-TitAria
{
    margin: 0 0 15px;
}

.Foot-ContArea-MainArea-NavAria-Flex-Shop-TitAria p
{
    font-size: 20px;
    font-weight: bold;
    color: #61874e;
    padding: 0 0 0 10px;
}

.Foot-ContArea-MainArea-NavAria-Flex-Shop-MainAria
{
    display: flex;
    border-top: 1px solid #333;
    padding-top: 15px;
}

.Foot-ContArea-MainArea-NavAria-Flex-Shop-MainAria-LeftCont
{
    padding: 0 0 0 10px;
    margin: 0 50px 0 0;
}

.Foot-ContArea-MainArea-NavAria-Flex-Shop-MainAria-LeftCont li
{
    line-height: 2 !important;
    position: relative;
}

.Foot-ContArea-MainArea-NavAria-Flex-Shop-MainAria-LeftCont li a
{
    font-size: 16px;
    color: #333;
    opacity: 1;
}

.Foot-ContArea-MainArea-NavAria-Flex-Shop-MainAria-LeftCont li a::before
{
    content: "";
    display: inline-block;
    background-image: url('https://www.aokiya-online.jp/img/home/foot-img-leaf.svg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    margin: 0 5px 0 0;
}

.Foot-ContArea-MainArea-NavAria-Flex-Shop-MainAria-LeftCont li a::after
{
    content: "";
    background-color: #61874e;
    bottom: -1px;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform .3s;
    width: 100%;
}

.Foot-ContArea-MainArea-NavAria-Flex-Shop-MainAria-LeftCont li a:hover::after
{
    transform-origin: left top;
    transform: scaleX(1) translateZ(0);
    backface-visibility: hidden;
}

.Foot-ContArea-MainArea-NavAria-Flex-Shop-MainAria-RightCont
{}

.Foot-ContArea-MainArea-NavAria-Flex-Shop-MainAria-RightCont li
{
    line-height: 2 !important;
    position: relative;
}

.Foot-ContArea-MainArea-NavAria-Flex-Shop-MainAria-RightCont li a
{
    font-size: 16px;
    color: #333;
    opacity: 1;
}

.Foot-ContArea-MainArea-NavAria-Flex-Shop-MainAria-RightCont li a::before
{
    content: "";
    display: inline-block;
    background-image: url('https://www.aokiya-online.jp/img/home/foot-img-leaf.svg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    margin: 0 5px 0 0;
}

.Foot-ContArea-MainArea-NavAria-Flex-Shop-MainAria-RightCont li a::after
{
    content: "";
    background-color: #61874e;
    bottom: -1px;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform .3s;
    width: 100%;
}

.Foot-ContArea-MainArea-NavAria-Flex-Shop-MainAria-RightCont li a:hover::after
{
    transform-origin: left top;
    transform: scaleX(1) translateZ(0);
    backface-visibility: hidden;
}

.Foot-ContArea-MainArea-NavAria-Flex-Guide-TitAria
{
    margin-bottom: 15px;
}

.Foot-ContArea-MainArea-NavAria-Flex-Guide-TitAria p
{
    font-size: 20px;
    font-weight: bold;
    color: #61874e;
    padding: 0 0 0 10px;
}

.Foot-ContArea-MainArea-NavAria-Flex-Guide-MainAria
{
    display: flex;
    border-top: 1px solid #333;
    padding-top: 15px;
}

.Foot-ContArea-MainArea-NavAria-Flex-Guide-MainAria-LeftCont
{
    padding: 0 0 0 10px;
    margin: 0 50px 0 0;
}

.Foot-ContArea-MainArea-NavAria-Flex-Guide-MainAria-LeftCont li
{
    line-height: 2 !important;
    position: relative;
}

.Foot-ContArea-MainArea-NavAria-Flex-Guide-MainAria-LeftCont li a
{
    font-size: 16px;
    color: #333;
    opacity: 1;
}

.Foot-ContArea-MainArea-NavAria-Flex-Guide-MainAria-LeftCont li a::before
{
    content: "";
    display: inline-block;
    background-image: url('https://www.aokiya-online.jp/img/home/foot-img-leaf.svg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    margin: 0 5px 0 0;
}

.Foot-ContArea-MainArea-NavAria-Flex-Guide-MainAria-LeftCont li a::after
{
    content: "";
    background-color: #61874e;
    bottom: -1px;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform .3s;
    width: 100%;
}

.Foot-ContArea-MainArea-NavAria-Flex-Guide-MainAria-LeftCont li a:hover::after
{
    transform-origin: left top;
    transform: scaleX(1) translateZ(0);
    backface-visibility: hidden;
}

.Foot-ContArea-MainArea-NavAria-Flex-Guide-MainAria-RightCont
{}

.Foot-ContArea-MainArea-NavAria-Flex-Guide-MainAria-RightCont li
{
    line-height: 2 !important;
    position: relative;
}

.Foot-ContArea-MainArea-NavAria-Flex-Guide-MainAria-RightCont li a
{
    font-size: 16px;
    color: #333;
    opacity: 1;
}

.Foot-ContArea-MainArea-NavAria-Flex-Guide-MainAria-RightCont li a::before
{
    content: "";
    display: inline-block;
    background-image: url('https://www.aokiya-online.jp/img/home/foot-img-leaf.svg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    margin: 0 5px 0 0;
}

.Foot-ContArea-MainArea-NavAria-Flex-Guide-MainAria-RightCont li a::after
{
    content: "";
    background-color: #61874e;
    bottom: -1px;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform .3s;
    width: 100%;
}

.Foot-ContArea-MainArea-NavAria-Flex-Guide-MainAria-RightCont li a:hover::after
{
    transform-origin: left top;
    transform: scaleX(1) translateZ(0);
    backface-visibility: hidden;
}

.Foot-ContArea-MainArea-CondAria
{
    margin: 0 0 20px 0;
}

.Foot-ContArea-MainArea-CondAria-Flex
{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 16px;
}

.Foot-ContArea-MainArea-CondAria-Flex li:nth-child(-n+2)
{
    border-right: 1px solid #333;
    margin: 0 20px 0 0;
    padding: 0 20px 0 0;
}

.Foot-ContArea-MainArea-CondAria-Flex li a
{
    font-size: 16px;
}

.Foot-ContArea-MainArea-CopyAria
{
    background-color: #61874e;
    padding: 10px 0;
}

@media (max-width: 780px)
{
    .Foot-ContArea-MainArea-CopyAria
    {
        padding: 10px 0 20px;
    }
}

.Foot-ContArea-MainArea-CopyAria p
{
    text-align: center;
}

.Foot-ContArea-MainArea-CopyAria p small
{
    color: #fff;
}

/*250707 フッター記述 End*/

/*250716 ヘッダー記述 Start*/
.Head-ContArea
{
    /*padding: 30px 0 20px;
		max-width: 1400px;
		margin: 0 auto;*/
}

.Head-ContArea-Top
{
    padding: 20px 0 20px;
    max-width: 1400px;
    margin: 0 auto;
}

@media (max-width: 1399px)
{
    .Head-ContArea-Top
    {
        padding: 15px 5px;
    }
}

.Head-ContArea-Top-Flex
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Head-ContArea-Top-Flex-LogoArea
{
    width: 30%;
}

@media (max-width: 780px)
{
    .Head-ContArea-Top-Flex-LogoArea
    {
        width: 40%;
    }

    .Head-ContArea-Top-Flex-LogoArea a img
    {
        width: 12rem;
    }
}

.Head-ContArea-Top-Flex-OtherContArea
{
    width: 70%;
    margin: 0 0 0 auto;
}

@media (max-width: 780px)
{
    .Head-ContArea-Top-Flex-OtherContArea
    {
        width: 60%;
    }
}

.Head-ContArea-Top-Flex-OtherContArea-Flex
{
    display: flex;
    align-items: center;
    justify-content: end;
}

.Head-ContArea-Top-Flex-OtherContArea-Flex-MyPage
{
    width: 3.5rem;
}

@media (max-width: 1099px)
{
    .Head-ContArea-Top-Flex-OtherContArea-Flex-MyPage
    {}
}

@media (max-width: 780px)
{
    .Head-ContArea-Top-Flex-OtherContArea-Flex-MyPage
    {
        width: 3.5rem;
        text-align: center;
    }
}

.Head-ContArea-Top-Flex-OtherContArea-Flex-MyPage a
{
    font-size: 16px;
    text-align: center;
    display: block;
}

.Head-ContArea-Top-Flex-OtherContArea-Flex-MyPage a img
{
    width: 90%;
}

@media (max-width: 780px)
{
    .Head-ContArea-Top-Flex-OtherContArea-Flex-MyPage a img
    {
        width: 80%;
    }
}

.Head-ContArea-Top-Flex-OtherContArea-Flex-MyPage a p
{
    font-size: 70%;
    font-weight: bold;
    color: #61874e;
}

@media (max-width: 780px)
{
    .Head-ContArea-Top-Flex-OtherContArea-Flex-MyPage a p
    {
        font-size: 70%;
        display: block;
        text-align: center;
    }
}

.Head-ContArea-Top-Flex-OtherContArea-Flex-Cart
{
    width: 3.5rem;
    margin: 0 20px;
}

@media (max-width: 1099px)
{
    .Head-ContArea-Top-Flex-OtherContArea-Flex-Cart
    {}
}

@media (max-width: 780px)
{
    .Head-ContArea-Top-Flex-OtherContArea-Flex-Cart
    {
        width: 3.5rem;
        margin: 0 10px 0 5px;
    }
}

.Head-ContArea-Top-Flex-OtherContArea-Flex-Cart a
{
    font-size: 16px;
    text-align: center;
    display: block;
}

.Head-ContArea-Top-Flex-OtherContArea-Flex-Cart a img
{
    width: 90%;
}

@media (max-width: 780px)
{
    .Head-ContArea-Top-Flex-OtherContArea-Flex-Cart a img
    {
        width: 80%;
    }
}

.Head-ContArea-Top-Flex-OtherContArea-Flex-Cart a p
{
    font-size: 70%;
    font-weight: bold;
    color: #61874e;
}

@media (max-width: 780px)
{
    .Head-ContArea-Top-Flex-OtherContArea-Flex-Cart a p
    {
        font-size: 70%;
        display: block;
        text-align: center;
    }
}

.Head-ContArea-Top-Flex-OtherContArea-Flex-Search
{}

@media (max-width: 780px)
{
    .Head-ContArea-Top-Flex-OtherContArea-Flex-Search
    {
        margin: 0 0 30px 0;
    }
}

.Head-ContArea-Top-Flex-OtherContArea-Flex-Search-ContArea
{}

.Head-ContArea-Top-Flex-OtherContArea-Flex-Search-ContArea form
{
    display: flex;
}

.Head-ContArea-Top-Flex-OtherContArea-Flex-Search-ContArea form input:first-child
{
    font-size: 16px !important;
    border: 1px solid #61874e !important;
    background-color: #fff;
    vertical-align: middle;
    padding: 10px 50px 10px 10px !important;
}

@media (max-width: 1099px)
{
    .Head-ContArea-Top-Flex-OtherContArea-Flex-Search-ContArea form input:first-child
    {
        padding: 10px 0px 10px 10px !important;
    }
}

.Head-ContArea-Top-Flex-OtherContArea-Flex-Search-ContArea form input:last-child
{
    border-radius: 0;
    background-color: #61874e;
    background-image: url(https://www.aokiya-online.jp/img/home/ico_search.svg);
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    margin: 0 !important;
    position: relative;
}

@media (max-width: 1099px)
{
    .Head-ContArea-Top-Flex-OtherContArea-Flex-Search-ContArea form input:last-child
    {
        padding: 10px 20px;
    }
}

.Head-ContArea-Top-Flex-OtherContArea-Flex-FormBtn
{}

.Head-ContArea-Top-Flex-OtherContArea-Flex-FormBtn a
{
    background-color: #61874e;
    font-size: 16px;
    padding: 5px 20px 5px 40px;
    margin: 0 0 0 20px;
    position: relative;
    display: block;
}

@media (max-width: 1099px)
{
    .Head-ContArea-Top-Flex-OtherContArea-Flex-FormBtn a
    {
        padding: 5px 10px 5px 40px;
        margin: 0 0 0 10px;
    }
}

.Head-ContArea-Top-Flex-OtherContArea-Flex-FormBtn a p
{
    font-size: 80%;
    color: #fff;
    padding: 0 0 0 25px;
    line-height: 1.5;
}

@media (max-width: 1099px)
{
    .Head-ContArea-Top-Flex-OtherContArea-Flex-FormBtn a p
    {
        padding: 0px 0 0 10px;
        line-height: 1.4;
    }
}

.Head-ContArea-Top-Flex-OtherContArea-Flex-FormBtn a p:before
{
    content: "";
    display: block;
    width: 40px;
    height: 30px;
    background-image: url(https://www.aokiya-online.jp/img/home/head-img-icon-mail.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    left: 15px;
}

@media (max-width: 1099px)
{
    .Head-ContArea-Top-Flex-OtherContArea-Flex-FormBtn a p:before
    {
        width: 30px;
        height: 20px;
        top: 13px;
        left: 15px;
    }
}

.Head-ContArea-Bot
{
    background-color: #fff;
}

.Head-ContArea-Bot-ContArea
{
    max-width: 1400px;
    margin: 0 auto;
}

.Head-ContArea-Bot-ContArea-Flex
{
    display: flex;
    justify-content: space-between;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea
{
    width: 16%;
    text-align: center;
    flex-grow: 1;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea>a
{
    transition: 0.4s;
    opacity: 1;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea>a:hover
{
    color: #fff;
    background-color: #61874e;
    transition: 0.75s;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea a
{
    display: block;
    padding: 15px 0;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line
{
    border-right: 1px solid #333;
}

/*メガメニュー Start*/
.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu
{
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 100%;
    visibility: hidden;
    width: 100%;
}

/* backdrop-filter 非対応ブラウザ用 */
@supports not ((-webkit-backdrop-filter: blur(25px)) or (backdrop-filter: blur(25px)))
{
    .Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu
    {
        background: rgba(255, 255, 255, 0.95);
    }
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List
{
    padding-bottom: 30px;
    padding-top: 30px;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-Item
{
    display: inline-block;
}

/* メニューをhoverした時のスタイル */
.Head-ContArea-Bot-ContArea-Flex-MenuArea .Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu
{
    transition: 0.3s;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea:hover .Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu
{
    opacity: 1;
    transition: 0.3s;
    visibility: visible;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-RecCont
{
    width: 55rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-RecCont li
{
    text-align: start;
    padding: 0 30px 0 0;
    width: 20%;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-RecCont li a
{
    padding: 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-RecCont li a p
{
    font-weight: normal;
    margin: 10px 0 0 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont
{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-SceneArea
{
    text-align: left;
    margin: 0 30px 0 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-SceneArea p
{
    font-size: 20px;
    font-weight: bold;
    color: #61874e;
    padding: 0 0 0 10px;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-SceneArea-Flex
{
    display: flex;
    border-top: 1px solid #61874e;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-SceneArea-Flex-LeftCont
{
    padding: 0 50px 0 10px;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-SceneArea-Flex-LeftCont li
{
    position: relative;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-SceneArea-Flex-LeftCont li a
{
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 2;
    display: inline;
    padding: 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-SceneArea-Flex-LeftCont li a::after
{
    content: "";
    background-color: #61874e;
    bottom: -1px;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.3s;
    width: 100%;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-SceneArea-Flex-LeftCont li a:hover::after
{
    transform-origin: left top;
    transform: scaleX(1) translateZ(0);
    backface-visibility: hidden;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-SceneArea-Flex-RightCont
{}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-SceneArea-Flex-RightCont li
{
    position: relative;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-SceneArea-Flex-RightCont li a
{
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 2;
    display: inline;
    padding: 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-SceneArea-Flex-RightCont li a::after
{
    content: "";
    background-color: #61874e;
    bottom: -1px;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.3s;
    width: 100%;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-SceneArea-Flex-RightCont li a:hover::after
{
    transform-origin: left top;
    transform: scaleX(1) translateZ(0);
    backface-visibility: hidden;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-PriceArea
{
    text-align: left;
    margin: 0 30px 0 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-PriceArea p
{
    font-size: 20px;
    font-weight: bold;
    color: #61874e;
    padding: 0 0 0 10px;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-PriceArea-Flex
{
    display: flex;
    border-top: 1px solid #61874e;
    line-height: 0;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-PriceArea-Flex-LeftCont
{
    padding: 0 50px 0 10px;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-PriceArea-Flex-LeftCont li
{
    position: relative;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-PriceArea-Flex-LeftCont li a
{
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 2;
    display: inline;
    padding: 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-PriceArea-Flex-LeftCont li a::after
{
    content: "";
    background-color: #61874e;
    bottom: -1px;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.3s;
    width: 100%;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-PriceArea-Flex-LeftCont li a:hover::after
{
    transform-origin: left top;
    transform: scaleX(1) translateZ(0);
    backface-visibility: hidden;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-PriceArea-Flex-RightCont
{}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-PriceArea-Flex-RightCont li
{
    position: relative;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-PriceArea-Flex-RightCont li a
{
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 2;
    display: inline;
    padding: 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-PriceArea-Flex-RightCont li a::after
{
    content: "";
    background-color: #61874e;
    bottom: -1px;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.3s;
    width: 100%;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-PriceArea-Flex-RightCont li a:hover::after
{
    transform-origin: left top;
    transform: scaleX(1) translateZ(0);
    backface-visibility: hidden;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-OoguchiArea
{
    width: 20rem;
    max-width: 100%;
}

@media (max-width: 1099px)
{
    .Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-OoguchiArea
    {
        width: 15rem;
    }
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-SceneCont-OoguchiArea a
{
    padding: 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont
{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-RegularArea
{
    text-align: left;
    margin: 0 30px 0 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-RegularArea p
{
    font-size: 20px;
    font-weight: bold;
    color: #61874e;
    padding: 0 0 0 10px;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-RegularArea-Flex
{
    display: flex;
    border-top: 1px solid #61874e;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-RegularArea-Flex-LeftCont
{
    padding: 0 50px 0 10px;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-RegularArea-Flex-LeftCont li
{
    position: relative;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-RegularArea-Flex-LeftCont li a
{
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 2;
    display: inline;
    padding: 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-RegularArea-Flex-LeftCont li a::after
{
    content: "";
    background-color: #61874e;
    bottom: -1px;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.3s;
    width: 100%;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-RegularArea-Flex-LeftCont li a:hover::after
{
    transform-origin: left top;
    transform: scaleX(1) translateZ(0);
    backface-visibility: hidden;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-RegularArea-Flex-RightCont
{}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-RegularArea-Flex-RightCont li
{
    position: relative;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-RegularArea-Flex-RightCont li a
{
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 2;
    display: inline;
    padding: 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-RegularArea-Flex-RightCont li a::after
{
    content: "";
    background-color: #61874e;
    bottom: -1px;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.3s;
    width: 100%;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-RegularArea-Flex-RightCont li a:hover::after
{
    transform-origin: left top;
    transform: scaleX(1) translateZ(0);
    backface-visibility: hidden;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-SetArea
{
    text-align: left;
    margin: 0 30px 0 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-SetArea p
{
    font-size: 20px;
    font-weight: bold;
    color: #61874e;
    padding: 0 0 0 10px;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-SetArea-Flex
{
    display: flex;
    border-top: 1px solid #61874e;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-SetArea-Flex-LeftCont
{
    padding: 0 50px 0 10px;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-SetArea-Flex-LeftCont li
{
    position: relative;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-SetArea-Flex-LeftCont li a
{
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 2;
    display: inline;
    padding: 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-SetArea-Flex-LeftCont li a::after
{
    content: "";
    background-color: #61874e;
    bottom: -1px;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.3s;
    width: 100%;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-SetArea-Flex-LeftCont li a:hover::after
{
    transform-origin: left top;
    transform: scaleX(1) translateZ(0);
    backface-visibility: hidden;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-SetArea-Flex-RightCont
{}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-SetArea-Flex-RightCont li
{
    position: relative;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-SetArea-Flex-RightCont li a
{
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 2;
    display: inline;
    padding: 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-SetArea-Flex-RightCont li a::after
{
    content: "";
    background-color: #61874e;
    bottom: -1px;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.3s;
    width: 100%;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-SetArea-Flex-RightCont li a:hover::after
{
    transform-origin: left top;
    transform: scaleX(1) translateZ(0);
    backface-visibility: hidden;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-AllArea
{
    text-align: left;
    margin: 0 30px 0 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-AllArea p
{
    font-size: 20px;
    font-weight: bold;
    color: #61874e;
    padding: 0 0 0 10px;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-AllArea-Flex
{
    display: flex;
    border-top: 1px solid #61874e;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-AllArea-Flex-LeftCont
{
    padding: 0 50px 0 10px;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-AllArea-Flex-LeftCont li
{
    position: relative;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-AllArea-Flex-LeftCont li a
{
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 2;
    display: inline;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-AllArea-Flex-LeftCont li a::after
{
    content: "";
    background-color: #61874e;
    bottom: -1px;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.3s;
    width: 100%;
}

.Head-ContArea-Bot-ContArea-Flex-MenuArea-Line-MegaMenu-List-TableCont-AllArea-Flex-LeftCont li a:hover::after
{
    transform-origin: left top;
    transform: scaleX(1) translateZ(0);
    backface-visibility: hidden;
}

/*メガメニュー End*/

/*ハンバーガーメニュー Start*/
.hamburger-re
{
    background-color: #61874e;
    position: relative;
    cursor: pointer;
    z-index: 9999;
    padding: 1.5rem;
}

.hamburger-re span
{
    background: #fff;
    position: absolute;
    height: 1px;
    width: 70%;
    left: 14%;
    transition: 0.3s;
}

.hamburger-re span:nth-child(1)
{
    top: 30%;
}

.hamburger-re span:nth-child(2)
{
    top: 50%;
}

.hamburger-re span:nth-child(3)
{
    top: 70%;
}

.hamburger-re.active span:nth-child(1)
{
    transform: rotate(45deg);
    top: 50%;
}

.hamburger-re.active span:nth-child(2)
{
    opacity: 0;
}

.hamburger-re.active span:nth-child(3)
{
    transform: rotate(-45deg);
    top: 50%;
}

.hamburger-re-menu
{
    position: absolute;
    top: 100%;
    right: 0;
    background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    width: 100%;
    z-index: 9998;
    padding: 50px 20px 0;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.hamburger-re-menu::-webkit-scrollbar
{
    display: none;
}

/* backdrop-filter 非対応ブラウザ用 */
@supports not ((-webkit-backdrop-filter: blur(50px)) or (backdrop-filter: blur(50px)))
{
    .hamburger-re-menu
    {
        background: rgba(255, 255, 255, 0.95);
    }
}

.hamburger-re-menu.open
{
    display: block;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.hamburger-re-menu ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.hamburger-re-menu ul li
{}

.hamburger-re-menu ul li a
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 20px 0;
}

/*ハンバーガーメニュー End*/

/*アコーディオン Start*/
body.hamburger-re-menu
{
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.hamburger-re-menu
{
    overflow-y: auto;
    max-height: 100vh;
    -webkit-overflow-scrolling: touch;
}

.hamburger-re-menu-accordion
{
    margin: 0 0 30px 0;
}

.hamburger-re-menu-accordion-menu
{
    background-color: f9f9f9;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.75s ease-in-out;
}

.hamburger-re-menu-accordion-menu li a
{
    padding-left: 32px;
}

.hamburger-re-menu-accordion.open>.hamburger-re-menu-accordion-menu
{
    display: block;
    max-height: 500px;
}

.hamburger-re-menu-accordion>a
{
    position: relative;
    padding-right: 24px;
}

.hamburger-re-menu-accordion-icon
{
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.hamburger-re-menu-accordion-icon::before,
.hamburger-re-menu-accordion-icon::after
{
    content: "";
    position: absolute;
    background-color: #61874e;
    transition: all 0.3s ease;
}

.hamburger-re-menu-accordion-icon::before
{
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-50%) rotate(0deg);
}

.hamburger-re-menu-accordion-icon::after
{
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    transform: translateX(-50%) rotate(0deg);
    opacity: 1;
}

.hamburger-re-menu-accordion.open .hamburger-re-menu-accordion-icon::after
{
    transform: translateX(-50%) rotate(90deg);
    opacity: 0;
}

.hamburger-re-menu-accordion-TitArea
{
    font-size: 24px;
    color: #61874e;
    border-bottom: 1px solid #333;
}

.hamburger-re-menu-Form-BtnArea
{
    margin: 0 0 10px 0;
}

.hamburger-re-menu-Form-BtnArea-Cont
{}

.hamburger-re-menu-Form-BtnArea-Cont>div
{
    width: 100%;
    text-align: center;
    background-color: #61874e;
    margin: 0 auto;
}

.hamburger-re-menu-Form-BtnArea-Cont>div a
{
    justify-content: center !important;
    padding: 15px 0 !important;
}

.hamburger-re-menu-Form-BtnArea-Cont-Flex
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.hamburger-re-menu-Form-BtnArea-Cont-Flex img
{
    width: 2rem;
    margin-right: 10px;
}

.hamburger-re-menu-Form-BtnArea-Cont-Flex p
{
    font-size: 20px;
    font-weight: bold;
    color: #fff !important;
}

.hamburger-re-menu-Guide-BtnArea-Cont
{
    text-align: center;
    background-color: #f5f4ef;
    border: 1px solid #61874e;
    width: 100%;
    margin: 0 auto;
}

.hamburger-re-menu-Guide-BtnArea-Cont>div
{}

.hamburger-re-menu-Guide-BtnArea-Cont>div a
{
    padding: 10px 0 !important;
    justify-content: center !important;
}

.hamburger-re-menu-Guide-BtnArea-Cont-Flex
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.hamburger-re-menu-Guide-BtnArea-Cont-Flex img
{
    width: 2.3rem;
    margin-right: 10px;
}

.hamburger-re-menu-Guide-BtnArea-Cont-Flex p
{
    font-size: 20px;
    font-weight: bold;
    color: #61874e !important;
}

.hamburger-re-menu-LastCont
{
    height: 250px;
    padding-bottom: 250px !important;
    box-sizing: border-box;
}

.hamburger-re-menu-accordion-menu-RecCont
{
    padding: 30px 0 50px;
}

.hamburger-re-menu-accordion-menu-RecCont-Top-Flex
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hamburger-re-menu-accordion-menu-RecCont-Top-Flex-RightArea
{
    width: 49%;
}

.hamburger-re-menu-accordion-menu-RecCont-Top-Flex-RightArea a
{
    display: block !important;
    padding: 0 !important;
}

.hamburger-re-menu-accordion-menu-RecCont-Top-Flex-RightArea a img
{}

.hamburger-re-menu-accordion-menu-RecCont-Top-Flex-RightArea a p
{
    font-size: 16px;
}

.hamburger-re-menu-accordion-menu-RecCont-Top-Flex-LeftArea
{
    width: 50%;
    padding: 0 0 20px 10px;
}

.hamburger-re-menu-accordion-menu-RecCont-Top-Flex-LeftArea p
{
    margin: 0 0 10px 0;
}

.hamburger-re-menu-accordion-menu-RecCont-Top-Flex-LeftArea p a
{
    padding: 0 !important;
    display: inline-block !important;
}

.hamburger-re-menu-accordion-menu-RecCont-Bot-Flex
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 30px 0 0 0;
}

.hamburger-re-menu-accordion-menu-RecCont-Bot-Flex a
{
    display: block !important;
    width: 32%;
    padding: 0 !important;
}

.hamburger-re-menu-accordion-menu-RecCont-Bot-Flex a p
{
    font-size: 16px;
}

.hamburger-re-menu-accordion-menu-SceneCont
{
    padding: 30px 0;
}

.hamburger-re-menu-accordion-menu-SceneCont p
{
    font-size: 20px;
    color: #61874e;
    margin: 0 0 10px 0;
}

.hamburger-re-menu-accordion-menu-SceneCont p::before
{
    content: "";
    display: inline-block;
    background-image: url("https://www.aokiya-online.jp/img/home/foot-img-leaf.svg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    margin: 0 5px 0 0;
}

.hamburger-re-menu-accordion-menu-SceneCont-Flex
{
    display: flex;
    padding: 0 0 0 25px;
}

.hamburger-re-menu-accordion-menu-SceneCont-Flex-LeftArea
{
    padding: 0 25px 0 0 !important;
}

.hamburger-re-menu-accordion-menu-SceneCont-Flex-LeftArea li
{}

.hamburger-re-menu-accordion-menu-SceneCont-Flex-LeftArea li a
{
    padding: 0 !important;
    line-height: 2;
}

.hamburger-re-menu-accordion-menu-SceneCont-Flex-RightArea
{}

.hamburger-re-menu-accordion-menu-SceneCont-Flex-RightArea li
{}

.hamburger-re-menu-accordion-menu-SceneCont-Flex-RightArea li a
{
    padding: 0 !important;
    line-height: 2;
}

.hamburger-re-menu-accordion-menu-PriceCont
{
    padding: 0 0 50px 0;
}

.hamburger-re-menu-accordion-menu-PriceCont p
{
    font-size: 20px;
    color: #61874e;
    margin: 0 0 10px 0;
}

.hamburger-re-menu-accordion-menu-PriceCont p::before
{
    content: "";
    display: inline-block;
    background-image: url("https://www.aokiya-online.jp/img/home/foot-img-leaf.svg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    margin: 0 5px 0 0;
}

.hamburger-re-menu-accordion-menu-PriceCont-Flex
{
    display: flex;
    padding: 0 0 0 25px;
}

.hamburger-re-menu-accordion-menu-PriceCont-Flex-LeftArea
{
    padding: 0 25px 0 0 !important;
}

.hamburger-re-menu-accordion-menu-PriceCont-Flex-LeftArea li
{}

.hamburger-re-menu-accordion-menu-PriceCont-Flex-LeftArea li a
{
    padding: 0 !important;
    line-height: 2;
    display: block !important;
}

.hamburger-re-menu-accordion-menu-PriceCont-Flex-RightArea
{}

.hamburger-re-menu-accordion-menu-PriceCont-Flex-RightArea li
{}

.hamburger-re-menu-accordion-menu-PriceCont-Flex-RightArea li a
{
    padding: 0 !important;
    line-height: 2;
    display: block !important;
}

.hamburger-re-menu-accordion-menu-RegCont
{
    padding: 30px 0 0 0;
    margin: 0 0 30px 0;
}

.hamburger-re-menu-accordion-menu-RegCont p
{
    font-size: 20px;
    color: #61874e;
    margin: 0 0 10px 0;
}

.hamburger-re-menu-accordion-menu-RegCont p::before
{
    content: "";
    display: inline-block;
    background-image: url("https://www.aokiya-online.jp/img/home/foot-img-leaf.svg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    margin: 0 5px 0 0;
}

.hamburger-re-menu-accordion-menu-RegCont-Flex
{
    display: flex;
    padding: 0 0 0 25px;
}

.hamburger-re-menu-accordion-menu-RegCont-Flex-LeftArea
{
    padding: 0 25px 0 0 !important;
}

.hamburger-re-menu-accordion-menu-RegCont-Flex-LeftArea li
{}

.hamburger-re-menu-accordion-menu-RegCont-Flex-LeftArea li a
{
    padding: 0 !important;
    line-height: 2;
    display: block !important;
}

.hamburger-re-menu-accordion-menu-RegCont-Flex-RightArea
{}

.hamburger-re-menu-accordion-menu-RegCont-Flex-RightArea li
{}

.hamburger-re-menu-accordion-menu-RegCont-Flex-RightArea li a
{
    padding: 0 !important;
    line-height: 2;
    display: block !important;
}

.hamburger-re-menu-accordion-menu-SetCont
{
    margin: 0 0 30px 0;
}

.hamburger-re-menu-accordion-menu-SetCont p
{
    font-size: 20px;
    color: #61874e;
    margin: 0 0 10px 0;
}

.hamburger-re-menu-accordion-menu-SetCont p::before
{
    content: "";
    display: inline-block;
    background-image: url("https://www.aokiya-online.jp/img/home/foot-img-leaf.svg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    margin: 0 5px 0 0;
}

.hamburger-re-menu-accordion-menu-SetCont-Flex
{
    display: flex;
    padding: 0 0 0 25px;
}

.hamburger-re-menu-accordion-menu-SetCont-Flex-LeftArea
{
    padding: 0 20px 0 0 !important;
}

.hamburger-re-menu-accordion-menu-SetCont-Flex-LeftArea li
{}

.hamburger-re-menu-accordion-menu-SetCont-Flex-LeftArea li a
{
    padding: 0 !important;
    line-height: 2;
    display: block !important;
}

.hamburger-re-menu-accordion-menu-SetCont-Flex-RightArea
{}

.hamburger-re-menu-accordion-menu-SetCont-Flex-RightArea li
{}

.hamburger-re-menu-accordion-menu-SetCont-Flex-RightArea li a
{
    padding: 0 !important;
    line-height: 2;
    display: block !important;
}

.hamburger-re-menu-accordion-menu-AllCont
{
    padding: 0 0 50px 0;
}

.hamburger-re-menu-accordion-menu-AllCont p
{
    font-size: 20px;
    color: #61874e;
    margin: 0 0 10px 0;
}

.hamburger-re-menu-accordion-menu-AllCont p::before
{
    content: "";
    display: inline-block;
    background-image: url("https://www.aokiya-online.jp/img/home/foot-img-leaf.svg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    margin: 0 5px 0 0;
}

.hamburger-re-menu-accordion-menu-AllCont-Flex
{
    display: flex;
    padding: 0 0 0 25px;
}

.hamburger-re-menu-accordion-menu-AllCont-Flex-LeftArea
{
    padding: 0 20px 0 0 !important;
}

.hamburger-re-menu-accordion-menu-AllCont-Flex-LeftArea li
{}

.hamburger-re-menu-accordion-menu-AllCont-Flex-LeftArea li a
{
    padding: 0 !important;
    line-height: 2;
    display: block !important;
}

/*アコーディオン End*/
/*260217 start*/
.header-spacer
{
    height: 8vh;
}

/*260217 end*/
/*250716 ヘッダー記述 End*/

/*251111 詰め合わせページ記述 Start*/
#AssortmentArea p
{
    margin: 0;
}

/*タイトルとリード文*/
#AssortmentArea .AssortmentArea-TitCont
{
    color: #333;
}

#AssortmentArea .AssortmentArea-TitCont>div
{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 20px;
}

#AssortmentArea .AssortmentArea-TitCont>p
{
    line-height: 1.2;
}

@media (max-width: 780px)
{
    #AssortmentArea .AssortmentArea-TitCont>p
    {
        font-size: 16px;
    }
}

/*ページ内リンク*/
#musashino-meika:target,
#musashino-senka:target,
#musashino-tayori:target,
#wa-dutsumi:target
{
    scroll-margin-top: 125px;
}

#AssortmentArea .AssortmentArea-NavCont
{
    justify-content: space-between;
}

/*#AssortmentArea .AssortmentArea-NavCont::after {
display: block;
content:"";
width: 24%;
}*/
#AssortmentArea .AssortmentArea-NavCont li
{
    position: relative;
    padding-bottom: 15px;
    margin: 0;
    text-align: center;
    width: 24%;
}

#AssortmentArea .AssortmentArea-NavCont li::before
{
    border-right: 2px solid #61874e;
    border-top: 2px solid #61874e;
    content: "";
    height: 7px;
    width: 7px;
    position: absolute;
    left: 50%;
    top: auto;
    transform: translateX(-50%) rotate(135deg);
    transition: transform 0.3s ease-out;
    bottom: 5px;
}

#AssortmentArea .AssortmentArea-NavCont li::after
{
    content: "";
    display: block;
    height: 1px;
    background-color: #61874e;
    width: 100%;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}

#AssortmentArea .AssortmentArea-NavCont li:hover::before
{
    transform: translateX(-50%) translateY(3px) rotate(135deg);
}

#AssortmentArea .AssortmentArea-NavCont li a
{
    position: relative;
    display: block;
}

@media (max-width: 780px)
{
    #AssortmentArea .AssortmentArea-NavCont
    {
        flex-wrap: wrap;
        /* padding: 0 1rem; */
        margin: 50px 0 25px;
    }

    #AssortmentArea .AssortmentArea-NavCont li
    {
        width: 48%;
        margin: 0 0 30px;
        font-size: 16px;
    }
}

/*メインコンテンツ*/
#AssortmentArea .AssortmentArea-MainCont
{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 20px;
}

/*メインコンテンツ01*/
#AssortmentArea .AssortmentArea-MainCont-01
{
    background-color: #f6f4eb;
    padding: 50px;
    margin: 0 -50px;
}

#AssortmentArea .AssortmentArea-MainCont-01-TitArea
{
    color: #61874e;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin: 0 0 50px 0;
}

#AssortmentArea .AssortmentArea-MainCont-01-TitArea::before
{
    margin-right: 10px;
    background-color: #61874e;
    content: "";
    flex-grow: 1;
    height: 1px;
}

#AssortmentArea .AssortmentArea-MainCont-01-TitArea::after
{
    margin-left: 10px;
    background-color: #61874e;
    content: "";
    flex-grow: 1;
    height: 1px;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea
{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Left
{
    width: 49%;
    position: relative;
    display: inline-block;
    height: 100%;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Left picture
{
    display: block;
    width: 100%;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Left p
{
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 0 10px #333, 0 0 5px #333, 0 0 10px #333;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Right
{
    width: 49%;
    display: flex;
    flex-direction: column;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Right-TitArea
{
    color: #61874e;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 20px 0;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Right-TitArea span
{
    color: #333;
    font-size: 80%;
    font-weight: 100;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Right-LeadArea
{
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.025em;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Right-LeadArea span
{
    font-size: 85%;
    letter-spacing: -0.075em;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Right-Separate
{
    margin-top: auto;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Right-Separate-RecArea
{
    margin: 0 0 20px;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Right-Separate-RecArea p
{
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Right-Separate-RecArea-Flex
{
    display: flex;
    justify-content: space-between;
    max-width: 100%;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Right-Separate-RecArea-Flex img
{
    width: 32%;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Right-Separate-BtnArea a
{
    display: block;
    position: relative;
    color: #fff;
    --arrow-color: #fff;
    font-size: 20px;
    background-color: #ab8b4b;
    padding: 15px 0;
    text-align: center;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Right-Separate-BtnArea a::after
{
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%) skewX(45deg);
    width: 45px;
    height: 15px;
    border-bottom: 2px solid var(--arrow-color);
    border-right: 2px solid var(--arrow-color);
    transition: right 0.3s ease, border-color 0.3s ease;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Right-Separate-BtnArea a:hover
{
    color: #fff;
}

#AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Right-Separate-BtnArea a:hover::after
{
    right: 25px;
    border-color: #fff;
}

@media (max-width: 780px)
{
    #AssortmentArea .AssortmentArea-MainCont-01-TitArea
    {
        margin: 0 0 20px;
    }

    #AssortmentArea .AssortmentArea-MainCont-01-FlexArea
    {
        display: block;
    }

    #AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Left
    {
        width: 100%;
    }

    #AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Right
    {
        width: 100%;
        margin: 20px 0 0;
    }

    #AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Right-TitArea
    {
        margin: 0 0 20px;
    }

    #AssortmentArea .AssortmentArea-MainCont-01-FlexArea-Right-LeadArea
    {
        margin: 0 0 30px;
    }
}

/*メインコンテンツ02*/
#AssortmentArea .AssortmentArea-MainCont-02
{
    padding: 50px;
    margin: 0 -50px;
}

#AssortmentArea .AssortmentArea-MainCont-02-TitArea
{
    color: #61874e;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin: 0 0 50px 0;
}

#AssortmentArea .AssortmentArea-MainCont-02-TitArea::before
{
    margin-right: 10px;
    background-color: #61874e;
    content: "";
    flex-grow: 1;
    height: 1px;
}

#AssortmentArea .AssortmentArea-MainCont-02-TitArea::after
{
    margin-left: 10px;
    background-color: #61874e;
    content: "";
    flex-grow: 1;
    height: 1px;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea
{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Left
{
    width: 49%;
    display: flex;
    flex-direction: column;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Left-TitArea
{
    color: #61874e;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 20px 0;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Left-TitArea span
{
    color: #333;
    font-size: 80%;
    font-weight: 100;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Left-LeadArea
{
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.025em;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Left-LeadArea span
{
    font-size: 85%;
    letter-spacing: -0.075em;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Left-Separate
{
    margin-top: auto;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Left-Separate-RecArea
{
    margin: 0 0 20px;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Left-Separate-RecArea p
{
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Left-Separate-RecArea-Flex
{
    display: flex;
    justify-content: space-between;
    max-width: 100%;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Left-Separate-RecArea-Flex img
{
    width: 32%;
}

#AssortmentArea .js-space-fix::after
{
    content: "";
    display: block;
    width: 32%;
}

#AssortmentArea .js-space-fix
{
    content: "";
    display: block;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Left-Separate-BtnArea a
{
    display: block;
    position: relative;
    color: #fff;
    --arrow-color: #fff;
    font-size: 20px;
    background-color: #ab8b4b;
    padding: 15px 0;
    text-align: center;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Left-Separate-BtnArea a::after
{
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%) skewX(45deg);
    width: 45px;
    height: 15px;
    border-bottom: 2px solid var(--arrow-color);
    border-right: 2px solid var(--arrow-color);
    transition: right 0.3s ease, border-color 0.3s ease;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Left-Separate-BtnArea a:hover
{
    color: #fff;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Left-Separate-BtnArea a:hover::after
{
    right: 25px;
    border-color: #fff;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Right
{
    width: 49%;
    position: relative;
    display: inline-block;
    height: 100%;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Right picture
{
    display: block;
    width: 100%;
}

#AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Right p
{
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 0 10px #333, 0 0 5px #333, 0 0 10px #333;
}

@media (max-width: 780px)
{
    #AssortmentArea .AssortmentArea-MainCont-02-TitArea
    {
        margin: 0 0 20px;
    }

    #AssortmentArea .AssortmentArea-MainCont-02-FlexArea
    {
        flex-direction: column-reverse;
    }

    #AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Left
    {
        width: 100%;
        margin: 20px 0 0;
    }

    #AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Right
    {
        width: 100%;
    }

    #AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Left-TitArea
    {
        margin: 0 0 20px;
    }

    #AssortmentArea .AssortmentArea-MainCont-02-FlexArea-Left-LeadArea
    {
        margin: 0 0 30px;
    }
}

#AssortmentArea .AssortmentArea-SoldoutBtn a
{
    display: block;
    color: #fff;
    font-size: 20px;
    background-color: #666666;
    padding: 10px 0;
    text-align: center;
    line-height: 1.2;
}

#AssortmentArea .AssortmentArea-SoldoutBtn a span
{
    font-size: 75%;
    font-weight: normal;
    display: block;
    line-height: 1.25;
}

#AssortmentArea .AssortmentArea-MainCont-01-Fade,
#AssortmentArea .AssortmentArea-MainCont-02-Fade
{
    opacity: 0;
    transform: translate(0, 75px);
    transition-duration: 1.2s;
    transition-property: opacity, transform;
}

#AssortmentArea .is-scrollIn
{
    opacity: 1;
    transform: translate(0, 0);
}

/*251111 詰め合わせページ記述 End*/


/*251215 ソーシャルギフトページ記述 Start*/
#SocialgiftArea p
{
    margin: 0;
}

#SocialgiftArea .js-fadeIn
{
    opacity: 0;
    transform: translate(0, 75px);
    transition-duration: 1.2s;
    transition-property: opacity, transform;
}

#SocialgiftArea .is-scrollIn
{
    opacity: 1;
    transform: translate(0, 0);
}

/*MV*/
.SocialgiftArea-MainVisual
{
    margin: -50px -50px 0;
}

@media (max-width: 780px)
{
    .SocialgiftArea-MainVisual
    {
        margin: 0;
    }
}

/*タイトルとリード文*/
#SocialgiftArea .SocialgiftArea-AboutCont
{
    margin: 100px 0 50px;
}

#SocialgiftArea .SocialgiftArea-AboutCont-Tit
{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #61874e;
    line-height: 1;
    border-bottom: 1px solid #61874e;
    padding: 0 0 20px;
    margin: 0 0 20px;
}

#SocialgiftArea .SocialgiftArea-SceneCont-Tit,
#SocialgiftArea .SocialgiftArea-PointCont-Tit,
#SocialgiftArea .SocialgiftArea-HowToCont-Tit,
#SocialgiftArea .SocialgiftArea-QandACont-Tit
{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #61874e;
    line-height: 1;
    margin: 100px 0 30px;
}

#SocialgiftArea .SocialgiftArea-AboutCont-Tit span,
#SocialgiftArea .SocialgiftArea-SceneCont-Tit span,
#SocialgiftArea .SocialgiftArea-PointCont-Tit span,
#SocialgiftArea .SocialgiftArea-HowToCont-Tit span,
#SocialgiftArea .SocialgiftArea-QandACont-Tit span
{
    font-size: 80%;
    font-weight: 100;
    color: #666;
}

#SocialgiftArea .SocialgiftArea-AboutCont-Lead
{
    text-align: center;
    color: #333;
    line-height: 20px;
}

#SocialgiftArea .SocialgiftArea-AboutCont-Lead span
{
    /*background: linear-gradient(transparent 70%, rgba(97, 135, 78, 0.25) 60%);*/
    background-image: linear-gradient(transparent 70%,
            rgba(97, 135, 78, 0.25) 60%);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 0.8s ease-out;
    display: inline-block;
}

#SocialgiftArea .SocialgiftArea-AboutCont-Lead span.is-marker-active
{
    background-size: 100% 100%;
}

@media (max-width: 780px)
{
    #SocialgiftArea .SocialgiftArea-AboutCont
    {
        padding: 0 1rem;
    }

    #SocialgiftArea .SocialgiftArea-AboutCont-Lead
    {
        font-size: clamp(12px, 4vw, 16px) !important;
    }
}

/*ボタンエリア*/
#SocialgiftArea .SocialgiftArea-BtnCont
{
    text-align: center;
    margin: 0 auto;
    width: 50%;
}

#SocialgiftArea .SocialgiftArea-BtnCont a
{
    display: block;
    background-color: #61874e;
    color: #fff;
    font-weight: bold;
    padding: 20px 2rem;
    position: relative;
    --arrow-color: #fff;
}

#SocialgiftArea .SocialgiftArea-BtnCont a::after
{
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%) skewX(45deg);
    width: 30px;
    height: 10px;
    border-bottom: 2px solid var(--arrow-color);
    border-right: 2px solid var(--arrow-color);
    transition: right 0.3s ease, border-color 0.3s ease;
}

#SocialgiftArea .SocialgiftArea-BtnCont a:hover
{
    color: #fff;
}

#SocialgiftArea .SocialgiftArea-BtnCont a:hover::after
{
    right: 25px;
    border-color: #fff;
}

@media (max-width: 780px)
{
    #SocialgiftArea .SocialgiftArea-BtnCont
    {
        width: 75%;
    }

    #SocialgiftArea .SocialgiftArea-BtnCont a
    {
        padding: 10px;
        line-height: 1.25rem;
    }

    #SocialgiftArea .SocialgiftArea-BtnCont a::after
    {
        right: 20px;
    }

    #SocialgiftArea .SocialgiftArea-BtnCont a:hover::after
    {
        right: 15px;
    }
}

/*こんなシーンで便利*/
#SocialgiftArea .SocialgiftArea-SceneCont-Flex
{
    display: flex;
    justify-content: space-between;
}

#SocialgiftArea .SocialgiftArea-SceneCont-Flex-Block
{
    background-color: #f6f4eb;
    padding: 25px 15px 50px;
    width: 32%;
    text-align: center;
}

#SocialgiftArea .SocialgiftArea-SceneCont-Flex-Block img
{
    padding: 20px;
    margin: 0 0 20px;
    height: 12rem;
    display: inline-block;
}

#SocialgiftArea .SocialgiftArea-SceneCont-Flex-Block-Txt
{
    font-size: 16px;
    width: 100%;
}

#SocialgiftArea .SocialgiftArea-SceneCont-Flex-Block-Txt div
{
    color: #a7903b;
    font-weight: bold;
}

#SocialgiftArea .SocialgiftArea-SceneCont-Flex-Block-Txt p
{
    font-size: 80%;
    line-height: 1.5;
    text-align: left;
    margin-top: 0.5rem;
}

@media (max-width: 780px)
{
    #SocialgiftArea .SocialgiftArea-SceneCont-Flex
    {
        display: block;
        padding: 0 15px;
    }

    #SocialgiftArea .SocialgiftArea-SceneCont-Flex-Block
    {
        padding: 10px;
        width: 100%;
        text-align: left;
        margin: 0 0 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #SocialgiftArea .SocialgiftArea-SceneCont-Flex-Block img
    {
        padding: 10px;
        margin: 0 10px 0 0;
        height: 7.5rem;
        width: 100%;
    }

    #SocialgiftArea .SocialgiftArea-Sceneimg-height
    {
        height: 110px !important;
    }

    #SocialgiftArea .SocialgiftArea-SceneCont-Flex-Block-Txt div
    {
        line-height: 1.25;
    }

    #SocialgiftArea .SocialgiftArea-SceneCont-Flex-Block-Txt p
    {
        line-height: 1.25;
    }
}

/*おすすめポイント*/
#SocialgiftArea .SocialgiftArea-PointCont-Flex
{
    display: flex;
    justify-content: space-between;
    margin: 0 auto 40px;
}

#SocialgiftArea .SocialgiftArea-PointCont-Flex-Block
{
    background-color: #eff9ee;
    padding: 25px 15px 50px;
    width: 32%;
    text-align: center;
}

#SocialgiftArea .SocialgiftArea-PointCont-Flex-Block img
{
    padding: 20px;
    margin: 0 0 20px;
    height: 12rem;
    display: inline-block;
}

@media (max-width: 420px)
{
    #SocialgiftArea .SocialgiftArea-PointCont-Flex-Block-widthharf
    {
        width: 50%;
    }
}

#SocialgiftArea .SocialgiftArea-PointCont-Flex-Block-Txt
{
    font-size: 16px;
    width: 100%;
}

#SocialgiftArea .SocialgiftArea-PointCont-Flex-Block-Txt div
{
    color: #61874e;
    font-weight: bold;
}

#SocialgiftArea .SocialgiftArea-PointCont-Flex-Block-Txt p
{
    font-size: 80%;
    line-height: 1.5;
    text-align: left;
    margin-top: 0.5rem;
}

@media (max-width: 780px)
{
    #SocialgiftArea .SocialgiftArea-PointCont-Flex
    {
        display: block;
        padding: 0 15px;
    }

    #SocialgiftArea .SocialgiftArea-PointCont-Flex-Block
    {
        padding: 10px;
        width: 100%;
        text-align: left;
        margin: 0 0 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #SocialgiftArea .SocialgiftArea-PointCont-Flex-Block img
    {
        padding: 10px;
        margin: 0 10px 0 0;
        height: 7.5rem;
        width: 100%;
    }

    #SocialgiftArea .SocialgiftArea-Pointimg-height
    {
        height: 95px !important;
    }

    #SocialgiftArea .SocialgiftArea-PointCont-Flex-Block-Txt div
    {
        line-height: 1.25;
    }

    #SocialgiftArea .SocialgiftArea-PointCont-Flex-Block-Txt p
    {
        line-height: 1.25;
    }
}

/*ソーシャルギフトの使い方*/
#SocialgiftArea .SocialgiftArea-HowToCont
{
    margin-bottom: 0;
}

#SocialgiftArea .SocialgiftArea-HowToCont-SubTit
{
    font-size: 24px;
    font-weight: bold;
    color: #61874e;
    margin-inline: auto;
}

#SocialgiftArea .SocialgiftArea-HowToCont-mt30
{
    margin-top: 30px;
}

#SocialgiftArea .SocialgiftArea-HowToCont-SubTit p
{
    align-items: center;
    display: flex;
    font-size: 20px;
}

#SocialgiftArea .SocialgiftArea-HowToCont-SubTit p::before,
#SocialgiftArea .SocialgiftArea-HowToCont-SubTit p::after
{
    content: "";
    background-color: #333;
    flex-grow: 1;
    height: 1px;
}

#SocialgiftArea .SocialgiftArea-HowToCont-SubTit p::before
{
    margin-right: 15px;
}

#SocialgiftArea .SocialgiftArea-HowToCont-SubTit p::after
{
    margin-left: 15px;
}

#SocialgiftArea .SocialgiftArea-HowToCont-flex
{
    justify-content: space-between;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0 0 50px;
}

#SocialgiftArea .SocialgiftArea-HowToCont-flex:after
{
    content: "";
    display: block;
    width: 32%;
    height: 0;
}

#SocialgiftArea .SocialgiftArea-HowToCont-flex-Explan
{
    width: 25%;
    padding: 20px 0;
}

#SocialgiftArea .SocialgiftArea-HowToCont-flex-Explan-Tit
{
    text-align: center;
    font-size: clamp(16px, 4vw, 20px);
    font-weight: 100;
    line-height: 1;
}

#SocialgiftArea .SocialgiftArea-HowToCont-flex-Explan-Tit span
{
    color: #61874e;
    font-size: 200%;
    font-weight: bold;
    display: block;
}

#SocialgiftArea .SocialgiftArea-HowToCont-flex-Explan-main
{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.075em;
    line-height: 1.25;
    color: #333;
    margin-top: 0.5rem;
}

#SocialgiftArea .SocialgiftArea-HowToCont-flex-Explan-main span
{
    font-size: 80%;
    font-weight: normal;
    display: block;
}

#SocialgiftArea .SocialgiftArea-HowToCont-flex-Arrow
{
    width: 3%;
    align-self: center;
}

#SocialgiftArea .SocialgiftArea-HowToCont-flex-Arrow img
{
    width: 100%;
}

/* スライダーの見た目調整 */
.sp-layout .SocialgiftArea-HowToCont-flex-Explan
{
    width: 100%;
    text-align: center;
    padding: 0 40px;
}

#SocialgiftArea .custom-arrow::after
{
    content: "" !important;
}

#SocialgiftArea .custom-arrow
{
    background: url("https://www.aokiya-online.jp/img/gate/Socialgift-Howto-arrow.svg") no-repeat center / contain;
    width: 30px;
    height: 30px;
}

#SocialgiftArea .swiper-button-prev
{
    transform: rotate(180deg);
    left: 0;
}

#SocialgiftArea .swiper-button-next
{
    right: 0;
}

#SocialgiftArea .swiper-pagination
{
    position: relative;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2px;
}

#SocialgiftArea .swiper-pagination-bullet
{
    width: calc(33.3% - 10px);
    height: auto;
    padding: 15px 0;
    background: #f0f0f0;
    color: #999;
    opacity: 1;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#SocialgiftArea .swiper-pagination-bullet-active
{
    background: #61874e;
    color: #fff;
}

@media (max-width: 780px)
{
    #SocialgiftArea .SocialgiftArea-HowToCont
    {
        margin-bottom: 50px;
    }

    #SocialgiftArea .SocialgiftArea-HowToCont-flex
    {
        padding: 0;
    }

    #SocialgiftArea .SocialgiftArea-HowToCont-flex-Explan
    {
        width: 100%;
        margin: 0 auto;
    }

    #SocialgiftArea .SocialgiftArea-HowToCont-flex-Explan picture
    {
        max-width: 70vw;
        display: block;
        margin: 0 auto;
        height: auto;
        padding: 0 3rem;
        object-fit: contain;
    }

    #SocialgiftArea .SocialgiftArea-HowToCont-flex-Explan-main
    {
        margin: 10px 0 0 0;
        line-height: 1.25;
    }
}

#SocialgiftArea .swiper-guide
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

/* スワイプされたら消すためのクラス */
#SocialgiftArea .swiper-guide.is-hidden
{
    opacity: 0;
}

/* ガイド画像のサイズ調整 */
#SocialgiftArea .guide-image
{
    width: 40%;
    max-width: 200px;
    height: auto;
    animation: swipe-shake 3.5s infinite ease-in-out;
}

@keyframes swipe-shake
{
    0%
    {
        transform: translateX(0);
    }

    25%
    {
        transform: translateX(-10px);
        /* 左に動く */
    }

    50%
    {
        transform: translateX(10px);
        /* 右に動く */
    }

    75%
    {
        transform: translateX(-10px);
        /* また左に */
    }

    100%
    {
        transform: translateX(0);
        /* 真ん中に戻る */
    }
}

/* 質問部分のスタイル */
#SocialgiftArea .SocialgiftArea-QandACont
{
    margin-bottom: 30px;
}

#SocialgiftArea .SocialgiftArea-QandACont-Qa-Cont-Item
{
    margin-bottom: 15px;
}

#SocialgiftArea .SocialgiftArea-QandACont-Qa-Cont-Item-Question
{
    cursor: pointer;
    padding: 10px 40px 10px 15px;
    border-bottom: 1px solid #aaa;
    position: relative;
    font-weight: bold;
    color: #61874e;
    font-size: clamp(16px, 4vw, 20px);
    line-height: 1.25;
    display: flex;
    gap: 0.5em;
}

/* 「Q.A.」の設定 */
.SocialgiftArea-QandACont-Qa-Cont-Item-Question::before
{
    content: "Q.";
    flex-shrink: 0;
    color: #61874e;
    font-family: "Rubik", sans-serif;
    /*position: relative;
  top: 4px;*/
}

#SocialgiftArea .SocialgiftArea-QandACont-Qa-Cont-Item-Answer-Inner::before
{
    content: "A.";
    flex-shrink: 0;
    font-weight: bold;
    color: #61874e;
    font-size: 80%;
    font-family: "Rubik", sans-serif;
}

/* 矢印アイコン（プラス・マイナス） */
#SocialgiftArea .SocialgiftArea-QandACont-Qa-Cont-Item-Question::after
{
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    width: 15px;
    height: 15px;
    background: url("https://www.aokiya-online.jp/img/gate/Socialgift-Howto-arrow.svg") no-repeat center center / contain;
    transition: transform 0.3s ease;
}

#SocialgiftArea .SocialgiftArea-QandACont-Qa-Cont-Item.open .SocialgiftArea-QandACont-Qa-Cont-Item-Question::after
{
    transform: translateY(-50%) rotate(-90deg);
}

/* 回答部分を隠す設定 */
#SocialgiftArea .SocialgiftArea-QandACont-Qa-Cont-Item-Answer
{
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease-in-out;
    background: #fff;
}

/* 回答の内側の余白 */
#SocialgiftArea .SocialgiftArea-QandACont-Qa-Cont-Item-Answer-Inner
{
    padding: 10px 15px 20px;
    /*border-bottom: 1px solid #eee;*/
    line-height: 1.6;
    color: #666;
    display: flex;
    gap: 0.5em;
    font-size: clamp(16px, 4vw, 20px);
}

#SocialgiftArea .SocialgiftArea-QandACont-Qa-Cont-Item-Answer-Inner span
{
    font-size: 80%;
    line-height: 1.25;
}

@media (max-width: 780px)
{
    #SocialgiftArea .SocialgiftArea-QandACont
    {
        margin-bottom: 50px;
    }
}

/*251215 ソーシャルギフトページ記述 End*/

/*260421 カートページ表示崩れ修正 Start*/
#sysBasket .Head-ContArea p
{
    margin-bottom: 0 !important;
    padding: 0 !important;
}

#sysBasket .Head-ContArea-Top-Flex-OtherContArea-Flex-MyPage
{
    white-space: nowrap;
}

#sysBasket .Head-ContArea-Top-Flex-OtherContArea-Flex-FormBtn a p
{
    padding: 0 0 0 25px !important;
}

#sysRegi .Head-ContArea p
{
    margin-bottom: 0 !important;
    padding: 0 !important;
}

#sysRegi .Head-ContArea-Top-Flex-OtherContArea-Flex-MyPage
{
    white-space: nowrap;
}

#sysRegi .Head-ContArea-Top-Flex-OtherContArea-Flex-FormBtn a p
{
    padding: 0 0 0 25px !important;
}

.sysOpcBody .Head-ContArea p
{
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.sysOpcBody .Head-ContArea-Top-Flex-OtherContArea-Flex-MyPage
{
    white-space: nowrap;
}

.sysOpcBody .Head-ContArea-Top-Flex-OtherContArea-Flex-FormBtn a p
{
    padding: 0 0 0 25px !important;
}

@media screen and (max-height: 1000px)
{
    .modaal-inner-wrapper
    {
        padding-top: 160px !important;
        padding-bottom: 60px
    }

    .modaal-instagram iframe
    {
        width: 600px !important
    }
}

@media (max-width: 780px)
{
    .modaal-inner-wrapper
    {
        padding-top: 100px !important;
        padding-bottom: 60px
    }
}

sysOpcBody
/*260421 カートページ表示崩れ修正 End*/
@media screen and (max-width:780px){

}
@media screen and (min-width:781px) and (max-width:1399px){

}
@media screen and (min-width:1400px){

}
/* #END_OF_RESOURCE_FILE */