@charset "utf-8";

/* ========================================================
　リセット
========================================================= */

* {
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}

table, caption, th, td {
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: normal;
    empty-cells: show;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}

a img, iframe {
    border: none;
}

dl, dt, dd, ol, ul, li {
    list-style: none;
}

label {
    font-weight: normal;
}

input, textarea, select, button {
    font-size: inherit;
    font-family: inherit;
}

:root{
    scroll-behavior: smooth;
}

@media screen and (max-width: 1000px) {
    :root{
        scroll-behavior: smooth;
        scroll-padding: 100px;
    }

}


/* ========================================================
　基本設定
========================================================= */

body {
    margin: 0;
    padding: 0;
    color: #000 !important;
    font-size: 13px;
    line-height: 1.8 !important;
    letter-spacing: 0.1em;
    -webkit-text-size-adjust: none;
    font-family: 'Lato', 'Noto Sans JP', sans-serif;
    background: #FFF;
}

body.front_page.pc_layout .ec-layoutRole__contents {
    max-width: 100%;
    margin: 0;
    display: block;
    font-family: 'Shippori Mincho', serif;
    font-weight: 400;
    font-style: normal;
}

/* リンク
----------------------------------------------- */
a:link,
a:visited {
    color: #000;
    text-decoration: none;
}

a:hover,
a[href]:hover {
    color: #A68B56;
    text-decoration: underline;
}

@media (min-width: 769px) {
    a[href^="tel:"] {
        pointer-events: none;
        color: #000;
        text-decoration: none;
    }

    a[href^="tel:"]:hover {
        color: #000;
        text-decoration: none;
    }
}

/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    content: "";
    line-height: 0;
}

.clear {
    clear: both;
}

/* 行揃え
----------------------------------------------- */
.alignC {
    text-align: center;
}

.alignR {
    text-align: right;
}

.alignL {
    text-align: left;
}

/* フォント
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5 {
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
}

h1,h2,h3,h4 {
    font-family: 'Shippori Mincho', serif;
}

code,
kbd,
pre,
samp {
    font-family: 'Lato', 'Noto Sans JP', sans-serif;
}

i,
em {
    color: #F00;
    font-weight: bold;
    font-style: normal;
}

pre {
    overflow: visible;
}

.user_name {
    font-weight: bold;
}

.sale_price {
    color: #C00;
    font-weight: bold;
}

.normal_price {
    font-size: 12px;
}

.point {
    color: #000;
    font-weight: bold;
}

.attention {
    color: #F00;
}

th span.attention {
    margin-top: -2px;
    margin-left: 5px;
}

.attentionSt {
    color: #F00;
    font-weight: bold;
}

.attentionStb {
    color: #F00;
    font-size: 18px !important;
    font-weight: bold;
}

.st {
    font-weight: bold;
}

.pricetd em {
    font-weight: bold;
}

.caution {
    margin: 0 auto;
    font-size: 24px;
    color: #000;
    font-weight: bold;
    line-height: 1.4;
}

.cautionText {
    margin: 10px 0 0 0;
    text-align: center;
    font-size: 14px;
    color: #000;
}

.mini {
    clear: both;
    margin-bottom: 0;
    padding: 10px 0 0 5px !important;
}

.ec-input .ec-errorMessage,
.ec-halfInput .ec-errorMessage,
.ec-numberInput .ec-errorMessage,
.ec-zipInput .ec-errorMessage,
.ec-telInput .ec-errorMessage,
.ec-select .ec-errorMessage,
.ec-birth .ec-errorMessage {
    margin-bottom: 0 !important;
    padding: 10px 0 0 5px !important;
    color: #CF3F34;
    font-size: 13px;
}

table th label.name::before,
table th label.kana::before,
table th label.address::before,
table th label.phone::before,
table th label.email::before,
table th label.attachment::before,
table th label.company_name::before,
table th label.company_name_kana::before {
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
    color: #333;
}

table th label.name::before,
table th label.kana::before {
    content: "\f007";
}

table th label.address::before {
    content: "\f3c5";
}

table th label.phone::before {
    content: "\f095";
}

table th label.email::before {
    content: "\f0e0";
}

table th label.attachment::before {
    content: "\f0c6";
}

table th label.company_name::before,
table th label.company_name_kana::before {
    content: "\f1ad";
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    .caution {
        font-size: 18px;
    }
}

@media screen and (max-width: 398px) {
    th span.attention {
        margin: 0;
        padding: 0;
        display: block;
    }
}

/* タイトル
----------------------------------------------- */
h2.title {
    clear: both;
    margin: 0 0 20px 0;
    padding: 9px 5px 5px 15px;
    color: #5F5F5F;
    font-size: 24px;
    letter-spacing: 0.1em;
    background: #F1EDD9;
}

#undercolumn_entry h2.title {
    position: relative;
}

#undercolumn_entry h2.title span.text {
    position: absolute;
    top: 16px;
    left: 230px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: normal;
    border: none;
    background: none;
}

body.front_page.pc_layout #one_maincolumn h2 {
    clear: both;
    min-height: 42px;
    margin: 0 0 25px 0;
    padding: 0 15px 8px 87px;
    display: inline-block;
    text-align: left;
    color: #000;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.4;
    font-style: normal;
    border-bottom: 1px solid #EDEDED;
    background: url("/images/common/bg_title.png") no-repeat left top;
}

#undercolumn_about h3,
#undercolumn_guide h3,
#undercolumn_faq h3,
#undercolumn_login h3,
#undercolumn_shopping h3,
#undercolumn_entry h3,
#mypagecolumn h3,
#undercolumn_cart h3,
.sub_area h3,
.footerlink h3,
#revue h3,
#detailrightbloc .detailblockR h3,
#detailrightbloc #itemDeatil h3 {
    margin: 50px 0 30px 0;
    padding-bottom: 20px;
    color: #333;
    border-bottom: 4px solid #EBE7D5;
    font-size: 24px;
    font-weight: 500;
    position: relative;
}

#undercolumn_about h3::after,
#undercolumn_guide h3::after,
#undercolumn_faq h3::after,
#undercolumn_login h3::after,
#undercolumn_shopping h3::after,
#undercolumn_entry h3::after,
#mypagecolumn h3::after,
#undercolumn_cart h3::after,
.sub_area h3::after,
.footerlink h3::after,
#revue h3::after,
#detailrightbloc .detailblockR h3::after,
#detailrightbloc #itemDeatil h3::after {
    width: 20%;
    height: 4px;
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 2;
    content: '';
    background-color: rgba(120, 110, 77, 0.53);
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    h2.title {
        width: 100%;
    }

    #undercolumn_entry h2.title span.text {
        clear: both;
        margin: 0;
        padding: 3px 0 5px 0;
        display: block;
        position: static;
    }
}

@media screen and (max-width: 768px) {
    h2.title {
        margin-bottom: 15px;
        font-size: 20px;
        letter-spacing: 0.05em;
        font-weight: 500;
    }

    body.front_page.pc_layout #one_maincolumn h2 {
        margin-bottom: 20px;
        padding: 0 15px 5px 85px;
        font-size: 24px;
    }

    #undercolumn_about h3,
    #undercolumn_guide h3,
    #undercolumn_login h3,
    #undercolumn_shopping h3,
    #undercolumn_entry h3,
    #mypagecolumn h3,
    #undercolumn_cart h3,
    #undercolumn_faq h3,
    .sub_area h3,
    .footerlink h3,
    #detailrightbloc .detailblockR h3,
    #detailrightbloc #itemDeatil h3 {
        font-size: 20px;
    }
}

/* 画像
----------------------------------------------- */
img {
    max-width: 100%;
    height: auto;
    border: none;
}

.picture {
    border: 1px solid #CCC;
}

/* 必須バナー */
.attention img {
    margin: 2px 5px 0 0;
    vertical-align: top;
}

th .attention img {
    margin: 3px 0 0;
}

/* YouTube動画
----------------------------------------------- */
.tegakiMovie {
    clear: both;
    width: 100%;
    margin: 10px 0 50px;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.tegakiMovie .movieInner {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    aspect-ratio: 16 / 9;
}

.tegakiMovie .movieInner video {
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

body.front_page.pc_layout .tegakiMovie {
    margin-bottom: 30px;
}

#page_product_list #categoryText .detailBloc .blocInner .box .tegakiMovie,
#page_product_detail .main_comment .detailBloc .exBloc .tegakiMovie,
#page_product_detail .main_comment .detailBlocNew23 .exBloc .tegakiMovie {
    margin: 0 0 15px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    .tegakiMovie {
        margin: 15px 0 30px;
    }

    body.front_page.pc_layout .tegakiMovie {
        margin: 30px 0 0;
    }

    #page_product_list #categoryText .detailBloc .blocInner .box .tegakiMovie,
    #page_product_detail .main_comment .detailBloc .exBloc .tegakiMovie,
    #page_product_detail .main_comment .detailBlocNew23 .exBloc .tegakiMovie {
        margin-bottom: 30px;
    }
}

/* テーブル
----------------------------------------------- */
table {
    width: 100%;
    margin: 15px auto 30px auto;
    text-align: left;
    font-size: 100%;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
}

table th,
table td {
    padding: 10px 10px 7px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

table th {
    color: #333;
    font-weight: normal;
    background-color: #F1EDD9;
}

table select {
    margin-bottom: 7px;
}

#undercolumn_entry table {
    margin: 0 0 40px 0 !important;
}

#undercolumn_shopping table th[scope=col] {
    text-align: center;
}

#undercolumn_shopping table.delivname th {
    width: 155px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 568px) {
    table {
        margin-bottom: 20px;
    }

    #undercolumn_entry table {
        margin-bottom: 30px !important;
    }
}

/* リスト
----------------------------------------------- */
#container dl,
#container dt,
#container dd,
#container ol,
#container ul,
#container li {
    line-height: 1.8;
}

/* フォーム
----------------------------------------------- */
.top {
    margin-bottom: 5px;
}

.ng_top {
    margin-bottom: 0 !important;
}

.ec-label,
.ec-input,
.ec-halfInput,
.ec-numberInput,
.ec-zipInput,
.ec-telInput,
.ec-select,
.ec-birth,
.ec-radio {
    margin-bottom: 0;
}

.ec-input input,
.ec-halfInput input,
.ec-numberInput input,
.ec-zipInput input,
.ec-telInput input,
.ec-select input,
.ec-birth input,
.ec-input textarea,
.ec-halfInput textarea,
.ec-numberInput textarea,
.ec-zipInput textarea,
.ec-telInput textarea,
.ec-select textarea,
.ec-birth textarea,
.ec-input select,
.ec-halfInput select,
.ec-numberInput select,
.ec-zipInput select,
.ec-telInput select,
.ec-select select,
.ec-birth select {
    margin-bottom: 0;
    color: #000;
    font-size: 13px;
    line-height: 1.3;
    border: 1px solid #CCC;
    background-color: #FFF;
}

.ec-input input:focus,
.ec-halfInput input:focus,
.ec-numberInput input:focus,
.ec-zipInput input:focus,
.ec-telInput input:focus,
.ec-select input:focus,
.ec-birth input:focus,
.ec-input textarea:focus,
.ec-halfInput textarea:focus,
.ec-numberInput textarea:focus,
.ec-zipInput textarea:focus,
.ec-telInput textarea:focus,
.ec-select textarea:focus,
.ec-birth textarea:focus,
.ec-input select:focus,
.ec-halfInput select:focus,
.ec-numberInput select:focus,
.ec-zipInput select:focus,
.ec-telInput select:focus,
.ec-select select:focus,
.ec-birth select:focus {
    border-color: #666;
}

.ec-zipInput input {
    max-width: 9em;
}

.ec-telInput input {
    max-width: 20em;
}

.ec-numberInput input[type='number'] {
    text-align: left;
}

.ec-select__delivery {
    vertical-align: top;
}

.ec-input input#contact_address_addr01,
.ec-input input#connection_address_addr01,
.ec-input input#entry_address_addr01,
.ec-input input#customer_address_address_addr01,
.ec-input input#nonmember_address_addr01,
.ec-input input#shopping_shipping_address_addr01,
.ec-select select#contact_address_pref,
.ec-select select#connection_address_pref,
.ec-select select#entry_address_pref,
.ec-select select#customer_address_address_pref,
.ec-select select#nonmember_address_pref,
.ec-select select#shopping_shipping_address_pref,
.ec-select select#shopping_order_Shippings_0_Delivery {
    margin-bottom: 10px !important;
}

.ec-input input#entry_email_second,
.ec-input input#nonmember_email_second,
.ec-input input#entry_password_second {
    margin-top: 10px !important;
}

.ec-radio input {
    margin: 4px 2px 0;
    vertical-align: top;
}

.ec-radio label {
    margin-right: 15px;
    vertical-align: top;
}

.ec-input select,
.ec-halfInput select,
.ec-numberInput select,
.ec-zipInput select,
.ec-telInput select,
.ec-select select,
.ec-birth select {
    height: 40px;
}

.ec-birth select {
    margin-left: 0;
}

.ec-birth span {
    margin-right: 10px;
}

.ec-blockBtn--action,
a.ec-blockBtn--action {
    padding: 0 15px 0;
    color: #FFF !important;
    font-size: 18px;
    text-decoration: none !important;
    border-radius: 3px;
    border-color: #443327;
    background-color: #443327;
}

.ec-slnCardRole .ec-blockBtn--action {
    padding-top: 0;
}

.ec-blockBtn--action:hover,
a:hover.ec-blockBtn--action,
.ec-blockBtn--action:focus,
a:focus.ec-blockBtn--action,
.ec-blockBtn--action:active,
a:active.ec-blockBtn--action,
.ec-blockBtn--action.active,
.open>.ec-blockBtn--action.dropdown-toggle,
.ec-blockBtn--action:active:hover,
.ec-blockBtn--action:active:focus,
.ec-blockBtn--action:active.focus,
.ec-blockBtn--action.active:hover,
.ec-blockBtn--action.active:focus,
.ec-blockBtn--action.active.focus,
.open>.ec-blockBtn--action.dropdown-toggle:hover,
.open>.ec-blockBtn--action.dropdown-toggle:focus,
.open>.ec-blockBtn--action.dropdown-toggle.focus {
    box-shadow: none;
    color: #FFF !important;
    text-decoration: none !important;
    border-color: #7C7067;
    background-color: #7C7067;
}

.ec-blockBtn--action:focus,
.ec-blockBtn--action.focus,
.ec-blockBtn--action:active:focus,
.ec-blockBtn--action:active.focus,
.ec-blockBtn--action.active:focus,
.ec-blockBtn--action.active.focus {
    outline: 0;
    outline-offset: 0;
}

.ec-blockBtn--action i {
    padding-top: 1px;
    padding-left: 15px;
    color: #FFF;
    font-size: 19px;
}

#page_product_detail .ec-modal .ec-modal-wrap .ec-role .ec-inlineBtn--action,
#page_product_detail .ec-modal .ec-modal-wrap .ec-role a.ec-inlineBtn--action,
.cart_page .ec-blockBtn--action,
.cart_page a.ec-blockBtn--action,
#page_cart .ec-blockBtn--action,
#page_cart a.ec-blockBtn--action,
#page_shopping_shipping .ec-blockBtn--action,
#page_shopping_shipping a.ec-blockBtn--action,
#page_shopping_shipping_multiple .ec-blockBtn--action,
#page_shopping_shipping_multiple a.ec-blockBtn--action,
#page_shopping_shipping_multiple_edit .ec-blockBtn--action,
#page_shopping_shipping_multiple_edit a.ec-blockBtn--action,
#page_shopping .ec-blockBtn--action,
#page_shopping a.ec-blockBtn--action,
#page_shopping_confirm .ec-blockBtn--action,
#page_shopping_confirm a.ec-blockBtn--action {
    border-color: #890008;
    background-color: #890008;
}

#page_shopping .ec-blockBtn--action,
#page_shopping_confirm .ec-blockBtn--action {
    margin-bottom: 15px;
}

#page_product_detail .ec-modal .ec-modal-wrap .ec-role .ec-inlineBtn--action:hover,
#page_product_detail .ec-modal .ec-modal-wrap .ec-role a:hover.ec-inlineBtn--action,
.cart_page .ec-blockBtn--action:hover,
.cart_page a:hover.ec-blockBtn--action,
.cart_page .ec-blockBtn--action:hover,
.cart_page a:hover.ec-blockBtn--action,
#page_cart .ec-blockBtn--action:hover,
#page_cart a:hover.ec-blockBtn--action,
#page_shopping_shipping .ec-blockBtn--action:hover,
#page_shopping_shipping a:hover.ec-blockBtn--action,
#page_shopping_shipping_multiple .ec-blockBtn--action:hover,
#page_shopping_shipping_multiple a:hover.ec-blockBtn--action,
#page_shopping_shipping_multiple_edit .ec-blockBtn--action:hover,
#page_shopping_shipping_multiple_edit a:hover.ec-blockBtn--action,
#page_shopping .ec-blockBtn--action:hover,
#page_shopping a:hover.ec-blockBtn--action,
#page_shopping_confirm .ec-blockBtn--action:hover,
#page_shopping_confirm a:hover.ec-blockBtn--action {
    border-color: #AC4C52;
    background-color: #AC4C52;
}

.cart_page .ec-blockBtn--action span.smallText {
    font-size: 15px;
}

.ec-blockBtn--cancel,
a.ec-blockBtn--cancel {
    padding: 0 15px 0;
    color: #FFF !important;
    font-size: 18px;
    text-decoration: none !important;
    border-radius: 3px;
    border-color: #999;
    background-color: #999;
}

.ec-blockBtn--cancel:hover,
a:hover.ec-blockBtn--cancel,
.ec-blockBtn--cancel:focus,
a:focus.ec-blockBtn--cancel,
.ec-blockBtn--cancel:active,
a:active.ec-blockBtn--cancel,
.ec-blockBtn--cancel.active,
.open>.ec-blockBtn--cancel.dropdown-toggle,
.ec-blockBtn--cancel:active:hover,
.ec-blockBtn--cancel:active:focus,
.ec-blockBtn--cancel:active.focus,
.ec-blockBtn--cancel.active:hover,
.ec-blockBtn--cancel.active:focus,
.ec-blockBtn--cancel.active.focus,
.open>.ec-blockBtn--cancel.dropdown-toggle:hover,
.open>.ec-blockBtn--cancel.dropdown-toggle:focus,
.open>.ec-blockBtn--cancel.dropdown-toggle.focus {
    box-shadow: none;
    color: #FFF !important;
    text-decoration: none !important;
    border-color: #CCC;
    background-color: #CCC;
}

.ec-blockBtn--cancel:focus,
.ec-blockBtn--cancel.focus,
.ec-blockBtn--cancel:active:focus,
.ec-blockBtn--cancel:active.focus,
.ec-blockBtn--cancel.active:focus,
.ec-blockBtn--cancel.active.focus {
    outline: 0;
    outline-offset: 0;
}

.ec-blockBtn--cancel i {
    padding-top: 1px;
    padding-right: 15px;
    color: #FFF;
    font-size: 19px;
}

.ec-blockBtn--toppage,
a.ec-blockBtn--toppage {
    width: 100%;
    height: 56px;
    margin-bottom: 0;
    padding: 0 15px 0;
    display: block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    color: #FFF !important;
    font-size: 18px;
    font-weight: bold;
    line-height: 56px;
    white-space: nowrap;
    text-decoration: none !important;
    border-radius: 3px;
    border: 1px solid #443327;
    background-image: none;
    background-color: #443327;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ec-blockBtn--toppage:hover,
a:hover.ec-blockBtn--toppage,
.ec-blockBtn--toppage:focus,
a:focus.ec-blockBtn--toppage,
.ec-blockBtn--toppage:active,
a:active.ec-blockBtn--toppage,
.ec-blockBtn--toppage.active,
.open>.ec-blockBtn--toppage.dropdown-toggle {
    box-shadow: none;
    color: #FFF !important;
    text-decoration: none !important;
    border-color: #7C7067;
    background-color: #7C7067;
}

.ec-blockBtn--toppage:focus,
.ec-blockBtn--toppage.focus,
.ec-blockBtn--toppage:active:focus,
.ec-blockBtn--toppage:active.focus,
.ec-blockBtn--toppage.active:focus,
.ec-blockBtn--toppage.active.focus {
    outline: 0;
    outline-offset: 0;
}

.ec-blockBtn--toppage i {
    padding-top: 1px;
    padding-right: 15px;
    color: #FFF;
    font-size: 19px;
}

.ec-inlineBtn,
a.ec-inlineBtn,
.ec-inlineBtn--action,
a.ec-inlineBtn--action {
    width: 48%;
    max-width: 190px;
    color: #FFF !important;
    border-radius: 3px;
    border-color: #443327;
    background-color: #443327;
}

.ec-orderRole .ec-inlineBtn {
    font-weight: bold;
}

.ec-inlineBtn:hover,
a:hover.ec-inlineBtn,
.ec-inlineBtn:focus,
a:focus.ec-inlineBtn,
.ec-inlineBtn:active,
a:active.ec-inlineBtn,
.ec-inlineBtn.active,
.open>.ec-inlineBtn.dropdown-toggle,
.ec-inlineBtn--action:hover,
a:hover.ec-inlineBtn--action,
.ec-inlineBtn--action:focus,
a:focus.ec-inlineBtn--action,
.ec-inlineBtn--action:active,
a:active.ec-inlineBtn--action,
.ec-inlineBtn--action.active,
.open>.ec-inlineBtn--action.dropdown-toggle,
.ec-inlineBtn:active:hover,
.ec-inlineBtn:active:focus,
.ec-inlineBtn:active.focus,
.ec-inlineBtn.active:hover,
.ec-inlineBtn.active:focus,
.ec-inlineBtn.active.focus,
.open>.ec-inlineBtn.dropdown-toggle:hover,
.open>.ec-inlineBtn.dropdown-toggle:focus,
.open>.ec-inlineBtn.dropdown-toggle.focus,
.ec-inlineBtn--action:active:hover,
.ec-inlineBtn--action:active:focus,
.ec-inlineBtn--action:active.focus,
.ec-inlineBtn--action.active:hover,
.ec-inlineBtn--action.active:focus,
.ec-inlineBtn--action.active.focus,
.open>.ec-inlineBtn--action.dropdown-toggle:hover,
.open>.ec-inlineBtn--action.dropdown-toggle:focus,
.open>.ec-inlineBtn--action.dropdown-toggle.focus {
    box-shadow: none;
    color: #FFF !important;
    text-decoration: none !important;
    border-color: #7C7067;
    background-color: #7C7067;
}

.ec-inlineBtn:focus,
.ec-inlineBtn.focus,
.ec-inlineBtn:active:focus,
.ec-inlineBtn:active.focus,
.ec-inlineBtn.active:focus,
.ec-inlineBtn.active.focus,
.ec-inlineBtn--action:focus,
.ec-inlineBtn--action.focus,
.ec-inlineBtn--action:active:focus,
.ec-inlineBtn--action:active.focus,
.ec-inlineBtn--action.active:focus,
.ec-inlineBtn--action.active.focus {
    outline: 0;
    outline-offset: 0;
}

.ec-inlineBtn--action i {
    padding-top: 2px;
    padding-left: 10px;
    color: #FFF;
    font-size: 15px;
}

.ec-inlineBtn--cancel,
a.ec-inlineBtn--cancel {
    width: 48%;
    max-width: 190px;
    margin-right: 10px;
    color: #FFF;
    border-radius: 3px;
    border-color: #999;
    background-color: #999;
}

.ec-inlineBtn--cancel:hover,
a:hover.ec-inlineBtn--cancel,
.ec-inlineBtn--cancel:focus,
a:focus.ec-inlineBtn--cancel,
.ec-inlineBtn--cancel:active,
a:active.ec-inlineBtn--cancel,
.ec-inlineBtn--cancel.active,
.open>.ec-inlineBtn--cancel.dropdown-toggle,
.ec-inlineBtn--cancel:active:hover,
.ec-inlineBtn--cancel:active:focus,
.ec-inlineBtn--cancel:active.focus,
.ec-inlineBtn--cancel.active:hover,
.ec-inlineBtn--cancel.active:focus,
.ec-inlineBtn--cancel.active.focus,
.open>.ec-inlineBtn--cancel.dropdown-toggle:hover,
.open>.ec-inlineBtn--cancel.dropdown-toggle:focus,
.open>.ec-inlineBtn--cancel.dropdown-toggle.focus {
    box-shadow: none;
    color: #FFF !important;
    text-decoration: none !important;
    border-color: #CCC;
    background-color: #CCC;
}

.ec-inlineBtn--cancel:focus,
.ec-inlineBtn--cancel.focus,
.ec-inlineBtn--cancel:active:focus,
.ec-inlineBtn--cancel:active.focus,
.ec-inlineBtn--cancel.active:focus,
.ec-inlineBtn--cancel.active.focus {
    outline: 0;
    outline-offset: 0;
}

.ec-inlineBtn--cancel i {
    padding-top: 2px;
    padding-right: 10px;
    color: #FFF;
    font-size: 15px;
}

.ec-blockBtn--select,
a.ec-blockBtn--select {
    width: 100%;
    margin-bottom: 0;
    padding: 10px 15px 7px;
    display: block;
    text-align: center;
    vertical-align: middle;
    color: #000 !important;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    white-space: nowrap;
    text-decoration: none !important;
    border-radius: 3px;
    border: 3px solid #F97600;
    background-image: none;
    background-color: #FFF1E6;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ec-blockBtn--select:hover,
a:hover.ec-blockBtn--select,
.ec-blockBtn--select:focus,
a:focus.ec-blockBtn--select,
.ec-blockBtn--select:active,
a:active.ec-blockBtn--select,
.ec-blockBtn--select.active,
.open>.ec-blockBtn--select.dropdown-toggle {
    box-shadow: none;
    color: #000 !important;
    text-decoration: none !important;
    border-color: #F97600;
    background-color: #FFF1E6;
}

.ec-blockBtn--select:focus,
.ec-blockBtn--select.focus,
.ec-blockBtn--select:active:focus,
.ec-blockBtn--select:active.focus,
.ec-blockBtn--select.active:focus,
.ec-blockBtn--select.active.focus {
    outline: 0;
    outline-offset: 0;
}

.ec-blockBtn--select span {
    font-size: 22px;
}

.ec-blockBtn--select img {
    margin: 0 auto 10px;
    display: block;
}

.ec-blockBtn--select i {
    padding-top: 1px;
    padding-left: 10px;
    color: #000;
    font-size: 19px;
}

#undercolumn_contact .ec-zipInput span {
    margin-left: 0;
    padding: 0 3px 0 3px;
    font-size: 14px;
}

.ec-zipInputHelp .ec-zipInputHelp__icon {
    top: -7px;
    background: #9A7D04;
}

.ec-zipInputHelp span {
    margin-left: 1px;
    vertical-align: 3px;
    color: #A68B56;
}

.ec-AddAddress .ec-AddAddress__actions .ec-blockBtn--action,
.ec-registerRole .ec-blockBtn--action,
.ec-cartRole .ec-blockBtn--action {
    margin-bottom: 15px;
}

.ec-off3Grid .ec-off3Grid__box {
    width: 48%;
}

.ec-off3Grid .ec-off3Grid__box:first-of-type {
    margin-right: 4%;
}

.ec-off3Grid .ec-off3Grid__box .ec-blockBtn--action {
    float: left;
    max-width: 326.66px;
}

.ec-off3Grid .ec-off3Grid__box .ec-blockBtn--cancel {
    float: right;
    max-width: 326.66px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {

    .ec-halfInput input[type='text']#entry_company_name:first-child,
    .ec-halfInput input[type='text']#connection_company_name:first-child,
    .ec-halfInput input[type='text']#connection_company_name_kana:first-child,
    .ec-halfInput input[type='text']#nonmember_company_name:first-child,
    .ec-halfInput input[type='text']#shopping_shipping_company_name:first-child {
        width: 100%;
        display: block;
    }

    .ec-blockBtn--action,
    a.ec-blockBtn--action,
    .ec-blockBtn--cancel,
    a.ec-blockBtn--cancel,
    .ec-blockBtn--toppage,
    a.ec-blockBtn--toppage {
        padding-top: 0;
        font-size: 16px;
    }

    .ec-blockBtn--action i,
    .ec-blockBtn--cancel i,
    .ec-blockBtn--toppage i {
        padding-top: 1px;
        font-size: 17px;
    }

    .ec-off3Grid .ec-off3Grid__box {
        width: 100%;
        margin-bottom: 5px;
    }

    .ec-off3Grid .ec-off3Grid__box:first-of-type {
        margin-right: 0;
        margin-bottom: 0;
    }

    #page_shopping_shipping_select .ec-off3Grid .ec-off3Grid__box:first-of-type {
        margin-bottom: 20px;
    }

    .ec-off3Grid .ec-off3Grid__box .ec-blockBtn--action,
    .ec-off3Grid .ec-off3Grid__box .ec-blockBtn--cancel {
        clear: both;
        float: none;
        max-width: initial;
    }

    .cart_page .ec-off3Grid,
    #page_cart .ec-off3Grid,
    #page_shopping_shipping .ec-off3Grid,
    #page_shopping_shipping_multiple .ec-off3Grid,
    #page_shopping_shipping_multiple_edit .ec-off3Grid,
    #page_shopping .ec-off3Grid,
    #page_shopping_confirm .ec-off3Grid,
    #page_product_detail .ec-modal .ec-modal-wrap .ec-role {
        display: flex;
        flex-wrap: wrap;
    }

    .cart_page .ec-off3Grid .ec-off3Grid__box:nth-of-type(1),
    #page_cart .ec-off3Grid .ec-off3Grid__box:nth-of-type(1),
    #page_shopping_shipping .ec-off3Grid .ec-off3Grid__box:nth-of-type(1),
    #page_shopping_shipping_multiple .ec-off3Grid .ec-off3Grid__box:nth-of-type(1),
    #page_shopping_shipping_multiple_edit .ec-off3Grid .ec-off3Grid__box:nth-of-type(1),
    #page_shopping .ec-off3Grid .ec-off3Grid__box:nth-of-type(1),
    #page_shopping_confirm .ec-off3Grid .ec-off3Grid__box:nth-of-type(1),
    #page_product_detail .ec-modal .ec-modal-wrap .ec-modal-box .ec-inlineBtn--cancel {
        order: 2;
    }

    .cart_page .ec-off3Grid .ec-off3Grid__box:nth-of-type(2),
    #page_cart .ec-off3Grid .ec-off3Grid__box:nth-of-type(2),
    #page_shopping_shipping .ec-off3Grid .ec-off3Grid__box:nth-of-type(2),
    #page_shopping_shipping_multiple .ec-off3Grid .ec-off3Grid__box:nth-of-type(2),
    #page_shopping_shipping_multiple_edit .ec-off3Grid .ec-off3Grid__box:nth-of-type(2),
    #page_shopping .ec-off3Grid .ec-off3Grid__box:nth-of-type(2),
    #page_shopping_confirm .ec-off3Grid .ec-off3Grid__box:nth-of-type(2),
    #page_product_detail .ec-modal .ec-modal-wrap .ec-modal-box .ec-inlineBtn--action {
        order: 1;
    }

    .ec-select select.form-control {
        margin-bottom: 10px !important;
    }

    #page_shopping .ec-select__delivery select.form-control {
        background: #FDEAEA;
    }
}

@media screen and (max-width: 568px) {
    .ec-numberInput input[type='number'] {
        padding-right: 10px;
        padding-left: 10px;
    }
}

/* ========================================================
　フレーム
========================================================= */

.ec-layoutRole {
    background: none;
}

.ec-role,
.ec-headerRole,
.ec-cartRole,
.ec-orderRole,
.ec-registerRole,
.ec-customerRole,
.ec-mypageRole,
.ec-withdrawRole,
.ec-404Role,
.ec-shelfRole,
.ec-searchnavRole {
    padding-left: 0;
    padding-right: 0;
    color: #000;
}

.ec-role,
.ec-cartRole,
.ec-orderRole,
.ec-registerRole,
.ec-customerRole,
.ec-mypageRole,
.ec-headerRole,
.ec-withdrawRole,
.ec-404Role {
    text-align: left;
    font-size: 13px;
    line-height: 1.8;
}

.ec-404Role {
    height: auto;
    background-color: #FFF;
}

#container {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 0 0 30px 0;
    text-align: left;
    overflow: hidden;
}

#one_maincolumn {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

#undercolumn {
    clear: both;
    width: 100%;
    margin: 0 0 50px 0;
    padding: 0;
}

/* パンくずリスト */
.c-page-sub__breadcrumb {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 18px 15px 15px;
    overflow: hidden;
    font-size: 12px;
    letter-spacing: 0.05em;
}

.c-page-sub__breadcrumb ol {
    clear: both;
    width: 100%;
    margin: 0 0 2px 0;
    padding: 0;
    overflow: hidden;
    color: #878787
}

.c-page-sub__breadcrumb ol:last-of-type {
    margin-bottom: 0;
}

.c-page-sub__breadcrumb ol li {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.c-page-sub__breadcrumb ol li:after {
    margin: 0;
    padding: 0;
    display: inline-block;
    content: "＞";
}

.c-page-sub__breadcrumb ol li:last-child:after {
    content: none;
}

.c-page-sub__breadcrumb ol li a {
    color: #878787
}

.c-page-sub__breadcrumb a:hover {
    color: #A68B56;
    text-decoration: none;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    .ec-layoutRole .ec-layoutRole__main {
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    #undercolumn {
        position: relative;
    }

    .c-page-sub__breadcrumb {
        padding: 15px 5px;
    }
}

@media screen and (max-width: 768px) {
    #undercolumn {
        margin-bottom: 40px;
    }
}

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

#header {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: 400;
    font-style: normal;
    font-family: 'Shippori Mincho', serif;
    border-top: 4px solid #A68B56;
}

#header .headerInner {
    clear: both;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 0 0 25px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#header .headerInner .headerBlock {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#header .headerInner .headerBlockL,
#header .headerInner .headerBlockR {
    margin: 0;
    padding: 0;
}

#header .headerInner .headerBlockL {
    width: 535px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}

#header .headerInner .headerBlockR {
    width: calc(100% - 535px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
}

#header h1 {
    width: 48.5%;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 12px;
    color: #867F6C;
    font-weight: normal;
    line-height: 1.6;
}

#header .headerInner .headerBlock.headerGuest h1 {
    clear: both;
    width: 100%;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #header .headerInner {
        width: calc(100% - 30px);
        margin: 0 auto;
    }
}

@media screen and (max-width: 950px) {

    #header .headerInner .headerBlockL,
    #header .headerInner .headerBlockR {
        width: 100%;
    }

    #header .headerInner .headerBlockL {
        margin-bottom: 15px;
    }
}

/* ヘッダーロゴ
----------------------------------------------- */
#header .headerInner .headerBlockL .headerLogo {
    width: 150px;
    margin: 0 25px 0 0;
    padding: 0;
    text-align: left;
}

#header .headerInner .headerBlockL .headerLogo a {
    width: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
}

#header .headerInner .headerBlockL .headerLogo object {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    pointer-events: none;
}

#header .headerInner .headerBlockL .headerLogo object,
#header .headerInner .headerBlockL .headerLogo sgv {
    width: 100% !important;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    object-fit: contain;
}

@media screen and (max-width: 950px) {
    #header .headerInner .headerBlockL .headerLogo {
        width: 31.25%;
        max-width: 150px;
        margin-right: 3.25%;
    }
}

/* 配送日
----------------------------------------------- */
#header .headerInner .headerBlockL .headerDelivery {
    width: 340px;
    margin: 0;
    padding: 7px 7px 7px 0;
    /* overflow: hidden; */
    text-align: left;
    background: #F1E6D3;
    position: relative;
}

#header .headerInner .headerBlockL .headerDelivery .titleBox {
    float: left;
    width: 30px;
    margin: 0;
    padding: 16px 4px 0 4px;
    font-size: 12px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
}

#header .headerInner .headerBlockL .headerDelivery .dateBox {
    float: right;
    width: calc(100% - 30px);
    height: 0;
    margin: 0;
    padding: 0 0 21.33%;
    position: relative;
    overflow: hidden;
    background: #FFF;
}

#header .headerInner .headerBlockL .headerDelivery .dateBox iframe {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 3px;
    left: 0;
}

#header .headerInner .headerBlockL .headerDelivery .tairyoBox {
    position: absolute;
    bottom: -22px;
    right: 0px;
    text-decoration: underline;
    font-size: 12px;

}

@media screen and (max-width: 950px) {
    #header .headerInner .headerBlockL .headerDelivery {
        width: 63.55%;
        max-width: 340px;
    }
}

/* ヘッダーナビ
----------------------------------------------- */
#header .headerInner .headerBlockR .headerNavi {
    clear: both;
    margin: 0;
    padding: 0 0 12px;
    overflow: hidden;
    text-align: left;
}

#header .headerInner .headerBlockR .headerNavi ul {
    clear: both;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#header .headerInner .headerBlockR .headerNavi ul li {
    margin: 0;
    padding: 3px 15px 0 0;
    font-size: 14px;
}

#header .headerInner .headerBlockR .headerNavi ul li a {
    margin: 0;
    padding: 0;
    display: block;
}

@media screen and (max-width: 900px) {
    #header .headerInner .headerBlockR .headerNavi {
        padding-right: 20px;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 778px) {
    #header .headerInner .headerBlockR .headerNavi {
        width: 100%;
        padding-right: 0;
        padding-bottom: 12px;
    }
}

/* お問い合わせボタン */
#header .headerInner .headerBlockR .headerNavi ul li.headContact {
    padding-top: 0;
}

#header .headerInner .headerBlockR .headerNavi ul li.headContact a {
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 3px 15px 0;
    color: #FFF;
    text-decoration: none;
    background: #DD4141;
}

#header .headerInner .headerBlockR .headerNavi ul li.headContact a:hover {
    background: #E77A7A;
}

/* ログイン */
#header .headerInner .headerBlockR .headerNavi ul li.headLogin {
    width: 115px;
    margin: 0;
    padding: 0;
    text-align: left;
}

#header .headerInner .headerBlockR .headerNavi ul li.headLogin a {
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 7px 10px 3px 10px;
    display: block;
    text-align: center;
    color: #FFF;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none;
    background: #FFA81C;
}

#header .headerInner .headerBlockR .headerNavi ul li.headLogin a:hover {
    text-decoration: none;
    background: #FFC260;
}

#header .headerInner .headerBlockR .headerNavi ul li.headLogin a i {
    margin: 0 5px 0 0;
    padding: 0;
    display: inline-block;
    vertical-align: 0;
    color: #FFF;
}

/* 検索
----------------------------------------------- */
#header .headerInner .headerBlockR .headerSearch {
    clear: both;
    width: 325px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#header .headerInner .headerBlockR .headerSearch .ec-headerSearch {
    float: left;
    width: 195px;
    margin: 0;
    padding: 0;
}

#header .headerInner .headerBlockR .headerSearch .ec-headerSearch .ec-headerSearch__keyword {
    float: none;
    width: 100%;
    position: static;
    color: #000;
    border-radius: 0;
    border: none;
    background: none;
}

#header .headerInner .headerBlockR .headerSearch .ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
    float: left;
    width: 140px;
    height: 30px;
    padding: 2px 5px 1px;
    vertical-align: top;
    font-size: 14px;
    border-radius: 0;
    border: 1px solid #A68B56;
    background: #FFF;
    -webkit-appearance: none;
}

#header .headerInner .headerBlockR .headerSearch .ec-headerSearch .ec-headerSearch__keyword input[type="search"]:hover {
    box-shadow: none;
    border: 1px solid #A68B56;
    border-top-color: #A68B56;
    outline: none;
    -webkit-appearance: none;
}

#header .headerInner .headerBlockR .headerSearch .ec-headerSearch .ec-headerSearch__keyword input[type="search"]:focus {
    box-shadow: none;
    border: 1px solid #A68B56;
    outline: none;
    -webkit-appearance: none;
}

#header .headerInner .headerBlockR .headerSearch .ec-headerSearch .ec-headerSearch__keywordBtn {
    float: right;
    width: 55px;
    height: 30px;
    margin: 0;
    padding: 2px 0 0;
    position: static;
    transform: none;
    vertical-align: top;
    color: #FFF;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2;
    border-radius: 0;
    border: none;
    border-color: #A68B56;
    background-color: #A68B56;
}

#header .headerInner .headerBlockR .headerSearch .ec-headerSearch .ec-headerSearch__keywordBtn:hover {
    box-shadow: none;
    border-color: #A68B56;
    background-color: #A68B56;
}

#header .headerInner .headerBlockR .headerSearch .ec-headerSearch .ec-headerSearch__keywordBtn:focus {
    box-shadow: none;
}

@media screen and (max-width: 900px) {
    #header .headerInner .headerBlockR .headerSearch .ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
        height: 30px;
    }

    #header .headerInner .headerBlockR .headerSearch .ec-headerSearch .ec-headerSearch__keywordBtn {
        height: 30px;
        padding-top: 1px;
    }
}

/* カート
----------------------------------------------- */
#header .headerInner .headerBlockR .headCart {
    float: right;
    width: 115px;
    margin: 0;
    padding: 0;
}

#header .headerInner .headerBlockR .headCart a {
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 4px 0 0;
    display: block;
    text-align: center;
    color: #FFF;
    letter-spacing: 0;
    text-decoration: none;
    background: #A68B56;
}

#header .headerInner .headerBlockR .headCart a:hover {
    background: #C1AE88;
}

#header .headerInner .headerBlockR .headCart a i {
    margin: 0 7px 0 0;
    padding: 0;
    display: inline-block;
    vertical-align: 0;
    color: #FFF;
}

/* グローバルナビ
----------------------------------------------- */
#glovalnav {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-style: normal;
    font-family: 'Shippori Mincho', serif;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
}

#glovalnav .menu-container {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

#glovalnav .menu-container .menu {
    clear: both;
    max-width: 980px;
    margin: 0 auto;
    padding: 0;
}

#glovalnav .menu-container .menu ul,
#glovalnav .menu-container .menu ul li {
    list-style: none;
}

#glovalnav .menu-container .menu>ul {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#glovalnav .menu-container .menu>ul:before,
#glovalnav .menu-container .menu>ul:after {
    display: table;
    content: "";
}

#glovalnav .menu-container .menu>ul:after {
    clear: both;
}

#glovalnav .menu-container .menu>ul>li {
    float: left;
    margin: 0;
    padding: 0;
}

#glovalnav .menu-container .menu>ul>li a {
    clear: both;
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 17px 10px 0;
    display: block;
    text-align: center;
    color: #000;
    font-size: 16px;
    border-bottom: 2px solid #FFF;
}

#glovalnav .menu-container .menu>ul>li a:hover,
#glovalnav .menu-container .menu>ul>li a.is-active {
    text-decoration: none;
    border-bottom: 2px solid #202020;
}

#glovalnav .menu-container .menu>ul>li+li a.js-dropdown {
    position: relative;
}

#glovalnav .menu-container .menu>ul>li+li a.js-dropdown::before {
    content: "";
    display: block;
    height: 1em;
    border-left: 1px solid #ccc;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -7px;
    margin: auto;
}

#glovalnav .menu-container .menu>ul>li a img {
    width: 13px;
    margin: 0 0 3px 6px;
    vertical-align: middle;
}

#glovalnav .menu-container .menu>ul>li>ul {
    width: 100%;
    margin: 0;
    padding: 30px;
    display: none;
    position: absolute;
    left: 0;
    z-index: 99;
    background: #F1E6D3;
}

#glovalnav .menu-container .menu>ul>li>ul:before,
#glovalnav .menu-container .menu>ul>li>ul:after {
    display: table;
    content: "";
}

#glovalnav .menu-container .menu>ul>li>ul:after {
    clear: both;
}

#glovalnav .menu-container .menu>ul>li>ul>li {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    background: none;
}

#glovalnav .menu-container .menu>ul>li>ul>li a {
    clear: both;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
    color: #000;
    font-size: 14px;
    border-bottom: none;
}

#glovalnav .menu-container .menu>ul>li>ul>li a:hover {
    color: #A68B56;
    border-bottom: none;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.productMenu,
#glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu,
#glovalnav .menu-container .menu>ul>li>ul>li>ul.galleryMenu,
#glovalnav .menu-container .menu>ul>li>ul>li>ul.contentsMenu {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    position: static;
    overflow: hidden;
    background: #F1E6D3;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.productMenu {
    padding-bottom: 30px;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.productMenu>li,
#glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu>li,
#glovalnav .menu-container .menu>ul>li>ul>li>ul.galleryMenu>li {
    margin: 0 1.53% 0 0;
    padding: 0;
    text-align: center;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.productMenu>li {
    width: 11%;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.galleryMenu>li {
    width: 23.85%;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.productMenu>li:last-child,
#glovalnav .menu-container .menu>ul>li>ul>li>ul.galleryMenu>li:last-child {
    margin-right: 0;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.productMenu>li a,
#glovalnav .menu-container .menu>ul>li>ul>li>ul.galleryMenu>li a {
    height: 170px;
    padding: 15px;
    font-size: 16px;
    line-height: 1.4;
    background: #FFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.productMenu>li .inlineText,
#glovalnav .menu-container .menu>ul>li>ul>li>ul.galleryMenu>li .inlineText {
    width: 100%;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.productMenu>li img,
#glovalnav .menu-container .menu>ul>li>ul>li>ul.galleryMenu>li img {
    width: 100px;
    margin-bottom: 10px;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.productMenu>li a:hover img,
#glovalnav .menu-container .menu>ul>li>ul>li>ul.galleryMenu>li a:hover img {
    opacity: 0.7;
}

#glovalnav .menu-container .menu>ul>li>ul>li .kindtitle {
    clear: both;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    text-align: left;
    font-size: 16px;
}

#glovalnav .menu-container .menu>ul>li>ul>li .kindtitle:after {
    clear: both;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    z-index: -1;
    content: "";
    border-bottom: 1px solid #FFF;
}

#glovalnav .menu-container .menu>ul>li>ul>li .kindtitle span {
    padding: 0 20px 0 5px;
    background: #F1E6D3;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.kindMenu {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: static;
    background: #F1E6D3;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.kindMenu>li {
    width: auto;
    margin: 0 20px 0 0;
    padding: 0;
    overflow: hidden;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.kindMenu>li a {
    width: auto;
    height: auto;
    padding: 5px 15px;
    display: block;
    color: #FFF;
    font-size: 16px;
    line-height: 1.4;
    border-radius: 5px;
    background: #947F56;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.kindMenu>li a:hover {
    background: #B4A588;
}

#glovalnav .menu-container .menu>ul>li>ul>li p.pageLink {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 15px;
}

#glovalnav .menu-container .menu>ul>li>ul>li p.pageLink a {
    width: auto;
    text-align: right;
    font-size: 15px;
    border-bottom: none;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu>li {
    width: 17.76%;
    margin-bottom: 25px;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu>li:nth-child(n+5) {
    margin-bottom: 0;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu>li:nth-child(5n) {
    margin-right: 0;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu>li a {
    font-size: 13px;
    line-height: 1.4;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu>li img {
    width: 100%;
    margin-bottom: 10px;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu>li a:hover img {
    opacity: 0.7;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.contentsMenu {
    margin-bottom: 10px;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.contentsMenu>li {
    width: 23.85%;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.contentsMenu>li a {
    margin: 0 0 10px 0;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.contentsMenu>li .photo {
    position: relative;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.contentsMenu>li img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.contentsMenu>li a:hover img {
    opacity: 0.7;
}

#glovalnav .menu-container .menu>ul>li>ul>li>ul.contentsMenu>li .inlineText {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 13.5px;
    padding: 0 1em;
    box-sizing: border-box;
    z-index: 2;
    pointer-events: none; /* テキストがリンククリックを邪魔しないように */
}

#glovalnav .menu-container .menu>ul>li>ul.single-sub {
    width: 400px;
    padding: 0 10px;
    left: auto;
    right: 0;
}

#glovalnav .menu-container .menu>ul>li.nav08>ul.single-sub {
    width: 260px;
}

#glovalnav .menu-container .menu>ul>li.nav01>ul.single-sub {
    left: 0;
    right: auto;
}

#glovalnav .menu-container .menu>ul>li.nav05>ul.single-sub,
#glovalnav .menu-container .menu>ul>li.nav06>ul.single-sub,
#glovalnav .menu-container .menu>ul>li.nav07>ul.single-sub,
#glovalnav .menu-container .menu>ul>li.nav08>ul.single-sub {
    left: auto;
    right: auto;
}

#glovalnav .menu-container .menu>ul>li>ul.single-sub>li {
    width: 100%;
}

#glovalnav .menu-container .menu>ul>li>ul.single-sub>li a {
    padding: 10px 5px 9px;
    text-align: left;
    border-bottom: 1px solid #FFF;
}

#glovalnav .menu-container .menu>ul>li>ul.single-sub>li:last-child a {
    border-bottom: none;
}

#glovalnav .menu-container .menu>ul>li>ul.single-sub>li a:before {
    width: 22px;
    height: 22px;
    margin: 0 8px 0 0;
    display: inline-block;
    content: "";
    vertical-align: -7px;
    background-size: contain;
}

#glovalnav .menu-container .menu>ul>li>ul.single-sub>li a span {
    display: inline-block;
    vertical-align: -2px;
}

#glovalnav .menu-container .menu li.nav01 .single-sub li.menu-item-1 a:before {
    background: url("/images/common/gn_sub15.gif") no-repeat left center;
}

#glovalnav .menu-container .menu li.nav05 .single-sub li.menu-item-1 a:before {
    background: url("/images/common/gn_sub07.gif") no-repeat left center;
}

#glovalnav .menu-container .menu li.nav06 .single-sub li.menu-item-1 a:before {
    background: url("/images/common/gn_sub20.gif") no-repeat left center;
}

#glovalnav .menu-container .menu li.nav05 .single-sub li.menu-item-2 a:before,
#glovalnav .menu-container .menu li.nav06 .single-sub li.menu-item-2 a:before {
    content: "";
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 5px solid #382904;
    margin: 5px;
}

#glovalnav .menu-container .menu li.nav07 .single-sub li.menu-item-1 a:before {
    background: url("/images/common/gn_sub01.gif") no-repeat left center;
}

#glovalnav .menu-container .menu li.nav07 .single-sub li.menu-item-1 a:before {
    background: url("/images/common/gn_sub01.gif") no-repeat left center;
}

#glovalnav .menu-container .menu li.nav07 .single-sub li.menu-item-2 a:before {
    vertical-align: -8px;
    background: url("/images/common/gn_sub02.gif") no-repeat left center;
    background-size: 22px auto;
}

#glovalnav .menu-container .menu li.nav07 .single-sub li.menu-item-3 a:before {
    background: url("/images/common/gn_sub03.gif") no-repeat left center;
    background-size: 22px auto;
}

#glovalnav .menu-container .menu li.nav07 .single-sub li.menu-item-4 a:before {
    background: url("/images/common/gn_sub04.gif") no-repeat left center;
}

#glovalnav .menu-container .menu li.nav07 .single-sub li.menu-item-5 a:before {
    background: url("/images/common/gn_sub05.gif") no-repeat left center;
    background-size: 22px auto;
}

#glovalnav .menu-container .menu li.nav07 .single-sub li.menu-item-6 a:before {
    vertical-align: -8px;
    background: url("/images/common/gn_sub06.gif") no-repeat left center;
}

#glovalnav .menu-container .menu li.nav07 .single-sub li.menu-item-7 a:before {
    background: url("/images/common/gn_sub09.gif") no-repeat left center;
    background-size: 22px auto;
}

#glovalnav .menu-container .menu li.nav07 .single-sub li.menu-item-8 a:before {
    background: url("/images/common/gn_sub15.gif") no-repeat left center;
}

#glovalnav .menu-container .menu li.nav07 .single-sub li.menu-item-9 a:before {
    background: url("/images/common/gn_sub16.gif") no-repeat left center;
}

#glovalnav .menu-container .menu li.nav07 .single-sub li.menu-item-10 a:before {
    background: url("/images/common/gn_sub22.gif") no-repeat left center;
}

#glovalnav .menu-container .menu li.nav07 .single-sub li.menu-item-11 a:before {
    background: url("/images/common/gn_sub23.gif") no-repeat left center;
}

#glovalnav .menu-container .menu li.nav07 .single-sub li.menu-item-12 a:before {
    background: url("/images/common/gn_sub18.gif") no-repeat left center;
}

/* 2行になってしまうとき用 */
#glovalnav .menu-container .menu li.nav07 .single-sub li.newline span {
    width: 80%;
}
#glovalnav .menu-container .menu li.nav07 .single-sub li.newline a:before {
    vertical-align: top;
}

#glovalnav .menu-container .menu li.nav08 .single-sub li.menu-item-1 a:before {
    background: url("/images/common/gn_sub15.gif") no-repeat left center;
}

#glovalnav .menu-container .menu li.nav08 .single-sub li.menu-item-2 a:before {
    background: url("/images/common/gn_sub08.gif") no-repeat left center;
}

#glovalnav .menu-container .menu li.nav08 .single-sub li.menu-item-3 a:before {
    background: url("/images/common/gn_sub17.gif") no-repeat left center;
}

#glovalnav .menu-container .menu li.nav08 .single-sub li.menu-item-4 a:before {
    vertical-align: -6px;
    background: url("/images/common/gn_sub18.gif") no-repeat left center;
}

#glovalnav .menu-container .menu li.nav08 .single-sub li.menu-item-5 a:before {
    vertical-align: -6px;
    background: url("/images/common/gn_sub13.gif") no-repeat left center;
}
#glovalnav .menu-container .menu li.nav08 .single-sub li.menu-item-6 a:before {
    background: url("/images/common/icon_instagram.png") no-repeat left center;
    background-size: contain;
}
#glovalnav .menu-container .menu li.nav08 .single-sub li.menu-item-7 a:before {
    background: url("/images/common/icon_facebook.png") no-repeat left center;
    background-size: contain;
}
#glovalnav .menu-container .menu li.nav08 .single-sub li.menu-item-8 a:before {
    background: url("/images/common/icon_youtube.png") no-repeat left center;
    background-size: contain;
}
#glovalnav .menu-container .menu li.nav08 .single-sub li.menu-item-9 a:before {
    background: url("/images/common/icon_twitter.png") no-repeat left center;
    background-size: contain;
}
#glovalnav .menu-container .menu li.nav08 .single-sub li.menu-item-10 a:before {
    background: url("/images/common/icon_sns.png") no-repeat left center;
    background-size: contain;
}

#glovalnav .menu-container .menu-mobile {
    height: 60px;
    padding: 20px;
    display: none;
    position: relative;
}

#glovalnav .menu-container .menu-mobile:hover {
    color: #000;
    text-decoration: none;
}

#glovalnav .menu-container .menu-mobile:after {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 6px;
    right: 15px;
    content: "\f0c9";
    font-size: 30px;
    font-family: "FontAwesome";
}

#glovalnav .menu-container .menu-dropdown-icon:before {
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    right: 20px;
    bottom: 5px;
    content: "\f067";
    cursor: pointer;
    color: #000;
    font-size: 18px;
    font-family: "FontAwesome";
}

/* レスポンシブ対応 ------------ */
@media only screen and (max-width: 1000px) {
    #glovalnav .menu-container .menu>ul {
        padding: 0 5px;
    }

    #glovalnav .menu-container .menu>ul>li>ul {
        padding: 20px;
    }
}

@media only screen and (max-width: 848px) {
    #glovalnav .menu-container .menu-container {
        width: 100%;
    }

    #glovalnav .menu-container .menu-mobile {
        display: block;
    }

    #glovalnav .menu-container .menu-dropdown-icon:before {
        display: inline-block;
    }

    #glovalnav .menu-container .menu>ul {
        padding: 0;
        display: none;
    }

    #glovalnav .menu-container .menu>ul>li {
        float: none;
        width: 100%;
        display: block;
        position: relative;
        border-bottom: 1px solid #C6C6C6;
        background: #F1E6D3;
    }

    #glovalnav .menu-container .menu>ul>li a {
        width: 100%;
        height: auto;
        padding: 10px 20px;
        display: block;
        border-bottom: none;
    }

    #glovalnav .menu-container .menu>ul>li a:hover {
        border-bottom: none;
    }

    #glovalnav .menu-container .menu>ul>li>ul {
        padding: 15px;
        position: relative;
        border-top: 1px solid #C6C6C6;
    }

    #glovalnav .menu-container .menu>ul>li.nav03>ul {
        padding-bottom: 0 !important;
    }

    #glovalnav .menu-container .menu>ul>li>ul.normal-sub {
        width: 100%;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li {
        float: none;
        width: 100%;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li:first-child {
        margin: 0;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul {
        position: relative;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul>li {
        float: none;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li p.pageLink {
        padding-bottom: 13px;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li p.pageLink a {
        font-size: 14px;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.productMenu {
        padding-bottom: 25px;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu>li {
        margin-right: 15px;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.productMenu>li {
        width: 32.31%;
        margin-bottom: 1.53%;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.productMenu>li:nth-child(3n) {
        margin-right: 0;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.productMenu>li a,
    #glovalnav .menu-container .menu>ul>li>ul>li>ul.galleryMenu>li a {
        height: 170px;
        padding: 10px;
        font-size: 16px;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.productMenu>li img,
    #glovalnav .menu-container .menu>ul>li>ul>li>ul.galleryMenu>li img {
        width: 80px;
        margin-bottom: 7px;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li .kindtitle {
        margin-bottom: 15px;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li .kindtitle:after {
        bottom: 13px;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li .kindtitle span {
        padding-right: 15px;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.kindMenu>li {
        margin: 0 15px 15px 0;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.kindMenu>li.empty {
        margin-bottom: 0;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.kindMenu>li a {
        padding: 7px 10px 5px;
        font-size: 14px;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu>li {
        width: 22.7%;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu>li:nth-child(n+5) {
        margin-bottom: 15px;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu>li:nth-child(5n) {
        margin-right: 15px;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu>li:nth-child(4n) {
        margin-right: 0;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu>li img {
        margin-bottom: 7px;
    }

    #glovalnav .menu-container .menu>ul>li>ul.single-sub>li a {
        text-align: center;
    }

    #glovalnav .menu-container .menu .show-on-mobile {
        display: block;
    }
}

@media screen and (max-width: 568px) {
    #glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu>li {
        margin-right: 15px;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.productMenu>li,
    #glovalnav .menu-container .menu>ul>li>ul>li>ul.galleryMenu>li {
        width: 48.5%;
        margin-bottom: 15px;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.productMenu>li:nth-child(2n),
    #glovalnav .menu-container .menu>ul>li>ul>li>ul.galleryMenu>li:nth-child(2n) {
        margin-right: 0;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.productMenu>li:nth-last-child(-n+2),
    #glovalnav .menu-container .menu>ul>li>ul>li>ul.galleryMenu>li:nth-last-child(-n+2) {
        margin-bottom: 0;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu>li {
        width: 31.07%;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu>li:nth-child(4n) {
        margin-right: 15px;
    }

    #glovalnav .menu-container .menu>ul>li>ul>li>ul.sceneMenu>li:nth-child(3n) {
        margin-right: 0;
    }
}

/* ヘッダーお知らせ枠
----------------------------------------------- */
#headerInfo {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 15px 0 0 0;
    text-align: center;
}

#headerInfo em {
    font-size: 18px;
}

#header .importantNotice {
    clear: both;
    width: 100%;
    margin: 0 0 5px;
    padding: 6px 10px;
    overflow: hidden;
    background: #F5F0E6;
}

#header .importantNotice .noticeBox {
    clear: both;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

#header .importantNotice a:hover {
    color: #000 !important;
}

#header .importantNotice a i {
    margin: 0 5px 0 0;
    padding: 0;
    vertical-align: 0.5px;
    color: #816639;
    font-family: "Font Awesome 5 Free";
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #headerInfo {
        padding: 15px 0;
    }

    #headerInfo em {
        font-size: 16px;
    }
}

/* ヘッダーバナー枠
----------------------------------------------- */
#headerBanner {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 15px 0;
    text-align: center;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #headerBanner {
        padding: 0;
    }
}

/* ========================================================
　ページトップ
========================================================= */

#pagetop {
    clear: both;
    float: none;
    width: 980px;
    margin: 0 auto;
    padding: 0 0 7px 0;
    text-align: right;
    overflow: hidden;
    font-size: 12px;
}

#pagetop a:link,
#pagetop a:visited {
    color: #A68B56;
}

#pagetop a:link:hover,
#pagetop a[href]:hover {
    color: #A68B56;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #pagetop {
        width: calc(100% - 30px);
        margin: 0 auto;
        padding: 0 7px 7px 7px;
    }
}

/* ========================================================
　フッター
========================================================= */

#footer {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    border-top: 1px solid #B49E38;
    background: #F9F8F3;
}

/* フッターインフォ
----------------------------------------------- */
#footer_info {
    clear: both;
    width: 980px;
    margin: 0 auto;
    padding: 30px 10px 0 10px;
    color: #535252;
}

#footer_info .footer_inner {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#footer_info .footer_inner .blockL,
#footer_info .footer_inner .blockC,
#footer_info .footer_inner .blockR {
    float: left;
    width: 320px;
    margin: 0;
    padding: 0;
}

#footer_info .footer_inner .box {
    float: left;
    width: 320px;
    margin: 0;
    padding: 0 25px 25px 25px;
}

#footer_info .footer_inner .box h4 {
    clear: both;
    min-height: 28px;
    margin: 0 0 7px;
    padding: 7px 0 0 40px;
    line-height: 1.4;
}

#footer_info .footer_inner .blockL .box:nth-of-type(1) h4 {
    padding-left: 36px;
    background: url("/images/common/icon_receipt.gif") no-repeat left top;
}

#footer_info .footer_inner .blockL .box:nth-of-type(2) h4 {
    padding-left: 38px;
    background: url("/images/common/icon_calendar.gif") no-repeat left top;
}

#footer_info .footer_inner .blockC .box:nth-of-type(1) h4 {
    background: url("/images/common/icon_pay.gif") no-repeat left top;
}

#footer_info .footer_inner .blockC .box:nth-of-type(2) h4 {
    padding-left: 39px;
    background: url("/images/common/icon_delicharge.gif") no-repeat left top;
}

#footer_info .footer_inner .blockC .box:nth-of-type(3) h4 {
    background: url("/images/common/icon_deliver.gif") no-repeat left top;
}

#footer_info .footer_inner .blockR .box:nth-of-type(1) h4 {
    padding-left: 37px;
    background: url("/images/common/icon_perinfo.gif") no-repeat left top;
}

#footer_info .footer_inner .blockR .box:nth-of-type(2) h4 {
    padding-left: 39px;
    background: url("/images/common/icon_company.gif") no-repeat left top;
}

#footer_info .footer_inner .blockR .box:nth-of-type(3) h4 {
    padding-top: 0;
    padding-left: 35px;
    background: url("/images/common/icon_license.gif") no-repeat left top;
}

#footer_info .footer_inner .box p {
    clear: both;
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 12px;
}

#footer_info .footer_inner .box table {
    clear: both;
    margin: 0 0 7px 0;
    padding: 0;
    font-size: 12px;
}

#footer_info .footer_inner .box table thead th,
#footer_info .footer_inner .box table thead td,
#footer_info .footer_inner .box table tbody th,
#footer_info .footer_inner .box table tbody td {
    margin: 0;
    padding: 3px 5px;
    line-height: 1.4;
    text-align: left;
}

#footer_info .footer_inner .box table thead th,
#footer_info .footer_inner .box table thead td {
    text-align: center;
    background: #DFD6A8;
}

#footer_info .footer_inner .box table tbody th {
    background: #F1EDD9;
}

#footer_info .footer_inner .box table tbody td {
    background: #FFF;
}

#footer_info .footer_inner .box table tbody td.alignC {
    text-align: center;
}

#footer_info .footer_inner .box a:link,
#footer_info .footer_inner .box a:visited {
    color: #535252;
}

#footer_info .footer_inner .box a:link:hover,
#footer_info .footer_inner .box a[href]:hover {
    color: #A68B56;
}

#footer_info .footer_inner .box .calsum {
    clear: both;
    width: 237px;
    margin: 0;
    padding: 0 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #FFF;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #footer_info {
        width: calc(100% - 30px);
        padding: 20px 0 0 0;
    }

    #footer_info .footer_inner .blockL {
        float: none;
        width: 100%;
    }

    #footer_info .footer_inner .blockC {
        float: left;
        width: 46.64%;
        margin-right: 4.71%;
    }

    #footer_info .footer_inner .blockR {
        float: right;
        width: 46.64%;
    }

    #footer_info .footer_inner .box {
        float: none;
        width: 100%;
        padding: 0 0 20px 0;
    }

    #footer_info .footer_inner .blockL .box {
        width: 46.64%;
    }

    #footer_info .footer_inner .blockL .box:nth-of-type(odd) {
        clear: left;
        float: left;
        margin-right: 4.71%;
    }

    #footer_info .footer_inner .blockL .box:nth-of-type(even) {
        float: right;
    }
}

@media screen and (max-width: 768px) {
    #footer_info .footer_inner .blockC {
        width: 46.64%;
        margin-right: 4.71%;
    }

    #footer_info .footer_inner .blockR {
        float: right;
        width: 46.64%;
    }

    #footer_info .footer_inner .blockL .box {
        width: 46.64%;
    }
}

@media screen and (max-width: 568px) {
    #footer_info .footer_inner .blockC {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    #footer_info .footer_inner .blockR {
        float: none;
        width: 100%;
    }

    #footer_info .footer_inner .blockL .box {
        width: 100%;
    }

    #footer_info .footer_inner .blockL .box:nth-of-type(odd) {
        clear: both;
        float: none;
        margin-right: 0;
    }

    #footer_info .footer_inner .blockL .box:nth-of-type(even) {
        clear: both;
        float: none;
    }
}

/* フッターナビ
----------------------------------------------- */
#footer_navi {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    background: #EBE6CF;
}

#footer_navi .footer_inner {
    clear: both;
    width: 980px;
    margin: 0 auto;
    padding: 25px 0;
    overflow: hidden;
}

#footer_navi ul {
    float: left;
    width: 245px;
    margin: 0;
    padding: 0 25px;
    background: url("/images/common/foot_line.gif") repeat-y left top;
}

#footer_navi ul li {
    clear: both;
    margin: 0;
    padding: 0 0 3px 0;
    display: block;
    font-size: 12px;
    font-weight: bold;
}

#footer_navi ul li.sub {
    clear: both;
    margin: 0;
    padding: 0 0 0 12px;
    display: block;
    font-size: 12px;
    font-weight: normal;
    background: url("/images/common/foot_list.gif") no-repeat left 7px;
}

#footer_navi ul li a:link,
#header_navi ul li a:visited {
    color: #3B330C;
}

#footer_navi ul li a:link:hover,
#header_navi ul li a[href]:hover {
    color: #3B330C;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #footer_navi .footer_inner {
        width: calc(100% - 30px);
        padding-bottom: 5px;
    }

    #footer_navi ul {
        float: none;
        width: 46.64%;
        min-height: auto !important;
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
        background: none;
    }

    #footer_navi ul:nth-of-type(odd) {
        clear: left;
        float: left;
        margin-right: 4.71%;
    }

    #footer_navi ul:nth-of-type(even) {
        float: right;
    }
}

@media screen and (max-width: 768px) {
    #footer_navi ul {
        width: 46.64%;
    }

    #footer_navi ul:nth-of-type(odd) {
        margin-right: 4.71%;
    }
}

@media screen and (max-width: 568px) {
    #footer_navi ul {
        width: 100%;
    }

    #footer_navi ul:nth-of-type(odd) {
        clear: both;
        float: none;
        margin-right: 0;
    }

    #footer_navi ul:nth-of-type(even) {
        clear: both;
        float: none;
    }
}

/* コピーライト
----------------------------------------------- */
#copyright {
    float: none;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 13px 0 10px 0;
    text-align: center;
    color: #796717;
    font-size: 12px;
    background: #D5CDA8;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #copyright {
        padding: 13px 15px 10px 15px;
        text-align: left;
    }
}

/* フローティングメニュー
----------------------------------------------- */
.floating-menu {
    width: 55px;
    height: auto;
    position: fixed;
    top: auto;
    right: 0;
    bottom: 10%;
    cursor: pointer;
    text-align: center;
    color: #000;
    font-size: 11px;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    z-index: 999;
    transition: bottom 0.3s ease;
}

.floating-menu ul {
    clear: both;
    margin: 0;
    padding: 0;
}

.floating-menu ul li {
    clear: both;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.floating-menu ul li a {
    width: 100%;
    min-height: 55px;
    margin: 0;
    padding: 0;
    display: block;
    background: #FFF;
}

.floating-menu ul li.btn-cart,
.floating-menu ul li.btn-expirydate {
    margin-top: 11px;
    letter-spacing: 0;
}

.floating-menu ul li.btn-cart a,
.floating-menu ul li.btn-expirydate a {
    color: #FFF;
}

.floating-menu ul li.btn-cart a {
    padding-top: 5px;
    background: #C00;
}

.floating-menu ul li.btn-expirydate a {
    padding-top: 9px;
    background: #382904;
}

.floating-menu ul li.btn-cart a:hover,
.floating-menu ul li.btn-expirydate a:hover,
.floating-menu ul li.btn-cart a:focus,
.floating-menu ul li.btn-expirydate a:focus,
.floating-menu ul li.btn-cart a:active,
.floating-menu ul li.btn-expirydate a:active {
    color: #FFF !important;
    text-decoration: none;
}

.floating-menu ul li.btn-cart a i,
.floating-menu ul li.btn-expirydate a i {
    color: #FFF;
    font-size: 20px;
}

.floating-menu ul li.btn-cart a i {
    margin-bottom: 1px;
}

.floating-menu ul li.btn-ptop {
    margin-top: 20px;
}

.floating-menu ul li.btn-ptop a {
    min-height: auto;
    font-size: 14px;
    font-weight: 400;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    padding: 10px;
    /* border-radius: 50%; */
    width: 60px;
    height: 60px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
}

.floating-menu ul li.btn-ptop a:hover {
    text-decoration: none;
    opacity: .6;
    color: #000;
}

.floating-menu ul li.btn-ptop a::after {
    content: '';
    display: block;
    background: url(https://heilis.itembox.design/item//img/common/arrow_simple.svg) no-repeat;
    width: 25px;
    height: 25px;
    transform: rotate(-90deg);
}

/* レスポンシブ対応 ------------ */
@media only screen and (min-width: 1000px) {
    .floating-menu {
        bottom: 0;
        font-size: 13px;
        line-height: 1.3;
    }

    .floating-menu,
    .btn-corporation {
        opacity: 0;
        pointer-events: none; /* 非表示時はクリック不可 */
        transition: opacity 0.3s ease;
    }

    .floating-menu ul {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .floating-menu li {
        width: 60px;
    }

    .floating-menu ul li a {
        min-height: 130px;
    }

    .floating-menu ul li .fm-text {
        text-align: center;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        -o-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        text-orientation: upright;
    }

    .floating-menu ul li a i {
        font-size: 20px;
    }

    .floating-menu ul li.btn-cart {
        margin-top: 20px;
    }

    .floating-menu ul li.btn-cart a {
        padding-top: 25px;
    }

    .floating-menu ul li.btn-cart a i {
        margin-bottom: 10px;
        margin-left: -3px;
    }

    .floating-menu ul li.btn-expirydate {
        margin-top: 20px;
    }

    .floating-menu ul li.btn-expirydate a {
        padding-top: 28px;
    }

    .floating-menu ul li.btn-ptop a {
        background: none;
        padding: 0;
        width: auto;
        height: auto;
        box-shadow: none;
    }

    .btn-corporation {
        position: fixed;
        right: 0;
        bottom: 0;
        width: 40vw;
        z-index: 999;
        display: block;
        opacity: 0;
        pointer-events: none; /* 非表示時はクリック不可 */
        transition: opacity 0.3s ease;
    }

    .btn-corporation.show {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .btn-corporation.fade-out {
        opacity: 0;
    }

    .btn-corporation .corp-close {
        position: absolute;
        top: 5px;
        right: 5px;
        border: none;
        background: transparent;
        font-size: 1.8rem;
        cursor: pointer;
        color: #fff;
    }

    .btn-corporation .corporation-txtArea {
        display: flex;
        padding: 10px;
        /* background: #F8F3F0; */
        border-radius: 20px 0 0 0;
        width: 100%;
        gap: 15px;
        align-items: center;
    }
    .btn-corporation .corporation-txtArea img {
        width: calc(65 / 1920 * 100vw);
    }

    .btn-corporation .floating-menu-corporation {
        display: flex;
        padding: 10px;
        background: #594832eb;
        border-radius: 20px 0 0 0;
        box-shadow: -3px -3px 10px 0px rgba(0, 0, 0, 0.1);
        /* border-top: 2px solid #ffffff; */
        /* border-left: 2px solid #ffffff; */
    }

    .btn-corporation .floating-menu-corporation p {
        text-align: left;
        font-weight: 400;
        font-size: calc(19 / 1920 * 100vw);
        color: #fff;
    }

    .btn-corporation .floating-menu-corporation p span {
        font-size: calc(12 / 1920 * 100vw);
        display: block;
        color: #f3ff70;
    }

    .btn-corporation .floating-menu-corporation a {
        color: #ffffff;
        font-size: calc(16 / 1920 * 100vw);
        font-weight: 600;
        width: calc(300 / 1920 * 100vw);
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        border: 2px solid #ffffff;
        min-height: 45px;
    }

    .btn-corporation .floating-menu-corporation a::after {
        content: "\f054";
        color: #fff;
        font-family: "Font Awesome 5 Free";
        font-size: 14px;
        font-weight: 900;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }
}

@media screen and (max-width: 767px) {
    .floating-menu {
        bottom: 10%;
    }
}

/* フローティングメニュー（キャンペーンバナー）
----------------------------------------------- */
.floating-menu-cp {
    height: auto;
    display: block;
    position: fixed;
    right: 0;
    top: 25%;
    z-index: 9999;
    cursor: pointer;
}

.floating-menu-cp ul {
    clear: both;
    margin: 0;
    padding: 0;
}

.floating-men-cp ul li {
    clear: both;
    margin: 0;
    padding: 0;
}


/* ========================================================
　トップページ
========================================================= */

/* スライダー画像
----------------------------------------------- */
.pc_layout #visualTop {
    clear: both;
    width: 100%;
    margin: 0 calc(50% - 50vw);
    padding: 0;
    overflow: hidden;
}

.pc_layout #visualTop img {
    width: 100%;
    height: 615px;
    object-fit: cover;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    .pc_layout #visualTop {
        margin: 0;
    }

    .pc_layout #visualTop img {
        height: 480px;
    }
}

@media screen and (max-width: 768px) {
    .pc_layout #visualTop img {
        height: 380px;
    }
}

/* スライダー画像 202309リニューアル
----------------------------------------------- */
.pc_layout #visualTopSlider .splide__slide img {
    height: auto;
    width: 100%;
}

.pc_layout #visualTopSlider .splide__slide a:hover {
    opacity: .8;
}

/* 矢印のクリック範囲など */
.pc_layout #visualTopSlider .splide__arrows .button {
    background-color: transparent; /* ボタンの背景を透明にする */
    height: 50px;
    transition: .2s;
    width: 30px;
}
/* 矢印共通のスタイル */
.pc_layout #visualTopSlider .splide__arrows .button::before {
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    height: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 50px;
}
/* 前の矢印 */
.pc_layout #visualTopSlider .splide__arrows .prev::before {
    background-image: url(https://www.fuminoka.jp/images/top/slider/slider_arrow_prev.svg);
}
/* 次の矢印 */
.pc_layout #visualTopSlider .splide__arrows .next::before {
    background-image: url(https://www.fuminoka.jp/images/top/slider/slider_arrow_next.svg);
}
/* 次のスライドが無い場合の矢印 */
.pc_layout #visualTopSlider .splide__arrows .button:disabled::before {
    opacity: .5;
}
.pc_layout #visualTopSlider .splide__arrow:hover:not(:disabled) {
    opacity: .5;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #visualTopSlider {
        margin-bottom: 20px;
    }
    #visualTopSlider .splide__arrows .button {
        display: none;
    }
}


/* ショップ紹介
----------------------------------------------- */
.pc_layout #shopTop {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 50px 0;
}

body.front_page.pc_layout #one_maincolumn #shopTop h2 {
    clear: both;
    width: 100%;
    min-height: auto;
    margin: 0 0 25px 0;
    padding: 0;
    display: block;
    text-align: center;
    font-size: 35px;
    border: none;
    background: none;
}

body.front_page.pc_layout #one_maincolumn #shopTop h2 em {
    color: #A68B56;
    font-weight: normal;
}

.pc_layout #shopTop .messageBox {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 50px 85px 40px;
    text-align: center;
    background: #FFFAEE url("/images/top/shop_bg.png") no-repeat left top;
}

.pc_layout #shopTop .messageBox .titleBox {
    margin: 0 0 20px;
    padding: 0;
    justify-content: center;
    border: none;
}

.pc_layout #shopTop .messageBox h3 {
    width: 100%;
    padding: 0;
    position: relative;
    text-align: center;
    font-size: 26px;
    font-weight: normal;
}

.pc_layout #shopTop .messageBox h3:before {
    clear: both;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    z-index: 1;
    content: "";
    border-bottom: 1px solid #A68B56;
}

.pc_layout #shopTop .messageBox h3:after {
    clear: both;
    width: 54px;
    height: 30px;
    margin: 20px auto 0;
    padding: 0 45px;
    position: relative;
    z-index: 2;
    content: "";
    display: block;
    background: #FFFAEE url("/images/top/shop_message_icon.png") no-repeat center top;
}

.pc_layout #shopTop .messageBox p {
    clear: both;
    margin: 0 30px 15px;
    padding: 0;
    font-size: 16px;
}

.pc_layout #shopTop .messageBox p:last-child {
    margin-bottom: 0;
}

.pc_layout #shopTop .messageBox a {
    clear: both;
    margin: 0 auto;
    padding: 5px;
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 500;
    background: #f3ebdb;
    width: 40%;
    position: relative;
}

.pc_layout #shopTop .messageBox a::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-color: #fffaee;
    -webkit-text-stroke-width: 0.5px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    .pc_layout #shopTop {
        padding: 30px 0 40px;
    }

    body.front_page.pc_layout #one_maincolumn #shopTop h2 {
        font-size: 28px;
    }

    .pc_layout #shopTop .messageBox {
        padding: 60px 30px 30px;
    }

    .pc_layout #shopTop .messageBox h3 {
        font-size: 22px;
    }

    .pc_layout #shopTop .messageBox p {
        margin: 0 10px 15px;
        text-align: left;
        font-size: 14px;
    }
}

/*-------------------------------------------------
　文の菓ではこんなことができます
----------------------------------------------- */

.pc_layout #serviceTop {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 50px;
    font-weight: 400;
    font-style: normal;
    font-family: 'Shippori Mincho', serif;
}

body.front_page.pc_layout #one_maincolumn #serviceTop h2 {
    clear: both;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 7px 0 8px 0;
    display: block;
    text-align: center;
    font-size: 30px;
    border-top: 2px solid #A68B56;
    border-bottom: 2px solid #A68B56;
    background: none;
}

.pc_layout #serviceTop .serviceList {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pc_layout #serviceTop .serviceList .listBox {
    width: 30.66%;
    margin: 0 3% 0 0;
    padding: 0;
}

.pc_layout #serviceTop .serviceList .listBox:last-of-type {
    margin-right: 0;
}

.pc_layout #serviceTop .serviceList .listBox em {
    color: #A68B56;
    font-weight: normal;
}

.pc_layout #serviceTop .serviceList .listBox a {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.pc_layout #serviceTop .serviceList .listBox a:hover {
    color: #000;
    text-decoration: none;
}

.pc_layout #serviceTop .serviceList .listBox p {
    clear: both;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 19px;
    line-height: 1.5;
}

.pc_layout #serviceTop .serviceList .listBox .photoBox {
    clear: both;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 15px 0 0;
    position: relative;
    text-align: center;
}

.pc_layout #serviceTop .serviceList .listBox .photoBox img {
    width: 100%;
    max-width: 245px;
    margin: 0 auto;
    padding: 0;
    display: block;
    border-radius: 50%;
    border: 2px solid #CAA958;
    box-shadow: 10px 10px 0 0 rgba(250, 244, 232, 1);
}

.pc_layout #serviceTop .serviceList .listBox .photoBox p.num {
    clear: both;
    margin: 0;
    padding: 15px 5px 15px 4px;
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    color: #A68B56;
    font-size: 20px;
    background: #FFFAF2;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
}

.pc_layout #serviceTop .serviceList .listBox .summaryBox {
    margin: 0;
    padding: 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    .pc_layout #serviceTop {
        padding-bottom: 30px;
    }

    body.front_page.pc_layout #one_maincolumn #serviceTop h2 {
        padding: 9px 0 7px 0;
        font-size: 26px;
    }

    .pc_layout #serviceTop .serviceList .listBox p {
        text-align: left;
        font-size: 16px;
    }

    .pc_layout #serviceTop .serviceList .listBox p br {
        display: none;
    }

    .pc_layout #serviceTop .serviceList .listBox .photoBox img {
        box-shadow: 8px 8px 0 0 rgba(250, 244, 232, 1);
    }

    .pc_layout #serviceTop .serviceList .listBox .photoBox p.num {
        left: 10px;
        font-size: 18px;
    }
}

/* 短納期でお届け＆バナー＆制作事例
----------------------------------------------- */
.pc_layout #bannerTop {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 40px;
    overflow: hidden;
}

.pc_layout #bannerTop a:hover img {
    opacity: 0.8;
}

.pc_layout #bannerTop h3 {
    clear: both;
    margin-bottom: 10px;
    text-align: center;
    color: #A68B56;
    font-size: 24px;
    font-weight: bold;
    font-weight: 500;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    .pc_layout #bannerTop {
        padding-bottom: 40px;
    }

    .pc_layout #bannerTop h3 {
        margin-bottom: 15px;
        font-size: 20px;
    }
}

/* 短納期でお届け ----------------------*/
.pc_layout #bannerTop .deliveryBlock {
    clear: both;
    width: 100%;
    margin: 0 0 40px;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.pc_layout #bannerTop .deliveryBlock .deliveryBox {
    width: 49%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
    border: 1px solid #A09571;
}

.pc_layout #bannerTop .deliveryBlock .deliveryBox p {
    margin: 0 0 8px;
    color: #F00;
}

.pc_layout #bannerTop .deliveryBlock .deliveryBox .titleBox {
    margin: 0;
    padding: 9px 20px 5px;
    display: block;
    color: #917846;
    border-bottom: 1px solid #A68B56;
    border-left: none;
    background: #FAF4E8;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.pc_layout #bannerTop .deliveryBlock .deliveryBox .titleBox h3 {
    margin-bottom: 0;
    padding: 0 0 0 45px;
    display: inline-block;
    text-align: center;
    color: #917846;
    font-size: 22px;
    font-weight: bold;
    background: url("/images/common/delivery_icon.png") no-repeat left top 2px;
}

.pc_layout #bannerTop .deliveryBlock .deliveryBox .titleBox p {
    margin: 0;
    padding: 0;
    color: #917846;
    font-size: 15px;
    font-family: 'Shippori Mincho', serif;
    font-weight: 500;
}

.pc_layout #bannerTop .deliveryBlock .deliveryBox .dateBox {
    margin: 0;
    padding: 5px 15px 0;
    text-align: center;
}

.pc_layout #bannerTop .deliveryBlock .bannerBox {
    width: 49%;
    margin: 0;
    padding: 0;
    text-align: right;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    .pc_layout #bannerTop .deliveryBlock .deliveryBox .titleBox {
        padding: 7px 10px 3px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .pc_layout #bannerTop .deliveryBlock .deliveryBox .titleBox h3 {
        clear: both;
    }

    .pc_layout #bannerTop .deliveryBlock .deliveryBox .titleBox p {
        clear: both;
        width: 100%;
    }

    .pc_layout #bannerTop .deliveryBlock .deliveryBox .dateBox {
        padding: 0 10px;
    }
}

@media screen and (max-width: 768px) {
    .pc_layout #bannerTop .deliveryBlock {
        margin-bottom: 25px;
    }

    .pc_layout #bannerTop .deliveryBlock {
        flex-wrap: wrap;
    }

    .pc_layout #bannerTop .deliveryBlock .deliveryBox .titleBox h3 {
        padding-left: 43px;
        font-size: 20px;
    }

    .pc_layout #bannerTop .deliveryBlock .deliveryBox .titleBox p {
        font-size: 14px;
    }

    .pc_layout #bannerTop .deliveryBlock .deliveryBox {
        width: 100%;
        margin-bottom: 25px;
    }

    .pc_layout #bannerTop .deliveryBlock .bannerBox {
        width: 100%;
        text-align: center;
    }
}

/* 短納期でお届け ★240208----------------------*/
#deliveryTop .deadlineBlock {
    clear: both;
    width: 100%;
    margin: 0 0 40px;
    padding: 0;
    overflow: hidden;
    background: #FAF4E8;
    padding: 15px;
}

#deliveryTop .deadlineBlock .titleBox {
    margin: 0;
    padding: 9px 20px 5px;
    display: block;
    color: #917846;
    background: #FAF4E8;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

#deliveryTop .deadlineBlock .titleBox h3 {
    margin: 0 auto 10px;
    padding: 0 0 0 45px;
    display: inline-block;
    text-align: center;
    color: #917846;
    font-size: 22px;
    font-weight: bold;
    background: url(/images/common/delivery_icon.png) no-repeat left top 2px;
}

#deliveryTop .deadlineBlock .deliveryBox {

}

#deliveryTop .deadlineBlock .deliveryBox .dateBox {
    background: #fff;
    text-align: center;
    padding: 15px;
}

#deliveryTop .deadlineBlock .deliveryBox .dateBox p {
    margin: 0 0 8px;
    color: #DD4141;
    line-height: 1.5;

}

#deliveryTop .deadlineBlock .deliveryBox .bannerBox p {
    color: #333;
    margin: 0;
}

#deliveryTop .deadlineBlock .deliveryBox .bannerBox a {
    display: inline-block;
    border-radius: 50px;
    margin-top: 10px;
    position: relative;
    padding: 8px 80px;
    font-size: 20px;
    background: #705f49;
    margin: 10px auto;
}

#deliveryTop .deadlineBlock .deliveryBox .bannerBox a p {
    color: #fff;
    font-size: 18px;
}

#deliveryTop .deadlineBlock .deliveryBox .bannerBox a:hover {
    opacity: .8;
}

#deliveryTop .deadlineBlock .deliveryBox .bannerBox a:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;        /*top right bottom を透明化 */
    border-left: 5px solid #fff;
}


@media screen and (max-width: 768px) {
    #deliveryTop .deadlineBlock {
        margin: 0 0 20px;
    }

    #deliveryTop .deadlineBlock .deliveryBox {
        display: block;
    }

    #main #deliveryTop .deadlineBlock .titleBox {
        border: none;
        margin-bottom: 10px;
    }

    #main #deliveryTop .deadlineBlock .titleBox h3 {
        font-size: 23px;
    }

    #deliveryTop .deadlineBlock .deliveryBox .dateBox {
        width: 100%;
        padding: 20px;
    }

    #deliveryTop .deadlineBlock .deliveryBox .dateBox p {
        text-align: left;
    }

    #deliveryTop .deadlineBlock .deliveryBox .bannerBox a {
        padding: 8px 40px;
    }

    #deliveryTop .deadlineBlock .deliveryBox .bannerBox a p {
        font-size: 16px;
    }

    #deliveryTop .deadlineBlock .deliveryBox .bannerBox p {
        text-align: left;
    }
}

/* 制作事例 ----------------------*/
#page_product_list .galleryArea {
    clear: both;
    width: 100%;
    margin: 0 0 40px;
    padding: 0;
    overflow: hidden;
}

#page_product_list .galleryArea h3 {
    clear: both;
    margin: 0 0 18px 0;
    padding: 0 5px 3px 37px;
    color: #786E4D;
    font-size: 18px;
    background: url("/images/common/bg_h3.gif") no-repeat left bottom;
}

.pc_layout #bannerTop .galleryBlock,
#page_product_list .galleryArea .galleryBlock {
    clear: both;
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#page_product_list .galleryArea .galleryBlock {
    margin-bottom: 0;
}

.pc_layout #bannerTop .galleryBlock .galleryList,
#page_product_list .galleryArea .galleryBlock .galleryList {
    clear: both;
    width: calc(100% - 150px);
    margin: 0;
    padding: 20px 15px;
    overflow: hidden;
    background: #E9DFC6;
}

.pc_layout #bannerTop .galleryBlock .galleryList .galleryBox,
#page_product_list .galleryArea .galleryBlock .galleryList .galleryBox {
    margin: 0;
    padding: 5px 20px 5px 0;
    background: #FFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pc_layout #bannerTop .galleryBlock .galleryList .galleryBox .dataImage,
.pc_layout #bannerTop .galleryBlock .galleryList .galleryBox .printImage,
#page_product_list .galleryArea .galleryBlock .galleryList .galleryBox .dataImage,
#page_product_list .galleryArea .galleryBlock .galleryList .galleryBox .printImage {
    float: left;
    width: 47%;
    margin: 0;
    padding: 0;
}

.pc_layout #bannerTop .galleryBlock .galleryList .galleryBox .dataImage,
#page_product_list .galleryArea .galleryBlock .galleryList .galleryBox .dataImage {
    margin-right: 10px;
    position: relative;
}

.pc_layout #bannerTop .galleryBlock .galleryList .galleryBox .printImage,
#page_product_list .galleryArea .galleryBlock .galleryList .galleryBox .printImage {}

.pc_layout #bannerTop .galleryBlock .galleryList .galleryBox .dataImage:after,
#page_product_list .galleryArea .galleryBlock .galleryList .galleryBox .dataImage:after {
    width: 16px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: -18px;
    content: "";
    border: 7px solid transparent;
    border-left: 9px solid #DFD59A;
    transform: translateY(-50%);
}

.pc_layout #bannerTop .galleryBlock .bnrPage,
#page_product_list .galleryArea .galleryBlock .bnrPage {
    width: 150px;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.pc_layout #bannerTop .galleryBlock .bnrPage a,
#page_product_list .galleryArea .galleryBlock .bnrPage a {
    width: 100%;
    margin: 0;
    padding: 5px;
    text-align: center;
    color: #FFF;
    font-size: 20px;
    line-height: 1.4;
    text-decoration: none;
    background: #705F49;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.pc_layout #bannerTop .galleryBlock .bnrPage h3,
#page_product_list .galleryArea .galleryBlock .bnrPage p {
    clear: none;
    margin: 0;
    padding: 0;
    color: #FFF;
    font-size: 20px;
    font-weight: normal;
    background: none;
}

.pc_layout #bannerTop .galleryBlock .bnrPage h3 img,
#page_product_list .galleryArea .galleryBlock .bnrPage p img {
    margin-left: 5px;
    vertical-align: -3px;
}

.pc_layout #bannerTop .galleryBlock .bnrPage a:hover h3 img,
#page_product_list .galleryArea .galleryBlock .bnrPage a:hover p img {
    opacity: 1;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 785px) {

    .pc_layout #bannerTop .galleryBlock .galleryList .galleryBox,
    #page_product_list .galleryArea .galleryBlock .galleryList .galleryBox {
        padding-right: 15px;
    }
}

@media screen and (max-width: 768px) {
    #page_product_list .galleryArea {
        margin-bottom: 25px;
    }

    #page_product_list .galleryArea h3 {
        font-size: 16px;
    }

    .pc_layout #bannerTop .galleryBlock {
        margin-bottom: 25px;
    }

    .pc_layout #bannerTop .galleryBlock .galleryList,
    #page_product_list .galleryArea .galleryBlock .galleryList {
        width: calc(100% - 110px);
        padding: 10px;
    }

    .pc_layout #bannerTop .galleryBlock .galleryList .galleryBox .dataImage:after,
    #page_product_list .galleryArea .galleryBlock .galleryList .galleryBox .dataImage:after {
        right: -18px;
    }

    .pc_layout #bannerTop .galleryBlock .bnrPage,
    #page_product_list .galleryArea .galleryBlock .bnrPage {
        width: 110px;
    }

    .pc_layout #bannerTop .galleryBlock .bnrPage a,
    #page_product_list .galleryArea .galleryBlock .bnrPage a,
    .pc_layout #bannerTop .galleryBlock .bnrPage h3,
    #page_product_list .galleryArea .galleryBlock .bnrPage p {
        font-size: 15px;
    }

    .pc_layout #bannerTop .galleryBlock .bnrPage h3 img,
    #page_product_list .galleryArea .galleryBlock .bnrPage p img {
        width: 17px;
        height: 17px;
        margin-left: 3px;
        vertical-align: -4px;
    }
}

@media only screen and (max-width: 568px) {

    .pc_layout #bannerTop .galleryBlock .galleryList,
    #page_product_list .galleryArea .galleryBlock .galleryList {
        width: calc(100% - 96px);
    }

    .pc_layout #bannerTop .galleryBlock .galleryList .galleryBox .dataImage:after,
    #page_product_list .galleryArea .galleryBlock .galleryList .galleryBox .dataImage:after {
        right: -22px;
    }

    .pc_layout #bannerTop .galleryBlock .bnrPage,
    #page_product_list .galleryArea .galleryBlock .bnrPage {
        width: 96px;
    }

    .pc_layout #bannerTop .galleryBlock .bnrPage a,
    #page_product_list .galleryArea .galleryBlock .bnrPage a,
    .pc_layout #bannerTop .galleryBlock .bnrPage h3,
    #page_product_list .galleryArea .galleryBlock .bnrPage p {
        font-size: 14px;
    }
}

/* 動画 ----------------------*/
.pc_layout #bannerTop .movieBlock {
    clear: both;
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pc_layout #bannerTop .movieBlock .movieBox {
    clear: both;
    width: 48%;
    margin: 0;
    padding: 0;
}

.pc_layout #bannerTop .movieBlock p {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Shippori Mincho', serif;
    font-weight: 500;
    line-height: 2.0;
}

.pc_layout #bannerTop .movieBlock .movieBox .movieInner {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    aspect-ratio: 16 / 9;
}

.pc_layout #bannerTop .movieBlock .movieBox .movieInner video {
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    .pc_layout #bannerTop .movieBlock {
        margin-bottom: 0;
    }

    .pc_layout #bannerTop .movieBlock p {
        font-size: 13px;
        margin-bottom: 30px;
    }

    .pc_layout #bannerTop .movieBlock .movieBox {
        width: 100%;
        margin-bottom: 10px;
    }
}

/* バナー ----------------------*/
#bannerTop .bannerBox {
    margin: 0 0 30px;
}



/* ご注文は簡単4ステップ
----------------------------------------------- */
.pc_layout #stepTop {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 50px;
}

.pc_layout #stepTop .tabGroup {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.pc_layout #stepTop .tabGroup ul.tabList {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pc_layout #stepTop .tabGroup ul.tabList li {
    width: 50%;
    min-height: 55px;
    margin: 0;
    padding: 10px 5px 5px;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    font-size: 20px;
    background: #A09571;
}

.pc_layout #stepTop .tabGroup ul.tabList li.show {
    color: #000;
    background: #E2DDC3;
}

.pc_layout #stepTop .tabGroup .tabBox {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 20px;
    display: none;
    background: #A09571;
}

.pc_layout #stepTop .tabGroup .tabBox.show {
    display: block;
    background: #E2DDC3;
}

.pc_layout #stepTop .tabGroup .tabBox p {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.6;
}

.pc_layout #stepTop .tabGroup .tabBox p.title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

.pc_layout #stepTop .tabGroup .tabBox .productSelect {
    clear: both;
    width: 100%;
    margin: 0 0 60px;
    padding: 20px;
    position: relative;
    background: #FFF;
}

.pc_layout #stepTop .tabGroup .tabBox .productSelect p.title {
    margin-bottom: 18px;
    text-align: center;
}

.pc_layout #stepTop .tabGroup .tabBox .productSelect:after {
    position: absolute;
    bottom: -52px;
    left: 50%;
    content: "";
    border: 11px solid transparent;
    border-top: 17px solid #A68B56;
}

.pc_layout #stepTop .tabGroup .tabBox .productSelect ul {
    clear: both;
    width: 100%;
    margin: 0 0 -20px;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pc_layout #stepTop .tabGroup .tabBox .productSelect ul li {
    width: 11.5%;
    margin: 0 0 20px 0;
    padding: 0;
}

.pc_layout #stepTop .tabGroup .tabBox .productSelect ul li img {
    clear: both;
    width: 100%;
    max-width: 100px;
    margin: 0 auto 10px;
    padding: 0;
}

.pc_layout #stepTop .tabGroup .tabBox .productSelect ul li a:hover img {
    opacity: 0.7;
}

.pc_layout #stepTop .tabGroup .tabBox .productSelect ul li p {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.3;
}

.pc_layout #stepTop .tabGroup .tabBox .productSelect ul li a {
    clear: both;
    width: 100%;
    min-height: 185px;
    margin: 0;
    padding: 10px;
    display: block;
    background: #F2F2F2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.pc_layout #stepTop .tabGroup .tabBox .productSelect ul li a:hover {
    text-decoration: none;
}

.pc_layout #stepTop .tabGroup .tabBox ul.stepList {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 20px;
    background: #FFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pc_layout #stepTop .tabGroup .tabBox ul.stepList li {
    width: 29.333%;
    margin: 0 6% 0 0;
    padding: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}

.pc_layout #stepTop .tabGroup .tabBox ul.stepList li:last-child {
    margin-right: 0;
}

.pc_layout #stepTop .tabGroup .tabBox ul.stepList li:after {
    width: 28px;
    position: absolute;
    top: 45%;
    right: -18%;
    content: "";
    border: 11px solid transparent;
    border-left: 17px solid #A68B56;
}

.pc_layout #stepTop .tabGroup .tabBox ul.stepList li:last-child:after {
    display: none;
}

.pc_layout #stepTop .tabGroup .tabBox ul.stepList li img {
    margin: 0 0 10px;
    padding: 0;
    align-self: flex-start;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    .pc_layout #stepTop .tabGroup .tabBox ul.stepList li:after {
        right: -21%;
    }

    .pc_layout #stepTop .tabGroup .tabBox .productSelect ul li {
        width: 32.22%;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 768px) {
    .pc_layout #stepTop {
        padding-bottom: 40px;
    }

    .pc_layout #stepTop .tabGroup ul.tabList li {
        min-height: 45px;
        padding-top: 8px;
        font-size: 16px;
    }

    .pc_layout #stepTop .tabGroup .tabBox {
        padding: 15px;
    }

    .pc_layout #stepTop .tabGroup .tabBox p {
        font-size: 14px;
    }

    .pc_layout #stepTop .tabGroup .tabBox p.title {
        font-size: 16px;
    }

    .pc_layout #stepTop .tabGroup .tabBox .productSelect {
        margin-bottom: 50px;
        padding: 15px 10px 10px;
    }

    .pc_layout #stepTop .tabGroup .tabBox .productSelect:after {
        bottom: -46px;
    }

    .pc_layout #stepTop .tabGroup .tabBox .productSelect p.title {
        margin-bottom: 13px;
    }

    .pc_layout #stepTop .tabGroup .tabBox .productSelect ul li img {
        max-width: 90px;
    }

    .pc_layout #stepTop .tabGroup .tabBox .productSelect ul li p {
        font-size: 15px;
    }

    .pc_layout #stepTop .tabGroup .tabBox .productSelect ul li a {
        min-height: 160px;
    }

    .pc_layout #stepTop .tabGroup .tabBox ul.stepList {
        padding: 0;
        background: none;
    }

    .pc_layout #stepTop .tabGroup .tabBox ul.stepList li {
        width: 100%;
        margin: 0 0 50px;
        padding: 15px 10px 10px;
        position: relative;
        background: #FFF;
    }

    .pc_layout #stepTop .tabGroup .tabBox ul.stepList li:last-child {
        margin-right: 0;
        margin-bottom: 0;
    }

    .pc_layout #stepTop .tabGroup .tabBox ul.stepList li:after {
        width: 22px;
        top: auto;
        right: auto;
        bottom: -45px;
        left: 50%;
        border: 11px solid transparent;
        border-top: 17px solid #A68B56;
        border-left: 11px solid transparent;
    }

    .pc_layout #stepTop .tabGroup .tabBox ul.stepList li img {
        width: 48%;
    }

    .pc_layout #stepTop .tabGroup .tabBox ul.stepList li p {
        width: 48%;
    }

    .pc_layout #stepTop .tabGroup .tabBox ul.stepList li p.title {
        width: 100%;
        margin-bottom: 13px;
        text-align: center;
    }
}

@media screen and (max-width: 668px) {
    .pc_layout #stepTop .tabGroup ul.tabList li {
        padding-top: 9px;
        font-size: 15px;
    }

    .pc_layout #stepTop .tabGroup .tabBox .productSelect ul {
        margin-bottom: -15px;
    }

    .pc_layout #stepTop .tabGroup .tabBox .productSelect ul li {
        width: 48.5%;
    }

    .pc_layout #stepTop .tabGroup .tabBox .productSelect ul li a {
        min-height: 150px;
    }
}

/* 商品から探す
----------------------------------------------- */
.pc_layout #productTop {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 50px;
}

.pc_layout #productTop .productList {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.pc_layout #productTop .productList ul {
    clear: both;
    width: 100%;
    margin: 0 0 -20px;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pc_layout #productTop .productList ul li {
    width: 11.5%;
    margin: 0 0 20px 0;
    padding: 0;
    position: relative;
    display: flex;
}

.pc_layout #productTop .productList ul li.no1::before {
    position: absolute;
    content: "";
    background-image: url(https://www.fuminoka.jp/images/top/icon_no1_w.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100px;
    height: 30px;
    top: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.pc_layout #productTop .productList ul li.no2::before {
    position: absolute;
    content: "";
    background-image: url(https://www.fuminoka.jp/images/top/icon_no2_w.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100px;
    height: 30px;
    top: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.pc_layout #productTop .productList ul li.no3::before {
    position: absolute;
    content: "";
    background-image: url(https://www.fuminoka.jp/images/top/icon_no3_w.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100px;
    height: 30px;
    top: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.pc_layout #productTop .productList ul li img {
    clear: both;
    width: 100%;
    max-width: 100px;
    margin: 0 auto 10px;
    padding: 0;
}

.pc_layout #productTop .productList ul li a:hover img {
    opacity: 0.7;
}

.pc_layout #productTop .productList ul li p {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.pc_layout #productTop .productList ul li a {
    clear: both;
    width: 100%;
    min-height: 180px;
    margin: 0;
    padding: 10px;
    padding-top: 35px;
    display: block;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.3;
    background: #F2F2F2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.pc_layout #productTop .productList ul li a:hover {
    text-decoration: none;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    .pc_layout #productTop .productList ul li {
        width: 32.31%;
    }
}

@media screen and (max-width: 768px) {
    .pc_layout #productTop {
        padding-bottom: 40px;
    }

    .pc_layout #productTop .productList ul li {
        width: 48%;
    }

    .pc_layout #productTop .productList ul li img {
        max-width: 90px;
    }

    .pc_layout #productTop .productList ul li a {
        min-height: 180px;
        font-size: 18px;
    }
}

/* 用途から探す 202302新
----------------------------------------------- */
#sceneTop .sceneList23 {
    padding: 0 0 40px;
}

#sceneTop .sceneList23 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#sceneTop .sceneList23 li {
    width: 32%;
    position: relative;
    margin-bottom: 15px;
}

#sceneTop .sceneList23 li:nth-child(-n+2) {
    width: 49%;
}

#sceneTop .sceneList23 li p.sceneBannerTitle {
    position: absolute;
    top: 20px;
    left: 20px;
    border-left: 2px solid;
    padding-left: 12px;
    line-height: 1;
    color: #fff;
    font-size: 18px;
    text-shadow: 2px 2px 10px #333;
}

#sceneTop .sceneList23 li p.sceneBannerTitle span {
    font-size: 24px;
}

#sceneTop .sceneList23 li:nth-child(-n+2) p.sceneBannerTitle {
    font-size: 20px;
}

#sceneTop .sceneList23 li:nth-child(-n+2) p.sceneBannerTitle span {
    font-size: 26px;
}

#sceneTop .sceneList23 li:nth-child(-n+2) p.sceneBannerTitle span br {
    display: none;
}

#sceneTop .sceneList23 li p.sceneBannerText {
    font-size: 13px;
}

#sceneTop .sceneList23 li p.sceneBannerText span {
    background: #382904;
    color: #fff;
    padding: 4px 8px;
    border-radius: 3px;
    margin-right: 7px;
    font-size: 12px;
}

#sceneTop .sceneList23 li img {
    margin-bottom: 5px;
}

#sceneTop .sceneList .sceneBoxS a:hover img {
    opacity: 0.7;
}

#sceneTop .sceneList .sceneBoxS p {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 16px;
    line-height: 1.6;
}

.pc_layout #sceneTop .bnrPage {
    clear: both;
    width: 80%;
    margin: 0 auto;
    padding: 10px 0 50px;
    text-align: center;
}

#sceneTop .bnrPage a {
    clear: both;
    width: 100%;
    min-height: 60px;
    margin: 0 auto;
    padding: 16px 40px 10px 40px;
    position: relative;
    display: block;
    color: #FFF;
    font-size: 20px;
    line-height: 1.3;
    font-family: 'Shippori Mincho', serif;
    font-weight: 500;
    border: 1px solid #A68B56;
    background: #A68B56;
}

#sceneTop .bnrPage a:after {
    width: 9px;
    height: 19px;
    margin: auto;
    padding: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    z-index: 1;
    content: "";
    background: url("/images/common/icon_arrow_white.png") no-repeat;
    background-size: contain;
}

#sceneTop .bnrPage a:hover {
    color: #A68B56;
    text-decoration: none !important;
    background: #FFF;
}

#sceneTop .bnrPage a:hover:after {
    width: 9px;
    height: 19px;
    margin: auto;
    padding: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    z-index: 1;
    content: "";
    background: url("/images/common/icon_arrow.png") no-repeat;
    background-size: contain;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {

    #sceneTop .sceneList23 li,
    #sceneTop .sceneList23 li:nth-child(-n+2) {
        width: 49%;
    }

    #sceneTop .sceneList23 li:first-child {
        width: 100%;
    }

    #sceneTop .sceneList23 li p.sceneBannerTitle,
    #sceneTop .sceneList23 li:nth-child(-n+2) p.sceneBannerTitle {
        font-size: 13px;
        top: 12px;
        left: 12px;
        letter-spacing: 0;
        padding-left: 5px;
    }

    #sceneTop .sceneList23 li p.sceneBannerTitle span,
    #sceneTop .sceneList23 li:nth-child(-n+2) p.sceneBannerTitle span {
        font-size: 16px;
        font-weight: bold;
    }

    #sceneTop .sceneList23 li:nth-child(-n+2) p.sceneBannerTitle span br {
        display: block;
    }

    #sceneTop .bnrPage {
        width: 96%;
    }

    #sceneTop .bnrPage a {
        padding: 15px 35px 10px 35px;
    }

    #sceneTop .bnrPage a:after,
    #sceneTop .bnrPage a:hover:after {
        right: 20px;
    }
}

/* 用途から探す(ご利用シーン、季節イベント) 202302新
----------------------------------------------- */
#sceneTop .sceneOthersWrapper23 .sceneOthers23 {
    padding: 0 0 40px;
}

#sceneTop .sceneOthersWrapper23 .sceneOthers23 h3 {
    font-size: 22px;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 30px;
    color: #000;
    position: relative;
}

#sceneTop .sceneOthersWrapper23 .sceneOthers23 h3::after {
    background: #000;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 80px;
}

#sceneTop .sceneOthersWrapper23 .sceneOthers23 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: -5px;
}

#sceneTop .sceneOthersWrapper23 .sceneOthers23 li {
    width: calc(calc(100% - calc(10px* 4)) / 4);
    margin: 5px;
    margin-bottom: 25px;
}

#sceneTop .sceneOthersWrapper23 .sceneOthers23 li a p:hover {
    text-decoration: underline;
}

#sceneTop .sceneOthersWrapper23 .sceneOthers23 li img {
    width: 30px;
    vertical-align: middle;
}

#sceneTop .sceneOthersWrapper23 .sceneOthers23 li p {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #sceneTop .sceneOthersWrapper23 .sceneOthers23 li {
        width: calc(calc(100% - calc(10px* 3)) / 3);
        margin: 5px;
        margin-bottom: 25px;
    }
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #sceneTop .sceneOthersWrapper23 .sceneOthers23 li {
        width: 31%;
        text-align: center;
        background: #F5F5F5;
        border-radius: 2px;
        padding: 10px 7px;
        margin: 4px;
    }

    #sceneTop .sceneOthersWrapper23 .sceneOthers23 h3 {
        font-size: 18px;
    }

    #sceneTop .sceneOthersWrapper23 .sceneOthers23 li p {
        display: block;
        padding-left: 0;
        padding-top: 7px;
        font-size: 80%;
    }
}

/* 文の菓が選ばれる理由
----------------------------------------------- */
.pc_layout #reasonTop {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 50px;
}

.pc_layout #reasonTop .reasonList {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.pc_layout #reasonTop .reasonList ul {
    clear: both;
    width: 100%;
    margin: 0 0 -40px;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pc_layout #reasonTop .reasonList ul li {
    width: 28.66%;
    margin: 0 7% 40px 0;
    padding: 0;
}

.pc_layout #reasonTop .reasonList ul li:nth-child(3n),
.pc_layout #reasonTop .reasonList ul li:last-child {
    margin-right: 0;
}

.pc_layout #reasonTop .reasonList ul li img {
    width: 100%;
    max-width: 280px;
    margin: 0 0 15px;
    display: block;
}

.pc_layout #reasonTop .reasonList ul li p {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 15px;
}

.pc_layout #reasonTop .reasonList ul li p.copy {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}

.pc_layout #reasonTop .reasonList ul li p a {
    color: #A68B56;
    text-decoration: underline;
}

.pc_layout #reasonTop .reasonList ul li p a:hover {
    text-decoration: none;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    .pc_layout #reasonTop {
        padding-bottom: 40px;
    }

    .pc_layout #reasonTop .reasonList ul {
        margin-bottom: -30px;
    }

    .pc_layout #reasonTop .reasonList ul li {
        width: 47.5%;
        margin: 0 5% 30px 0;
    }

    .pc_layout #reasonTop .reasonList ul li:nth-child(3n) {
        margin-right: 5%;
    }

    .pc_layout #reasonTop .reasonList ul li:nth-child(even) {
        margin-right: 0;
    }

    .pc_layout #reasonTop .reasonList ul li img {
        max-width: 300px;
        margin-bottom: 10px;
    }

    .pc_layout #reasonTop .reasonList ul li p {
        font-size: 14px;
    }

    .pc_layout #reasonTop .reasonList ul li p.copy {
        margin-bottom: 10px;
        font-size: 18px;
    }
}

/* 包装
----------------------------------------------- */
.pc_layout #giftTop {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 50px;
    overflow: hidden;
}

.pc_layout #giftTop .giftBox {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 30px;
    overflow: hidden;
    background: #F4F2E7;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pc_layout #giftTop .giftBox img {
    width: 43.82%;
    max-width: 400px;
    margin: 0 4% 0 0;
    padding: 0;
    align-self: flex-start;
}

.pc_layout #giftTop .giftBox .innerBox {
    width: 52.18%;
    margin: 0;
    padding: 0;
}

.pc_layout #giftTop .giftBox .innerBox .titleBox {
    clear: both;
    width: 100%;
    margin: 15px 0 20px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.pc_layout #giftTop .giftBox .innerBox .titleBox h3 {
    width: 125px;
    margin: 0;
    padding: 3px 25px 3px 0;
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
}

.pc_layout #giftTop .giftBox .innerBox .titleBox p {
    width: calc(100% - 125px);
    margin: 0;
    padding: 0 0 0 27px;
    font-size: 20px;
    line-height: 1.6;
    font-style: normal;
    font-family: 'Shippori Mincho', serif;
    font-weight: 500;
    border-left: 1px solid #000;
}

.pc_layout #giftTop .giftBox .innerBox .summaryBox {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.pc_layout #giftTop .giftBox .innerBox .summaryBox p {
    width: 68%;
    margin: 0 4% 0 0;
    padding: 0;
    font-size: 15px;
}

.pc_layout #giftTop .giftBox .innerBox .summaryBox a {
    display: block;
    color: #A68B56;
}

.pc_layout #giftTop .giftBox .innerBox .summaryBox img {
    width: 28%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 928px) {
    .pc_layout #giftTop .giftBox {
        padding: 20px;
    }

    .pc_layout #giftTop .giftBox img {
        margin-right: 3%;
    }

    .pc_layout #giftTop .giftBox .innerBox {
        width: 53.18%;
    }

    .pc_layout #giftTop .giftBox .innerBox .titleBox h3 {
        width: 105px;
        padding-right: 15px;
        font-size: 36px;
    }

    .pc_layout #giftTop .giftBox .innerBox .titleBox p {
        width: calc(100% - 105px);
        padding-left: 18px;
        font-size: 17px;
    }

    .pc_layout #giftTop .giftBox .innerBox .summaryBox p {
        width: 71%;
        margin-right: 3%;
        font-size: 14px;
    }

    .pc_layout #giftTop .giftBox .innerBox .summaryBox img {
        width: 26%;
    }
}

@media screen and (max-width: 876px) {
    .pc_layout #giftTop .giftBox .innerBox .titleBox {
        margin-top: 10px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 768px) {
    .pc_layout #giftTop {
        padding-bottom: 40px;
    }

    .pc_layout #giftTop .giftBox {
        padding: 15px;
    }

    .pc_layout #giftTop .giftBox img {
        width: 100%;
        max-width: 480px;
        margin: 0 auto 15px;
    }

    .pc_layout #giftTop .giftBox .innerBox {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
    }

    .pc_layout #giftTop .giftBox .innerBox .titleBox {
        margin-top: 0;
    }
}

/* 人気ランキング
----------------------------------------------- */
.pc_layout #rankingTop {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 50px;
    overflow: hidden;
}

.pc_layout #rankingTop .tabGroup {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.pc_layout #rankingTop .tabGroup ul.tabList {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pc_layout #rankingTop .tabGroup ul.tabList li {
    width: 50%;
    min-height: 55px;
    margin: 0;
    padding: 12px 5px 5px;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    font-size: 18px;
    background: #A09571;
}

.pc_layout #rankingTop .tabGroup ul.tabList li.show {
    color: #000;
    background: #E2DDC3;
}

.pc_layout #rankingTop .tabGroup .tabBox {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 20px;
    display: none;
    overflow: hidden;
    background: #A09571;
}

.pc_layout #rankingTop .tabGroup .tabBox.show {
    display: block;
    background: #E2DDC3;
}

.pc_layout #rankingTop .tabGroup .tabBox .rankList {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 15px;
    overflow: hidden;
    background: #FFF;
}

.pc_layout #rankingTop .tabGroup .tabBox .rankList .rankBox {
    clear: left;
    float: left;
    width: 32%;
    margin: 0 3% 0 0;
    padding: 0;
    position: relative;
}

.pc_layout #rankingTop .tabGroup .tabBox .rankList .rankBox .rank_number {
    width: 30px;
    height: 30px;
    padding: 9px 3px 0;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    line-height: 1.1;
    background: #A08777;
}

.pc_layout #rankingTop .tabGroup .tabBox .rankList .rankBox a:hover {
    color: #000;
    text-decoration: none;
}

.pc_layout #rankingTop .tabGroup .tabBox .rankList .rankBox .photoBox {
    margin-bottom: 10px;
}

.pc_layout #rankingTop .tabGroup #top_item_ranking.tabBox .rankList .rankBox .photoBox img {
    border: 1px solid #EDEDED;
}

.pc_layout #rankingTop .tabGroup .tabBox .rankList .rankBox p {
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

.pc_layout #rankingTop .tabGroup .tabBox .rankList .rankBox p.name {
    margin-bottom: 10px;
}

.pc_layout #rankingTop .tabGroup .tabBox .rankList .rankBox a:hover p.name {
    color: #A68B56;
    text-decoration: underline;
}

.pc_layout #rankingTop .tabGroup .tabBox .rankList ul {
    float: left;
    width: calc(100% - 35%);
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pc_layout #rankingTop .tabGroup .tabBox .rankList ul li {
    width: 22.75%;
    margin: 0 3% 15px 0;
    padding: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.pc_layout #rankingTop .tabGroup .tabBox .rankList ul li:nth-child(4n) {
    margin-right: 0;
}

.pc_layout #rankingTop .tabGroup .tabBox .rankList ul li:nth-child(n+5) {
    margin-bottom: 0;
}

.pc_layout #rankingTop .tabGroup .tabBox .rankList ul li .rank_number {
    width: 25px;
    height: 25px;
    padding: 7px 3px 0;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    line-height: 1.1;
    background: #A08777;
}

.pc_layout #rankingTop .tabGroup .tabBox .rankList ul li img {
    margin-bottom: 5px;
}

.pc_layout #rankingTop .tabGroup #top_item_ranking.tabBox .rankList ul li img {
    border: 1px solid #EDEDED;
}

.pc_layout #rankingTop .tabGroup .tabBox .rankList ul li p {
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    .pc_layout #rankingTop {
        padding-bottom: 40px;
    }

    .pc_layout #rankingTop .tabGroup ul.tabList li {
        min-height: 45px;
        padding-top: 8px;
        font-size: 16px;
    }

    .pc_layout #rankingTop .tabGroup .tabBox {
        padding: 15px;
    }

    .pc_layout #rankingTop .tabGroup .tabBox .rankList {
        padding: 10px;
    }
}

@media screen and (max-width: 668px) {
    .pc_layout #rankingTop .tabGroup ul.tabList li {
        padding-top: 9px;
        font-size: 15px;
    }

    .pc_layout #rankingTop .tabGroup .tabBox .rankList .rankBox {
        clear: both;
        float: none;
        width: 100%;
        margin: 0 0 20px;
        overflow: hidden;
    }

    .pc_layout #rankingTop .tabGroup .tabBox .rankList .rankBox a {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }

    .pc_layout #rankingTop .tabGroup .tabBox .rankList .rankBox .photoBox {
        float: left;
        width: 36%;
        margin-bottom: 0;
    }

    .pc_layout #rankingTop .tabGroup .tabBox .rankList .rankBox .textBox {
        float: right;
        width: 60%;
    }

    .pc_layout #rankingTop .tabGroup .tabBox .rankList ul {
        clear: both;
        float: none;
        width: 100%;
    }
}

/* RSSブロック枠
----------------------------------------------- */
.pc_layout .infoBlockTop {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 10px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pc_layout #revueTop,
.pc_layout #mediaTop,
.pc_layout #newsTop,
.pc_layout #newitemTop {
    width: 48%;
    margin: 0;
    padding: 0 0 40px;
}

.pc_layout #revueTop .titleBox,
.pc_layout #mediaTop .titleBox,
.pc_layout #newsTop .titleBox,
.pc_layout #newitemTop .titleBox {
    clear: both;
    width: 100%;
    margin: 0 0 20px;
    padding: 3px 5px 6px 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #EDEDED;
    border-left: 4px solid #A68B56;
}

.pc_layout #revueTop .titleBox h3,
.pc_layout #mediaTop .titleBox h3,
.pc_layout #newsTop .titleBox h3,
.pc_layout #newitemTop .titleBox h3 {
    clear: both;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #000;
    font-size: 20px;
    line-height: 1.4;
    font-style: normal;
    font-weight: 500;
}

.pc_layout #revueTop .titleBox .listPage,
.pc_layout #mediaTop .titleBox .listPage,
.pc_layout #newsTop .titleBox .listPage,
.pc_layout #newitemTop .titleBox .listPage {
    margin: 0;
    padding: 0;
    text-align: right;
    line-height: 1.2;
}

.pc_layout #revueTop .titleBox .listPage a,
.pc_layout #mediaTop .titleBox .listPage a,
.pc_layout #newsTop .titleBox .listPage a,
.pc_layout #newitemTop .titleBox .listPage a {
    color: #A68B56;
    text-decoration: none;
}

.pc_layout #revueTop .titleBox .listPage a:hover,
.pc_layout #mediaTop .titleBox .listPage a:hover,
.pc_layout #newsTop .titleBox .listPage a:hover,
.pc_layout #newitemTop .titleBox .listPage a:hover {
    text-decoration: underline;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {

    .pc_layout #revueTop,
    .pc_layout #mediaTop,
    .pc_layout #newsTop,
    .pc_layout #newitemTop {
        width: 100%;
        padding-bottom: 30px;
    }

    .pc_layout #revueTop .titleBox,
    .pc_layout #mediaTop .titleBox,
    .pc_layout #newsTop .titleBox,
    .pc_layout #newitemTop .titleBox {
        margin-bottom: 15px;
        padding: 4px 5px 4px 13px;
    }

    .pc_layout #revueTop .titleBox h3,
    .pc_layout #mediaTop .titleBox h3,
    .pc_layout #newsTop .titleBox h3,
    .pc_layout #newitemTop .titleBox h3 {
        font-size: 18px;
    }
}

/* お客様の声＆メディア掲載 ----------------------*/
.pc_layout #revueTop .revueList,
.pc_layout #mediaTop .mediaList {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 10px;
    background: #DDDACA;
}

.pc_layout #revueTop .revueList dl,
.pc_layout #mediaTop .mediaList dl {
    clear: both;
    width: 100%;
    height: 350px;
    margin: 0;
    padding: 15px;
    overflow-y: scroll;
    background: #FFF;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {

    .pc_layout #revueTop .revueList dl,
    .pc_layout #mediaTop .mediaList dl {
        height: 250px;
        padding: 10px;
    }
}

/* お客様の声 ----------------------*/
.pc_layout #revueTop .revueList dl dt {
    clear: both;
    margin: 0;
    padding: 0 0 3px 12px;
    font-weight: bold;
    background: url("/images/common/icon_arrow01.png") no-repeat left 7px;
}

.pc_layout #revueTop .revueList dl dt img {
    margin: -4px 0 0 5px;
    padding: 0;
}

.pc_layout #revueTop .revueList dl dd {
    clear: both;
    margin: 0 0 20px;
    padding: 0 0 15px;
    border-bottom: 1px solid #EDEDED;
}

.pc_layout #revueTop .revueList dl dd:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    .pc_layout #revueTop .revueList dl dt {
        background-position: left 5px;
    }
}

/* メディア掲載 ----------------------*/
.pc_layout #mediaTop .mediaList dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pc_layout #mediaTop .mediaList dl dt {
    clear: left;
    width: 70px;
    margin: 0;
    padding: 15px 0;
    border-top: 1px solid #EDEDED;
}

.pc_layout #mediaTop .mediaList dl dt:first-of-type {
    padding-top: 0;
    border-top: none;
}

.pc_layout #mediaTop .mediaList dl dt:last-of-type {
    padding-bottom: 0;
}

.pc_layout #mediaTop .mediaList dl dt img {
    width: 70px;
}

.pc_layout #mediaTop .mediaList dl dd {
    width: calc(100% - 70px);
    margin: 0;
    padding: 15px 0 15px 15px;
    border-top: 1px solid #EDEDED;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.pc_layout #mediaTop .mediaList dl dd:first-of-type {
    padding-top: 0;
    border-top: none;
}

.pc_layout #mediaTop .mediaList dl dd:last-of-type {
    padding-bottom: 0;
}

/* 新着情報＆新商品情報 ----------------------*/
.pc_layout #newsTop .newsList,
.pc_layout #newitemTop .newItemList {
    clear: both;
    width: 100%;
    height: 350px;
    margin: 0;
    padding: 15px;
    overflow-y: scroll;
    border: 1px solid #F2F0E4;
    background: #F5F5ED;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {

    .pc_layout #newsTop .newsList,
    .pc_layout #newitemTop .newItemList {
        height: 250px;
        padding: 10px;
    }
}

/* 新着情報 ----------------------*/
.pc_layout #newsTop .newsList dl {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 20px 0;
    overflow: hidden;
    border-bottom: 1px solid #EDEDED;
}

.pc_layout #newsTop .newsList dl:first-of-type {
    padding-top: 0;
}

.pc_layout #newsTop .newsList dl:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
}

.pc_layout #newsTop .newsList dl dt {
    clear: both;
    margin: 0;
    padding: 0 0 3px 0;
    color: #A68B56;
    font-weight: bold;
}

.pc_layout #newsTop .newsList dl dt img {
    margin: -3px 0 0 5px;
    padding: 0;
}

.pc_layout #newsTop .newsList dl dd {
    clear: both;
    margin: 0;
    padding: 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    .pc_layout #newsTop .newsList dl {
        padding: 15px 0;
    }
}

/* 新商品情報 ----------------------*/
.pc_layout #newitemTop .newItemList .itembox {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 25px 0 20px;
    overflow: hidden;
    border-bottom: 1px solid #EDEDED;
}

.pc_layout #newitemTop .newItemList .itembox:first-of-type {
    padding-top: 0;
}

.pc_layout #newitemTop .newItemList .itembox:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
}

.pc_layout #newitemTop .newItemList .itembox img.alignleft {
    float: left;
    width: 115px;
    margin: 0 12px 5px 0;
    padding: 0;
    border: 1px solid #BDBDBD;
}

.pc_layout #newitemTop .newItemList .itembox p {
    clear: none;
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

.pc_layout #newitemTop .newItemList .itembox p.title {
    clear: none;
    margin: 0;
    padding: 0 0 5px;
    font-weight: bold;
    line-height: 1.8;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    .pc_layout #newitemTop .newItemList .itembox {
        padding: 20px 0 15px;
    }
}

/* ========================================================
　下部テキスト（全ページ共通）
========================================================= */

.under-text {
    clear: both;
    width: 100%;
    margin: 0 0 50px;
    padding: 15px;
    text-align: left;
    border: 1px solid #A68B56;
    background: #F4F4EC;
}

.under-text h3 {
    clear: both;
    width: 100%;
    height: auto;
    margin: 0 0 12px 0;
    padding: 0;
    font-weight: bold;
    color: #A68B56;
    font-size: 18px;
    line-height: 1.3;
    background: none;
}

.under-text p {
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 1.7;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    .under-text {
        margin-bottom: 40px;
        padding: 10px;
    }

    .under-text h3 {
        font-size: 16px;
        line-height: 1.3;
    }
}

/* ========================================================
　ウルトラ藤井ちゃん
========================================================= */

.ordersUltraTop {
    height: 550px;
    margin: 30px 0 10px 0;
    padding: 0;
    overflow: hidden;
}

.ordersUltra {
    height: 550px;
    margin: 0 0 30px 0;
    padding: 0;
    overflow: hidden;
}

.ordersUltra h3 {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0 5px 3px 37px;
    color: #786E4D;
    font-size: 18px;
    background: url("/images/common/bg_h3.gif") no-repeat left bottom;
}

.ordersUltra p {
    clear: both;
    margin: 0 0 10px 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {

    .ordersUltraTop,
    .ordersUltra {
        height: 350px;
    }

    .ordersUltra h3 {
        font-size: 16px;
    }
}

/* ========================================================
　お客様の声
========================================================= */

#revue {
    clear: both;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0;
    text-align: left;
}

#revue #revue_block {
    clear: both;
    width: 100%;
    height: 380px;
    margin: 0;
    padding: 20px;
    overflow: hidden;
    text-align: left;
    background: #FFF url("/images/common/bg_revue.jpg") no-repeat left top;
}

#revue #revue_block .revue_inner {
    clear: both;
    width: 100%;
    height: 340px;
    margin: 0;
    padding: 0;
    overflow-y: scroll;
    background: #FFF;
}

#revue #revue_block .revue_inner dl {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 7px 25px;
}

#revue #revue_block .revue_inner dl dt {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 10px 10px 2px 20px;
    background: url("/images/common/list_01.gif") no-repeat 10px 16px;
}

#revue #revue_block .revue_inner dl dd {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 10px 10px 20px;
    border-bottom: 1px dotted #CCC;
}

#revue #revue_block .revue_inner dl dd p {
    clear: both;
    margin: 0;
    padding: 0;
}

#revue #revue_block .revue_inner dl dd strong,
#revue #revue_block .revue_inner dl dd p strong {
    font-weight: normal;
    background: linear-gradient(transparent 0%, #F6DDE5 0%);
}

#revue #revue_block .revue_inner a {
    color: #000;
    text-decoration: underline;
}

#revue #revue_block .revue_inner a:hover {
    color: #A68B56;
    text-decoration: underline;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #revue #revue_block {
        border-radius: 8px;
    }

    #revue #revue_block .revue_inner dl {
        padding: 7px 15px;
    }
}

@media screen and (max-width: 768px) {
    #revue #revue_block {
        height: 350px;
        padding: 5px;
    }

    #revue #revue_block .revue_inner dl {
        padding: 7px 10px;
    }

    #revue h3 {
        font-size: 16px;
    }
}

/* 商品詳細ページ用
----------------------------------------------- */
#undercolumn .main_comment .revueArea {
    clear: both;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 30px;
    overflow: hidden;
    background: #FFF url(/images/top/bg_item.jpg) repeat left top;
}

/* Mozilla Firefox */
#undercolumn .main_comment .revueArea {
    clear: both;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 30px;
    overflow: hidden;
    background: #FFF url(/images/top/bg_item.jpg) repeat left top;
}

/* Opera */
#undercolumn .main_comment .revueArea {
    clear: both;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 30px;
    overflow: hidden;
    background: #FFF url(/images/top/bg_item.jpg) repeat left top;
}

/* Webkit (Safari/Chrome 10) */
#undercolumn .main_comment .revueArea {
    clear: both;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 30px;
    overflow: hidden;
    background: #FFF url(/images/top/bg_item.jpg) repeat left top;
}

/* Webkit (Chrome 11+) */
#undercolumn .main_comment .revueArea {
    clear: both;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 30px;
    overflow: hidden;
    background: #FFF url(/images/top/bg_item.jpg) repeat left top;
}

/* W3C Markup, IE10 Release Preview */
#undercolumn .main_comment .revueArea {
    clear: both;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 30px;
    overflow: hidden;
    background: #FFF url(/images/top/bg_item.jpg) repeat left top;
}

#undercolumn .main_comment .revueArea .revueBloc {
    clear: both;
    width: 100%;
    padding: 35px 30px 30px;
    overflow: hidden;
    text-align: left;
    background: #FFF;
    /* margin-top: 30px; */
}

#undercolumn .main_comment .revueArea .revueBloc h3 {
    clear: both;
    margin: 0 0 15px 0;
    padding: 0 5px 3px 37px;
    color: #786E4D;
    font-size: 18px;
    background: url("/images/common/bg_h3.gif") no-repeat left bottom;
}

#undercolumn .main_comment .revueArea .revueBloc .bt-revueList {
    clear: both;
    float: right;
    margin: 30px 0 0 0;
    padding: 0;
}

#undercolumn .main_comment .revueArea .revueBloc .revueInner {
    clear: both;
    width: 100%;
    height: 300px;
    margin: 0;
    padding: 0 10px;
    overflow-y: scroll;
    background: #FFF;
}

#undercolumn .main_comment .revueArea .revueBloc .revueInner .revueBox {
    clear: both;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    overflow: hidden;
    border-bottom: 1px dotted #CCC;
}

#undercolumn .main_comment .revueArea .revueBloc .revueInner .revueBox img {
    clear: left;
    float: left;
    max-width: 24.76%;
    margin: 0;
    padding: 0;
}

#undercolumn .main_comment .revueArea .revueBloc .revueInner .revueBox .boxR {
    float: right;
    width: calc(100% - 27.26%);
    margin: 0;
    padding: 0;
    text-align: left;
}

#undercolumn .main_comment .revueArea .revueBloc .revueInner .revueBox .boxR p {
    clear: both;
    margin: 0;
    padding: 0;
}

#undercolumn .main_comment .revueArea .revueBloc .revueInner .revueBox .boxR strong,
#undercolumn .main_comment .revueArea .revueBloc .revueInner .revueBox .boxR p strong {
    font-weight: normal;
    background: linear-gradient(transparent 0%, #F6DDE5 0%);
}

#undercolumn .main_comment .revueArea .revueBloc .revueInner .revueBox .boxR p.revueTitle {
    clear: both;
    margin: 0 0 15px 0;
    padding: 0 0 5px 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: 1px dotted #CCC;
}

#undercolumn .main_comment .revueArea .revueBloc .revueInner .revueBox .boxR p.revueTitle::before {
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
    content: "\f007";
    color: #382904;
}

#undercolumn .main_comment .revueArea .revueBloc .revueInner .revueBox .boxR p.title a {
    color: #0064CC;
    text-decoration: underline;
}

#undercolumn .main_comment .revueArea .revueBloc .revueInner .revueBox .boxR p.title a:hover {
    color: #68A3E0;
    text-decoration: underline;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #undercolumn .main_comment .revueArea {
        padding: 20px;
    }

    #undercolumn .main_comment .revueArea .revueBloc {
        padding: 20px;
    }
}

@media screen and (max-width: 768px) {
    #undercolumn .main_comment .revueArea {
        padding: 0;
        background: none;
    }

    #undercolumn .main_comment .revueArea .revueBloc {
        margin-top: 0;
        padding: 15px 0 15px;
    }

    #undercolumn .main_comment .revueArea .revueBloc h3 {
        font-size: 16px;
    }

    #undercolumn .main_comment .revueArea .revueBloc .bt-revueList {
        margin-top: 20px;
    }

    #undercolumn .main_comment .revueArea .revueBloc .revueInner {
        padding: 10px;
        border: 1px solid #CCC;
    }

    #undercolumn .main_comment .revueArea .revueBloc .revueInner .revueBox img {
        max-width: 140px;
    }
}

@media screen and (max-width: 568px) {
    #undercolumn .main_comment .revueArea .revueBloc .revueInner .revueBox img {
        clear: both;
        float: none;
        max-width: 100px;
        margin: 0 auto;
        display: block;
    }

    #undercolumn .main_comment .revueArea .revueBloc .revueInner .revueBox .boxR {
        clear: both;
        float: none;
        width: 100%;
        margin-top: 10px;
    }

    #undercolumn .main_comment .revueArea .revueBloc .revueInner .revueBox .boxR p {
        font-size: 13px;
    }

    #undercolumn .main_comment .revueArea .revueBloc .revueInner .revueBox .boxR p.revueTitle {
        margin-bottom: 10px;
        padding-bottom: 0;
        font-size: 15px;
        border-bottom: none;
    }
}

/* ========================================================
　商品一覧
========================================================= */

/* 上部テキスト
----------------------------------------------- */
#page_product_list .top-text {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 15px 17px 15px;
    overflow: hidden;
    text-align: left;
}

#page_product_list .top-text p {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

#page_product_list .top-text .pr-text {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 10px 0 0 0;
    overflow: hidden;
    text-align: left;
}

#page_product_list .top-text .pr-text img {
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
}

#page_product_list .top-text .pr-text p {
    clear: none;
    float: left;
    margin: 0;
    padding: 8px 0 0 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_list .top-text {
        padding-right: 5px;
        padding-left: 5px;
    }
}

/* 子カテゴリ一覧
----------------------------------------------- */
#categoryList {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
    overflow: visible;
}
#categoryList:after {
    clear: both;
    display: block;
    content: " ";
}
#categoryList ul {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#categoryList li {
    float: left;
    width: 180px;
    margin: 0 10px 10px 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.4;
}
#categoryList li:nth-of-type(5n) {
    margin-right: 0;
}
#categoryList li.empty {
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
#categoryList li img {
    width: auto;
    margin: 0 auto 5px;
    border: 1px solid #ccc;
}

#categoryList li.ctg-hidden:nth-last-child(7) {
    display: none;
}

#categoryList li.ctg-hidden:nth-last-child(7) img {
    margin-bottom: 0;
    border: none;
}

/* 人気ランキング（特集共通）
----------------------------------------------- */
#categoryText .detailBloc .blocInner .boxR,
#landing .rankingBlock {
    clear: both;
    width: 100%;
    margin: 25px 0 0 0;
    padding: 0;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.4;
    background: url("/images/top/bg_item.jpg") repeat left top;
}

#categoryText .detailBloc .blocInner .boxR h4,
#landing .rankingBlock h4 {
    clear: both;
    width: 100%;
    margin: 0;
    color: #3E2C21;
    font-size: 19px;
    line-height: 1.4;
}

#categoryText .detailBloc .blocInner .boxR h4 {
    height: auto;
    min-height: 50px;
    padding: 12px 5px 10px 40px;
    background: #FFF url("/images/landing/h3_rank_wide.jpg") no-repeat left top;
}

#categoryText .detailBloc .blocInner .boxR h4 span,
#landing .rankingBlock h4 span {
    font-size: 15px;
}

#categoryText .detailBloc .blocInner .boxR h4 br,
#landing .rankingBlock h4 br {
    display: none;
}

#categoryText .detailBloc .blocInner .boxR .ranking,
#landing .rankingBlock .rankList {
    clear: both;
    width: calc(100% - 14px);
    margin: 7px;
    padding: 10px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 1.5;
    background: #FFF;
}

#categoryText .detailBloc .blocInner .boxR .ranking .rank01,
#categoryText .detailBloc .blocInner .boxR .ranking .rank02,
#categoryText .detailBloc .blocInner .boxR .ranking .rank03,
#categoryText .detailBloc .blocInner .boxR .ranking .rank04,
#categoryText .detailBloc .blocInner .boxR .ranking .rank05,
#categoryText .detailBloc .blocInner .boxR .ranking .rank06,
#categoryText .detailBloc .blocInner .boxR .ranking .rank07,
#categoryText .detailBloc .blocInner .boxR .ranking .rank08,
#categoryText .detailBloc .blocInner .boxR .ranking .rank09,
#categoryText .detailBloc .blocInner .boxR .ranking .rank10,
#landing .rankingBlock .rankList .rank01,
#landing .rankingBlock .rankList .rank02,
#landing .rankingBlock .rankList .rank03,
#landing .rankingBlock .rankList .rank04,
#landing .rankingBlock .rankList .rank05,
#landing .rankingBlock .rankList .rank06,
#landing .rankingBlock .rankList .rank07,
#landing .rankingBlock .rankList .rank08,
#landing .rankingBlock .rankList .rank09,
#landing .rankingBlock .rankList .rank10 {
    clear: both;
    width: calc(calc(100% - calc(10px * 6)) / 5);
    margin: 0 10px 0 0;
    padding: 35px 0 8px 0;
    border-bottom: none;
    background-position: center top;
}

#categoryText .detailBloc .blocInner .boxR .ranking .rank01,
#landing .rankingBlock .rankList .rank01 {
    background: url("/images/landing/no01.png") no-repeat center top;
}

#categoryText .detailBloc .blocInner .boxR .ranking .rank02,
#landing .rankingBlock .rankList .rank02 {
    background: url("/images/landing/no02.png") no-repeat center 3px;
}

#categoryText .detailBloc .blocInner .boxR .ranking .rank03,
#landing .rankingBlock .rankList .rank03 {
    background: url("/images/landing/no03.png") no-repeat center 2px;
}

#categoryText .detailBloc .blocInner .boxR .ranking .rank04,
#landing .rankingBlock .rankList .rank04 {
    background: url("/images/landing/no04.png") no-repeat center 3px;
}

#categoryText .detailBloc .blocInner .boxR .ranking .rank05,
#landing .rankingBlock .rankList .rank05 {
    margin-right: 0;
    background: url("/images/landing/no05.png") no-repeat center 3px;
}

#categoryText .detailBloc .blocInner .boxR .ranking .rank06,
#landing .rankingBlock .rankList .rank06 {
    background: url("/images/landing/no06.png") no-repeat center 3px;
}

#categoryText .detailBloc .blocInner .boxR .ranking .rank07,
#landing .rankingBlock .rankList .rank07 {
    background: url("/images/landing/no07.png") no-repeat center 3px;
}

#categoryText .detailBloc .blocInner .boxR .ranking .rank08,
#landing .rankingBlock .rankList .rank08 {
    background: url("/images/landing/no08.png") no-repeat center 3px;
}

#categoryText .detailBloc .blocInner .boxR .ranking .rank09,
#landing .rankingBlock .rankList .rank09 {
    background: url("/images/landing/no09.png") no-repeat center 3px;
}

#categoryText .detailBloc .blocInner .boxR .ranking .rank10,
#landing .rankingBlock .rankList .rank10 {
    margin-right: 0;
    background: url("/images/landing/no10.png") no-repeat center 3px;
}

#categoryText .detailBloc .blocInner .boxR .ranking .empty,
#landing .rankingBlock .rankList .empty {
    width: calc(calc(100% - calc(10px * 6)) / 5);
    height: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#categoryText .detailBloc .blocInner .boxR .ranking .rank01 img,
#categoryText .detailBloc .blocInner .boxR .ranking .rank02 img,
#categoryText .detailBloc .blocInner .boxR .ranking .rank03 img,
#categoryText .detailBloc .blocInner .boxR .ranking .rank04 img,
#categoryText .detailBloc .blocInner .boxR .ranking .rank05 img,
#categoryText .detailBloc .blocInner .boxR .ranking .rank06 img,
#categoryText .detailBloc .blocInner .boxR .ranking .rank07 img,
#categoryText .detailBloc .blocInner .boxR .ranking .rank08 img,
#categoryText .detailBloc .blocInner .boxR .ranking .rank09 img,
#categoryText .detailBloc .blocInner .boxR .ranking .rank10 img,
#landing .rankingBlock .rankList .rank01 img,
#landing .rankingBlock .rankList .rank02 img,
#landing .rankingBlock .rankList .rank03 img,
#landing .rankingBlock .rankList .rank04 img,
#landing .rankingBlock .rankList .rank05 img,
#landing .rankingBlock .rankList .rank06 img,
#landing .rankingBlock .rankList .rank07 img,
#landing .rankingBlock .rankList .rank08 img,
#landing .rankingBlock .rankList .rank09 img,
#landing .rankingBlock .rankList .rank10 img {
    clear: both;
    float: none;
    width: auto;
    margin: 0;
    padding: 0 0 7px 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {

    #categoryText .detailBloc .blocInner .boxR,
    #landing .rankingBlock {
        margin-top: 15px;
    }

    #categoryText .detailBloc .blocInner .boxR h4,
    #landing .rankingBlock h4 {
        padding-top: 16px;
        font-size: 16px;
    }

    #categoryText .detailBloc .blocInner .boxR h4 span,
    #landing .rankingBlock h4 span {
        font-size: 13px;
    }

    #categoryText .detailBloc .blocInner .boxR .ranking,
    #landing .rankingBlock .rankList {
        width: calc(100% - 10px);
        margin: 5px;
    }

    #categoryText .detailBloc .blocInner .boxR .ranking .rank01,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank02,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank03,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank04,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank05,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank06,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank07,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank08,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank09,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank10,
    #landing .rankingBlock .rankList .rank01,
    #landing .rankingBlock .rankList .rank02,
    #landing .rankingBlock .rankList .rank03,
    #landing .rankingBlock .rankList .rank04,
    #landing .rankingBlock .rankList .rank05,
    #landing .rankingBlock .rankList .rank06,
    #landing .rankingBlock .rankList .rank07,
    #landing .rankingBlock .rankList .rank08,
    #landing .rankingBlock .rankList .rank09,
    #landing .rankingBlock .rankList .rank10 {
        clear: both;
        width: calc(calc(100% - calc(5px * 4)) / 3);
        margin-right: 5px;
        padding: 35px 0 8px 0;
    }

    #categoryText .detailBloc .blocInner .boxR .ranking .rank03,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank08,
    #landing .rankingBlock .rankList .rank03,
    #landing .rankingBlock .rankList .rank08 {
        margin-right: 0;
    }

    #categoryText .detailBloc .blocInner .boxR .ranking .rank05,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank10,
    #landing .rankingBlock .rankList .rank05,
    #landing .rankingBlock .rankList .rank10 {
        margin-right: 5px;
    }

    #categoryText .detailBloc .blocInner .boxR .ranking .empty,
    #landing .rankingBlock .rankList .empty {
        width: calc(calc(100% - calc(5px * 4)) / 3);
    }
}

@media screen and (max-width: 388px) {

    #categoryText .detailBloc .blocInner .boxR .ranking .rank01,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank02,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank03,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank04,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank05,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank06,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank07,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank08,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank09,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank10,
    #landing .rankingBlock .rankList .rank01,
    #landing .rankingBlock .rankList .rank02,
    #landing .rankingBlock .rankList .rank03,
    #landing .rankingBlock .rankList .rank04,
    #landing .rankingBlock .rankList .rank05,
    #landing .rankingBlock .rankList .rank06,
    #landing .rankingBlock .rankList .rank07,
    #landing .rankingBlock .rankList .rank08,
    #landing .rankingBlock .rankList .rank09,
    #landing .rankingBlock .rankList .rank10 {
        clear: both;
        width: calc(calc(100% - calc(5px * 3)) / 2);
    }

    #categoryText .detailBloc .blocInner .boxR .ranking .rank02,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank04,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank07,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank09,
    #landing .rankingBlock .rankList .rank02,
    #landing .rankingBlock .rankList .rank04,
    #landing .rankingBlock .rankList .rank07,
    #landing .rankingBlock .rankList .rank09 {
        margin-right: 0;
    }

    #categoryText .detailBloc .blocInner .boxR .ranking .rank03,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank05,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank08,
    #categoryText .detailBloc .blocInner .boxR .ranking .rank10,
    #landing .rankingBlock .rankList .rank03,
    #landing .rankingBlock .rankList .rank05,
    #landing .rankingBlock .rankList .rank08,
    #landing .rankingBlock .rankList .rank10 {
        margin-right: 5px;
    }

    #categoryText .detailBloc .blocInner .boxR .ranking .empty,
    #landing .rankingBlock .rankList .empty {
        width: calc(calc(100% - calc(5px * 3)) / 2);
    }
}

/* 特集 商品一覧アンカーリンクボタン
-------------------------------------*/
#categoryText a.itemListLink {
    width: 50%;
    display: block;
    margin: 60px auto;
}

@media screen and (max-width:768px){
    #categoryText a.itemListLink {
        width: 90%;
        margin: 20px auto;
    }
}

/* 商品一覧
----------------------------------------------- */
.listphoto {
    clear: both;
    float: none;
    padding: 0 0 10px 0;
}

.listrightbloc {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

.listrightbloc h3 {
    margin: 0;
    padding: 0 0 7px 0;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    font-family: 'Lato', 'Noto Sans JP', sans-serif;
}

.listrightbloc h3 a {
}

.listrightbloc h3 a:hover {
    text-decoration: underline;
}

.listrightbloc .listcomment {
    margin: 0 0 7px 0;
    text-align: left;
    font-size: 13px;
    line-height: 1.6;
}

.listrightbloc .pricebox {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 13px;
}

.listrightbloc .detail_btn {
    margin: 0;
    padding: 0;
}

/* ページネーション
----------------------------------------------- */
.ec-searchnavRole .ec-searchnavRole__infos {
    margin: 0;
    margin-bottom: 0;
    padding: 10px 0 1.5em 0;
    color: #000;
    font-size: 13px;
    border-top: none;
}

.ec-pager {
    margin-top: 0.5em;
    padding-top: 1.5em;
    padding-bottom: 3em;
    font-size: 14px;
    background: url("../img/common/line_dot_01.gif") repeat-x top;
}

.ec-searchnavRole .ec-pager {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 1.7em;
    background: none;
}

#mypagecolumn .ec-pager {
    margin-top: 1em;
    padding-bottom: 2em;
}

.ec-pager .ec-pager__item--active {
    font-weight: bold;
}

/* レスポンシブ対応 ------------ */
@media only screen and (min-width: 768px) {
    .ec-searchnavRole .ec-searchnavRole__counter {
        padding-top: 11px;
    }
}

@media screen and (max-width: 1000px) {
    #categoryList li {
        width: calc(calc(100% - calc(10px * 6)) / 5);
        max-width: 180px;
    }

    #categoryList li:nth-of-type(6n) {
        margin-right: 10px;
    }

    #categoryList li:nth-of-type(5n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    #categoryList li {
        width: calc(calc(100% - calc(10px * 5)) / 4);
    }

    #categoryList li:nth-of-type(5n) {
        margin-right: 10px;
    }

    #categoryList li:nth-of-type(4n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 568px) {
    #categoryList li {
        width: calc(calc(100% - calc(10px * 4)) / 3);
    }

    #categoryList li:nth-of-type(4n) {
        margin-right: 10px;
    }

    #categoryList li:nth-of-type(3n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 468px) {
    #categoryList li {
        width: calc(calc(100% - calc(10px * 3)) / 2);
    }

    #categoryList li:nth-of-type(3n) {
        margin-right: 10px;
    }

    #categoryList li:nth-of-type(2n) {
        margin-right: 0;
    }
}

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

#page_product_detail .page-title {
    clear: both;
    width: 100%;
    min-height: 75px;
    margin: 15px 0 0 0;
    padding: 0;
    overflow: hidden;
}

#page_product_detail .page-title #pankuzu {
    clear: both;
    min-height: 50px;
    margin: 0 0 10px 0;
    padding: 2px 0 2px 22px;
    line-height: 1.4;
}

#page_product_detail .page-title h2 {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0 95px 0 22px;
    font-size: 20px;
    color: #000;
    font-weight: normal;
    line-height: 1.4;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #page_product_detail .page-title h2 {
        padding-left: 5px;
    }
}

@media screen and (max-width: 768px) {
    #page_product_detail .page-title h2 {
        margin-bottom: 10px;
        padding: 0;
        font-size: 16px;
        line-height: 1.3;
    }
}

/* ========================================================
　商品詳細-メインコメント
========================================================= */

#page_product_detail .main_comment {
    clear: both;
    margin: 0;
    padding: 0 0 40px 0;
    color: #000;
    overflow: hidden;
}

#page_product_detail .main_comment a {
    color: #A68B56;
    text-decoration: underline;
}

#page_product_detail .main_comment a:hover {
    text-decoration: none;
}

#page_product_detail .main_comment .ec-off4Grid {
    margin: 30px 0;
}

#page_product_detail .main_comment .ec-blockBtn--action {
    border-color: #C00;
    background-color: #C00;
}

#page_product_detail .main_comment .ec-blockBtn--action:hover {
    border-color: #FF4C4C;
    background-color: #FF4C4C;
}

#page_product_detail .main_comment .ec-blockBtn--action i {
    margin-right: 10px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .ec-off4Grid {
        margin: 0 0 30px;
    }
}

/* 商品説明枠
----------------------------------------------- */
#categoryText .detailBloc,
#page_product_detail .main_comment .detailBloc,
#page_product_detail .main_comment #orilogoSummary,
#page_product_detail .main_comment #orilogoBloc,
#page_product_detail .main_comment #optionBloc,
#page_product_detail .main_comment #bakeImageBloc {
    clear: both;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 30px;
    overflow: hidden;
}

#page_product_detail .main_comment .detailBloc>div:last-of-type,
#page_product_detail .main_comment #optionBloc:last-of-type {
    margin-bottom: 0;
}

#categoryText .detailBloc .blocInner,
#page_product_detail .main_comment .detailBloc .blocInner,
#page_product_detail .main_comment .detailBloc .blocInnerC,
#page_product_detail .main_comment .detailBloc .blocInnerB,
#page_product_detail .main_comment .detailBloc .blocInnerT,
#page_product_detail .main_comment .detailBloc .blocInnerO,
#page_product_detail .main_comment .detailBloc .exBloc,
#page_product_detail .main_comment .detailBloc .exBloc02,
#page_product_detail .main_comment .detailBloc .exBloc03,
#page_product_detail .main_comment .orderBloc,
#page_product_detail .main_comment .orderBlocC,
#page_product_detail .main_comment .orderBlocT,
#page_product_detail .main_comment .itemsizeBloc,
#page_product_detail .main_comment .comparisoBloc,
#page_product_detail .main_comment .pasteBloc,
#page_product_detail .main_comment .prizaBox,
#page_product_detail .main_comment #orilogoSummary .blocInner,
#page_product_detail .main_comment #orilogoBloc .blocInner,
#page_product_detail .main_comment #orilogoBloc .orderBlocTI,
#page_product_detail .main_comment #optionBloc .blocInner,
#page_product_detail .main_comment #optionBloc .cardBloc,
#page_product_detail .main_comment #optionBloc .cardBloc02,
#page_product_detail .main_comment #bakeImageBloc .blocInner {
    clear: both;
    width: 100%;
    /* margin: 0 0 30px 0; */
    padding: 30px;
    overflow: hidden;
    position: relative;
    background: #FFF;
}

#page_product_detail .main_comment .detailBloc .blocInner img,
#page_product_detail .main_comment .detailBloc .blocInnerC img,
#page_product_detail .main_comment .detailBloc .blocInnerB img,
#page_product_detail .main_comment .detailBloc .blocInnerT img {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 30px 0;
}

#categoryText .detailBloc .blocInner .box,
#page_product_detail .main_comment .detailBloc .blocInner .boxC,
#page_product_detail .main_comment .detailBloc .blocInnerT .boxC,
#page_product_detail .main_comment .detailBloc .blocInnerO .boxC {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 10px;
}

#categoryText .detailBloc .blocInner .box h3,
#page_product_detail .main_comment .detailBloc .blocInner .boxC h3,
#page_product_detail .main_comment .detailBloc .blocInnerC .boxL h3,
#page_product_detail .main_comment .detailBloc .blocInnerB .boxL h3,
#page_product_detail .main_comment .detailBloc .blocInnerT .boxC h3,
#page_product_detail .main_comment .detailBloc .blocInnerO .boxL h3,
#page_product_detail .main_comment .detailBloc .blocInnerO .boxC h3,
#page_product_detail .main_comment #orilogoSummary .blocInner h3,
#page_product_detail .main_comment #orilogoBloc .blocInner h3,
#page_product_detail .main_comment #optionBloc h3,
#page_product_detail .main_comment #optionBloc .cardBloc h3,
#page_product_detail .main_comment #optionBloc .cardBloc02 h3 {
    clear: both;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: 0.2em;
    font-weight: 500;
}

#page_product_detail .main_comment #orilogoSummary .blocInner h3,
#page_product_detail .main_comment #orilogoBloc .blocInner h3,
#page_product_detail .main_comment #optionBloc h3 {
    letter-spacing: 0.1em;
}

#page_product_detail .main_comment #optionBloc .cardBloc h3,
#page_product_detail .main_comment #optionBloc .cardBloc02 h3 {
    letter-spacing: 0;
}

#page_product_detail .main_comment .detailBloc .blocInner .boxC h3 span,
#page_product_detail .main_comment .detailBloc .blocInnerC .boxL h3 span,
#page_product_detail .main_comment .detailBloc .blocInnerT .boxC h3 span {
    font-size: 24px;
    letter-spacing: 0.2em;
}

#categoryText .detailBloc .blocInner .box h4,
#page_product_detail .main_comment .detailBloc .blocInner .boxC h4,
#page_product_detail .main_comment .detailBloc .blocInnerC .boxL h4,
#page_product_detail .main_comment .detailBloc .blocInnerB .boxL h4,
#page_product_detail .main_comment .detailBloc .blocInnerT .boxC h4,
#page_product_detail .main_comment .detailBloc .blocInnerO .boxL h4,
#page_product_detail .main_comment .detailBloc .blocInnerO .boxC h4,
#page_product_detail .main_comment .pasteBloc .boxR h4 {
    clear: both;
    margin: 0;
    padding: 20px 0;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.2em;
}

#categoryText .detailBloc .blocInner .box p,
#page_product_detail .main_comment .detailBloc .blocInner .boxC p,
#page_product_detail .main_comment .detailBloc .blocInnerC .boxL p,
#page_product_detail .main_comment .detailBloc .blocInnerB .boxL p,
#page_product_detail .main_comment .detailBloc .blocInnerT .boxC p,
#page_product_detail .main_comment .detailBloc .blocInnerO .boxL p,
#page_product_detail .main_comment .detailBloc .blocInnerO .boxC p,
#page_product_detail .main_comment .pasteBloc .boxR p {
    clear: both;
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 15px;
    line-height: 1.6;
}

#categoryText .detailBloc .blocInner .box p.en,
#page_product_detail .main_comment .detailBloc .blocInner .boxC p.en,
#page_product_detail .main_comment .detailBloc .blocInnerC .boxL p.en,
#page_product_detail .main_comment .detailBloc .blocInnerB .boxL p.en,
#page_product_detail .main_comment .detailBloc .blocInnerT .boxC p.en,
#page_product_detail .main_comment .detailBloc .blocInnerO .boxL p.en,
#page_product_detail .main_comment .detailBloc .blocInnerO .boxC p.en {
    clear: both;
    margin: 0;
    padding: 0 0 15px 5px;
    font-size: 15px;
}

#page_product_detail .main_comment .detailBloc .blocInner .boxC p.exampleText,
#page_product_detail .main_comment .detailBloc .blocInnerC .boxL p.exampleText,
#page_product_detail .main_comment .detailBloc .blocInnerB .boxL p.exampleText,
#page_product_detail .main_comment .detailBloc .blocInnerT .boxC p.exampleText,
#page_product_detail .main_comment .detailBloc .blocInnerO .boxL p.exampleText,
#page_product_detail .main_comment .detailBloc .blocInnerO .boxC p.exampleText,
#page_product_detail .main_comment .pasteBloc .boxR p.exampleText {
    margin-bottom: 20px;
    padding: 10px;
    color: #382904;
    font-weight: bold;
    border-radius: 7px;
    background: #FEF8D5;
}

#page_product_detail .main_comment .detailBloc .blocInner .boxC ul,
#page_product_detail .main_comment .detailBloc .blocInnerC .boxR ul,
#page_product_detail .main_comment .detailBloc .blocInnerB .boxR ul,
#page_product_detail .main_comment .detailBloc .blocInnerT .boxC ul {
    clear: left;
    float: right;
    height: 200px;
    margin: 0;
    padding: 0;
}

#page_product_detail .main_comment .detailBloc .blocInner .boxC ul li,
#page_product_detail .main_comment .detailBloc .blocInnerC .boxR ul li,
#page_product_detail .main_comment .detailBloc .blocInnerB .boxR ul li,
#page_product_detail .main_comment .detailBloc .blocInnerT .boxC ul li,
#page_product_detail .main_comment .detailBloc .blocInnerO .boxL ul li {
    float: left;
    width: 200px;
    height: 200px;
    margin: 0 0 0 20px;
    padding: 0;
}

#page_product_detail .main_comment .detailBloc .blocInner .boxC ul li:first-child,
#page_product_detail .main_comment .detailBloc .blocInnerv .boxC ul li:first-child,
#page_product_detail .main_comment .detailBloc .blocInnerO .boxL ul li:first-child {
    margin-left: 0;
}

#page_product_detail .main_comment .detailBloc .blocInner .boxC ul li img,
#page_product_detail .main_comment .detailBloc .blocInnerC .boxR ul li img,
#page_product_detail .main_comment .detailBloc .blocInnerB .boxR ul li img,
#page_product_detail .main_comment .detailBloc .blocInnerT .boxC ul li img,
#page_product_detail .main_comment .detailBloc .blocInnerO .boxL ul li img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    border: 1px solid #D5CDA9;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {

    #categoryText .detailBloc,
    #page_product_detail .main_comment .detailBloc,
    #page_product_detail .main_comment #orilogoSummary,
    #page_product_detail .main_comment #orilogoBloc,
    #page_product_detail .main_comment #optionBloc {
        padding: 20px;
    }

    #categoryText .detailBloc .blocInner,
    #page_product_detail .main_comment .detailBloc .blocInner,
    #page_product_detail .main_comment .detailBloc .blocInnerC,
    #page_product_detail .main_comment .detailBloc .blocInnerB,
    #page_product_detail .main_comment .detailBloc .blocInnerT,
    #page_product_detail .main_comment .detailBloc .blocInnerO,
    #page_product_detail .main_comment .detailBloc .exBloc,
    #page_product_detail .main_comment .detailBloc .exBloc02,
    #page_product_detail .main_comment .detailBloc .exBloc03,
    #page_product_detail .main_comment .orderBloc,
    #page_product_detail .main_comment .orderBlocC,
    #page_product_detail .main_comment .orderBlocT,
    #page_product_detail .main_comment .itemsizeBloc,
    #page_product_detail .main_comment .comparisoBloc,
    #page_product_detail .main_comment .pasteBloc,
    #page_product_detail .main_comment .prizaBox,
    #page_product_detail .main_comment #orilogoSummary .blocInner,
    #page_product_detail .main_comment #orilogoBloc .blocInner,
    #page_product_detail .main_comment #orilogoBloc .orderBlocTI,
    #page_product_detail .main_comment #optionBloc .blocInner,
    #page_product_detail .main_comment #optionBloc .cardBloc,
    #page_product_detail .main_comment #optionBloc .cardBloc02 {
        margin-bottom: 20px;
        padding: 20px;
    }

    #page_product_detail .main_comment .detailBloc .blocInner .boxC,
    #page_product_detail .main_comment .detailBloc .blocInnerC .boxL,
    #page_product_detail .main_comment .detailBloc .blocInnerC .boxR,
    #page_product_detail .main_comment .detailBloc .blocInnerB .boxL,
    #page_product_detail .main_comment .detailBloc .blocInnerB .boxR,
    #page_product_detail .main_comment .detailBloc .blocInnerT .boxC,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxC {
        clear: both;
        float: none;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    #page_product_detail .main_comment .detailBloc .blocInner .boxC:after,
    #page_product_detail .main_comment .detailBloc .blocInnerC .boxR:after,
    #page_product_detail .main_comment .detailBloc .blocInnerB .boxR:after,
    #page_product_detail .main_comment .detailBloc .blocInnerT .boxC:after,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxC:after {
        clear: both;
        display: block;
        content: " ";
    }

    #page_product_detail .main_comment .detailBloc .blocInner .boxC h3,
    #page_product_detail .main_comment .detailBloc .blocInnerB .boxL h3,
    #page_product_detail .main_comment .detailBloc .blocInnerT .boxC h3,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxL h3,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxC h3 {
        letter-spacing: 0.3em;
    }

    #page_product_detail .main_comment .detailBloc .blocInner .boxC h3 br,
    #page_product_detail .main_comment .detailBloc .blocInnerT .boxC h3 br,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxC h3 br {
        display: none;
    }

    #page_product_detail .main_comment .detailBloc .blocInner .boxC ul,
    #page_product_detail .main_comment .detailBloc .blocInnerC .boxR ul,
    #page_product_detail .main_comment .detailBloc .blocInnerB .boxR ul,
    #page_product_detail .main_comment .detailBloc .blocInnerT .boxC ul,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxL ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

@media screen and (max-width: 768px) {
    #page_product_detail .main_comment {
        padding-bottom: 30px;
    }

    #categoryText .detailBloc,
    #page_product_detail .main_comment .detailBloc,
    #page_product_detail .main_comment #orilogoSummary,
    #page_product_detail .main_comment #orilogoBloc,
    #page_product_detail .main_comment #optionBloc {
        padding: 0;
    }

    #categoryText .detailBloc .blocInner,
    #page_product_detail .main_comment .detailBloc .blocInner,
    #page_product_detail .main_comment .detailBloc .blocInnerC,
    #page_product_detail .main_comment .detailBloc .blocInnerB,
    #page_product_detail .main_comment .detailBloc .blocInnerT,
    #page_product_detail .main_comment .detailBloc .blocInnerO,
    #page_product_detail .main_comment .detailBloc .exBloc,
    #page_product_detail .main_comment .detailBloc .exBloc02,
    #page_product_detail .main_comment .detailBloc .exBloc03,
    #page_product_detail .main_comment .orderBloc,
    #page_product_detail .main_comment .orderBlocC,
    #page_product_detail .main_comment .orderBlocT,
    #page_product_detail .main_comment .itemsizeBloc,
    #page_product_detail .main_comment .comparisoBloc,
    #page_product_detail .main_comment .pasteBloc,
    #page_product_detail .main_comment .prizaBox,
    #page_product_detail .main_comment #orilogoSummary .blocInner,
    #page_product_detail .main_comment #orilogoBloc .blocInner,
    #page_product_detail .main_comment #orilogoBloc .orderBlocTI,
    #page_product_detail .main_comment #optionBloc .blocInner,
    #page_product_detail .main_comment #optionBloc .cardBloc,
    #page_product_detail .main_comment #optionBloc .cardBloc02 {
        margin-bottom: 0;
        padding: 0;
    }

    #page_product_detail .main_comment .detailBloc .blocInnerC img,
    #page_product_detail .main_comment .detailBloc .blocInnerB img,
    #page_product_detail .main_comment .detailBloc .blocInnerO img {
        float: none;
        width: auto;
        margin: 0 auto;
        display: block;
    }

    #categoryText .detailBloc .blocInner .box,
    #page_product_detail .main_comment .detailBloc .blocInner .boxC,
    #page_product_detail .main_comment .detailBloc .blocInnerT .boxC,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxC {
        padding: 0;
    }

    #categoryText .detailBloc .blocInner .box h3,
    #page_product_detail .main_comment .detailBloc .blocInner .boxC h3,
    #page_product_detail .main_comment .detailBloc .blocInnerC .boxL h3,
    #page_product_detail .main_comment .detailBloc .blocInnerB .boxL h3,
    #page_product_detail .main_comment .detailBloc .blocInnerT .boxC h3,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxL h3,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxC h3 {
        font-size: 26px;
        line-height: 1.3;
        letter-spacing: 0.2em;
    }

    #categoryText .detailBloc .blocInner .box h4,
    #page_product_detail .main_comment .detailBloc .blocInner .boxC h4,
    #page_product_detail .main_comment .detailBloc .blocInnerC .boxL h4,
    #page_product_detail .main_comment .detailBloc .blocInnerB .boxL h4,
    #page_product_detail .main_comment .detailBloc .blocInnerT .boxC h4,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxL h4,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxC h4,
    #page_product_detail .main_comment .detailBloc .exBloc02 h4,
    #page_product_detail .main_comment .detailBloc .exBloc03 h4,
    #page_product_detail .main_comment #orilogoBloc .blocInner h4,
    #page_product_detail .main_comment #orilogoBloc .blocInner .box h4,
    #page_product_detail .main_comment .pasteBloc .boxR h4 {
        font-size: 16px;
    }

    #categoryText .detailBloc .blocInner .box p,
    #categoryText .detailBloc .blocInner .box p.en,
    #page_product_detail .main_comment .detailBloc .blocInner .boxC p,
    #page_product_detail .main_comment .detailBloc .blocInner .boxC p.en,
    #page_product_detail .main_comment .detailBloc .blocInnerC .boxL p,
    #page_product_detail .main_comment .detailBloc .blocInnerC .boxL p.en,
    #page_product_detail .main_comment .detailBloc .blocInnerB .boxL p,
    #page_product_detail .main_comment .detailBloc .blocInnerB .boxL p.en,
    #page_product_detail .main_comment .detailBloc .blocInnerT .boxC p,
    #page_product_detail .main_comment .detailBloc .blocInnerT .boxC p.en,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxL p,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxL p.en,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxC p,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxC p.en,
    #page_product_detail .main_comment .pasteBloc .boxR p {
        font-size: 14px;
    }

    #page_product_detail .main_comment .detailBloc .blocInner .boxC ul,
    #page_product_detail .main_comment .detailBloc .blocInnerC .boxR ul,
    #page_product_detail .main_comment .detailBloc .blocInnerB .boxR ul,
    #page_product_detail .main_comment .detailBloc .blocInnerT .boxC ul,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxL ul,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxL ul {
        height: 160px;
    }

    #page_product_detail .main_comment .detailBloc .blocInner .boxC ul li,
    #page_product_detail .main_comment .detailBloc .blocInnerC .boxR ul li,
    #page_product_detail .main_comment .detailBloc .blocInnerB .boxR ul li,
    #page_product_detail .main_comment .detailBloc .blocInnerT .boxC ul li,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxL ul li {
        width: 160px;
        height: 160px;
        margin-left: 15px;
    }

    #page_product_detail .main_comment .detailBloc .blocInner .boxC .bnrExternal {
        margin: 0 0 15px 0;
    }

    #page_product_detail .main_comment .orderBloc .faqBlock,
    #page_product_detail .main_comment .orderBlocC .faqBlock,
    #page_product_detail .main_comment .orderBlocT .faqBlock {
        padding-top: 30px;
    }

    #page_product_detail .main_comment .orderBloc .faqBlock h3,
    #page_product_detail .main_comment .orderBlocC .faqBlock h3,
    #page_product_detail .main_comment .orderBlocT .faqBlock h3 {
        margin-bottom: 15px;
        font-size: 24px;
    }

    #page_product_detail .main_comment .orderBloc .faqBlock h3 span,
    #page_product_detail .main_comment .orderBlocC .faqBlock h3 span,
    #page_product_detail .main_comment .orderBlocT .faqBlock h3 span {
        padding: 0 30px;
    }

    #page_product_detail .main_comment .orderBloc .faqBlock h3 span.subTitle,
    #page_product_detail .main_comment .orderBlocC .faqBlock h3 span.subTitle,
    #page_product_detail .main_comment .orderBlocT .faqBlock h3 span.subTitle {
        padding-left: 20px;
        font-size: 16px;
    }

    #page_product_detail .main_comment .orderBloc .faqBlock .faqList .faqBox,
    #page_product_detail .main_comment .orderBlocC .faqBlock .faqList .faqBox,
    #page_product_detail .main_comment .orderBlocT .faqBlock .faqList .faqBox {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 468px) {

    #page_product_detail .main_comment .detailBloc .blocInner .boxC ul,
    #page_product_detail .main_comment .detailBloc .blocInnerC .boxR ul,
    #page_product_detail .main_comment .detailBloc .blocInnerB .boxR ul,
    #page_product_detail .main_comment .detailBloc .blocInnerT .boxC ul,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxL ul {
        height: 120px;
    }

    #page_product_detail .main_comment .detailBloc .blocInner .boxC ul li,
    #page_product_detail .main_comment .detailBloc .blocInnerC .boxR ul li,
    #page_product_detail .main_comment .detailBloc .blocInnerB .boxR ul li,
    #page_product_detail .main_comment .detailBloc .blocInnerT .boxC ul li,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxL ul li {
        width: 120px;
        height: 120px;
        margin-left: 10px;
    }
}

@media screen and (max-width: 368px) {

    #page_product_detail .main_comment .detailBloc .blocInner .boxC ul,
    #page_product_detail .main_comment .detailBloc .blocInnerC .boxR ul,
    #page_product_detail .main_comment .detailBloc .blocInnerB .boxR ul,
    #page_product_detail .main_comment .detailBloc .blocInnerT .boxC ul,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxL ul {
        height: 100px;
    }

    #page_product_detail .main_comment .detailBloc .blocInner .boxC ul li,
    #page_product_detail .main_comment .detailBloc .blocInnerC .boxR ul li,
    #page_product_detail .main_comment .detailBloc .blocInnerB .boxR ul li,
    #page_product_detail .main_comment .detailBloc .blocInnerT .boxC ul li,
    #page_product_detail .main_comment .detailBloc .blocInnerO .boxL ul li {
        width: 100px;
        height: 100px;
    }
}

/* 印字説明枠
----------------------------------------------- */
#page_product_detail .main_comment .orderBloc,
#page_product_detail .main_comment .orderBlocC,
#page_product_detail .main_comment .orderBlocT {
    font-size: 15px;
    line-height: 1.6;
}

#page_product_detail .main_comment .orderBloc img.btOrder {
    clear: both;
    float: none;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
}

#page_product_detail .main_comment .orderBlocC div img.btOrder,
#page_product_detail .main_comment .orderBlocC .boxR img.btOrder {
    clear: both;
    float: none;
    max-width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
}

#page_product_detail .main_comment .orderBloc p,
#page_product_detail .main_comment .orderBlocC p,
#page_product_detail .main_comment .orderBlocT p {
    clear: both;
    margin: 0 0 15px 0;
    padding: 0;
}

#page_product_detail .main_comment .orderBloc p:nth-child(2),
#page_product_detail .main_comment .orderBlocC p:nth-child(2),
#page_product_detail .main_comment .orderBlocT p:nth-child(2),
#page_product_detail .main_comment .orderBlocC p:last-child {
    margin-bottom: 0;
}

#page_product_detail .main_comment .orderBloc .explanationBloc,
#page_product_detail .main_comment .orderBlocC .explanationBloc,
#page_product_detail .main_comment .orderBlocT .explanationBloc {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 30px 0;
    overflow: hidden;
    text-align: center;
}

#page_product_detail .main_comment .orderBloc h2,
#page_product_detail .main_comment .orderBlocC h2,
#page_product_detail .main_comment .orderBlocT h2 {
    clear: both;
    margin: 0;
    padding: 0 0 30px 0;
    font-size: 32px;
    line-height: 1.4;
    font-weight: normal;
}

#page_product_detail .main_comment .orderBloc .explanationBloc img.wideImage,
#page_product_detail .main_comment .orderBlocC .explanationBloc img.wideImage,
#page_product_detail .main_comment .orderBlocT .explanationBloc img.wideImage {
    clear: both;
    float: none;
    max-width: initial;
    max-width: 100%;
    margin: 0 auto;
    padding-right: 0;
}

#page_product_detail .main_comment .orderBloc .explanationBloc img.exImage,
#page_product_detail .main_comment .orderBlocC .explanationBloc img.exImage,
#page_product_detail .main_comment .orderBlocT .explanationBloc img.exImage {
    float: left;
    max-width: 360px;
    margin: 0;
    padding: 0 30px 0 0;
}

#page_product_detail .main_comment .orderBloc .explanationBloc img.exSummary,
#page_product_detail .main_comment .orderBlocC .explanationBloc img.exSummary,
#page_product_detail .main_comment .orderBlocT .explanationBloc img.exSummary {
    float: left;
    max-width: 460px;
    margin: 0;
    padding: 0;
}

#page_product_detail .main_comment .orderBlocT .exampleImage {
    clear: both;
    margin: 0;
    padding: 20px 0 0 0;
    overflow: hidden;
}

#page_product_detail .main_comment .orderBlocT .exampleImage h4 {
    margin: 10px 0 15px 0;
    padding: 0 0 3px 37px;
    color: #786E4D;
    font-size: 18px;
    background: url("/images/common/bg_h3.gif") no-repeat left bottom;
}

#page_product_detail .main_comment .orderBlocT .exampleImage img.wideImage {
    margin-bottom: 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {

    #page_product_detail .main_comment .orderBloc .explanationBloc img.wideImage,
    #page_product_detail .main_comment .orderBlocC .explanationBloc img.wideImage,
    #page_product_detail .main_comment .orderBlocT .explanationBloc img.wideImage {
        padding-right: 0;
    }

    #page_product_detail .main_comment .orderBloc .explanationBloc img.exImage,
    #page_product_detail .main_comment .orderBlocC .explanationBloc img.exImage,
    #page_product_detail .main_comment .orderBlocT .explanationBloc img.exImage {
        max-width: 41.86%;
        padding-right: 30px;
    }

    #page_product_detail .main_comment .orderBloc .explanationBloc img.exSummary,
    #page_product_detail .main_comment .orderBlocC .explanationBloc img.exSummary,
    #page_product_detail .main_comment .orderBlocT .explanationBloc img.exSummary {
        max-width: 53.48%;
    }
}

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

    #page_product_detail .main_comment .orderBloc,
    #page_product_detail .main_comment .orderBlocC,
    #page_product_detail .main_comment .orderBlocT {
        padding: 30px 0;
        font-size: 13px;
    }

    #page_product_detail .main_comment .orderBlocC img.wideImage {
        margin-bottom: 20px;
    }

    #page_product_detail .main_comment .orderBloc .explanationBloc,
    #page_product_detail .main_comment .orderBlocC .explanationBloc,
    #page_product_detail .main_comment .orderBlocT .explanationBloc {
        padding-bottom: 20px;
    }

    #page_product_detail .main_comment .orderBloc h2,
    #page_product_detail .main_comment .orderBlocC h2,
    #page_product_detail .main_comment .orderBlocT h2 {
        padding-bottom: 15px;
        font-size: 24px;
    }

    #page_product_detail .main_comment .orderBloc .explanationBloc img.wideImage,
    #page_product_detail .main_comment .orderBlocC .explanationBloc img.wideImage,
    #page_product_detail .main_comment .orderBlocT .explanationBloc img.wideImage {
        margin-bottom: 0;
    }

    #page_product_detail .main_comment .orderBloc .explanationBloc img.exImage,
    #page_product_detail .main_comment .orderBlocC .explanationBloc img.exImage,
    #page_product_detail .main_comment .orderBlocT .explanationBloc img.exImage {
        clear: both;
        float: none;
        max-width: 50%;
        margin: 0 auto 15px auto;
        padding-right: 0;
    }

    #page_product_detail .main_comment .orderBloc .explanationBloc img.exSummary,
    #page_product_detail .main_comment .orderBlocC .explanationBloc img.exSummary,
    #page_product_detail .main_comment .orderBlocT .explanationBloc img.exSummary {
        clear: both;
        float: none;
        max-width: 100%;
        margin: 0 auto;
    }

    #page_product_detail .main_comment .orderBlocT .exampleImage h4 {
        font-size: 16px;
    }
}

/* よくある質問 ------------ */
#page_product_detail .main_comment .orderBloc .faqBlock,
#page_product_detail .main_comment .orderBlocC .faqBlock,
#page_product_detail .main_comment .orderBlocT .faqBlock {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 30px 0 0 0;
    overflow: hidden;
}

#page_product_detail .main_comment .orderBloc .faqBlock h3,
#page_product_detail .main_comment .orderBlocC .faqBlock h3,
#page_product_detail .main_comment .orderBlocT .faqBlock h3 {
    clear: both;
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
    position: relative;
    text-align: center;
    font-size: 32px;
    line-height: 1.4;
    font-weight: normal;
}

#page_product_detail .main_comment .orderBloc .faqBlock h3:before,
#page_product_detail .main_comment .orderBlocC .faqBlock h3:before,
#page_product_detail .main_comment .orderBlocT .faqBlock h3:before {
    width: 100%;
    height: 2px;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    content: '';
    background: #A68B56;
}

#page_product_detail .main_comment .orderBloc .faqBlock h3 span,
#page_product_detail .main_comment .orderBlocC .faqBlock h3 span,
#page_product_detail .main_comment .orderBlocT .faqBlock h3 span {
    padding: 0 30px;
    position: relative;
    background: #FFF;
}

#page_product_detail .main_comment .orderBloc .faqBlock h3 span.subTitle,
#page_product_detail .main_comment .orderBlocC .faqBlock h3 span.subTitle,
#page_product_detail .main_comment .orderBlocT .faqBlock h3 span.subTitle {
    padding: 0 0 0 20px;
    position: static;
    font-size: 24px;
    background: none;
}

#page_product_detail .main_comment .orderBloc .faqBlock .faqList,
#page_product_detail .main_comment .orderBlocC .faqBlock .faqList,
#page_product_detail .main_comment .orderBlocT .faqBlock .faqList {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#page_product_detail .main_comment .orderBloc .faqBlock .faqList .faqBox,
#page_product_detail .main_comment .orderBlocC .faqBlock .faqList .faqBox,
#page_product_detail .main_comment .orderBlocT .faqBlock .faqList .faqBox {
    width: 48%;
    margin: 0 0 20px;
    padding: 0;
}

#page_product_detail .main_comment .orderBloc .faqBlock .faqList .faqBox:nth-last-of-type(-n+2),
#page_product_detail .main_comment .orderBlocC .faqBlock .faqList .faqBox:nth-last-of-type(-n+2),
#page_product_detail .main_comment .orderBlocT .faqBlock .faqList .faqBox:nth-last-of-type(-n+2) {
    margin-bottom: 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {

    #page_product_detail .main_comment .orderBloc .faqBlock,
    #page_product_detail .main_comment .orderBlocC .faqBlock,
    #page_product_detail .main_comment .orderBlocT .faqBlock {
        padding-top: 25px;
    }

    #page_product_detail .main_comment .orderBloc .faqBlock h3,
    #page_product_detail .main_comment .orderBlocC .faqBlock h3,
    #page_product_detail .main_comment .orderBlocT .faqBlock h3 {
        margin-bottom: 20px;
        font-size: 26px;
    }

    #page_product_detail .main_comment .orderBloc .faqBlock h3 span,
    #page_product_detail .main_comment .orderBlocC .faqBlock h3 span,
    #page_product_detail .main_comment .orderBlocT .faqBlock h3 span {
        padding: 0 20px;
    }

    #page_product_detail .main_comment .orderBloc .faqBlock h3 span.subTitle,
    #page_product_detail .main_comment .orderBlocC .faqBlock h3 span.subTitle,
    #page_product_detail .main_comment .orderBlocT .faqBlock h3 span.subTitle {
        padding-left: 15px;
        font-size: 18px;
    }

    #page_product_detail .main_comment .orderBloc .faqBlock .faqList .faqBox,
    #page_product_detail .main_comment .orderBlocC .faqBlock .faqList .faqBox,
    #page_product_detail .main_comment .orderBlocT .faqBlock .faqList .faqBox {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 468px) {

    #page_product_detail .main_comment .orderBloc .faqBlock .faqList .faqBox,
    #page_product_detail .main_comment .orderBlocC .faqBlock .faqList .faqBox,
    #page_product_detail .main_comment .orderBlocT .faqBlock .faqList .faqBox {
        width: 100%;
        margin-bottom: 15px;
    }

    #page_product_detail .main_comment .orderBloc .faqBlock .faqList .faqBox:nth-last-of-type(-n+2),
    #page_product_detail .main_comment .orderBlocC .faqBlock .faqList .faqBox:nth-last-of-type(-n+2),
    #page_product_detail .main_comment .orderBlocT .faqBlock .faqList .faqBox:nth-last-of-type(-n+2) {
        margin-bottom: 15px;
    }

    #page_product_detail .main_comment .orderBloc .faqBlock .faqList .faqBox:last-of-type,
    #page_product_detail .main_comment .orderBlocC .faqBlock .faqList .faqBox:last-of-type,
    #page_product_detail .main_comment .orderBlocT .faqBlock .faqList .faqBox:last-of-type {
        margin-bottom: 0;
    }
}

/* 制作例
----------------------------------------------------------- */
#page_product_detail .main_comment .detailBloc .exBloc,
#page_product_detail .main_comment .detailBloc .exBloc02,
#page_product_detail .main_comment .detailBloc .exBloc03 {
    padding-bottom: 15px;
}

#page_product_detail .main_comment .detailBloc .exBloc h3,
#page_product_detail .main_comment .detailBloc .exBloc02 h3,
#page_product_detail .main_comment .detailBloc .exBloc03 h3 {
    clear: both;
    margin: 0;
    padding: 0 0 20px 0;
    text-align: center;
    font-size: 32px;
    line-height: 1.4;
    font-weight: normal;
}

#page_product_detail .main_comment .detailBloc .exBloc02 h4,
#page_product_detail .main_comment .detailBloc .exBloc03 h4 {
    margin: 0 0 20px 0;
    padding: 0 0 3px 37px;
    color: #786E4D;
    font-size: 18px;
    background: url("/images/common/bg_h3.gif") no-repeat left bottom;
}

#page_product_detail .main_comment .detailBloc .exBloc02 p,
#page_product_detail .main_comment .detailBloc .exBloc03 p {
    clear: both;
    margin: 0;
    padding: 0 0 25px 0;
    font-size: 14px;
}

#page_product_detail .main_comment .detailBloc .exBloc ul,
#page_product_detail .main_comment .detailBloc .exBloc02 ul,
#page_product_detail .main_comment .detailBloc .exBloc03 ul {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

#page_product_detail .main_comment .detailBloc .exBloc02 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#page_product_detail .main_comment .detailBloc .exBloc ul li,
#page_product_detail .main_comment .detailBloc .exBloc02 ul li,
#page_product_detail .main_comment .detailBloc .exBloc03 ul li {
    float: left;
    width: 160px;
    margin: 0 15px 15px 0;
    padding: 0;
    text-align: center;
}

#page_product_detail .main_comment .detailBloc .exBloc02 ul li {
    width: 270px;
    margin-right: 25px;
}

#page_product_detail .main_comment .detailBloc .exBloc03 ul li {
    width: 417px;
    margin-right: 25px;
}

#page_product_detail .main_comment .detailBloc .exBloc ul li.end,
#page_product_detail .main_comment .detailBloc .exBloc02 ul li.end,
#page_product_detail .main_comment .detailBloc .exBloc03 ul li.end {
    margin-right: 0;
}

#page_product_detail .main_comment .detailBloc .exBloc ul li.empty {
    height: 0;
    margin: 0;
    padding-bottom: 0;
}

#page_product_detail .main_comment .detailBloc .exBloc ul li img,
#page_product_detail .main_comment .detailBloc .exBloc ul li.end img,
#page_product_detail .main_comment .detailBloc .exBloc02 ul li img,
#page_product_detail .main_comment .detailBloc .exBloc02 ul li.end img,
#page_product_detail .main_comment .detailBloc .exBloc03 ul li img,
#page_product_detail .main_comment .detailBloc .exBloc03 ul li.end img {
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0;
    border: 1px solid #D5CDA9;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {

    #page_product_detail .main_comment .detailBloc .exBloc ul,
    #page_product_detail .main_comment .detailBloc .exBloc03 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #page_product_detail .main_comment .detailBloc .exBloc ul li,
    #page_product_detail .main_comment .detailBloc .exBloc ul li.end,
    #page_product_detail .main_comment .detailBloc .exBloc02 ul li,
    #page_product_detail .main_comment .detailBloc .exBloc02 ul li.end,
    #page_product_detail .main_comment .detailBloc .exBloc03 ul li,
    #page_product_detail .main_comment .detailBloc .exBloc03 ul li.end {
        margin-right: 0;
        padding: 0 7px 7px 7px;
    }

    #page_product_detail .main_comment .detailBloc .exBloc ul li,
    #page_product_detail .main_comment .detailBloc .exBloc ul li.end {
        width: 20%;
    }

    #page_product_detail .main_comment .detailBloc .exBloc02 ul li,
    #page_product_detail .main_comment .detailBloc .exBloc02 ul li.end {
        width: 33.33%;
    }

    #page_product_detail .main_comment .detailBloc .exBloc03 ul li,
    #page_product_detail .main_comment .detailBloc .exBloc03 ul li.end {
        width: 49%;
    }
}

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

    #page_product_detail .main_comment .detailBloc .exBloc,
    #page_product_detail .main_comment .detailBloc .exBloc02,
    #page_product_detail .main_comment .detailBloc .exBloc03 {
        padding-bottom: 0;
    }

    #page_product_detail .main_comment .detailBloc .exBloc ul li,
    #page_product_detail .main_comment .detailBloc .exBloc ul li.end {
        width: 33.33%;
    }

    #page_product_detail .main_comment .detailBloc .exBloc h3,
    #page_product_detail .main_comment .detailBloc .exBloc02 h3,
    #page_product_detail .main_comment .detailBloc .exBloc03 h3 {
        padding-bottom: 15px;
        font-size: 24px;
    }
}

@media screen and (max-width: 388px) {

    #page_product_detail .main_comment .detailBloc .exBloc ul li,
    #page_product_detail .main_comment .detailBloc .exBloc ul li.end,
    #page_product_detail .main_comment .detailBloc .exBloc02 ul li,
    #page_product_detail .main_comment .detailBloc .exBloc02 ul li.end {
        width: 50%;
    }
}

/* 商品サイズ画像枠
----------------------------------------------- */
#page_product_detail .main_comment .itemsizeBloc {
    margin: 30px 0 0 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #page_product_detail .main_comment .itemsizeBloc {
        margin-top: 20px;
    }
}

@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .itemsizeBloc {
        margin-top: 0;
    }
}

/* お花セット説明枠
------------------------------------------------------------- */
#page_product_detail .main_comment .prizaBox {
    margin: 30px 0 0 0;
}

#page_product_detail .main_comment .prizaBox img.photo {
    clear: both;
    margin: 0;
    padding: 30px 0 0 0;
}

.ex {
    clear: both;
    width: 100%;
    padding: 25px 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
}

.ex h2 {
    clear: both;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 24px;
    color: #bc4655;
    border-bottom: 2px dashed #bc4655;
}

.ex h2.blue {
    color: #165e83;
    border-bottom: 2px dashed #165e83;
}

.exC {
    width: 100%;
    min-height: 480px;
    margin-bottom: 20px;
    background: #000 url("/images/products/dora/fd-65hb/herbarium_img3.jpg") no-repeat center bottom;
    display: flex;
    justify-content: center;
    align-items: center;
}

.exC p {
    margin: 0 180px;
    padding: 0;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    line-height: 1.5;
}

.itemarea2 {
    clear: both;
    margin: 20px auto;
}

.itemarea2 h2 {
    clear: both;
    margin: 10px auto 30px;
    text-align: center;
    font-size: 24px;
    color: #bc4655;
    border-bottom: 2px dashed #bc4655;
}

.itemarea2 h2.blue {
    color: #165e83;
    border-bottom: 2px dashed #165e83;
}

.itemarea2 .f-l {
    float: left;
    width: 57%;
    font-size: 16px;
    line-height: 1.5;
}

.itemarea2 .f-r {
    float: right;
    width: 40%;
}

.itemarea2 .f-r img {
    width: 100%;
    margin-bottom: 20px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #page_product_detail .main_comment .prizaBox {
        margin-top: 20px;
    }

    .exC {
        background-size: 100% auto;
    }

    .exC p {
        margin: 0 20.93%;
        padding: 20px 0;
    }

    .itemarea2 .f-l {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .prizaBox {
        margin-top: 0;
    }

    .ex {
        font-size: 14px;
    }

    .ex h2 {
        font-size: 20px;
    }

    .exC p {
        font-size: 14px;
    }

    .itemarea2 h2 {
        font-size: 20px;
    }

    .itemarea2 .f-l {
        font-size: 14px;
    }
}

@media screen and (max-width: 568px) {
    .ex h2 {
        margin: 0 auto 20px auto;
    }

    .itemarea2 h2 {
        margin: 10px auto;
    }

    .itemarea2 .f-l {
        float: none;
        width: 100%;
    }

    .itemarea2 .f-r {
        float: none;
        width: 100%;
        text-align: center;
    }

    .itemarea2 .f-r img {
        width: auto;
    }
}

/* ロゴデータ送信方法
------------------------------------------------------------- */
#page_product_detail .main_comment #orilogoBloc {
    background: #FFF url(/images/top/bg_item.jpg) repeat left top;
}

#page_product_detail .main_comment #orilogoBloc .blocInner,
#page_product_detail .main_comment #orilogoBloc .orderBlocTI {
    padding: 30px 30px 10px 30px;
    /* margin-top: 30px; */
}

#page_product_detail .main_comment #orilogoBloc .blocInner h3 {
    margin-bottom: 0;
    padding-bottom: 25px;
    font-size: 32px;
}

#page_product_detail .main_comment #orilogoBloc .blocInner h4 {
    margin: 30px 0 15px 0;
    font-size: 20px;
    border-left: 10px solid #b3a07e;
    padding-left: 15px;
    line-height: 1;
    margin-bottom: 20px;
    border-bottom: 1px solid #b3a07e;
    padding-bottom: 10px;
    font-style: normal;
    font-weight: 500;
    color: #816639;
}

#page_product_detail .main_comment #orilogoBloc .blocInner p {
    clear: both;
    margin: 0;
    padding: 0 0 20px 0;
}

#page_product_detail .main_comment #orilogoBloc .blocInner img {
    clear: both;
    margin: 0;
    padding: 0 0 20px 0;
}

#page_product_detail .main_comment #orilogoBloc .blocInner a {
    text-decoration: none;
}

#page_product_detail .main_comment #orilogoBloc .blocInner a:hover {
    text-decoration: underline;
}

#page_product_detail .main_comment #orilogoBloc .blocInner a:hover img {
    opacity: 0.7;
}

#page_product_detail .main_comment #orilogoBloc .blocInner .box {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#page_product_detail .main_comment #orilogoBloc .blocInner .box h4 {
    margin: 10px 0 15px 0;
    padding: 0 0 3px 37px;
    color: #786E4D;
    font-size: 18px;
    background: url("/images/common/bg_h3.gif") no-repeat left bottom;
}

#page_product_detail .main_comment #orilogoBloc .blocInner .box img {
    clear: both;
    margin: 0;
    padding: 0 0 20px 0;
}

#page_product_detail .main_comment #orilogoBloc .blocInner .box img.imgL {
    float: left;
    width: 200px;
    margin: 0;
    padding: 0 20px 20px 0;
}

#page_product_detail .main_comment #orilogoBloc .blocInner .box p {
    clear: none;
    margin: 0;
    padding: 0 0 20px 0;
}

#page_product_detail .main_comment #orilogoBloc .blocInner .innerBox {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
    overflow: hidden;
}

#page_product_detail .main_comment #orilogoBloc .blocInner .innerBox .boxL {
    float: left;
    width: 48.5%;
    margin: 0 3% 0 0;
    padding: 0;
    position: relative;
}


#page_product_detail .main_comment #orilogoBloc .blocInner .innerBox .boxL:after {
    width: 0;
    height: 0;
    margin: -10px 0 0 0;
    position: absolute;
    top: 45%;
    right: -24px;
    content: '';
    border-top: 20px solid transparent;
    border-left: 20px solid #F00;
    border-bottom: 20px solid transparent;
}

#page_product_detail .main_comment #orilogoBloc .blocInner .innerBox .boxR {
    float: right;
    width: 48.5%;
    margin: 0;
    padding: 0;
}

#page_product_detail .main_comment #orilogoBloc .blocInner .innerBox .boxL img,
#page_product_detail .main_comment #orilogoBloc .blocInner .innerBox .boxR img {
    clear: both;
    margin: 0;
    padding: 0;
}

#page_product_detail .main_comment #orilogoBloc .blocInner .innerBox .boxL p,
#page_product_detail .main_comment #orilogoBloc .blocInner .innerBox .boxR p {
    clear: both;
    margin: 0;
    padding: 0;
}

#page_product_detail .main_comment #orilogoBloc .blocInner .innerBox .boxL p.exampleText,
#page_product_detail .main_comment #orilogoBloc .blocInner .innerBox .boxR p.exampleText {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 8px 10px 5px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    background: #8F7A21;
}

#page_product_detail .main_comment #orilogoBloc .blocInner .guideBanner {
    clear: both;
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

#page_product_detail .main_comment #orilogoBloc .blocInner p.nyuko_mail_image img {
    margin-top: 10px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #page_product_detail .main_comment #orilogoBloc {
        background-position: right top;
    }

    #page_product_detail .main_comment #orilogoBloc .blocInner .box img.imgL {
        width: 200px;
        padding: 0 20px 0 0;
    }

    #page_product_detail .main_comment #orilogoBloc .blocInner .innerBox .boxL:after {
        right: -20px;
    }
}

@media screen and (max-width: 768px) {
    #page_product_detail .main_comment #orilogoBloc {
        margin-bottom: 15px;
        padding: 0;
        background: none;
    }

    #page_product_detail .main_comment #orilogoBloc .blocInner,
    #page_product_detail .main_comment #orilogoBloc .orderBlocTI {
        margin-top: 0;
        padding: 0;
    }

    #page_product_detail .main_comment #orilogoBloc .blocInner h3 {
        padding-bottom: 10px;
        font-size: 24px;
    }

    #page_product_detail .main_comment #orilogoBloc .blocInner img {
        clear: both;
        margin: 0 auto;
        padding-bottom: 10px;
        display: block;
    }

    #page_product_detail .main_comment #orilogoBloc .blocInner .box img.imgL {
        width: auto;
        padding: 0 0 20px 0;
    }
}


@media screen and (max-width: 568px) {
    #page_product_detail .main_comment #orilogoBloc .blocInner .innerBox .boxL {
        float: none;
        width: 100%;
        margin-right: 0;
        padding: 0 0 30px;
        text-align: center;
    }

    #page_product_detail .main_comment #orilogoBloc .blocInner .innerBox .boxL:after {
        margin: 0 0 0 -10px;
        top: auto;
        right: auto;
        bottom: -16px;
        left: 50%;
        border-top: 20px solid #F00;
        border-right: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid transparent;
    }

    #page_product_detail .main_comment #orilogoBloc .blocInner .innerBox .boxR {
        float: none;
        width: 100%;
        text-align: center;
    }

    #page_product_detail .main_comment #orilogoBloc .blocInner .innerBox .boxL img,
    #page_product_detail .main_comment #orilogoBloc .blocInner .innerBox .boxR img {
        margin: 0 auto;
        display: block;
    }

    #page_product_detail .main_comment #orilogoBloc .blocInner .innerBox .boxL p.exampleText {
        margin-bottom: 0;
    }

    #page_product_detail .main_comment #orilogoBloc .blocInner .innerBox .boxR p.exampleText {
        margin-bottom: 10px;
    }
}

/* オプションのご案内
----------------------------------------------- */
#page_product_detail .main_comment #optionBloc {
    background: #FFF url(/images/top/bg_item.jpg) repeat left top;
}

#page_product_detail .main_comment #optionBloc h3 {
    margin-bottom: 0;
    padding-bottom: 40px;
    font-size: 32px;
}

#page_product_detail .main_comment #optionBloc .cardBloc h3,
#page_product_detail .main_comment #optionBloc .cardBloc02 h3 {
    margin-bottom: 0;
    padding-bottom: 15px;
    text-align: center;
    font-size: 32px;
}

#page_product_detail .main_comment #optionBloc h3 span,
#page_product_detail .main_comment #optionBloc .cardBloc h3 span,
#page_product_detail .main_comment #optionBloc .cardBloc02 h3 span {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 1.4;
    font-weight: normal;
}

#page_product_detail .main_comment #optionBloc h4 {
    clear: both;
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: normal;
}

#page_product_detail .main_comment #optionBloc .blocInner {
    margin: 0;
}

#page_product_detail .main_comment #optionBloc .cardBloc,
#page_product_detail .main_comment #optionBloc .cardBloc02 {
    margin-bottom: 0;
}

#page_product_detail .main_comment #optionBloc .cardBloc02 {
    margin-top: 30px;
}

#page_product_detail .main_comment #optionBloc .blocInner .explanation,
#page_product_detail .main_comment #optionBloc .cardBloc .explanation,
#page_product_detail .main_comment #optionBloc .cardBloc02 .explanation {
    clear: both;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #D6CEA9;
}

#page_product_detail .main_comment #optionBloc .blocInner .optionBoxL,
#page_product_detail .main_comment #optionBloc .blocInner .optionBoxC,
#page_product_detail .main_comment #optionBloc .blocInner .optionBoxR,
#page_product_detail .main_comment #optionBloc .cardBloc .optionBoxL,
#page_product_detail .main_comment #optionBloc .cardBloc .optionBoxC,
#page_product_detail .main_comment #optionBloc .cardBloc .optionBoxR,
#page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxL,
#page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxC,
#page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxR {
    float: left;
    width: 270px;
    margin: 0 25px 0 0;
    padding: 0;
}

#page_product_detail .main_comment #optionBloc .blocInner .optionBoxR,
#page_product_detail .main_comment #optionBloc .cardBloc .optionBoxR,
#page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxR {
    margin-right: 0;
}

#page_product_detail .main_comment #optionBloc .blocInner .optionBoxL h3,
#page_product_detail .main_comment #optionBloc .blocInner .optionBoxC h3,
#page_product_detail .main_comment #optionBloc .blocInner .optionBoxR h3,
#page_product_detail .main_comment #optionBloc .cardBloc .optionBoxL h3,
#page_product_detail .main_comment #optionBloc .cardBloc .optionBoxC h3,
#page_product_detail .main_comment #optionBloc .cardBloc .optionBoxR h3,
#page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxL h3,
#page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxC h3,
#page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxR h3 {
    clear: both;
    margin: 0;
    padding: 0 0 15px 0;
    text-align: center;
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
}

#page_product_detail .main_comment #optionBloc .blocInner .optionBoxL h3 span,
#page_product_detail .main_comment #optionBloc .blocInner .optionBoxC h3 span,
#page_product_detail .main_comment #optionBloc .blocInner .optionBoxR h3 span,
#page_product_detail .main_comment #optionBloc .cardBloc .optionBoxL h3 span,
#page_product_detail .main_comment #optionBloc .cardBloc .optionBoxC h3 span,
#page_product_detail .main_comment #optionBloc .cardBloc .optionBoxR h3 span,
#page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxL h3 span,
#page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxC h3 span,
#page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxR h3 span {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 1.4;
    font-weight: normal;
}

#page_product_detail .main_comment #optionBloc .blocInner .optionBoxL img,
#page_product_detail .main_comment #optionBloc .blocInner .optionBoxC img,
#page_product_detail .main_comment #optionBloc .blocInner .optionBoxR img,
#page_product_detail .main_comment #optionBloc .cardBloc img,
#page_product_detail .main_comment #optionBloc .cardBloc .optionBoxL img,
#page_product_detail .main_comment #optionBloc .cardBloc .optionBoxC img,
#page_product_detail .main_comment #optionBloc .cardBloc .optionBoxR img,
#page_product_detail .main_comment #optionBloc .cardBloc02 img,
#page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxL img,
#page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxC img,
#page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxR img {
    clear: both;
    margin: 0;
    padding: 0;
}

#page_product_detail .main_comment #optionBloc .blocInner .optionBoxL p,
#page_product_detail .main_comment #optionBloc .blocInner .optionBoxC p,
#page_product_detail .main_comment #optionBloc .blocInner .optionBoxR p,
#page_product_detail .main_comment #optionBloc .cardBloc p,
#page_product_detail .main_comment #optionBloc .cardBloc .optionBoxL p,
#page_product_detail .main_comment #optionBloc .cardBloc .optionBoxC p,
#page_product_detail .main_comment #optionBloc .cardBloc .optionBoxR p,
#page_product_detail .main_comment #optionBloc .cardBloc02 p,
#page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxL p,
#page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxC p,
#page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxR p {
    clear: both;
    margin: 0;
    padding: 10px 0 0 0;
    line-height: 1.5;
}

#page_product_detail .main_comment #optionBloc .blocInner .onetypemidashi,
#page_product_detail .main_comment #optionBloc .cardBloc02 .onetypemidashi {
    margin: 0 0 10px 0;
    padding: 0 0 3px 37px;
    color: #786E4D;
    font-size: 18px;
    font-weight: bold;
    background: url("/images/common/bg_h3.gif") no-repeat left bottom;
}

#page_product_detail .main_comment #optionBloc .blocInner .onetypemidashi:nth-of-type(2),
#page_product_detail .main_comment #optionBloc .blocInner .onetypemidashi:nth-of-type(3),
#page_product_detail .main_comment #optionBloc .cardBloc02 .onetypemidashi:nth-of-type(2),
#page_product_detail .main_comment #optionBloc .cardBloc02 .onetypemidashi:nth-of-type(3) {
    margin-top: 20px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #page_product_detail .main_comment #optionBloc {
        background-position: right top;
    }

    #page_product_detail .main_comment #optionBloc .blocInner,
    #page_product_detail .main_comment #optionBloc .cardBloc,
    #page_product_detail .main_comment #optionBloc .cardBloc02 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #page_product_detail .main_comment #optionBloc .blocInner {
        margin-bottom: 0;
    }

    #page_product_detail .main_comment #optionBloc .cardBloc {
        margin-bottom: 30px;
    }

    #page_product_detail .main_comment #optionBloc .cardBloc02 {
        margin-top: 20px;
        overflow: visible;
    }

    #page_product_detail .main_comment #optionBloc h3,
    #page_product_detail .main_comment #optionBloc .cardBloc02 h3 {
        width: 100%;
        padding-bottom: 20px;
        text-align: center;
    }

    #page_product_detail .main_comment #optionBloc h3 span {
        padding-top: 2px;
        display: block;
    }

    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxL,
    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxC,
    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxR,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxL,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxC,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxR,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxL,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxC,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxR {
        width: 33.33%;
        margin-right: 0;
        padding: 0 5px;
    }

    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxL img,
    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxC img,
    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxR img,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxL img,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxC img,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxR img,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxL img,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxC img,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxR img {
        margin: 0 auto;
        display: block;
    }

    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxL h3,
    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxC h3,
    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxR h3,
    #page_product_detail .main_comment #optionBloc .cardBloc h3,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxL h3,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxC h3,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxR h3,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxL h3,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxC h3,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxR h3 {
        padding-bottom: 10px;
        font-size: 24px;
    }

    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxL h3 span,
    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxC h3 span,
    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxR h3 span,
    #page_product_detail .main_comment #optionBloc .cardBloc h3 span,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxL h3 span,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxC h3 span,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxR h3 span,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxL h3 span,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxC h3 span,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxR h3 span {
        margin-left: 5px;
        display: inline-block;
        font-size: 18px;
    }

    #page_product_detail .main_comment #optionBloc .blocInner .explanation,
    #page_product_detail .main_comment #optionBloc .cardBloc .explanation,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .explanation {
        align-self: flex-start;
    }

    #page_product_detail .main_comment #optionBloc .onetypemidashi {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    #page_product_detail .main_comment #optionBloc {
        background: none;
        border: 1px solid #ccc;
        padding: 25px;
    }

    #page_product_detail .main_comment #optionBloc .blocInner,
    #page_product_detail .main_comment #optionBloc .cardBloc,
    #page_product_detail .main_comment #optionBloc .cardBloc02 {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
    }

    #page_product_detail .main_comment #optionBloc .cardBloc02 {
        margin-top: 0;
    }

    #page_product_detail .main_comment #optionBloc h3,
    #page_product_detail .main_comment #optionBloc .cardBloc h3,
    #page_product_detail .main_comment #optionBloc .cardBloc02 h3 {
        padding-bottom: 20px;
        font-size: 24px;
    }

    #page_product_detail .main_comment #optionBloc h3 span {
        font-size: 16px;
    }

    #page_product_detail .main_comment #optionBloc h4 {
        font-size: 14px;
    }

    #page_product_detail .main_comment #optionBloc .blocInner .onetypemidashi,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .onetypemidashi {
        font-size: 16px;
    }

    #page_product_detail .main_comment #optionBloc .blocInner .explanation,
    #page_product_detail .main_comment #optionBloc .cardBloc .explanation,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .explanation {
        margin: 25px 0;
        padding-top: 0;
        border-top: none;
    }

    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxL h3,
    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxC h3,
    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxR h3,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxL h3,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxC h3,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxR h3,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxL h3,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxC h3,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxR h3 {
        font-size: 18px;
    }

    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxL h3 span,
    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxC h3 span,
    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxR h3 span,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxL h3 span,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxC h3 span,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxR h3 span,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxL h3 span,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxC h3 span,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxR h3 span {
        font-size: 13px;
    }

    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxL img,
    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxC img,
    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxR img,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxL img,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxC img,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxR img,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxL img,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxC img,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxR img {
        margin: 0 auto;
        display: block;
    }
}

@media screen and (max-width: 468px) {
    #page_product_detail .main_comment #optionBloc .cardBloc02 {
        margin-top: 0;
        padding-top: 5px;
    }

    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxL,
    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxC,
    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxR,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxL,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxC,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxR,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxL,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxC,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxR {
        float: none;
        width: 100%;
        margin: 0 auto 20px auto;
        padding: 0;
    }

    #page_product_detail .main_comment #optionBloc .blocInner .optionBoxR,
    #page_product_detail .main_comment #optionBloc .cardBloc .optionBoxR,
    #page_product_detail .main_comment #optionBloc .cardBloc02 .optionBoxR {
        margin-bottom: 0;
    }

    #page_product_detail .main_comment #optionBloc h3,
    #page_product_detail .main_comment #optionBloc .cardBloc h3,
    #page_product_detail .main_comment #optionBloc .cardBloc02 h3 {
        font-size: 22px;
    }

    #page_product_detail .main_comment #optionBloc h3 span {
        font-size: 14px;
    }
}

/* 注釈
----------------------------------------------- */
#page_product_detail .main_comment .cautionWrapper {
    text-align: center;
}

#page_product_detail .main_comment .caution {
    margin: 35px 0 10px 0;
    text-align: center;
    font-size: 22px;
    color: #F00;
    font-weight: bold;
    line-height: 1.4;
}

#page_product_detail .main_comment .caution a {
    color: #F00;
    text-decoration: underline;
}

#page_product_detail .main_comment .caution a:hover {
    color: #F00;
    text-decoration: none;
}

/* 商品情報・カート枠
----------------------------------------------- */
#detailarea {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 30px 0;
    overflow: hidden;
}

/* ギャラリー */
.ec-sliderItemRole {
    padding-left: 0;
    padding-right: 0;
}

#detailarea #detailphotobloc {
    float: left;
    width: 326px;
    margin: 0;
    padding: 0 26px 0 0;
}

#detailarea #detailphotobloc .photo .slick-slider {
    margin-bottom: 15px;
    padding: 3px;
    box-sizing: border-box;
    border: 1px solid #CCC;
}

#detailarea #detailphotobloc .photo .slick-dots {
    width: 100%;
    padding: 0;
    display: block;
    position: absolute;
    bottom: -45px;
    text-align: center;
    list-style: none;
}

#detailarea #detailphotobloc .photo .slick-dots li {
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

#detailarea #detailphotobloc .photo .slick-dots li button {
    width: 20px;
    height: 20px;
    padding: 5px;
    display: block;
    outline: none;
    cursor: pointer;
    color: transparent;
    font-size: 0;
    line-height: 0;
    border: 0;
    background: transparent;
}

#detailarea #detailphotobloc .photo .slick-dots li button:hover,
#detailarea #detailphotobloc .photo .slick-dots li button:focus {
    outline: none;
}

#detailarea #detailphotobloc .photo .slick-dots li button:hover:before,
#detailarea #detailphotobloc .photo .slick-dots li button:focus:before {
    opacity: 1;
}

#detailarea #detailphotobloc .photo .slick-dots li button:before {
    content: " ";
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    text-align: center;
    background-color: #E3D7AE;
    border-radius: 50%;

}

#detailarea #detailphotobloc .photo .slick-dots li.slick-active button:before {
    background-color: #261D15;
}

#detailarea #detailphotobloc .photo .slick-dots li button.thumbnail img {
    width: 0;
    height: 0;
}

.ec-sliderItemRole .slideThumb {
    width: 31.1%;
    margin-right: 10px;
    margin-bottom: 10px;
}

.ec-sliderItemRole .slideThumb:nth-of-type(3n) {
    margin-right: 0;
}

.ec-sliderItemRole .slideThumb img {
    width: 100%;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #detailarea #detailphotobloc {
        float: none;
        width: 100%;
        margin: 0 0 30px 0;
        padding: 0;
    }

    #detailarea #detailphotobloc .photo .slick-slider {
        margin-bottom: 45px;
    }

    .ec-sliderItemRole {
        width: 66% !important;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 568px) {
    .ec-sliderItemRole {
        width: 90% !important;
    }

    #detailarea #detailphotobloc .photo .slick-slider {
        margin-bottom: 55px;
    }

    #detailarea #detailphotobloc .photo .slick-dots {
        bottom: -65px;
    }
}

/* 関連カテゴリ */
#detailarea #detailphotobloc #categorylist_box {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

#detailarea #detailphotobloc #categorylist_box .relative_cat {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 20px 0 0 0;
    background: url("../img/common/line_dot_01.gif") repeat-x top;
}

#detailarea #detailphotobloc #categorylist_box .relative_cat dt,
#detailarea #detailphotobloc #categorylist_box .relative_cat dd {
    margin-bottom: 5px;
    padding: 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #detailarea #detailphotobloc #categorylist_box .relative_cat {
        padding-bottom: 10px;
    }
}

/* 商品情報
----------------------------------------------- */
#detailarea #detailrightbloc {
    float: right;
    width: 654px;
    margin: 0;
    padding: 0;
}

#detailarea #detailrightbloc h2 {
    margin: 0 0 12px 0;
    padding: 3px 0 10px 0;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    background: url("../img/common/line_dot_01.gif") repeat-x bottom;
}

#detailarea #detailrightbloc .detailblockL {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 15px 0;
}

#detailarea #detailrightbloc img {
    margin: 0 auto;
    display: block;
}

#detailarea #detailrightbloc #itemDeatil img {
    margin: 0;
}

#detailarea #detailrightbloc #sample_image_box {
    clear: both;
    width: 100%;
    margin: 5px 0 30px 0;
    padding: 0;
    text-align: center;
    overflow: hidden;
}

#detailarea #detailrightbloc #sample_image_box img {
    padding: 0;
    border: 1px solid #CCC;
    margin-bottom: 15px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #detailarea #detailrightbloc {
        width: calc(100% - 326px);
    }
}

@media screen and (max-width: 768px) {
    #detailarea #detailrightbloc {
        float: none;
        width: 100%;
        margin: 0;
    }
}

/* 商品コード */
#detailarea #detailrightbloc .product_code {
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0;
}

#detailarea #detailrightbloc .product_code dt,
#detailarea #detailrightbloc .product_code dd {
    display: inline;
}

/* 商品ステータス */
#productList .listrightbloc ul.status_icon,
#detailarea #detailrightbloc ul.status_icon {
    width: 100%;
    margin: 0;
    padding: 0;
}

#productList .listrightbloc ul.status_icon li,
#detailarea #detailrightbloc ul.status_icon li {
    float: left;
    min-width: 70px;
    height: 19px;
    margin: 0 8px 10px 0;
    padding: 4px 12px 0 12px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    border-radius: 3px;
}

#productList .listrightbloc ul.status_icon li:last-child,
#detailarea #detailrightbloc ul.status_icon li:last-child {
    margin-right: 0;
}

#productList .listrightbloc ul.status_icon li.icon-1,
#detailarea #detailrightbloc ul.status_icon li.icon-1 {
    background: #F5974A;
}

#productList .listrightbloc ul.status_icon li.icon-2,
#detailarea #detailrightbloc ul.status_icon li.icon-2 {
    background: #913982;
}

#productList .listrightbloc ul.status_icon li.icon-3,
#detailarea #detailrightbloc ul.status_icon li.icon-3 {
    background: #388DD1;
}

#productList .listrightbloc ul.status_icon li.icon-4,
#detailarea #detailrightbloc ul.status_icon li.icon-4 {
    background: #80AF20;
}

#productList .listrightbloc ul.status_icon li.icon-5,
#detailarea #detailrightbloc ul.status_icon li.icon-5 {
    background: #FF5983;
}

#productList .listrightbloc ul.status_icon li.icon-9,
#detailarea #detailrightbloc ul.status_icon li.icon-99 {
    background: #CF1010;
}

/* 通常価格 */
#detailarea #detailrightbloc .normal_price {
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0;
}

#detailarea #detailrightbloc .normal_price dt,
#detailarea #detailrightbloc .normal_price dd {
    display: inline;
}

/* 販売価格 */
#detailarea #detailrightbloc .sale_price {
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0;
}

#detailarea #detailrightbloc .sale_price dt,
#detailarea #detailrightbloc .sale_price dd {
    display: inline;
    font-size: 16px;
}

/* ポイント */
#detailarea #detailrightbloc .point {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    background: url("../img/common/line_dot_01.gif") repeat-x bottom;
}

#detailarea #detailrightbloc .point dt,
#detailarea #detailrightbloc .point dd {
    display: inline;
}

/* 規格 */
#detailarea #detailrightbloc .classlist {
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 10px 0;
    overflow: hidden;
    background: url("../img/common/line_dot_02.gif") repeat-x bottom;
}

#detailarea #detailrightbloc .classlist {
    margin-bottom: 5px;
}

#detailarea #detailrightbloc ul {
    width: 100%;
    margin-bottom: 10px;
}

#detailarea #detailrightbloc ul li {
    float: left;
    vertical-align: top;
}

/* 買い物かご
----------------------------------------------- */
#detailarea #detailrightbloc .cart_area {
    clear: both;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0;
    border: none;
    background: none;
}

/* オプション選択 */
#detailarea #detailrightbloc .cart_area table#sweet_message_area {
    clear: both;
    margin: 0 0 30px 0;
    padding: 0;
    border: none;
    border-top: 1px solid #958F74 !important;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area th,
#detailarea #detailrightbloc .cart_area table#sweet_message_area td {
    margin: 0;
    padding: 10px;
    vertical-align: top;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area th.bdno,
#detailarea #detailrightbloc .cart_area table#sweet_message_area td.bdno {
    padding-bottom: 0;
    border-bottom: none;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area th {
    border: none;
    border-right: 1px solid #958F74;
    border-bottom: 1px solid #958F74;
    border-left: 1px solid #958F74;
    background: #F5F3E7;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area th.quantity {
    padding: 18px 10px 15px 10px;
    text-align: right;
    font-size: 18px;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area th img {
    margin: 5px 0 0 0;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area th p {
    margin: 5px 0 0 0;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td {
    border: none;
    border-right: 1px solid #958F74;
    border-bottom: 1px solid #958F74;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td p {
    margin-top: 10px;
    margin-bottom: 10px;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td p.msg-attention {
    margin-bottom: 0;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td p:first-child {
    margin-top: 0;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td input[type="text"],
#detailarea #detailrightbloc .cart_area table#sweet_message_area td textarea,
#detailarea #detailrightbloc .cart_area table#sweet_message_area td select,
#detailarea #detailrightbloc .cart_area table#sweet_message_area td .ec-numberInput input {
    margin-bottom: 0;
    font-size: 13px;
    border: solid 1px #CCC;
    background: #FDEAEA;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td .ec-numberInput input {
    font-size: 16px;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td .ec-select {
    margin-bottom: 0;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td .ec-select select.form-control {
    margin-top: 0;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td.bdno p {
    margin-bottom: 5px;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td.bdno img {
    margin: 3px 0;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td.bdno .ec-select select.form-control {
    margin-top: 2px;
    margin-bottom: 8px;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td.bdno .form-check {
    margin-top: 15px;
    margin-bottom: 2px;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td.bdno .form-check:first-of-type {
    margin-top: 0;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td.bdno .form-check input[type=checkbox],
#detailarea #detailrightbloc .cart_area table#sweet_message_area td.bdno .form-check input[type=radio] {
    vertical-align: top;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td.bdno .form-check label {
    margin-bottom: 0;
    font-weight: normal;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td.bdno .form-check label {
    margin-bottom: 0;
    font-weight: normal;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td table {
    clear: both;
    margin: 0;
    padding: 0;
    border: none;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td table td {
    margin: 0;
    padding: 3px;
    border: none;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td table td img.imgL {
    clear: left;
    float: left;
    margin: 0 10px 0 0;
}

#detailarea #detailrightbloc .cart_area table#sweet_message_area td table td .textR {
    margin-top: 17px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 568px) {
    #detailarea #detailrightbloc .cart_area table#sweet_message_area {
        border-top: none !important;
    }

    #detailarea #detailrightbloc .cart_area table#sweet_message_area th,
    #detailarea #detailrightbloc .cart_area table#sweet_message_area td {
        width: 100%;
        display: block;
    }

    #detailarea #detailrightbloc .cart_area table#sweet_message_area td {
        border-left: 1px solid #958F74;
    }

    #detailarea #detailrightbloc .cart_area table#sweet_message_area tr:first-of-type>th {
        border-top: 1px solid #958F74;
    }

    #detailarea #detailrightbloc .cart_area table#sweet_message_area th.bdno,
    #detailarea #detailrightbloc .cart_area table#sweet_message_area td.bdno {
        padding-bottom: 10px;
        border-bottom: 1px solid #958F74;
    }

    #detailarea #detailrightbloc .cart_area table#sweet_message_area th.quantity {
        padding: 13px 10px 10px;
        text-align: left;
        font-size: 16px;
    }

    #detailarea #detailrightbloc .cart_area table#sweet_message_area td table {
        clear: both;
        margin: 0;
        padding: 0;
        border: none;
    }

    #detailarea #detailrightbloc .cart_area table#sweet_message_area td table td {
        margin: 0;
        padding: 3px;
        border: none;
    }

    #detailarea #detailrightbloc .cart_area table#sweet_message_area td input[type="text"],
    #detailarea #detailrightbloc .cart_area table#sweet_message_area td textarea {
        width: 100%;
    }
}

/* カートボタン */
#detailarea #detailrightbloc .cart_area .ec-productRole__btn {
    float: left;
    width: 60%;
    margin: 0 20px 0 0;
    text-align: center;
}

#detailarea #detailrightbloc .cart_area .ec-productRole__btn .ec-blockBtn--action {
    padding: 1px 10px 0 10px;
    color: #FFF;
    font-size: 18px;
    text-decoration: none;
    border-radius: 3px;
    border: none;
    background-color: #95C13A;
}

#detailarea #detailrightbloc .cart_area .ec-productRole__btn .ec-blockBtn--action:hover {
    background-color: #B5D375;
}

#detailarea #detailrightbloc .cart_area .ec-productRole__btn .ec-blockBtn--action i {
    padding-right: 12px;
    color: #FFF;
    font-size: 19px;
}

#detailarea #detailrightbloc .cart_area .ec-productRole__btn .ec-blockBtn--action[disabled] {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #999;
}

#detailarea #detailrightbloc .cart_area .ec-productRole__btn .ec-blockBtn--action[disabled]:hover {
    background-color: #999;
}

#detailarea #detailrightbloc .cart_area .ex_txt {
    float: right;
    width: 35%;
    margin: 0;
    padding: 6px 0 0 0;
    text-align: left;
    font-size: 13px;
}

/* モーダルウィンドウ */
.ec-modal .ec-modal-wrap {
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #443327;
}

.ec-modal .ec-modal-overlay .ec-modal-close {
    top: 20px;
    right: 20px;
}

.ec-modal .ec-modal-wrap #ec-modal-header {
    font-size: 14px;
}

.ec-modal .ec-modal-wrap .ec-role {
    text-align: center;
}

/* レスポンシブ対応 ------------ */
@media only screen and (min-width: 768px) {
    .ec-modal .ec-modal-wrap {
        width: 60%;
    }
}

@media screen and (max-width: 926px) {
    #detailarea #detailrightbloc .cart_area .ec-productRole__btn {
        clear: both;
        float: none;
        width: 60%;
        margin: 0 auto;
        text-align: center;
    }

    #detailarea #detailrightbloc .cart_area .ex_txt {
        clear: both;
        float: none;
        width: 100%;
        padding: 15px 0 0 0;
        text-align: center;
    }

    #detailarea #detailrightbloc .cart_area .ex_txt br {
        display: none;
    }
}

@media screen and (max-width: 568px) {
    .ec-modal .ec-modal-wrap {
        padding-right: 15px;
        padding-left: 15px;
    }

    .ec-modal .ec-modal-overlay .ec-modal-close {
        top: 10px;
        right: 10px;
    }

    .ec-modal .ec-modal-wrap .ec-modal-box .ec-inlineBtn--cancel,
    .ec-modal .ec-modal-wrap .ec-modal-box .ec-inlineBtn--action {
        width: 100%;
        max-width: initial;
        padding: 15px 16px;
    }

    .ec-modal .ec-modal-wrap .ec-modal-box .ec-inlineBtn--cancel {
        margin-right: 0;
        margin-bottom: 0;
    }

    .ec-modal .ec-modal-wrap .ec-modal-box .ec-inlineBtn--action {
        margin-bottom: 15px;
    }

    #detailarea #detailrightbloc .cart_area .ec-productRole__btn {
        clear: both;
        float: none;
        width: 80%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 468px) {
    #detailarea #detailrightbloc .cart_area .ec-productRole__btn {
        width: 100%;
        margin: 0;
    }
}

/* お気に入り・お問い合わせ・SNSボタン */
#detailarea #detailrightbloc #btnBloc {
    clear: both;
    margin: 0;
    padding: 30px 0 35px 0;
    overflow: hidden;
}

#detailarea #detailrightbloc #btnBloc #btn_area {
    float: left;
    width: 60%;
    margin: 0 20px 0 0;
    padding: 0;
}

#detailarea #detailrightbloc #btnBloc #btn_area .contact_btn,
#detailarea #detailrightbloc #btnBloc #btn_area .favorite_btn {
    float: left;
    width: 48%;
    margin: 0;
    padding: 0;
}

#detailarea #detailrightbloc #btnBloc #btn_area .contact_btn {
    margin-right: 4%;
}

#detailarea #detailrightbloc #btnBloc #btn_area .contact_btn .ec-blockBtn--cancel,
#detailarea #detailrightbloc #btnBloc #btn_area .favorite_btn .ec-blockBtn--cancel {
    max-width: 190px;
    height: 30px;
    padding: 1px 10px 0 10px;
    line-height: 30px;
    color: #FFF;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    border-radius: 3px;
    border: none;
    background-color: #F97600;
}

#detailarea #detailrightbloc #btnBloc #btn_area .contact_btn .ec-blockBtn--cancel:hover,
#detailarea #detailrightbloc #btnBloc #btn_area .favorite_btn .ec-blockBtn--cancel:hover {
    background-color: #FF9500;
}

#detailarea #detailrightbloc #btnBloc #btn_area .favorite_btn .ec-blockBtn--cancel[disabled] {
    background-color: #666;
}

#detailarea #detailrightbloc #btnBloc #btn_area .contact_btn .ec-blockBtn--cancel i,
#detailarea #detailrightbloc #btnBloc #btn_area .favorite_btn .ec-blockBtn--cancel i {
    padding-top: 7px;
    padding-right: 5px;
    vertical-align: top;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
}

#detailarea #detailrightbloc #btnBloc .social-button {
    float: right;
    width: 35%;
    margin: 0;
    padding: 5px 0 0 0;
    overflow: hidden;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 926px) {
    #detailarea #detailrightbloc #btnBloc {
        padding-top: 0;
    }

    #detailarea #detailrightbloc #btnBloc #btn_area {
        clear: both;
        float: none;
        width: 80%;
        margin: 0 auto;
    }

    #detailarea #detailrightbloc #btnBloc .social-button {
        clear: both;
        float: none;
        width: 100%;
        padding-top: 15px;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    #detailarea #detailrightbloc #btnBloc #btn_area {
        width: 60%;
    }
}

@media screen and (max-width: 568px) {
    #detailarea #detailrightbloc #btnBloc #btn_area {
        width: 80%;
    }
}

@media screen and (max-width: 468px) {
    #detailarea #detailrightbloc #btnBloc #btn_area {
        width: 100%;
        margin: 0;
    }
}

/* 商品詳細とお届け方法 */
#detailarea #detailrightbloc #itemDeatil {
    clear: both;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#detailarea #detailrightbloc #itemDeatil p {
    margin: 2px 0 12px 0;
    padding: 0;
    text-align: left;
    font-size: 12px;
    line-height: 1.5;
}

#detailarea #detailrightbloc #itemDeatil .subtext {
    clear: both;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 12px;
}

#detailarea #detailrightbloc #itemDeatil .subtext p {
    margin: 5px 0 10px 0;
    padding: 0;
    text-align: left;
    line-height: 1.6;
}

#detailarea #detailrightbloc #itemDeatil .subtext table {
    clear: both;
    margin: 0;
    padding: 0;
    border: 1px solid #CCC;
    border-collapse: collapse;
}

#detailarea #detailrightbloc #itemDeatil .subtext table th {
    width: 85px;
    text-align: center;
    background: #F1EDD9;
}

#detailarea #detailrightbloc #itemDeatil .subtext table th,
#detailarea #detailrightbloc #itemDeatil .subtext table td {
    margin: 0;
    padding: 7px 10px;
    border: 1px solid #CCC;
}

#detailarea #detailrightbloc #itemDeatil .subtext table td img {
    margin: 5px 0 0;
}

/* 送料 */
#detailarea #detailrightbloc #itemDeatil .subtext table.tb-postage,
#detailarea #detailrightbloc #itemDeatil .subtext table.tb-postage th,
#detailarea #detailrightbloc #itemDeatil .subtext table.tb-postage td {
    border-top: none !important;
}

#detailarea #detailrightbloc #itemDeatil .subtext table.tb-postage td dl {
    clear: both;
    margin: 0;
    padding: 0;
}

#detailarea #detailrightbloc #itemDeatil .subtext table.tb-postage td dl dt {
    float: left;
    margin: 0 0 3px 0;
    padding: 0;
}

#detailarea #detailrightbloc #itemDeatil .subtext table.tb-postage td dl dd {
    margin: 0 0 3px 40%;
    padding: 0 0 0 15px;
    font-weight: bold;
}

#detailarea #detailrightbloc #itemDeatil .subtext table.tb-postage td p em {
    font-weight: bold !important;
}

#detailarea #detailrightbloc #itemDeatil .subtext .banner {
    clear: both;
    margin: 0;
    padding: 10px 0 0 0;
}

#detailarea #detailrightbloc #itemDeatil .subtext .banner img {
    clear: both;
    margin: 0;
    padding: 0 0 3px 0;
}

#detailarea #detailrightbloc #itemDeatil .subtext .banner p {
    clear: both;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 768px) {
    #detailarea #detailrightbloc #itemDeatil .subtext table.tb-postage td dl dd {
        margin-left: 48%;
    }
}

@media screen and (max-width: 468px) {
    #detailarea #detailrightbloc #itemDeatil .subtext table {
        border-bottom: none;
    }

    #detailarea #detailrightbloc #itemDeatil .subtext table th {
        border: none;
    }

    #detailarea #detailrightbloc #itemDeatil .subtext table th br {
        display: none;
    }

    #detailarea #detailrightbloc #itemDeatil .subtext table td {
        border-right: none;
        border-left: none;
    }

    #detailarea #detailrightbloc #itemDeatil .subtext table th,
    #detailarea #detailrightbloc #itemDeatil .subtext table td {
        width: 100%;
        padding: 7px 10px;
        display: block;
    }

    #detailarea #detailrightbloc #itemDeatil .subtext table.tb-postage td {
        border-top: 1px solid #CCC !important;
    }
}

/* 売り切れ表示
----------------------------------------------- */
#page_product_detail #soldout-area {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0 20px 0;
}

#page_product_detail #soldout-area p.title {
    margin: 0 0 15px 0;
    padding: 0 0 2px 37px;
    color: #786E4D;
    font-size: 18px;
    font-weight: bold;
    background: url("/images/common/bg_h3.png") no-repeat left bottom;
}

#page_product_detail #soldout-area table {
    clear: both;
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0;
    border: none;
}

#page_product_detail #soldout-area th {
    margin: 0;
    padding: 10px 5px 9px 5px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    border: none;
    background: #E9E5C0;
}

#page_product_detail #soldout-area td {
    width: 14%;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: top;
    line-height: 1.4;
    font-weight: bold;
    border: none;
    background: none;
}

#page_product_detail #soldout-area td img {
    margin: 0;
    padding: 15px 0 5px 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #page_product_detail #soldout-area {
        padding: 20px 0 20px;
    }

    #page_product_detail #soldout-area p.title {
        padding-bottom: 10px;
        line-height: 1.4;
    }

    #page_product_detail #soldout-area table {
        margin: 15px auto 0 auto;
    }

    #page_product_detail #soldout-area td {
        width: 20%;
    }

    #page_product_detail #soldout-area td img {
        width: 94%;
    }
}

@media screen and (max-width: 768px) {
    #page_product_detail #soldout-area {
        padding-bottom: 15px;
    }

    #page_product_detail #soldout-area p.title {
        font-size: 15px;
    }
}

@media screen and (max-width: 468px) {
    #page_product_detail #soldout-area th {
        width: 100%;
        display: block;
    }

    #page_product_detail #soldout-area td {
        float: left;
        width: 50%;
        padding: 0 5px;
        display: block;
    }

    #page_product_detail #soldout-area td:nth-of-type(odd) {
        padding: 0 5px 0 0;
    }

    #page_product_detail #soldout-area td:nth-of-type(even) {
        padding: 0 0 0 5px;
    }

    #page_product_detail #soldout-area td img {
        width: auto;
    }
}

/* 最短お届け日の確認
----------------------------------------------- */
#page_product_detail .deliveryCheck {
    clear: both;
    width: 100%;
    margin: 0 0 50px;
    padding: 30px;
    overflow: hidden;
    background: #eee;
}

#page_product_detail .deliveryCheck h3 {
    margin: 0 0 15px 0;
    border-bottom: 1px solid #aaa;
    padding-bottom: 10px;
    color: #333;
    font-size: 17px;
}

#page_product_detail .deliveryCheck .deliveryPref {
    clear: both;
    width: 100%;
    margin: 0;
    background: #fff;
    padding: 15px;
}

#page_product_detail .deliveryCheck .deliveryPref.half,
#page_product_detail .deliveryCheck .deliveryWhiteDora {
    clear: none;
    float: left;
    width: 48%;
}

#page_product_detail .deliveryCheck .deliveryPref .delivspan {
    clear: both;
    width: 100%;
    margin: 0;
    font-size: 15px;
}

#page_product_detail .deliveryCheck .deliveryPref #deliv_show_area {
    font-weight: 600;
    margin: 15px 0;
}

#page_product_detail .deliveryCheck .deliveryPref #deliv_show_area select {
    height: 40px;
    margin-bottom: 0;
    padding: 6px 12px;
    color: #000;
    font-size: 13px;
    line-height: 1.3;
    border-radius: 3px;
    border: solid 1px #CCC;
}

#page_product_detail .deliveryCheck .deliveryPref #deliv_show_area .delivday {
    margin-top: 10px;
    color: #C00;
    font-weight: bold;
}

#page_product_detail .deliveryCheck .deliveryPref p {
    clear: both;
    width: 100%;
}

#page_product_detail .deliveryCheck .deliveryPref p.caution_text {
    font-size: 13px;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    #page_product_detail .deliveryCheck {
        padding: 20px;
    }

    #page_product_detail .deliveryCheck h3 {
        font-size: 16px;
        font-weight: 600;
    }

    #page_product_detail .deliveryCheck .deliveryPref .delivspan,
    #page_product_detail .deliveryCheck .deliveryPref #deliv_show_area,
    #page_product_detail .deliveryCheck .deliveryPref p {
        padding: 0 10px;
    }

    #page_product_detail .deliveryCheck .deliveryPref p.caution_text {
        font-size: 13px;
    }
}

@media screen and (max-width: 568px) {

    #page_product_detail .deliveryCheck .deliveryPref,
    #page_product_detail .deliveryCheck .deliveryWhiteDora {
        float: none;
        width: 100%;
        margin: 0;
    }

}

/* ご注文について・法人・団体のお客様へ
----------------------------------------------- */
#page_product_detail .cautionbloc {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 30px 0;
    overflow: hidden;
}

#page_product_detail .cautionbloc .box {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 30px 0;
    overflow: hidden;
}

#page_product_detail .cautionbloc .box:last-of-type {
    padding-bottom: 10px;
}

#page_product_detail .cautionbloc h3 {
    margin: 0 0 10px 0;
    padding: 0 5px 3px 37px;
    color: #786E4D;
    font-size: 18px;
    font-weight: bold;
    background: url("/images/common/bg_h3.gif") no-repeat left bottom;
}

#page_product_detail .cautionbloc p {
    clear: both;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0 37px;
}

#page_product_detail .cautionbloc p.detailLink {
    padding: 0;
    text-align: right;
}

#page_product_detail .cautionbloc img {
    margin-top: 10px;
}

#page_product_detail .cautionbloc table {
    margin: 20px 0 10px 0;
}

#page_product_detail .cautionbloc table th {
    width: 20%;
}

@media screen and (max-width: 768px) {
    #page_product_detail .cautionbloc {
        padding-bottom: 20px;
    }

    #page_product_detail .cautionbloc .box {
        padding-bottom: 20px;
    }

    #page_product_detail .cautionbloc h3 {
        font-size: 16px;
    }

    #page_product_detail .cautionbloc p {
        padding: 0 10px;
    }
}

@media screen and (max-width: 468px) {
    #page_product_detail .cautionbloc table {
        border-bottom: none;
    }

    #page_product_detail .cautionbloc table th,
    #page_product_detail .cautionbloc table td {
        width: 100%;
        padding: 7px 10px;
        display: block;
    }

    #page_product_detail .cautionbloc table th {
        border-right: none;
    }
}

/* サブコメント・イベントバナー枠
----------------------------------------------- */
#page_product_detail .sub_area {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 30px 0;
    overflow: hidden;
}

#page_product_detail .sub_area ul {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#page_product_detail .sub_area ul li {
    clear: both;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0;
    text-align: center;
}

#page_product_detail .sub_area ul li:last-child {
    margin-bottom: 0;
}

#page_product_detail .subtext {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #page_product_detail .sub_area {
        padding-bottom: 20px;
    }
}

/* ========================================================
　商品一覧・商品詳細・特集 共通
========================================================= */

/* スライダー画像
----------------------------------------------- */
#categoryText .bxsliderbox,
.main_comment .bxsliderbox {
    width: 100% !important;
    margin-bottom: 70px;
}
#categoryText .bxsliderbox img,
.main_comment .bxsliderbox img {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
#categoryText .bxsliderbox .slick-slider,
.main_comment .bxsliderbox .slick-slider {
    display: block;
    position: relative;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
#categoryText .bxsliderbox .slick-list,
.main_comment .bxsliderbox .slick-list {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    overflow: hidden;
}
#categoryText .bxsliderbox .slick-list:focus,
.main_comment .bxsliderbox .slick-list:focus {
    outline: none;
}
#categoryText .bxsliderbox .slick-list.dragging,
.main_comment .bxsliderbox .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
#categoryText .bxsliderbox .slick-loading .slick-list,
.main_comment .bxsliderbox .slick-loading .slick-list {
    background: #FFF url('/images/common/ajax-loader.gif') center center no-repeat;
}
#categoryText .bxsliderbox .slick-slider .slick-track,
.main_comment .bxsliderbox .slick-slider .slick-track,
#categoryText .bxsliderbox .slick-slider .slick-list,
.main_comment .bxsliderbox .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#categoryText .bxsliderbox .slick-track,
.main_comment .bxsliderbox .slick-track {
    margin-right: auto;
    margin-left: auto;
    display: block;
    position: relative;
    top: 0;
    left: 0;
}
#categoryText .bxsliderbox .slick-track:before,
.main_comment .bxsliderbox .slick-track:before,
#categoryText .bxsliderbox .slick-track:after,
.main_comment .bxsliderbox .slick-track:after {
    display: table;
    content: '';
}
#categoryText .bxsliderbox .slick-track:after,
.main_comment .bxsliderbox .slick-track:after {
    clear: both;
}

#categoryText .bxsliderbox .slick-loading .slick-track,
.main_comment .bxsliderbox .slick-loading .slick-track {
    visibility: hidden;
}
#categoryText .bxsliderbox .slick-slide,
.main_comment .bxsliderbox .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
#categoryText .bxsliderbox [dir='rtl'] .slick-slide,
.main_comment .bxsliderbox [dir='rtl'] .slick-slide {
    float: right;
}
#categoryText .bxsliderbox .slick-slide img,
.main_comment .bxsliderbox .slick-slide img {
    display: block;
}
#categoryText .bxsliderbox .slick-slide.slick-loading img,
.main_comment .bxsliderbox .slick-slide.slick-loading img {
    display: none;
}
#categoryText .bxsliderbox .slick-slide.dragging img,
.main_comment .bxsliderbox .slick-slide.dragging img {
    pointer-events: none;
}
#categoryText .bxsliderbox .slick-initialized .slick-slide,
.main_comment .bxsliderbox .slick-initialized .slick-slide {
    display: block;
}
#categoryText .bxsliderbox .slick-loading .slick-slide,
.main_comment .bxsliderbox .slick-loading .slick-slide {
    visibility: hidden;
}
#categoryText .bxsliderbox .slick-vertical .slick-slide,
.main_comment .bxsliderbox .slick-vertical .slick-slide {
    height: auto;
    display: block;
    border: 1px solid transparent;
}
#categoryText .bxsliderbox .slick-arrow.slick-hidden,
.main_comment .bxsliderbox .slick-arrow.slick-hidden {
    display: none;
}
/* Arrows */
#categoryText .bxsliderbox .slick-prev,
.main_comment .bxsliderbox .slick-prev,
#categoryText .bxsliderbox .slick-next,
.main_comment .bxsliderbox .slick-next {
    width: 34px;
    height: 68px;
    padding: 13px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    outline: none;
    color: #3D2D20;
    font-size: 0;
    line-height: 0;
    text-indent: 0;
    border: none;
    background: #ffffffb5;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
#categoryText .bxsliderbox .slick-prev,
.main_comment .bxsliderbox .slick-prev {
    text-align: left;
    border-radius: 0 34px 34px 0;
}
#categoryText .bxsliderbox .slick-next,
.main_comment .bxsliderbox .slick-next {
    text-align: right;
    border-radius: 34px 0 0 34px;
}
#categoryText .bxsliderbox .slick-prev:hover,
.main_comment .bxsliderbox .slick-prev:hover,
#categoryText .bxsliderbox .slick-prev:focus,
.main_comment .bxsliderbox .slick-prev:focus,
#categoryText .bxsliderbox .slick-next:hover,
.main_comment .bxsliderbox .slick-next:hover,
#categoryText .bxsliderbox .slick-next:focus,
.main_comment .bxsliderbox .slick-next:focus {
    outline: none;
    color: #3D2D20;
    background: rgba(228, 228, 228, 0.9);
}
#categoryText .bxsliderbox .slick-prev:hover:before,
.main_comment .bxsliderbox .slick-prev:hover:before,
#categoryText .bxsliderbox .slick-prev:focus:before,
.main_comment .bxsliderbox .slick-prev:focus:before,
#categoryText .bxsliderbox .slick-next:hover:before,
.main_comment .bxsliderbox .slick-next:hover:before,
#categoryText .bxsliderbox .slick-next:focus:before,
.main_comment .bxsliderbox .slick-next:focus:before,
#categoryText .bxsliderbox .slick-prev.slick-disabled:before,
.main_comment .bxsliderbox .slick-prev.slick-disabled:before,
#categoryText .bxsliderbox .slick-next.slick-disabled:before,
.main_comment .bxsliderbox .slick-next.slick-disabled:before {
    opacity: 1;
}
#categoryText .bxsliderbox .slick-prev:before,
.main_comment .bxsliderbox .slick-prev:before,
#categoryText .bxsliderbox .slick-next:before,
.main_comment .bxsliderbox .slick-next:before {
    font-size: 20px;
    padding: 5px;
    color: #5d4639;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#categoryText .bxsliderbox .slick-prev,
.main_comment .bxsliderbox .slick-prev {
    left: 0;
}
#categoryText .bxsliderbox [dir='rtl'] .slick-prev,
.main_comment .bxsliderbox [dir='rtl'] .slick-prev {
    right: 0;
    left: auto;
}
#categoryText .bxsliderbox .slick-prev:before,
.main_comment .bxsliderbox .slick-prev:before {
    content: '\f053';
}
#categoryText .bxsliderbox [dir='rtl'] .slick-prev:before,
.main_comment .bxsliderbox [dir='rtl'] .slick-prev:before {
    content: '\f054';
}
#categoryText .bxsliderbox .slick-next,
.main_comment .bxsliderbox .slick-next {
    right: 0;
}
#categoryText .bxsliderbox [dir='rtl'] .slick-next,
.main_comment .bxsliderbox [dir='rtl'] .slick-next {
    right: auto;
    left: 0;
}
#categoryText .bxsliderbox .slick-next:before,
.main_comment .bxsliderbox .slick-next:before {
    content: '\f054';
}
#categoryText .bxsliderbox [dir='rtl'] .slick-next:before,
.main_comment .bxsliderbox [dir='rtl'] .slick-next:before {
    content: '\f053';
}
/* Dots */
#categoryText .bxsliderbox .slick-dotted.slick-slider,
.main_comment .bxsliderbox .slick-dotted.slick-slider {
    margin-bottom: 30px;
}
#categoryText .bxsliderbox .slick-dots,
.main_comment .bxsliderbox .slick-dots {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    bottom: -40px;
    text-align: center;
    list-style: none;
}
#categoryText .bxsliderbox .slick-dots li,
.main_comment .bxsliderbox .slick-dots li {
    width: 14px;
    height: 14px;
    margin: 0 9px 10px;
    padding: 0;
    position: relative;
    display: inline-block;
    cursor: pointer;
}
#categoryText .bxsliderbox .slick-dots li button,
.main_comment .bxsliderbox .slick-dots li button {
    width: 14px;
    height: 14px;
    padding: 0;
    display: block;
    cursor: pointer;
    color: transparent;
    font-size: 0;
    line-height: 0;
    border: 0;
    outline: none;
    background: transparent;
}
#categoryText .bxsliderbox .slick-dots li button:hover,
.main_comment .bxsliderbox .slick-dots li button:hover,
#categoryText .bxsliderbox .slick-dots li button:focus,
.main_comment .bxsliderbox .slick-dots li button:focus {
    outline: none;
}
#categoryText .bxsliderbox .slick-dots li button:hover:before,
.main_comment .bxsliderbox .slick-dots li button:hover:before,
#categoryText .bxsliderbox .slick-dots li button:focus:before,
.main_comment .bxsliderbox .slick-dots li button:focus:before {
    opacity: 1;
}
#categoryText .bxsliderbox .slick-dots li button:before,
.main_comment .bxsliderbox .slick-dots li button:before {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    text-align: center;
    border-radius: 50%;
    background: #E3D7AE;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#categoryText .bxsliderbox .slick-dots li.slick-active button:before,
.main_comment .bxsliderbox .slick-dots li.slick-active button:before {
    background: #261D15;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #categoryText .bxsliderbox img,
    .main_comment .bxsliderbox img {
        float: none;
        width: auto;
    }
}
@media screen and (max-width: 568px) {
    #categoryText .bxsliderbox,
    .main_comment .bxsliderbox {
        margin-bottom: 60px;
    }
    #categoryText .bxsliderbox .slick-dots,
    .main_comment .bxsliderbox .slick-dots {
        bottom: -40px;
    }
    #categoryText .bxsliderbox .slick-prev,
    .main_comment .bxsliderbox .slick-prev,
    #categoryText .bxsliderbox .slick-next,
    .main_comment .bxsliderbox .slick-next {
        width: 25px;
        height: 50px;
        padding-top: 11px;
    }
    #categoryText .bxsliderbox .slick-prev,
    .main_comment .bxsliderbox .slick-prev {
        border-radius: 0 25px 25px 0;
    }
    #categoryText .bxsliderbox .slick-next,
    .main_comment .bxsliderbox .slick-next {
        border-radius: 25px 0 0 25px;
    }
    #categoryText .bxsliderbox .slick-prev:before,
    .main_comment .bxsliderbox .slick-prev:before,
    #categoryText .bxsliderbox .slick-next:before,
    .main_comment .bxsliderbox .slick-next:before {
        font-size: 14px;
        padding: 5px;
    }
}

/* 文の菓のこだわり
----------------------------------------------- */
#commitment {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 20px 0 40px 0;
    overflow: hidden;
    text-align: left;
}

#commitment h2 {
    clear: both;
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0 0 18px 0;
    text-align: center;
    color: #382904;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 500;
    background: url("/images/products/dora-index/bg_h2.png") no-repeat center bottom;
}

#commitment ul.tab-list {
    clear: both;
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0;
    border-top: 1px solid #382904;
    border-bottom: 1px solid #382904;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main_comment #commitment ul.tab-list.izumiOnly {
    display: none;
}

#commitment ul.tab-list.end {
    margin: 40px 0 0 0;
}

#commitment ul.tab-list li {
    width: 25%;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    font-family: 'Shippori Mincho', serif;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
}

.main_comment #commitment ul.tab-list li {
    width: 33.33%;
}

#commitment ul.tab-list.tartOnly li {
    width: 33.33%;
}

#commitment ul.tab-list.izumiOnly li,
.main_comment #commitment ul.tab-list.tartOnly li {
    width: 50%;
}

#commitment ul.tab-list.end li:before {
    margin-left: -11px;
    position: absolute;
    top: -22px;
    left: 50%;
    z-index: 2;
    content: "";
    border: 11px solid transparent;
    border-bottom: 11px solid #FFF;
}

#commitment ul.tab-list.end li:after {
    margin-left: -12px;
    position: absolute;
    top: -24px;
    left: 50%;
    z-index: 1;
    content: "";
    border: 12px solid transparent;
    border-bottom: 12px solid #382904;
}

#commitment ul.tab-list li.selected {
    background: #382904;
}

#commitment ul.tab-list li.empty {
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#commitment ul.tab-list li a {
    width: 100%;
    margin: 0;
    padding: 18px 5px 15px 5px;
    display: block;
    color: #382904;
    text-decoration: none;
    align-self: center;
}

#commitment ul.tab-list li a:hover {
    color: #382904;
}

#commitment ul.tab-list li.selected a {
    color: #FFF;
    background: #382904;
}

#commitment ul.tab-list li.selected a:hover {
    color: #FFF !important;
}

#commitment ul.tab-list li.selected:after {
    width: 0;
    height: 0;
    margin: 0 0 0 -12px;
    position: absolute;
    bottom: -12px;
    left: 50%;
    content: '';
    border-top: 12px solid #382904;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
}

#commitment ul.tab-list.end li.selected:after {
    top: -12px;
    border-top: none;
    border-bottom: 12px solid #382904;
}

#commitment ul.tab-list.end li.selected:before {
    display: none;
}

#commitment ul.tab-list.end li.selected:after {
    margin-left: -12px;
    top: -25px;
    left: 50%;
    z-index: 1;
    border: 12px solid transparent;
    border-bottom: 12px solid #382904;
}

#commitment ul.tab-list.end li.empty:before,
#commitment ul.tab-list.end li.empty:after,
#commitment ul.tab-list.end li.empty.selected:before,
#commitment ul.tab-list.end li.empty.selected:after {
    display: none;
}

#commitment .tab-box {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 20px;
    overflow: hidden;
    text-align: left;
    background: #FFF url(/images/top/bg_item.jpg) repeat left top;
}

#commitment .tab-box .subtitle {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

#commitment .tab-box .subtitle h3 {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 5px 0 25px 0;
    text-align: center;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 500;
}

#commitment .tab-box .featuresBlock {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 20px;
    overflow: hidden;
    text-align: left;
    background: #FFF;
}

#commitment .tab-box .featuresBlock .mainImage {
    clear: both;
    margin: 0 0 15px 0;
    padding: 0;
}

#commitment .tab-box .featuresBlock p {
    clear: both;
    margin: 0 0 50px 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Shippori Mincho', serif;
    font-weight: 500;
}


#commitment .tab-box .featuresBlock p.caution {
    clear: both;
    margin: 0 0 40px;
    padding: 0;
    text-align: right;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Lato', 'Noto Sans JP', sans-serif;
}

#commitment .tab-box .featuresBlock .foodstuff01 {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#commitment .tab-box .featuresBlock .foodstuff01 .fsBox {
    width: 32%;
    max-width: 286px;
    margin: 0 0 40px 0;
    padding: 0;
}

#commitment .tab-box .featuresBlock .foodstuff01 .fsBox h4 {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0;
    color: #382904;
    font-size: 18px;
    font-weight: 500;
}

#commitment .tab-box .featuresBlock .foodstuff01 .fsBox img {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0;
}

#commitment .tab-box .featuresBlock .foodstuff01 .fsBox p {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-family: 'Lato', 'Noto Sans JP', sans-serif;
}

#commitment .tab-box .featuresBlock .foodstuff02 {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#commitment .tab-box .featuresBlock .foodstuff02 .fsBox {
    width: 48%;
    margin: 0;
    padding: 0;
    position: relative;
}

#commitment .tab-box .featuresBlock .foodstuff02 .fsBox h4 {
    clear: both;
    margin: 0;
    padding: 0 20px;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 100;
    font-size: 30px;
    font-weight: 500;
    text-shadow: -4px -4px 8px #FFF, 4px -4px 8px #FFF, 4px 4px 8px #FFF, -4px 4px 8px #FFF;
}

#commitment .tab-box .featuresBlock .foodstuff02 .fsBox p {
    clear: both;
    margin: 0 auto;
    padding: 0 20px;
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    z-index: 100;
    font-size: 18px;
    line-height: 1.6;
    font-family: 'Shippori Mincho', serif;
    font-weight: 500;
    text-shadow: -4px -4px 8px #FFF, 4px -4px 8px #FFF, 4px 4px 8px #FFF, -4px 4px 8px #FFF;
}

#commitment .tab-box .featuresBlock .recipeBox {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 40px 0;
    overflow: hidden;
    position: relative;
}

#commitment .tab-box .featuresBlock .recipeBox:last-of-type,
#commitment .tab-box .featuresBlock .recipeBox.overlap {
    padding-bottom: 0;
}

#commitment .tab-box .featuresBlock .recipeBox img {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

#commitment .tab-box .featuresBlock .recipeBox p {
    margin: 15px 0 0 0;
    padding: 0 10px;
    font-size: 16px;
}

#commitment .tab-box .featuresBlock .recipeBox.overlap p {
    margin: auto;
    display: block;
    position: absolute;
    top: 52%;
    right: 0;
    left: 0;
    z-index: 100;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    text-shadow: -4px -4px 8px #FFF, 4px -4px 8px #FFF, 4px 4px 8px #FFF, -4px 4px 8px #FFF;
}

#commitment .tab-box .featuresBlock .giftBox {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

#commitment .tab-box .featuresBlock .giftBox ul {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#commitment .tab-box .featuresBlock .giftBox ul li {
    width: 32%;
    max-width: 286px;
    margin: 0 0 40px 0;
    padding: 0;
}

#commitment .tab-box .featuresBlock .giftBox ul li p {
    clear: both;
    margin: 0 0 8px 0;
    padding: 0;
    text-align: center;
    font-size: 17px;
    line-height: 1.4;
    font-family: 'Shippori Mincho', serif;
    font-weight: 500;
}

#commitment .tab-box .featuresBlock .giftBox ul li img {
    clear: both;
    margin: 0;
    padding: 0;
}

#commitment .tab-box .featuresBlock .packageBox {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

#commitment .tab-box .featuresBlock .packageBox img {
    float: left;
    width: 48.88%;
    margin: 0;
    padding: 0;
}

#commitment .tab-box .featuresBlock .packageBox .boxR {
    float: right;
    width: 48%;
    margin: 0;
    padding: 0;
}

#commitment .tab-box .featuresBlock .packageBox .boxR h4 {
    clear: both;
    margin: 5px 0 15px 0;
    padding: 0;
    color: #382904;
    font-size: 18px;
    font-weight: 500;
}

#commitment .tab-box .featuresBlock .packageBox .boxR p {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 15px;
}

#commitment .tab-box .featuresBlock .packageBox .boxR img {
    float: right;
    width: auto;
}

#commitment .tab-box .featuresBlock #optionBloc {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#commitment .tab-box .featuresBlock #optionBloc .blocInner,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc02 {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#commitment .tab-box .featuresBlock #optionBloc .blocInner {
    padding-bottom: 30px;
}

#commitment .tab-box .featuresBlock #optionBloc .blocInner h3,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc h3,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc02 h3 {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 5px 0 25px 0;
    text-align: center;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 500;
}

#commitment .tab-box .featuresBlock #optionBloc .blocInner h3 span,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc h3 span,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc02 h3 span {
    font-size: 16px;
}

#commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxL,
#commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxC,
#commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxR,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxL,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxC,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxR,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxL,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxC,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxR {
    float: left;
    width: 32%;
    max-width: 270px;
    margin: 0;
    padding: 0;
}

#commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxL h3,
#commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxC h3,
#commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxR h3,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxL h3,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxC h3,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxR h3,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxL h3,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxC h3,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxR h3 {
    clear: both;
    margin: 0;
    padding: 0 0 15px 0;
    font-size: 22px;
    line-height: 1.4;
    font-weight: normal;
}

#commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxL h3 span,
#commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxC h3 span,
#commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxR h3 span,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc h3 span,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc02 h3 span {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: normal;
}

#commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxL img,
#commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxC img,
#commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxR img,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxL img,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxC img,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxR img,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxL img,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxC img,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxR img {
    clear: both;
    margin: 0;
    padding: 0;
}

#commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxL p,
#commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxC p,
#commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxR p,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxL p,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxC p,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxR p,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxL p,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxC p,
#commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxR p {
    clear: both;
    margin: 0;
    padding: 10px 0 0 0;
    line-height: 1.5;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #commitment {
        padding: 10px 0 30px 0;
    }

    #commitment h2 {
        margin-bottom: 30px;
        padding-bottom: 12px;
        font-size: 22px;
    }

    #commitment ul.tab-list {
        margin-bottom: 20px;
    }

    #commitment ul.tab-list.end {
        margin-top: 20px;
        margin-bottom: 0;
    }

    #commitment ul.tab-list li {
        font-size: 14px;
    }

    #commitment .tab-box {
        padding: 5px;
    }

    #commitment .tab-box .subtitle h3 {
        padding: 5px 0 15px 0;
        font-size: 18px;
    }

    #commitment .tab-box .featuresBlock {
        padding: 10px;
    }

    #commitment .tab-box .featuresBlock p {
        margin-bottom: 30px;
        font-size: 14px;
    }

    #commitment .tab-box .featuresBlock p.caution {
        margin-bottom: 30px;
        font-size: 13px;
    }

    #commitment .tab-box .featuresBlock .foodstuff01 .fsBox {
        width: 32%;
        max-width: 286px;
        margin-bottom: 30px;
    }

    #commitment .tab-box .featuresBlock .foodstuff01 .fsBox h4 {
        font-size: 16px;
    }

    #commitment .tab-box .featuresBlock .foodstuff01 .fsBox p {
        font-size: 13px;
    }

    #commitment .tab-box .featuresBlock .foodstuff02 .fsBox h4 {
        padding: 0 15px;
        top: 15px;
        font-size: 22px;
    }

    #commitment .tab-box .featuresBlock .foodstuff02 .fsBox p {
        padding: 0 15px;
        bottom: 15px;
        font-size: 16px;
    }

    #commitment .tab-box .featuresBlock .foodstuff02 .fsBox p br {
        display: none;
    }

    #commitment .tab-box .featuresBlock .recipeBox {
        padding-bottom: 20px;
    }

    #commitment .tab-box .featuresBlock .recipeBox p {
        width: 100%;
        display: block;
        font-size: 14px;
    }

    #commitment .tab-box .featuresBlock .recipeBox.overlap p {
        top: 50%;
        left: 50%;
        text-align: center;
        font-size: 20px;
        transform: translateY(-50%) translateX(-50%);
    }

    #commitment .tab-box .featuresBlock .giftBox ul li {
        max-width: 286px;
        margin-bottom: 30px;
    }

    #commitment .tab-box .featuresBlock .giftBox ul li p {
        font-size: 14px;
    }

    #commitment .tab-box .featuresBlock .packageBox img {
        float: none;
        width: auto;
        margin: 0 auto 15px auto;
        display: block;
    }

    #commitment .tab-box .featuresBlock .packageBox .boxR {
        float: none;
        width: 100%;
        margin: 0;
    }

    #commitment .tab-box .featuresBlock .packageBox .boxR h4 {
        margin-bottom: 10px;
        font-size: 16px;
    }

    #commitment .tab-box .featuresBlock .packageBox .boxR p {
        font-size: 13px;
    }

    #commitment .tab-box .featuresBlock .packageBox .boxR img {
        margin-bottom: 0;
    }

    #commitment .tab-box .featuresBlock #optionBloc .blocInner {
        padding-bottom: 20px;
    }

    #commitment .tab-box .featuresBlock #optionBloc .blocInner h3,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc h3,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc02 h3 {
        padding-bottom: 20px;
        font-size: 20px;
    }

    #commitment .tab-box .featuresBlock #optionBloc .blocInner h3 span,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc h3 span,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc02 h3 span {
        padding-top: 5px;
        display: block;
        font-size: 14px;
    }

    #commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxL h3,
    #commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxC h3,
    #commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxR h3,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxL h3,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxC h3,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxR h3,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxL h3,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxC h3,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxR h3 {
        padding-bottom: 10px;
        font-size: 18px;
    }

    #commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxL h3 span,
    #commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxC h3 span,
    #commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxR h3 span,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc h3 span,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc02 h3 span {
        font-size: 14px;
    }

    #commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxL p,
    #commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxC p,
    #commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxR p,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxL p,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxC p,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxR p,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxL p,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxC p,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxR p {
        font-size: 14px;
    }
}

@media screen and (max-width: 568px) {
    #commitment .tab-box .featuresBlock .foodstuff01 .fsBox {
        width: 100%;
        max-width: initial;
        margin-bottom: 20px;
    }

    #commitment .tab-box .featuresBlock .foodstuff01 .fsBox h4 {
        text-align: center;
    }

    #commitment .tab-box .featuresBlock .foodstuff01 .fsBox img {
        margin: 0 auto 10px auto;
        display: block;
    }

    #commitment .tab-box .featuresBlock .foodstuff02 .fsBox {
        width: 100%;
    }

    #commitment .tab-box .featuresBlock .foodstuff02 .fsBox:first-of-type {
        margin-bottom: 20px;
    }

    #commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxL,
    #commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxC,
    #commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxR,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxL,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxC,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxR,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxL,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxC,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxR {
        float: none;
        width: 100%;
        max-width: initial;
        margin: 0 auto 20px auto;
    }

    #commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxR {
        margin-bottom: 0;
    }

    #commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxL img,
    #commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxC img,
    #commitment .tab-box .featuresBlock #optionBloc .blocInner .optionBoxR img,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxL img,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxC img,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc .optionBoxR img,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxL img,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxC img,
    #commitment .tab-box .featuresBlock #optionBloc .cardBloc02 .optionBoxR img {
        margin: 0 auto;
        display: block;
    }
}

@media screen and (max-width: 468px) {
    #commitment .tab-box .featuresBlock .giftBox ul {
        padding-bottom: 20px;
    }

    #commitment .tab-box .featuresBlock .giftBox ul li {
        width: 100%;
        max-width: initial;
        margin-bottom: 20px;
        text-align: center;
    }
}

/* フッターリンク
----------------------------------------------- */
.footerlink {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 10px 0;
    overflow: hidden;
}

.footerlink table {
    clear: both;
    border: none;
}

.footerlink table td {
    padding: 0;
    text-align: center;
    vertical-align: top;
    border: none;
}

.footerlink table td .recomend_img {
    max-width: 180px;
    padding: 8px 0;
    text-align: left;
    line-height: 1.6;
}

.footerlink table td img {
    margin: 0 0 5px 0;
    padding: 0;
    border: 1px solid #DDD;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    .footerlink {
        margin: 0 auto 30px auto;
        overflow-x: scroll;
    }
}

/* ========================================================
　索引検索
========================================================= */

#search-index {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 15px 0;
}

.search-num {
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 10px 15px 5px 15px;
    text-align: left;
    border: 1px solid #999;
    background: #f4f0e3;
}

.search-num:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.search-num ul {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

.search-num li {
    float: left;
    width: 23%;
    margin: 0 2% 5px 0;
    padding: 0 0 0 10px;
    background: url("/images/common/list_01.gif") no-repeat left 7px;
}

.search-detail {
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 10px 15px 5px 15px;
    text-align: left;
    border: 1px solid #FFF;
}

.search-detail:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.search-detail ul {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

.search-detail li {
    float: left;
    width: 23%;
    margin: 0 2% 5px 0;
    padding: 0 0 0 10px;
    background: url("/images/common/list_01.gif") no-repeat left 7px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {

    .search-num li,
    .search-detail li {
        width: 31%;
    }
}

@media screen and (max-width: 568px) {

    .search-num li,
    .search-detail li {
        width: 48%;
    }
}

@media screen and (max-width: 388px) {

    .search-num li,
    .search-detail li {
        float: none;
        width: 100%;
        margin-right: 0;
    }
}

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

#undercolumn_login {
    width: 100%;
    margin: 0 auto;
}

#undercolumn_login .login_area {
    margin-bottom: 50px;
}

#page_forgot #undercolumn_login .login_area p {
    margin-bottom: 10px;
}

#undercolumn_login .login_area .inputbox {
    margin: 15px auto;
    padding: 20px;
    background: #F5F4EF;
}

#undercolumn_login .login_area .inputbox dl {
    margin-bottom: 20px;
}

#page_forgot #undercolumn_login .login_area .inputbox dl {
    margin-bottom: 25px;
}

#undercolumn_login .login_area .inputbox dl dt {
    clear: both;
    margin-bottom: 5px;
}

#undercolumn_login .login_area .inputbox dl dd {
    clear: both;
    margin-bottom: 0;
}

#undercolumn_login .login_area .inputbox dl dd .ec-checkbox {
    margin-top: 10px;
}

#undercolumn_login .login_area .inputbox dl dd .ec-checkbox input {
    margin: 1px 2px 0;
    vertical-align: top;
}

#undercolumn_login .login_area a {
    color: #9A7D04;
    text-decoration: none;
}

#undercolumn_login .login_area a:hover {
    color: #9A7D04;
    text-decoration: underline;
}

/* 会員特典
----------------------------------------------- */
.entryInfo {
    clear: both;
    width: 100%;
    margin: 20px 0 30px 0 !important;
    padding: 10px 15px 0 15px;
    overflow: hidden;
    border: double #D6CFB7;
}

.entryInfo h4 {
    margin-bottom: 7px;
    color: #C00;
    font-size: 20px;
    font-weight: bold;
}

.entryInfo p {
    clear: both;
    margin: 0;
    padding: 0 0 10px 0;
}

.entryInfo .alert_text {
    color: #C00;
    font-size: 16px;
    font-weight: bold;
}

.entryInfo ol {
    clear: both;
    margin: 0 0 5px 25px;
    padding: 0;
}

.entryInfo ol li {
    clear: both;
    margin: 0;
    padding: 0 0 5px 0;
    list-style: decimal outside;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    .entryInfo h4 {
        font-size: 18px;
    }

    .entryInfo .alert_text {
        font-size: 14px;
    }
}

@media screen and (max-width: 568px) {
    #undercolumn_login .login_area {
        margin-bottom: 30px;
    }

    #undercolumn_login .login_area .inputbox {
        padding: 10px 15px;
    }

    .entryInfo {
        margin-bottom: 20px !important;
    }
}

/* ========================================================
　会員登録
========================================================= */
#undercolumn_entry {
    width: 100%;
}

#undercolumn_entry p {
    clear: both;
    margin: 0;
    padding: 0 0 10px 0;
}

#undercolumn_entry p.message {
    padding-bottom: 30px;
}

#undercolumn_entry .shop_information {
    clear: both;
    width: 100%;
    margin: 30px 0 40px 0;
    padding: 10px 15px 0 15px;
    overflow: hidden;
    font-size: 14px;
    border: double #D6CFB7;
}

#undercolumn_entry .shop_information .name {
    margin-bottom: 7px;
    padding-bottom: 0;
    font-size: 18px;
    font-weight: bold;
}

#undercolumn_entry .kiyaku_text {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 15px;
    line-height: 1.6;
    border: 1px solid #CCC;
    background: #FFF;
}

#undercolumn_entry .ec-checkbox {
    margin-bottom: 10px;
    text-align: center;
    color: #000;
}

#undercolumn_entry .ec-checkbox a {
    color: #000;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #undercolumn_entry .shop_information {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    #undercolumn_entry .shop_information .name {
        margin-bottom: 5px;
        font-size: 16px;
    }
}

@media screen and (max-width: 568px) {
    #undercolumn_entry table col {
        width: 100% !important;
    }

    #undercolumn_entry table th,
    #undercolumn_entry table td {
        width: 100% !important;
        display: block;
        overflow: hidden;
    }
}

/* ========================================================
　ご利用規約
========================================================= */

#page_help_agreement .ec-role {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    color: #000;
    font-size: 13px;
    line-height: 1.6;
}

#page_help_agreement .ec-off1Grid .ec-off1Grid__cell {
    width: 100%;
    margin: 0 0 30px 0;
}

/* ========================================================
　MYページ
========================================================= */

#mypagecolumn {
    width: 100%;
}

#mypagecolumn #mycontents_area {
    width: 100%;
    margin-bottom: 50px;
}

#mypagecolumn #mycontents_area p {
    clear: both;
    margin: 0;
    padding: 0 0 10px 0;
}

#mypagecolumn #mycontents_area .ec-para-normal,
#mypagecolumn #mycontents_area .ec-favoriteRole__header,
#mypagecolumn #mycontents_area .delivempty {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 15px;
}


#detail_box__name dd .col-sm-3 {
    width: 40% !important;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #mypagecolumn #mycontents_area {
        margin-bottom: 40px;
    }

    #mypagecolumn #mycontents_area .ec-para-normal,
    #mypagecolumn #mycontents_area .ec-favoriteRole__header,
    #mypagecolumn #mycontents_area .delivempty {
        font-size: 14px;
    }

    #detail_box__name dd .col-sm-3 {
        width: 100% !important;
        margin-top: 15px;
    }
}

/* ナビゲーション
----------------------------------------------- */
#mypagecolumn #mynavi_area {
    width: 100%;
    padding-top: 10px;
}

#mypagecolumn #mynavi_area .mynavi_list {
    width: 100%;
    margin-bottom: 25px;
    overflow: hidden;
}

#mypagecolumn #mynavi_area .mynavi_list li {
    float: left;
    margin: 0 15px 5px 0;
    padding: 0;
    font-size: 14px;
}

#mypagecolumn #mynavi_area .mynavi_list li:last-child {
    margin-right: 0;
}

#mypagecolumn #mynavi_area .mynavi_list li i {
    padding-top: 5px;
    padding-right: 3px;
    vertical-align: top;
    color: #443327;
    font-size: 15px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #mypagecolumn #mynavi_area {
        padding-top: 0;
    }

    #mypagecolumn #mynavi_area .mynavi_list {
        margin-bottom: 15px;
    }

    #mypagecolumn #mynavi_area .mynavi_list li {
        margin: 0 20px 8px 0;
        font-size: 13px;
    }

    #mypagecolumn #mynavi_area .mynavi_list li i {
        padding-top: 3px;
    }
}

@media screen and (max-width: 568px) {
    #mypagecolumn #mynavi_area .mynavi_list li {
        width: 48%;
        margin-right: 0;
    }

    #mypagecolumn #mynavi_area .mynavi_list li:nth-child(odd) {
        margin-right: 4%;
    }

    #mypagecolumn #mynavi_area .mynavi_list li:nth-child(even) {
        margin-right: 0;
    }
}


/* ポイント表示
----------------------------------------------- */
#mypagecolumn #mynavi_area .point_announce {
    margin-bottom: 30px;
    padding: 10px;
    border: double #D6CFB7;
    background-color: #FFF;
}

#mypagecolumn #mynavi_area .point_announce p {
    padding: 0 10px;
    font-size: 14px;
}

#mypagecolumn #mynavi_area .point_announce p i {
    padding-top: 4px;
    padding-right: 5px;
    vertical-align: top;
    color: #443327;
    font-size: 16px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #mypagecolumn #mynavi_area .point_announce p {
        padding: 0;
        font-size: 13px;
    }

    #mypagecolumn #mynavi_area .point_announce p i {
        padding-top: 2px;
    }
}

/* 購入履歴一覧・詳細
----------------------------------------------- */
#mypagecolumn #mycontents_area table caption {
    padding: 8px;
    text-align: left;
    color: #000;
    font-weight: bold;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    background-color: #F0F0F0;
}

#mypagecolumn #mycontents_area table th,
#mypagecolumn #mycontents_area table th.alignL {
    text-align: left;
}

#mypagecolumn #mycontents_area table th.alignR,
#mypagecolumn #mycontents_area table th.resulttd {
    text-align: right;
}

#mypagecolumn #mycontents_area table th.alignC {
    text-align: center;
}

#mypagecolumn #mycontents_area .ec-orderMail table td.date {
    vertical-align: top;
}

#mypagecolumn #mycontents_area .ec-orderMail .ec-orderMail__link {
    margin-bottom: 0;
}

#mypagecolumn #mycontents_area .ec-orderMail .ec-orderMail__body {
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px dotted #CCC;
}

@media screen and (max-width: 768px) {
    #mypagecolumn .scrollBlock {
        overflow-x: auto;
    }

    #mypagecolumn .scrollBlock table.scrollTable {
        min-width: 640px;
    }
}

@media screen and (max-width: 568px) {

    #mypagecolumn table.addPoint col,
    #mypagecolumn table.delivname col,
    #mypagecolumn table.cardInfo col {
        width: 100% !important;
    }

    #mypagecolumn table.addPoint th,
    #mypagecolumn table.addPoint td,
    #mypagecolumn table.delivname th,
    #mypagecolumn table.delivname td,
    #mypagecolumn table.cardInfo th,
    #mypagecolumn table.cardInfo td {
        width: 100% !important;
        display: block;
        overflow: hidden;
    }

    #mypagecolumn table.cardInfo th.alignR {
        text-align: left;
    }
}

/* お気に入り一覧
----------------------------------------------- */
#mypagecolumn .ec-closeBtn--circle {
    background: #443327;
}

#mypagecolumn .ec-favoriteRole__detail {
    margin-top: 20px;
}

#mypagecolumn .ec-favoriteRole .ec-favoriteRole__item-image {
    margin-bottom: 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #mypagecolumn .ec-favoriteRole__detail {
        margin-top: 15px;
    }

    #mypagecolumn .ec-favoriteRole .ec-favoriteRole__item {
        width: 50%;
        margin-bottom: 10px;
    }
}

/* お届け先追加・変更・一覧
----------------------------------------------- */
#mypagecolumn #mycontents_area .inforamtion {
    padding-bottom: 20px;
}

#mypagecolumn #mycontents_area #customer-ok {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

#mypagecolumn #mycontents_area .ec-inlineBtn {
    width: auto;
    max-width: 220px;
    margin-bottom: 15px;
    color: #FFF;
    border-radius: 3px;
    border-color: #F97600;
    background-color: #F97600;
}

#mypagecolumn #mycontents_area .ec-inlineBtn:hover {
    color: #FFF !important;
    text-decoration: none !important;
    border-color: #FF9500;
    background-color: #FF9500;
}

#mypagecolumn #mycontents_area .ec-inlineBtn:hover,
#mypagecolumn #mycontents_area .ec-inlineBtn:focus,
#mypagecolumn #mycontents_area .ec-inlineBtn.focus {
    color: #FFF !important;
    text-decoration: none;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #mypagecolumn #mycontents_area .inforamtion {
        padding-bottom: 15px;
    }

    #mypagecolumn #mycontents_area .ec-inlineBtn {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 568px) {
    #mypagecolumn #mycontents_area .ec-inlineBtn {
        max-width: 80%;
    }
}

/* 退会手続き(入力・確認ページ)
----------------------------------------------- */
#mypagecolumn #mycontents_area .message p {
    padding-bottom: 30px;
}

#mypagecolumn #mycontents_area .message_area p {
    padding-bottom: 30px;
}

/* 退会手続き(完了ページ)
----------------------------------------------- */
#mypagecolumn #mycontents_area .shop_information {
    clear: both;
    width: 100%;
    margin: 10px 0 30px 0;
    padding: 10px 15px 0 15px;
    overflow: hidden;
    font-size: 14px;
    border: double #D6CFB7;
}

#mypagecolumn #mycontents_area .shop_information .name {
    margin-bottom: 7px;
    padding-bottom: 0;
    font-size: 18px;
    font-weight: bold;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #mypagecolumn #mycontents_area .shop_information {
        margin-top: 0;
    }

    #mypagecolumn #mycontents_area .shop_information .name {
        margin-bottom: 5px;
        font-size: 16px;
    }
}

/* 登録済クレジットカード
----------------------------------------------- */
#page_sln_edit_card #detail_box__body {
    width: 100%;
    margin-bottom: 40px;
    margin-left: 0;
}

#page_sln_edit_card .ec-borderedDefs {
    margin-bottom: 30px;
    border-top: none;
}

#page_sln_edit_card .ec-borderedDefs #detail_box__name label {
    font-weight: bold !important;
}

#page_sln_edit_card .ec-required {
    width: 46px;
    height: 19px;
    padding: 2px 5px 0 5px;
    vertical-align: top;
    text-align: center;
    color: #FFF;
    font-size: 11px;
    line-height: 1.4 !important;
    border-radius: 3px;
    background: #C00;
}

#page_sln_edit_card .sln-scInput .errormsg.text-danger {
    margin-top: 10px;
    margin-bottom: 0;
    color: #F00;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_sln_edit_card #detail_box__body {
        margin-bottom: 30px;
    }

    #page_sln_edit_card .ec-borderedDefs dl {
        padding-top: 15px;
    }

    #page_sln_edit_card .ec-borderedDefs dt {
        margin-bottom: 8px;
    }

    #page_sln_edit_card #detail_box__name dd {
        padding-right: 0;
        padding-bottom: 15px;
        padding-left: 0;
    }
}

/* ========================================================
　ショッピングカート
========================================================= */

.ec-cartRole .ec-cartRole__error .ec-alert-warning {
    max-width: 100%;
}

.ec-alert-warning {
    margin-bottom: 30px;
    padding-top: 12px;
    background: #C00;
}

/* ナビゲーション
----------------------------------------------- */
.ec-progress {
    margin-top: 15px;
}

.ec-progress .ec-progress__item:after {
    height: 0.22em;
    top: 1.07em;
    background: #9B9B9B;
}

.ec-progress .ec-progress__number {
    line-height: 32px;
    background: #9B9B9B;
}

.ec-progress .is-complete .ec-progress__number {
    background: #F97600;
}

.ec-progress .ec-progress__label {
    color: #9B9B9B;
    font-size: 13px;
}

.ec-progress .is-complete .ec-progress__label {
    color: #FF9500;
}

@media only screen and (min-width: 768px) {
    .ec-progress .ec-progress__item:after {
        height: 0.25em;
        top: 1.26em;
    }

    .ec-progress .ec-progress__number {
        line-height: 44px;
    }
}

@media only screen and (max-width: 568px) {
    .ec-progress .ec-progress__label {
        line-height: 1.4;
    }
}

/* 現在のカゴの中
----------------------------------------------- */
#undercolumn_cart p {
    margin: 0 0 10px 0;
}

#undercolumn_cart .ec-cartRole__totalText p {
    margin-bottom: 15px;
}

#undercolumn_cart .point_announce {
    margin-bottom: 30px;
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
    border: double #D6CFB7;
}

#undercolumn_cart .tax {
    clear: both;
    display: block;
    font-size: 12px;
    font-weight: normal;
}

.ec-cartHeader {
    background: #F5F4EF;
}

.ec-cartHeader .ec-cartHeader__label {
    font-size: 14px;
    background: #F5F4EF;
}

.ec-cartRow__name a {
    text-decoration: underline;
}

.ec-cartRow .ec-cartRow__summary {
    font-weight: normal;
}

.ec-cartRow .ec-cartRow__summary .ec-cartRow__name {
    margin-bottom: 0;
}

.ec-cartRow .ec-cartRow__summary .ec-cartRow__name .option_print_name,
.ec-cartRow .ec-cartRow__summary .ec-cartRow__name .option_print_msg {
    margin-bottom: 10px;
}

.ec-cartRow .ec-cartRow__contentColumn {
    padding: 15px 0;
}

.ec-cartRow .ec-cartRow__subtotalColumn {
    text-align: center;
}

.ec-cartRole .ec-cartRole__totalAmount {
    margin-right: 10px;
    margin-left: 5px;
    color: #C00;
}

.ec-cartRole .ec-cartRole__total.firstBlock {
    padding-bottom: 0;
}

@media only screen and (min-width: 768px) {
    .ec-cartRow .ec-cartRow__summary {
        width: calc(60% - 20px);
    }

    .ec-cartRole .ec-cartRole__actions {
        width: 100%;
        margin-right: 0;
    }
}

/* お届け先の選択
----------------------------------------------- */
#page_shopping_shipping_select .ec-AddAddress__actions {
    width: 100%;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 40px;
    overflow: hidden;
}

#page_shopping_shipping_select .ec-cartRole__actions {
    width: 100%;
    margin: 0;
    padding-bottom: 50px;
    overflow: hidden;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_shopping_shipping_select .ec-AddAddress__actions {
        padding-top: 10px;
        padding-bottom: 30px;
    }

    #page_shopping_shipping_select .ec-cartRole__actions {
        padding-bottom: 40px;
    }
}

/* お届け先の指定
----------------------------------------------- */
#page_shopping_shipping .ec-registerRole .ec-off1Grid .ec-off1Grid__cell {
    width: 100%;
    margin: 0 0 35px 0;
}

#page_shopping_shipping .ec-AddAddress__summary .ec-AddAddress__flow {
    clear: both;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 10px 15px;
    overflow: hidden;
    text-align: left;
    border: double #D6CFB7;
}

#page_shopping_shipping .ec-AddAddress__summary .ec-AddAddress__flow h3 {
    margin-bottom: 7px;
    color: #C00;
    font-size: 20px;
}

#page_shopping_shipping .ec-AddAddress__summary .ec-AddAddress__flow ol {
    clear: both;
    margin: 0 0 0 25px;
    padding: 0;
    list-style: decimal outside;
}

#page_shopping_shipping .ec-AddAddress__summary .ec-AddAddress__flow ol li {
    clear: both;
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 13px;
    font-weight: bold;
    list-style: decimal outside;
}

#page_shopping_shipping .ec-AddAddress__summary .ec-AddAddress__flow ol li:last-child {
    padding-bottom: 0;
}

#page_shopping_shipping .ec-registerRole .ec-AddAddress__summary .ec-AddAddress__info .ec-addressRole .ec-addressRole__actions {
    margin-top: 20px;
    padding-bottom: 40px;
}

#page_shopping_shipping .ec-registerRole .ec-AddAddress__summary .ec-AddAddress__info .ec-addressRole .ec-addressRole__actions .ec-inlineBtn {
    width: auto;
    max-width: 220px;
    color: #FFF;
    border-color: #F97600;
    background-color: #F97600;
}

#page_shopping_shipping .ec-registerRole .ec-AddAddress__summary .ec-AddAddress__info .ec-addressRole .ec-addressRole__actions .ec-inlineBtn:hover {
    color: #FFF !important;
    text-decoration: none !important;
    border-color: #FF9500;
    background-color: #FF9500;
}

#page_shopping_shipping .ec-registerRole .ec-registerRole__actions {
    padding-top: 40px;
}

#page_shopping_shipping .ec-addressRole .ec-addressRole__actions {
    border-bottom: none;
}

/* レスポンシブ対応 ------------ */
@media only screen and (max-width: 768px) {
    #page_shopping_shipping .ec-registerRole .ec-off1Grid .ec-off1Grid__cell {
        margin-bottom: 25px;
    }

    #page_shopping_shipping .ec-AddAddress__summary .ec-AddAddress__flow h3 {
        font-size: 18px;
    }

    #page_shopping_shipping .ec-registerRole .ec-AddAddress__summary .ec-AddAddress__info .ec-addressRole .ec-addressRole__actions {
        margin-top: 10px;
        padding-bottom: 30px;
    }

    #page_shopping_shipping .ec-cartRow .ec-cartRow__contentColumn {
        padding-right: 10px;
        display: table-cell;
    }

    #page_shopping_shipping .ec-cartRow .ec-cartRow__contentColumn:nth-child(5) {
        padding-right: 0;
    }

    #page_shopping_shipping .ec-registerRole .ec-registerRole__actions {
        padding-top: 30px;
    }
}

/* お届け先の複数指定
----------------------------------------------- */
#page_shopping_shipping_multiple .ec-AddAddress {
    margin: 0 0 50px 0;
    padding: 0;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__flow {
    clear: both;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 10px 15px;
    overflow: hidden;
    text-align: left;
    border: double #D6CFB7;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__flow h3 {
    margin-bottom: 7px;
    color: #C00;
    font-size: 20px;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__flow ol {
    clear: both;
    margin: 0 0 0 25px;
    padding: 0;
    list-style: decimal outside;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__flow ol li {
    clear: both;
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 13px;
    font-weight: bold;
    list-style: decimal outside;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__flow ol li:last-child {
    padding-bottom: 0;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__info {
    margin-bottom: 20px;
    text-align: left;
    font-size: 13px;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__new {
    margin-top: 20px;
    margin-bottom: 25px;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__new .ec-inlineBtn {
    width: auto;
    max-width: 230px;
    color: #FFF;
    border-color: #F97600;
    background-color: #F97600;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__new .ec-inlineBtn:hover {
    color: #FFF !important;
    text-decoration: none !important;
    border-color: #FF9500;
    background-color: #FF9500;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__new .ec-inlineBtn span {
    font-size: 18px;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__add {
    margin-bottom: 30px;
    padding-top: 30px;
    border-top: 1px dotted #CCC;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__item {
    margin-bottom: 25px;
    background: #F5F4EF;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__itemtContent {
    padding-left: 25px;
    font-size: 13px;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__itemtTitle {
    font-weight: normal;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__itemtContent .option_print_name,
#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__itemtContent .option_print_msg {
    margin-bottom: 10px;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__itemtNumber {
    margin-top: 0;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__itemtPrice {
    font-weight: bold;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__select {
    margin-bottom: 25px;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__selectNumber {
    margin-left: 20px;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__selectNumber input:read-only {
    font-size: 16px;
    border: none;
    background-color: #FFF;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-inlineBtn {
    width: 48%;
    max-width: 200px;
    border-color: #443327;
    background-color: #443327;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-inlineBtn:hover {
    border-color: #7C7067;
    background-color: #7C7067;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__select select {
    background: #FDEAEA;
}

#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__select .delete {
    max-width: 90px;
    margin-left: 20px;
}

#page_shopping_shipping_multiple .ec-AddAddress__actions {
    margin-top: 30px;
    padding-top: 40px;
    border-top: 1px dotted #CCC;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_shopping_shipping_multiple .ec-AddAddress {
        margin-bottom: 40px;
    }

    #page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__flow h3 {
        font-size: 18px;
    }

    #page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__info {
        margin-bottom: 15px;
    }

    #page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__new {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__add {
        margin-bottom: 25px;
        padding-top: 25px;
    }

    #page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__item {
        margin-bottom: 20px;
    }

    #page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__select {
        margin-bottom: 20px;
    }

    #page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__selectAddress {
        width: 100%;
        display: block;
    }

    #page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__selectAddress label {
        margin-right: 0;
        display: block;
    }

    #page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__selectAddress select {
        max-width: 100%;
        min-width: initial;
        margin-bottom: 20px !important;
        display: block;
        box-sizing: border-box;
    }

    #page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__selectNumber {
        margin-left: 0;
        display: block;
    }

    #page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__select .delete {
        margin-top: 20px;
        margin-left: 0;
        display: block;
    }

    #page_shopping_shipping_multiple .ec-AddAddress__actions {
        margin-top: 25px;
        padding-top: 30px;
    }
}

/* お届け先の追加
----------------------------------------------- */
#page_shopping_shipping_edit table {
    margin-bottom: 40px;
}

/* レスポンシブ対応 ------------ */
@media only screen and (max-width: 768px) {
    #page_shopping_shipping_edit table {
        margin-bottom: 30px;
    }

    #page_shopping_shipping_multiple_edit table {
        margin-bottom: 10px;
    }
}

/* ご注文手続き・ご注文内容のご確認
----------------------------------------------- */
#page_shopping .ec-rectHeading h2,
#page_shopping_redirect_to .ec-rectHeading h2,
#page_shopping_confirm .ec-rectHeading h2 {
    margin-bottom: 15px;
    padding: 10px 15px 7px 15px;
    background: #F5F4EF;
}

.ec-orderRole {
    margin-bottom: 50px;
}

.ec-orderDelivery,
.ec-orderPayment,
.ec-orderConfirm {
    margin-bottom: 40px;
}

.ec-orderAccount p {
    margin-bottom: 3px;
    font-size: 14px;
}

.ec-orderAccount .ec-orderAccount__account {
    margin-bottom: 0;
}

.ec-orderDelivery .ec-orderDelivery__title {
    clear: both;
    margin: 20px 0 15px 0;
    padding: 0 5px 3px 37px;
    position: relative;
    color: #786E4D !important;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    border-bottom: none;
    background: url("/images/common/bg_h3.gif") no-repeat left bottom;
}

.ec-orderDelivery .ec-orderDelivery__change {
    top: 10px;
    right: 15px;
}

.ec-orderDelivery .ec-orderDelivery__change .ec-inlineBtn {
    width: 100%;
}

#page_shopping .ec-imageGrid__itemname {
    padding: 0;
    display: block;
}

#page_shopping .ec-orderRole .ec-borderedList,
#page_shopping_redirect_to .ec-orderRole .ec-borderedList {
    margin-bottom: 30px;
    border-top: none;
}

.ec-imageGrid .ec-imageGrid__img {
    padding: 20px 0;
}

.ec-imageGrid .ec-imageGrid__content {
    padding: 20px;
}

.ec-imageGrid .ec-imageGrid__content span {
    margin-left: 0;
    font-weight: bold;
}

.ec-imageGrid .ec-imageGrid__content .item_summary,
.ec-imageGrid .ec-imageGrid__content .option_summary {
    margin-bottom: 0;
}

.ec-imageGrid .ec-imageGrid__content .option_summary .option_print_name,
.ec-imageGrid .ec-imageGrid__content .option_summary .option_print_msg {
    margin-top: 10px;
    margin-bottom: 10px;
}

#page_shopping .ec-orderRole .ec-imageGrid,
#page_shopping_redirect_to .ec-orderRole .ec-imageGrid,
#page_shopping_confirm .ec-orderRole .ec-imageGrid {
    border-top: none;
}

#page_shopping .ec-borderedList li:first-child .ec-imageGrid .ec-imageGrid__img,
#page_shopping .ec-borderedList li:first-child .ec-imageGrid .ec-imageGrid__content,
#page_shopping_confirm .ec-borderedList li:first-child .ec-imageGrid .ec-imageGrid__img,
#page_shopping_confirm .ec-borderedList li:first-child .ec-imageGrid .ec-imageGrid__content {
    padding-top: 0;
}

.ec-orderDelivery .ec-orderDelivery__address {
    margin-top: 15px;
}

#page_shopping_confirm .ec-orderDelivery__item {
    margin-top: 10px;
}

#page_shopping .ec-imageGrid__itemname h3,
#page_shopping_confirm .ec-orderDelivery__item h3 {
    margin-bottom: 10px;
    font-size: 16px;
}

.ec-orderDelivery .ec-orderDelivery__address h3 {
    margin-bottom: 10px;
    font-size: 16px;
}

.ec-orderDelivery .ec-orderDelivery__address p {
    margin-bottom: 3px;
    font-size: 14px;
}

.ec-orderDelivery .ec-orderDelivery__actions .ec-selects {
    margin-bottom: 25px;
    padding-bottom: 25px;
}

#page_shopping .ec-orderDelivery__actions .ec-selects,
#page_shopping_confirm .ec-orderDelivery__actions .ec-selects {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

#page_shopping .ec-orderDelivery .ec-orderDelivery__actions,
#page_shopping_confirm .ec-orderDelivery .ec-orderDelivery__actions {
    margin-bottom: 20px;
    padding-bottom: 25px;
    border-bottom: 1px dotted #ccc;
}

#page_shopping_confirm .ec-orderDelivery .ec-orderDelivery__actions:last-of-type {
    margin-bottom: 0;
}

#page_shopping_confirm .ec-orderDelivery .ec-orderDelivery__actions .ec-selects {
    margin-bottom: 0;
}

.ec-orderPayment p {
    padding: 0 0 15px 0;
    font-size: 14px;
}

#page_shopping_confirm .ec-orderPayment p {
    padding-bottom: 0;
}

.ec-orderPayment .ec-radio div {
    margin-bottom: 3px;
    font-size: 14px;
}

.ec-orderPayment .ec-radio div input {
    margin-top: 6px;
}

#undercolumn_shopping .pay_area {
    margin: 0;
    padding: 0 0 25px 0;
}

#undercolumn_shopping .pay_area h4 {
    clear: both;
    margin: 0;
    padding: 5px 0;
    color: #000;
    font-size: 16px;
}

#undercolumn_shopping .pay_area h5 {
    clear: both;
    margin: 0;
    padding: 10px 0 8px 0;
    color: #000;
    font-size: 14px;
}

#undercolumn_shopping .pay_area p {
    clear: both;
    margin: 0;
    padding: 0 0 10px 0;
}

#undercolumn_shopping .pay_area img {
    width: auto;
}

#undercolumn_shopping .pay_area ul {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0;
}

#undercolumn_shopping .pay_area ul li {
    margin: 0 0 5px 0;
    padding: 0 0 0 23px;
    text-align: left;
    background: url("/images/common/list_02.gif") no-repeat left 2px;
}

.ec-totalBox {
    margin-bottom: 40px;
    background: #FFFAF0;
}

.ec-totalBox .ec-totalBox__spec {
    margin-bottom: 12px;
    font-size: 14px;
}

.ec-totalBox .ec-totalBox_text,
.ec-totalBox .tax {
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 1.5;
}

.ec-totalBox .ec-totalBox__total {
    margin-top: 20px;
    padding-top: 15px;
}

.ec-totalBox .ec-totalBox__taxRate {
    margin-bottom: 5px;
}

.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price,
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__taxLabel {
    color: #C00;
}

.ec-totalBox .ec-totalBox__pointBlock {
    margin-bottom: 0;
    padding-bottom: 8px;
}

/* レスポンシブ対応 ------------ */
@media only screen and (min-width: 768px) {

    #page_shopping .ec-orderRole,
    #page_shopping_redirect_to .ec-orderRole,
    #page_shopping_confirm .ec-orderRole {
        flex-direction: column;
    }

    #page_shopping .ec-orderRole .ec-orderRole__detail,
    #page_shopping_redirect_to .ec-orderRole .ec-orderRole__detail,
    #page_shopping_confirm .ec-orderRole .ec-orderRole__detail,
    #page_shopping .ec-orderRole .ec-orderRole__summary,
    #page_shopping_redirect_to .ec-orderRole .ec-orderRole__summary,
    #page_shopping_confirm .ec-orderRole .ec-orderRole__summary {
        width: 100%;
        padding: 0;
    }

    #page_shopping .ec-select select.form-control {
        margin-bottom: 10px;
    }

    #page_shopping .ec-select__delivery select.form-control,
    #page_shopping .ec-select__time select.form-control {
        margin-bottom: 0;
        background: #FDEAEA;
    }
}

@media only screen and (max-width: 768px) {
    .ec-orderRole {
        margin-bottom: 40px;
    }

    .ec-orderDelivery,
    .ec-orderPayment,
    .ec-orderConfirm {
        margin-bottom: 30px;
    }

    #page_shopping .ec-select__time select.form-control {
        margin-bottom: 0 !important;
    }

    .ec-totalBox {
        margin-bottom: 30px;
    }

    .ec-totalBox .ec-totalBox__btn .ec-blockBtn--action {
        font-size: 16px;
    }

    #page_shopping_confirm .ec-orderRole .ec-borderedList {
        border-top: none;
    }
}

/* 非会員購入情報入力
----------------------------------------------- */
#undercolumn_customer {}

#undercolumn_customer p {
    clear: both;
    margin: 0;
    padding: 0 0 10px 0;
}

.ec-orderAccount .ec-orderAccount__change .ec-inlineBtn {
    width: 100%;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #undercolumn_shopping .scrollBlock {
        overflow-x: auto;
    }

    #undercolumn_shopping .scrollBlock table.scrollTable {
        min-width: 640px;
    }
}

@media screen and (max-width: 568px) {

    #undercolumn_shopping table.addPoint col,
    #undercolumn_shopping table.delivname col {
        width: 100% !important;
    }

    #undercolumn_shopping table.addPoint th,
    #undercolumn_shopping table.addPoint td,
    #undercolumn_shopping table.delivname th,
    #undercolumn_shopping table.delivname td {
        width: 100% !important;
        display: block;
        overflow: hidden;
    }
}

/* ご注文完了
----------------------------------------------- */
#undercolumn_shopping #complete_area p.message {
    clear: both;
    margin: 0;
    padding: 0 0 10px 0;
    font-weight: bold;
}

#undercolumn_shopping #complete_area .shop_alert {
    clear: both;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    overflow: hidden;
    color: #F00;
    font-weight: bold;
}

#undercolumn_shopping #complete_area .shop_information {
    clear: both;
    width: 100%;
    margin: 30px 0 40px 0;
    padding: 10px 15px 10px 15px;
    overflow: hidden;
    font-size: 14px;
    border: double #D6CFB7;
}

#undercolumn_shopping #complete_area .shop_information .name {
    margin-bottom: 7px;
    padding-bottom: 0;
    font-size: 18px;
    font-weight: bold;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #undercolumn_shopping #complete_area .shop_information {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    #undercolumn_shopping #complete_area .shop_information .name {
        margin-bottom: 5px;
        font-size: 16px;
    }
}

/* ========================================================
　会社概要・ご利用案内
========================================================= */

#undercolumn_about,
#undercolumn_guide,
#undercolumn_order {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-family: 'Shippori Mincho', serif;
}

#undercolumn_about p,
#undercolumn_guide p {
    clear: both;
    width: 100%;
    margin: 15px 0;
    font-size: 14px;
}

#undercolumn_about a,
#undercolumn_guide a,
#undercolumn_order a {
    color: #9A7D04;
    text-decoration: none;
}

#undercolumn_about a:hover,
#undercolumn_guide a:hover,
#undercolumn_order a:hover {
    color: #9A7D04;
    text-decoration: underline;
}

#undercolumn_about .boxWrapper .box,
#undercolumn_guide .boxWrapper .box {
    clear: both;
    width: 100%;
    margin: 40px 0 0 0;
    padding: 40px 0 0 0;
    overflow: hidden;
    font-size: 15px;
    border-top: 1px solid #ddd;
}

#undercolumn_about .boxWrapper .box:first-of-type,
#undercolumn_guide .boxWrapper .box:first-of-type {
    border-top: none;
    margin: 0;
    padding-top: 10px;
}

#undercolumn_about .box:last-of-type,
#undercolumn_guide .box:last-of-type {
    padding-bottom: 0;
}

#undercolumn_about h2.title,
#undercolumn_guide h2.title {
    clear: both;
    margin: 50px 0;
    padding: 9px 5px 5px 15px;
    color: #333;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: center;
    background: none;
}

#undercolumn_about .box h3,
#undercolumn_guide .box h3 {
    margin: 50px 0 30px 0;
    padding-bottom: 20px;
    color: #333;
    border-bottom: 4px solid #EBE7D5;
    font-size: 24px;
    font-weight: 500;
    position: relative;
}

#undercolumn_guide .box h3::after {
    width: 20%;
    height: 4px;
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 2;
    content: '';
    background-color: rgba(120, 110, 77, 0.53);
}

#undercolumn_about .box h4,
#undercolumn_guide .box h4 {
    margin-bottom: 20px;
    color: #333;
    font-size: 20px;
    font-weight: 500;
}

#undercolumn_about .box p,
#undercolumn_guide .box p {
    clear: both;
    width: 100%;
    margin: 15px 0;
    padding: 0;
}

#undercolumn_guide .box p.indent {
    padding-left: 1em;
    text-indent: -1em;
}

#undercolumn_about .box p.highlight,
#undercolumn_guide .box p.highlight {
    padding: 5px;
    background: #FEF8D5;
}

#undercolumn_guide .box .bt-pdf {
    clear: both;
    margin: 0 0 15px 0;
    padding: 0;
}

#undercolumn_guide .ec-off4Grid {
    margin-top: 10px;
}

#undercolumn_guide .ec-off4Grid .ec-off4Grid__cell {
    margin: 0;
}

#undercolumn_guide a.ec-blockBtn--action,
#undercolumn_guide a:hover.ec-blockBtn--action {
    color: #FFF !important;
}

#undercolumn_about ol,
#undercolumn_about ul,
#undercolumn_guide ol,
#undercolumn_guide ul {
    clear: both;
    width: 100%;
    margin: 0;
    overflow: hidden;
}

#undercolumn_about ol,
#undercolumn_guide ol {
    padding: 0 0 10px 35px;
}

#undercolumn_about ol li,
#undercolumn_guide ol li {
    clear: both;
    margin: 0;
    padding: 0 0 15px 0;
    list-style: outside decimal;
}

#undercolumn_about ul,
#undercolumn_guide ul {
    padding: 5px 0 0 7px;
}

#undercolumn_about td ul,
#undercolumn_guide td ul {
    padding: 5px 0 0 0;
}

#undercolumn_about ul li,
#undercolumn_guide ul li {
    margin: 0 0 7px 0;
    padding: 0 0 0 23px;
    text-align: left;
    background: url("/images/common/list_02.gif") no-repeat left 2px;
}

#undercolumn_about ul.floatL,
#undercolumn_guide ul.floatL {
    padding: 0 0 0 25px;
}

#undercolumn_about ul.floatL li,
#undercolumn_guide ul.floatL li {
    float: left;
    margin: 0 0 5px 0;
    padding: 0 35px 0 0;
    list-style: disc outside;
    background: none;
}

#undercolumn_about #access .gmap {
    clear: both;
    width: 100%;
    height: 300px;
    margin: 0 auto 40px;
    padding: 0;
    position: relative;
}

#undercolumn_about #access .gmap iframe,
#undercolumn_about #access .gmap object,
#undercolumn_about #access .gmap embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

#undercolumn_guide blockquote {
    clear: both;
    margin: 0 0 13px 0;
    padding: 10px;
    text-align: left;
    overflow: hidden;
    border: 1px solid #958F74;
    background: #F5F3E7;
}

#undercolumn_guide blockquote h4 {
    clear: both;
    width: auto;
    margin: 0;
    padding: 0 0 7px 0;
}

#undercolumn_guide blockquote p {
    clear: both;
    width: auto;
    margin: 0;
    padding: 0;
}

#undercolumn_guide .movieBox {
    width: 100%;
    margin: 10px 0 30px;
    padding: 0;
}

#undercolumn_guide .box .movieBox:last-of-type {
    margin-bottom: 0;
}

#undercolumn_guide .movieBox .youtube {
    width: 50%;
    margin: 0;
    padding: 0;
    position: relative;
    aspect-ratio: 16 / 9;
}

#undercolumn_guide .movieBox .youtube iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#undercolumn_guide #customer {
    clear: both;
    margin: 0;
    padding: 0;
}

#undercolumn_guide #customer p {
    clear: both;
    margin: 0 0 15px 0;
    padding: 0;
}

#undercolumn_guide #customer img {
    clear: both;
    margin: 5px 0 15px 0;
    padding: 0;
}

#undercolumn_guide #customer ul {
    clear: both;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0;
}

#undercolumn_guide #customer ul li {
    margin: 0 0 5px 0;
    padding: 0 0 0 23px;
    text-align: left;
    background: url("/images/common/list_02.gif") no-repeat left 3px;
}

#undercolumn_guide #customer table {
    width: 100%;
    margin: 5px auto 20px auto;
    text-align: left;
    border: 1px solid #ccc;
    border-collapse: collapse;
}

#undercolumn_guide #customer table td {
    border-right: none;
    border-bottom: none;
}

#undercolumn_guide .box .deliveryImage {
    margin: 10px auto;
}

#undercolumn_guide table.tb-deliverydate {
    margin: 20px auto 10px auto;
}

#undercolumn_guide table.tb-deliverydate th,
#undercolumn_guide table.tb-deliverydate td {
    text-align: center;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #undercolumn_guide .movieBox {
        margin: 7px 0 20px;
    }

    #undercolumn_guide .movieBox .youtube {
        width: 100%;
    }

    #undercolumn_about .box h4, #undercolumn_guide .box h4 {
        font-size: 17px;
        font-weight: 600;
    }
}


/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {

    #undercolumn_about ol,
    #undercolumn_guide ol {
        padding-left: 35px;
    }

    #undercolumn_about .box,
    #undercolumn_guide .box {
        width: 100%;
    }

    #undercolumn_about #access .gmap {
        height: auto;
        padding-top: 56.25%;
    }
}

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

    #undercolumn_about p,
    #undercolumn_guide p,
    #undercolumn_about .box,
    #undercolumn_guide .box {
        font-size: 14px;
    }

    #undercolumn_about .box h3,
    #undercolumn_guide .box h3 {
        font-size: 16px;
    }
}

@media screen and (max-width: 568px) {

    #undercolumn_about table,
    #undercolumn_guide table {
        margin: 5px 0 20px 0;
        word-break: break-all;
        word-wrap: break-word;
    }

    #undercolumn_about table col,
    #undercolumn_guide table col {
        width: 100% !important;
    }

    #undercolumn_about table th,
    #undercolumn_guide table th,
    #undercolumn_about table td,
    #undercolumn_guide table td {
        width: 100% !important;
        display: block;
        overflow: hidden;
    }

    #undercolumn_guide table.tb-deliverydate {
        margin-top: 15px;
    }

    #undercolumn_guide table.tb-deliverydate col {
        width: 20% !important;
    }

    #undercolumn_guide table.tb-deliverydate th,
    #undercolumn_guide table.tb-deliverydate td {
        width: 20px !important;
        display: table-cell;
        font-size: 12px;
        letter-spacing: 0;
    }

    #undercolumn_guide #customer .adobebloc td img {
        margin: 0;
    }

    #undercolumn_about table td img {
        margin-bottom: 7px;
    }

    #undercolumn_about ul.floatL li,
    #undercolumn_guide ul.floatL li {
        float: none;
        padding-right: 0;
    }
}

/* タブメニュー（会社概要・ご利用案内・贈り物マナー）
------------------------------------------------------------------ */
.tabmenu_about,
.tabmenu_guide,
.tabmenu_manner {
    clear: both;
    width: 100%;
    margin: 40px 0;
    font-family: 'Shippori Mincho', serif;
    font-size: 15px;
    font-weight: 500;
}

.tabmenu_about ul,
.tabmenu_guide ul,
.tabmenu_manner ul {
    clear: both;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.tabmenu_about ul li,
.tabmenu_guide ul li,
.tabmenu_manner ul li {
    width: calc(100% / 3);
    margin-bottom: 15px;
}

.tabmenu_about ul li:nth-of-type(3n),
.tabmenu_guide ul li:nth-of-type(3n),
.tabmenu_manner ul li:nth-of-type(3n) {

}

.tabmenu_about ul li a,
.tabmenu_guide ul li a,
.tabmenu_manner ul li a {
    width: 100%;
    display: block;
    padding-left: 20px;
    position: relative;
}

.tabmenu_about ul li a::before,
.tabmenu_guide ul li a::before,
.tabmenu_manner ul li a::before {
    border: 1px solid;
    border-color: transparent #707070 #707070 transparent;
    content: "";
    display: block;
    height: 7px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    width: 7px;
}

/* active */
/* .tabmenu_about ul li a.active,
.tabmenu_guide ul li a.active,
.tabmenu_manner ul li a.active {
	color: #666;
	pointer-events: none;
} */


/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    .tabmenu_about,
    .tabmenu_guide,
    .tabmenu_manner {
        width: 100%;
        margin: 40px 0 0;
    }

    .tabmenu_about dl.acMenu dd,
    .tabmenu_guide dl.acMenu dd,
    .tabmenu_manner dl.acMenu dd {
        clear: both;
        margin: 0;
        padding: 0;
    }

    .tabmenu_about dl.acMenu dd ul,
    .tabmenu_guide dl.acMenu dd ul,
    .tabmenu_manner dl.acMenu dd ul {
        width: 100%;
    }

    .tabmenu_about dl.acMenu dd ul li,
    .tabmenu_guide dl.acMenu dd ul li,
    .tabmenu_manner dl.acMenu dd ul li {
        font-size: 14px;
        margin-bottom: 24px;
    }

    .tabmenu_about dl.acMenu dd ul li:nth-of-type(odd),
    .tabmenu_guide dl.acMenu dd ul li:nth-of-type(odd),
    .tabmenu_manner dl.acMenu dd ul li:nth-of-type(odd) {
        width: 50%;
    }

    .tabmenu_about dl.acMenu dd ul li:nth-of-type(2n),
    .tabmenu_guide dl.acMenu dd ul li:nth-of-type(2n),
    .tabmenu_manner dl.acMenu dd ul li:nth-of-type(2n) {
        margin-left: 16px;
        width: calc(50% - 16px);
    }

    .tabmenu_about dl.acMenu dd ul li a,
    .tabmenu_guide dl.acMenu dd ul li a,
    .tabmenu_manner dl.acMenu dd ul li a {
        width: 100%;
        margin: 0;
        display: block;
    }

    .tabmenu_about ul li a::before,
    .tabmenu_guide ul li a::before,
    .tabmenu_manner ul li a::before {
        top: 15px;
    }
}

/* ========================================================
　お届け日の確認
========================================================= */
.productDelivery,
.infoDelivery {
    width: 340px;
    margin: 0 0 10px 0;
    padding: 7px 7px 7px 0;
    overflow: hidden;
    text-align: left;
    background: #F1E6D3;
}

.productDelivery .titleBox,
.infoDelivery .titleBox {
    float: left;
    width: 30px;
    margin: 0;
    padding: 16px 4px 0 4px;
    font-size: 12px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
}

.productDelivery .dateBox,
.infoDelivery .dateBox {
    float: right;
    width: calc(100% - 30px);
    height: 0;
    margin: 0;
    padding: 0 0 21.33%;
    position: relative;
    overflow: hidden;
    background: #FFF;
}

.productDelivery .dateBox iframe,
.infoDelivery .dateBox iframe {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 3px;
    left: 0;
}

.infoDeliveryWrapper p.alignC {
    text-align: left;
}

/* ========================================================
　よくある質問
========================================================= */

#undercolumn_faq {
    clear: both;
    width: 980px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

#undercolumn_faq .qabox {
    clear: both;
    width: 980px;
    margin: 0;
    padding: 0 0 25px 0;
    overflow: hidden;
}

#undercolumn_faq .qabox dl {
    clear: both;
    width: 980px;
    margin: 0;
    padding: 0;
}

#undercolumn_faq .qabox dt {
    clear: both;
    width: 980px;
    min-height: 42px;
    margin: 0;
    padding: 4px 40px 10px 52px;
    position: relative;
    text-align: left;
    color: #786E4D;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5 !important;
    cursor: pointer;
    cursor: hand;
    background: url("/images/guide/icon_que.jpg") no-repeat 11px top;
}

#undercolumn_faq .qabox dt:after {
    width: 16px;
    height: 18px;
    margin: 0;
    display: block;
    position: absolute;
    right: 10px;
    top: 8px;
    content: "";
    background: url("/images/guide/icon_que_open.jpg");
}

#undercolumn_faq .qabox dt a:hover {}

#undercolumn_faq .qabox dt.accordion_toggle_active {}

#undercolumn_faq .qabox dd {
    clear: both;
    width: 980px;
    margin: 0 0 30px 0;
    padding: 15px 15px 15px 50px;
    overflow: hidden;
    text-align: left;
    font-size: 15px;
    border: 1px solid #DECBB4;
    background: #FFFFF4 url("/images/guide/icon_ans.jpg") no-repeat 10px 10px;
}

#undercolumn_faq .qabox dd a {
    color: #9A7D04;
    text-decoration: none;
}

#undercolumn_faq .qabox dd a:hover {
    color: #9A7D04;
    text-decoration: underline;
}

#undercolumn_faq .qabox dd img.imgL {
    float: left;
    margin: 0;
    padding: 0 10px;
}

#undercolumn_faq .qabox dd img.imgR {
    float: right;
    margin: 0;
    padding: 0 10px;
}

#undercolumn_faq .qabox dd img.bd-img {
    border: 1px solid #CCC;
}

#undercolumn_faq dd table {
    clear: both;
    width: 880px;
    margin-left: 0;
}

#undercolumn_faq dd table thead th,
#undercolumn_faq dd table thead td,
#undercolumn_faq dd table tbody th,
#undercolumn_faq dd table tbody td {}

#undercolumn_faq dd table thead th,
#undercolumn_faq dd table thead td {
    text-align: center;
    background: #DFD6A8;
}

#undercolumn_faq dd table tbody th {
    background: #F1EDD9;
}

#undercolumn_faq dd table tbody td {
    background: #FFF;
}

#undercolumn_faq dd table tbody td.alignC {
    text-align: center;
}

#undercolumn_faq dd ul.li-disc {
    clear: both;
    margin: 0 0 5px 15px;
    padding: 0;
    list-style: disc outside;
}

#undercolumn_faq dd ul.li-disc li {
    margin: 0 0 5px 0;
    padding: 0;
    text-align: left;
    list-style: disc outside;
}

/* レスポンシブ対応 ------------ */
@media (min-width: 768px) {

    #undercolumn_faq .qabox dd a[href^="tel:"],
    #undercolumn_faq .qabox dd a[href^="tel:"]:hover {
        color: #000;
    }
}

@media screen and (max-width: 1000px) {
    #undercolumn_faq {
        width: 100%;
    }

    #undercolumn_faq .qabox {
        width: 100%;
    }

    #undercolumn_faq .qabox dl {
        width: 100%;
    }

    #undercolumn_faq .qabox dt {
        width: 100%;
    }

    #undercolumn_faq .qabox dd {
        width: 100%;
    }

    #undercolumn_faq dd table {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    #undercolumn_faq .qabox dt {
        padding-top: 5px;
        font-size: 16px;
    }

    #undercolumn_faq .qabox dd {}
}

@media screen and (max-width: 568px) {

    #undercolumn_faq dd table.table-payment tbody th,
    #undercolumn_faq dd table.table-payment tbody td {
        width: 100%;
        display: block;
    }
}


/* ========================================================
　袋と箱の種類について　202408作成
========================================================= */
#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable {
    margin-bottom: 60px;
}

#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table,
#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr,
#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table th,
#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table td {
    border: none;
    text-align: center;
}

#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table th {
    color: #fff;
    letter-spacing: 0.2em;
}

#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table td,
#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table th {
    border-right: 1px solid #fff;
}

#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table th {
    font-weight: 500;
    font-size: 18px;
}

#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxType th {
    background: #a99877;
    letter-spacing: 0.1em;
    font-size: 17px;
}

#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxType th span {
    font-size: 13px;
}

/* ↓ 縦書き ↓ */
#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxImage th {
    width: auto !important;
}

#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxImage th p {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: pre;
    display:inline-block;
    width: auto;
}

#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxImage th p span  {
    -webkit-text-combine: horizontal;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all;
    font-size: 18px;
    margin-bottom: 3px;
}
/* ↑ 縦書き ↑ */

#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxImage th,
#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxType th:first-child {
    position: sticky;
    left: 0;
}

#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxType th:first-child {
    background: #b7ae94;
}

#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxImage:nth-child(odd) th {
    background: #b7ae94;
}

#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxImage:nth-child(even) th {
    background: #a99877;
}

#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxImage:nth-child(odd) td {
    background: #F4F4EC;
}

#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxImage:nth-child(even) td {
    background: #efeedd;
}

#undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxImage td img {
    width: 100%;
}

#undercolumn_guide .infoGiftboxWrapper p {
    margin: 0;
    font-size: 13px;
    letter-spacing: 0em;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table th,
    #undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table td {
        display: table-cell;
    }

    #undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    #undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxType th {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 1.5;
        width: auto !important;
    }

    #undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table td {
        width: 30% !important;
        padding: 5px;
        min-width: 120px;
        max-width: 120px;
    }

    #undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxType th {
        padding: 5px;
    }

    #undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxType th span {
        display: block;
        font-size: 11px;
    }

    #undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxImage td img {
        width: 100%;
    }

    /* ↓ 縦書き ↓ */
    #undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxImage th {
        padding: 5px;
    }

    #undercolumn_guide .infoGiftboxWrapper .infoGiftboxTable table tr.bagBoxImage th p span {
        font-size: 15px;
    }
    /* ↑ 縦書き ↑ */
}



/* ========================================================
　法人のお客様へ
========================================================= */

#corporation {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 10px 0;
    overflow: hidden;
}

#corporation #blockInner {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#corporation #blockInner h3 {
    margin: 0 0 18px 0;
    padding: 0 5px 3px 37px;
    color: #786E4D;
    font-size: 18px;
    background: url("/images/common/bg_h3.gif") no-repeat left bottom;
}

#corporation #blockInner p {
    clear: both;
    margin: 0;
    padding: 0 15px 20px 15px;
}

#corporation #blockInner a:hover img {
    opacity: 0.7;
}

#corporation #blockInner .box {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 10px 25px 40px;
    overflow: hidden;
}

#corporation #blockInner .box img.imgR {
    float: right;
    width: 371px;
    margin: 0;
    padding: 2px;
    border: 1px solid #DEDDDE;
}

#corporation #blockInner .box .boxL {
    float: left;
    width: 490px;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 1.4;
}

#corporation #blockInner .box .boxL p {
    clear: both;
    width: auto;
    margin: 0;
    padding: 0 0 15px 0;
}

#corporation #blockInner .box .boxL img.banner {
    clear: both;
    width: 490px;
    margin: 0 0 10px 0;
    padding: 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #corporation #blockInner p {
        padding: 0 0 20px 0;
    }

    #corporation #blockInner .box {
        padding: 0 0 25px 0;
    }

    #corporation #blockInner .box img.imgR {
        width: 40.24%;
    }

    #corporation #blockInner .box .boxL {
        width: 53.68%;
    }

    #corporation #blockInner .box .boxL img.banner {
        width: auto;
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    #corporation #blockInner h3 {
        font-size: 16px;
    }

    #corporation #blockInner .box img.imgR {
        clear: both;
        float: none;
        width: auto;
    }

    #corporation #blockInner .box .boxL {
        clear: both;
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }
}

/* ========================================================
　完成イメージについて
========================================================= */

#orilogoImageBloc {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#orilogoImageBloc .blocInner {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 30px;
    text-align: center;
    overflow: hidden;
    background: #FFF;
}

#orilogoImageBloc .blocInner h3,
#orilogoImageBloc .blocInner h4 {
    margin: 30px 0 15px 0;
    padding: 0 0 3px 37px;
    color: #786E4D;
    font-size: 18px;
    text-align: left;
    background: url("/images/common/bg_h3.gif") no-repeat left bottom;
}

#orilogoImageBloc .blocInner p {
    clear: both;
    margin: 0;
    padding: 0 0 20px 0;
    text-align: left;
}

#orilogoImageBloc .blocInner img {
    clear: both;
    margin: 0;
    padding: 0 0 20px 0;
}

#orilogoImageBloc .blocInner a {
    color: #9A7D04;
    text-decoration: none;
}

#orilogoImageBloc .blocInner a:hover {
    text-decoration: underline;
}

#orilogoImageBloc .blocInner a:hover img {
    opacity: 0.7;
}

#orilogoImageBloc .blocInner .guideBanner {
    clear: both;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
}

#orilogoImageBloc .blocInner .guideBanner:last-of-type {
    margin-top: 30px;
}

#undercolumn_guide #customer #orilogoImageBloc .guideBanner img {
    margin: 0;
}

@media screen and (max-width: 768px) {
    #orilogoImageBloc .blocInner {
        padding: 0;
    }

    #orilogoImageBloc .blocInner h4 {
        font-size: 16px;
    }
}

@media screen and (max-width: 568px) {
    #orilogoImageBloc .blocInner .guideBanner:last-of-type {
        margin-top: 10px;
    }
}


/* ========================================================
　ご入稿ガイド ★202406 NEW
========================================================= */

/* 入稿ガイド 全体・見出し */
#undercolumn_guide.nyukoGuide {
    background: #f8f7ef;
    width: 980px;
    max-width: 100%;
    margin: 0 auto;
}

#undercolumn_guide.nyukoGuide .nyukoFlowTitle {
    padding: 0 55px;
}

#undercolumn_guide.nyukoGuide h2 {
    font-size: 24px;
    vertical-align: middle;
    margin-bottom: 20px;
}

#undercolumn_guide.nyukoGuide h2 img {
    vertical-align: middle;
    width: 60px;
    margin-right: 20px;
}

#undercolumn_guide.nyukoGuide h3 {
    font-size: 23px;
    font-weight: 600;
    border-top: 2px solid;
    border-bottom: 2px solid;
    padding: 10px 0;
    margin-bottom: 40px;
    color: #77604e;
    background: none;
}

#undercolumn_guide.nyukoGuide h3::after {
    background: none;
}

#undercolumn_guide.nyukoGuide h4 {
    font-size: 22px;
    font-weight: 600;
    background: #efecdb;
    border-radius: 10px;
    padding: 10px 20px;
    margin-bottom: 25px;
}

#undercolumn_guide.nyukoGuide h4 img {
    width: 27px;
    vertical-align: middle;
    margin-right: 15px;
}


/* 入稿ガイド 看板 */
#undercolumn_guide.nyukoGuide .signImage {
    margin-bottom: 30px;
}


/* 入稿ガイド アンカーリンクメニュー */
#undercolumn_guide.nyukoGuide .jumpMenu {
    margin: 10px 0 30px;
    padding: 0 55px;
}

#undercolumn_guide.nyukoGuide .jumpMenu ul {
    display: flex;
    flex-wrap: wrap;
    margin: 10px -10px;
    padding: 0;
}

#undercolumn_guide.nyukoGuide .jumpMenu li {
    padding: 0;
    margin: 10px;
    background: none;
}

#undercolumn_guide.nyukoGuide .jumpMenu li a {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    position: relative;
    display: block;
    padding-left: 32px;
}

#undercolumn_guide.nyukoGuide .jumpMenu li a::before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* -webkit-font-smoothing: antialiased;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke-width: 1px; */
    background: #9d8e81;
    border-radius: 50px;
    width: 23px;
    height: 23px;
    text-align: center;
}

#undercolumn_guide.nyukoGuide .jumpMenu li a:hover {
    text-decoration: none;
    color: #9d8e81;
}

#undercolumn_guide.nyukoGuide .jumpMenu .jumpMenuTitle {
    font-size: 14px;
    font-weight: 600;
    color: #77604e;
    border-bottom: 1px solid #c7bcb3;
    margin-bottom: -5px;
}

/* 入稿ガイド 説明 */
#undercolumn_guide.nyukoGuide .nyukoFlow {
    padding: 0 55px;
}

#undercolumn_guide.nyukoGuide .nyukoFlow .FlowList {
    margin-bottom: 50px;
}

#undercolumn_guide.nyukoGuide .nyukoFlow .FlowList ul {
    width: 95%;
    margin: 0 auto;
    padding: 0;
}

#undercolumn_guide.nyukoGuide .nyukoFlow .FlowList li {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    margin: 0;
    background: none;
}

#undercolumn_guide.nyukoGuide .nyukoFlow .FlowList li .imageBlock {
    width: 50%;
}

#undercolumn_guide.nyukoGuide .nyukoFlow .FlowList li .textBlock {
    width: 45%;
}

#undercolumn_guide.nyukoGuide .nyukoFlow .FlowList li .textBlock h5 {
    font-size: 19px;
    margin-bottom: 20px;
    font-weight: 600;
}

#undercolumn_guide.nyukoGuide .nyukoFlow .FlowList li .textBlock p {
    line-height: 2;
}

#undercolumn_guide.nyukoGuide .nyukoFlow .FlowList li .textBlock a {
    text-decoration: underline;
}

/* ボタン */
#undercolumn_guide.nyukoGuide .nyukoFlow .FlowList li .textBlock a.textButton {
    background: #fff;
    box-shadow: 3px 3px 0px 0px #eae8d9;
    border: 0;
    border-radius: 2px;
    color: #77604e;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 12px;
    display: block;
    width: 99%;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    transition: .3s;
    margin-bottom: 10px;
}

#undercolumn_guide.nyukoGuide .nyukoFlow .FlowList li .textBlock a.textButton::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color: #77604e;
}

#undercolumn_guide.nyukoGuide .nyukoFlow .FlowList li .textBlock a.textButton.download::before {
    content: "\f019";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color: #77604e;
}

#undercolumn_guide.nyukoGuide .nyukoFlow .FlowList li .textBlock a.textButton:hover {
    background: #9d8e81;
    color: #fff;
}

#undercolumn_guide.nyukoGuide .nyukoFlow .FlowList li .textBlock a.textButton:hover::before {
    color: #fff;
}


/* 作成の注意点 */
#undercolumn_guide.nyukoGuide .nyukoFlow.attn p.title {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 5px;
}

#undercolumn_guide.nyukoGuide .nyukoFlow.attn p.comment {
    padding-bottom: 25px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    /* 入稿ガイド 全体・見出し */
    #undercolumn_guide.nyukoGuide .nyukoFlowTitle {
        padding: 0 15px;
    }

    #undercolumn_guide.nyukoGuide h2 {
        font-size: 20px;
    }

    #undercolumn_guide.nyukoGuide h2 img {
        display: none;
    }

    #undercolumn_guide.nyukoGuide h3 {
        font-size: 19px;
    }

    #undercolumn_guide.nyukoGuide h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    #undercolumn_guide.nyukoGuide .nyukoFlow .FlowList li .textBlock h5 {
        font-size: 17px;
    }

    /* 入稿ガイド アンカーリンクメニュー */
    #undercolumn_guide.nyukoGuide .jumpMenu {
        padding: 0 15px;
    }

    #undercolumn_guide.nyukoGuide .jumpMenu .jumpMenuTitle {
        margin-bottom: 5px;
    }

    #undercolumn_guide.nyukoGuide .jumpMenu ul {
        margin-bottom: 20px;
    }

    #undercolumn_guide.nyukoGuide .jumpMenu li {
        margin: 10px;
    }

    #undercolumn_guide.nyukoGuide .jumpMenu li a {
        font-size: 13px;
    }

    /* 入稿ガイド 説明 */
    #undercolumn_guide.nyukoGuide .nyukoFlow {
        padding: 0 15px;
    }

    #undercolumn_guide.nyukoGuide .nyukoFlow .FlowList {
        margin-bottom: 30px;
    }

    #undercolumn_guide.nyukoGuide .nyukoFlow .FlowList li {
        display: block;
    }

    #undercolumn_guide.nyukoGuide .nyukoFlow .FlowList li .imageBlock {
        width: 100%;
        margin-bottom: 15px;
    }

    #undercolumn_guide.nyukoGuide .nyukoFlow .FlowList li .textBlock {
        width: 100%;
    }

    #undercolumn_guide.nyukoGuide .nyukoFlow .FlowList li {

    }

    #undercolumn_guide.nyukoGuide .nyukoFlow .FlowList li .textBlock a.textButton {
        padding: 10px 50px 10px 10px;
    }
}


/* 入稿ガイドページ共通循環 
 ----------------------------------------------- */
#nyukoGuide.nyukoGuideCirculation {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #EDEDED;
}

#nyukoGuide.nyukoGuideCirculation p {
    margin-bottom: 10px;
    font-size: 15px;
}

#nyukoGuide.nyukoGuideCirculation ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: -5px;
}

#nyukoGuide.nyukoGuideCirculation li {
    width: 100%;
    margin: 5px;
    display: flex;
}

#nyukoGuide.nyukoGuideCirculation li a {
    width: 100%;
    padding: 10px;
    text-align: left;
    background: #f5f3e8;
    border-radius: 2px;
    display: block;
    position: relative;
    text-align: center;
}

#nyukoGuide.nyukoGuideCirculation li a::after {
    content: "";
    bottom: 0;
    right: 0;
    border-top: 1.2em solid transparent;
    border-right: 1.2em solid #e7dbbf;
    position: absolute;
}

#nyukoGuide.nyukoGuideCirculation li a:hover {
    opacity: 0.7;
}

#nyukoGuide.nyukoGuideCirculation li a img {
    width: 30px;
    margin: 0 auto 5px;
    display: block;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #nyukoGuide.nyukoGuideCirculation ul {
        flex-wrap: wrap;
    }
    #nyukoGuide.nyukoGuideCirculation li {
        width: 30%;
    }

    #nyukoGuide.nyukoGuideCirculation li a {
        font-size: 13px;
        padding: 5px;
        height: 100%;
    }

    #nyukoGuide.nyukoGuideCirculation li a img {
        width: 40%;
        height: 40%;
        margin: 0 auto 2px;
    }
}

/* ========================================================
　キャッシュレスポイント還元のご案内
========================================================= */

#undercolumn_guide .point {
    padding-bottom: 30px;
}

#undercolumn_guide .explanation {
    padding-top: 30px;
}

@media screen and (max-width: 568px) {
    #undercolumn_guide .point {
        padding-bottom: 20px;
    }
}

/* ========================================================
　プレスリリース
========================================================= */

#pressrelease_inner {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 13px 20px 13px;
    text-align: left;
}

#pressrelease_inner dl {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 1.5;
}

#pressrelease_inner dl dt {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 0 5px 0;
    color: #B39D37;
}

#pressrelease_inner dl dt img {
    margin: 0;
    padding: 3px 0 0 5px;
    vertical-align: top;
}

#pressrelease_inner dl dd {
    clear: both;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    color: #616161;
    border-bottom: 1px dotted #DEDDDE;
}

#pressrelease_inner dl dd p {
    clear: both;
    margin: 0;
    padding: 0;
    color: #616161;
}

#pressrelease_inner a {
    color: #616161;
    text-decoration: underline;
}

#pressrelease_inner a:hover,
#pressrelease_inner a[href]:hover {
    color: #9A7D04;
    text-decoration: underline;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #pressrelease_inner {
        padding: 0 0 20px 0;
    }

    #pressrelease_inner dl dt,
    #pressrelease_inner dl dd {
        padding-right: 10px;
        padding-left: 10px;
    }
}

/* ========================================================
　お問い合わせ
========================================================= */

#undercolumn_contact {
    width: 100%;
    margin: 0;
}

#undercolumn_contact p {
    clear: both;
    margin: 0;
    padding: 0 0 10px;
}

#undercolumn_contact p.mini {
    padding-bottom: 0;
}

body#page_connection #undercolumn_contact table tr:last-of-type td p.mini {
    padding-top: 0!important;
    padding-bottom: 10px!important;
}

body#page_connection #undercolumn_contact table th {
    white-space: nowrap;
}

body#page_connection #undercolumn_contact table td a {
    color: #A68B56;
    text-decoration: underline;
}

body#page_connection #undercolumn_contact table td a:hover {
    text-decoration: none;
}

body#page_connection #undercolumn_contact table td .ec-checkbox input[type=checkbox] {
    margin: 0;
}

body#page_connection #undercolumn_contact table td .ec-checkbox input[type=radio] {
    margin-top: 1px;
    margin-right: 1px;
}

body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox label,
body#page_connection #undercolumn_contact table td #connection_connection_item_print .ec-checkbox label,
body#page_connection #undercolumn_contact table td .ec-checkbox label {
    padding: 2px 0 0;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.2;
}

body#page_connection #undercolumn_contact table td #connection_connection_item_kind,
body#page_connection #undercolumn_contact table td #connection_connection_item_print {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox__select {
    width: 24%;
    margin-bottom: 7px;
    padding-right: 15px;
}

body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox__select:nth-of-type(4n) {
    padding-right: 0;
}

body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox__select:nth-last-of-type(-n+3) {
    margin-bottom: 0;
}

body#page_connection #undercolumn_contact table td #connection_connection_item_print .ec-checkbox__select {
    padding-right: 25px;
}

body#page_connection #undercolumn_contact table td #connection_connection_item_print .ec-checkbox__select:last-of-type {
    padding-right: 0;
}

#undercolumn_contact .contact-tel {
    margin: 15px 0 25px 0;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    border: 5px solid #E9E5C0;
}

#undercolumn_contact .contact-tel p {
    clear: both;
    margin: 0;
    padding: 0;
}

#undercolumn_contact .contact-tel span a {
    color: #600;
    font-size: 26px;
    vertical-align: middle;
}

#undercolumn_contact .contact-tel p span::before {
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
    content: "\f095";
    color: #600;
}

#undercolumn_contact .contact-navi {
    margin: 35px 0 30px 0;
    padding: 12px 10px 10px 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border: 5px solid #958F74;
    background: #FFF;
}

#undercolumn_contact .contact-navi.bottom-block {
    margin: 45px 0 40px 0;
}

#undercolumn_contact .contact-navi p {
    clear: both;
    margin: 0;
    padding: 0;
}

#undercolumn_contact .contact-navi p a {
    color: #DD4141;
}

#undercolumn_contact .contact-faq {
    width: 100%;
    margin: 0 0 22px;
    padding: 15px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #FFFAEE;
}

#undercolumn_contact .contact-faq p {
    clear: none;
    width: calc(100% - 270px);
    margin: 3px 0 0;
    padding: 0;
    text-align: center;
    font-size: 18px;
}

#undercolumn_contact .contact-faq p.contact-faq_banner {
    width: 250px;
    margin-top: 0;
}

body#page_connection #undercolumn_contact table td p.contact-file_banner {
    clear: none;
    width: 315px;
    margin: 0 0 5px 5px;
    padding: 0;
    text-align: center;
    font-size: 18px;
}

#undercolumn_contact .contact-faq p.contact-faq_banner a,
body#page_connection #undercolumn_contact table td p.contact-file_banner a {
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 3px 30px 0 10px;
    display: block;
    position: relative;
    color: #FFF;
    text-decoration: none;
    background: #DD4141;
}

#undercolumn_contact .contact-faq p.contact-faq_banner a:hover,
body#page_connection #undercolumn_contact table td p.contact-file_banner a:hover {
    background: #E77A7A;
}

#undercolumn_contact .contact-faq p.contact-faq_banner a:after,
body#page_connection #undercolumn_contact table td p.contact-file_banner a:after {
    width: 9px;
    height: 19px;
    margin: auto;
    padding: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    z-index: 1;
    content: "";
    background: url(/images/common/icon_arrow_white.png) no-repeat;
    background-size: contain;
}

#undercolumn_contact a.link-blue {
    color: #0064cc;
    border-bottom: 1px solid #0064cc;
}

#undercolumn_contact a.link-blue:hover {
    text-decoration: none;
}

#undercolumn_contact .contact-info {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 45px 0 0;
    text-align: left;
}

#undercolumn_contact .contact-info h3 {
    margin: 0 0 15px 0;
    padding: 0 5px 3px 37px;
    color: #786E4D;
    font-size: 20px;
    background: url("/images/common/bg_h3.gif") no-repeat left bottom;
}

#undercolumn_contact .contact-info p {
    clear: both;
    margin: 0;
    padding: 0 0 2px 40px;
}

#undercolumn_contact #complete_area .shop_information {
    clear: both;
    width: 100%;
    margin: 20px 0 40px 0;
    padding: 10px 15px 0 15px;
    overflow: hidden;
    font-size: 14px;
    border: double #D6CFB7;
}

#undercolumn_contact #complete_area .shop_information .name {
    margin-bottom: 7px;
    padding-bottom: 0;
    font-size: 18px;
    font-weight: bold;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #undercolumn_contact .contact-info h3 {
        padding: 0 0 3px 37px;
    }

    #undercolumn_contact .contact-info p {
        padding: 0 10px 3px 10px;
    }
}

@media screen and (max-width: 868px) {
    body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox__select {
        width: 32.33%;
    }

    body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox__select:nth-of-type(4n) {
        padding-right: 15px;
    }

    body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox__select:nth-of-type(3n) {
        padding-right: 0;
    }
}

@media screen and (max-width: 768px) {
    body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox__select {
        width: 49%;
        margin-bottom: 5px;
    }

    body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox__select:nth-of-type(3n) {
        padding-right: 15px;
    }

    body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox__select:nth-of-type(2n) {
        padding-right: 0;
    }

    body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox__select:nth-last-of-type(-n+3) {
        margin-bottom: 5px;
    }

    body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox__select:nth-last-of-type(-n+2) {
        margin-bottom: 0;
    }

    body#page_connection #undercolumn_contact table td #connection_connection_item_print .ec-checkbox__select {
        width: 100%;
        margin-bottom: 5px;
        padding-right: 0;
    }

    body#page_connection #undercolumn_contact table td #connection_connection_item_print .ec-checkbox__select:last-of-type {
        margin-bottom: 0;
    }

    #undercolumn_contact .contact-tel {
        margin-top: 10px;
        font-size: 16px;
    }

    #undercolumn_contact .contact-navi {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 15px;
    }

    #undercolumn_contact .contact-navi.bottom-block {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #undercolumn_contact .contact-faq {
        margin-bottom: 15px;
        padding: 10px 15px 15px;
    }

    #undercolumn_contact .contact-faq p {
        width: 100%;
        margin-top: 0;
        font-size: 16px;
    }

    #undercolumn_contact .contact-faq p.contact-faq_banner {
        margin: 12px auto 0;
    }

    #undercolumn_contact .contact-faq p.contact-faq_banner a {
        padding: 5px 25px 0 10px;
    }

    #undercolumn_contact .contact-faq p.contact-faq_banner a:after {
        right: 15px;
    }

    #undercolumn_contact .contact-info {
        padding-top: 30px;
    }

    #undercolumn_contact .contact-info h3 {
        padding-bottom: 5px;
        font-size: 16px;
    }

    #undercolumn_contact #complete_area .shop_information {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    #undercolumn_contact #complete_area .shop_information .name {
        margin-bottom: 5px;
        font-size: 16px;
    }
}

@media screen and (max-width: 568px) {
    #undercolumn_contact table col,
    #undercolumn_contact table col {
        width: 100% !important;
    }

    #undercolumn_contact table th,
    #undercolumn_contact table td {
        width: 100% !important;
        display: block;
        overflow: hidden;
    }

    #undercolumn_contact .contact-tel span {
        font-size: 22px;
    }
}

@media screen and (max-width: 370px) {
    body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox__select {
        width: 100%;
    }

    body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox__select:nth-of-type(4n),
    body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox__select:nth-of-type(3n),
    body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox__select:nth-of-type(2n) {
        padding-right: 0;
    }

    body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox__select:nth-last-of-type(-n+2) {
        margin-bottom: 5px;
    }

    body#page_connection #undercolumn_contact table td #connection_connection_item_kind .ec-checkbox__select:last-of-type {
        margin-bottom: 0;
    }
}

/* ========================================================
　エラーページ
========================================================= */

/* カテゴリー
----------------------------------------------- */
.ec-searchnavRole.not-found {
    margin-top: 50px;
    margin-bottom: 50px;
}

.ec-searchnavRole.not-found p {
    text-align: center;
}

/* 404
----------------------------------------------- */
.ec-404Role p {
    margin-bottom: 40px;
}

/* ========================================================
　フォームパーツのフォーカス対応
========================================================= */

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {

    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="url"],
    input[type="number"],
    input[type="password"],
    input[type="checkbox"],
    input[type="radio"],
    textarea,
    select,
    .ec-input input,
    .ec-halfInput input,
    .ec-numberInput input,
    .ec-zipInput input,
    .ec-telInput input,
    .ec-select input,
    .ec-birth input,
    .ec-input textarea,
    .ec-halfInput textarea,
    .ec-numberInput textarea,
    .ec-zipInput textarea,
    .ec-telInput textarea,
    .ec-select textarea,
    .ec-birth textarea,
    .ec-input select,
    .ec-halfInput select,
    .ec-numberInput select,
    .ec-zipInput select,
    .ec-telInput select,
    .ec-select select,
    .ec-birth select,
    #page_product_detail .deliveryCheck #deliv_show_area select,
    #detailarea #detailrightbloc .cart_area table#sweet_message_area td input[type="text"],
    #detailarea #detailrightbloc .cart_area table#sweet_message_area td textarea,
    #detailarea #detailrightbloc .cart_area table#sweet_message_area td select,
    #detailarea #detailrightbloc .cart_area table#sweet_message_area td .ec-numberInput input {
        font-size: 16px;
    }

    #page_contact .ec-select,
    #page_contact .ec-select select {
        width: 100%;
    }
}

/* insert start 20211008 vinh【文の菓】掲載許可のチェックボックス追加について 5162 */
a.linkblog {
    color: blue !important;
    text-decoration: underline !important;
}

a.linkblog:hover {
    color: #9A7D04;
    text-decoration: underline !important;
}

/* insert end 20211008 vinh【文の菓】掲載許可のチェックボックス追加について 5162 */



/* ========================================================
　2023年リニューアル ※削除予定
========================================================= */

/* 商品説明枠
----------------------------------------------- */
#categoryText .detailBloc23,
#page_product_detail .main_comment .detailBloc23 {
    clear: both;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 30px;
    overflow: hidden;
    background: #FFF url(/images/top/bg_item.jpg) repeat left top;
}

#page_product_detail .main_comment .detailBloc23>div:last-of-type {
    margin-bottom: 0;
}

#categoryText .detailBloc23 .blocInner,
#page_product_detail .main_comment .detailBloc23 .blocInner,
#page_product_detail .main_comment .detailBloc23 .exBloc {
    clear: both;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 30px;
    overflow: hidden;
    position: relative;
    background: #FFF;
}

#page_product_detail .main_comment .detailBloc23 .blocInner img {
    clear: both;
    width: 100%;
    margin: 0;
    padding-bottom: 25px;
}

#categoryText .detailBloc23 .blocInner .box,
#page_product_detail .main_comment .detailBloc23 .blocInner .boxC,
#page_product_detail .main_comment .detailBloc23 .tasteBloc .boxC,
#page_product_detail .main_comment .detailBloc23 .exBloc .boxC {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

#categoryText .detailBloc23 .blocInner .box h3,
#page_product_detail .main_comment .detailBloc23 .blocInner .boxC h3,
#page_product_detail .main_comment .detailBloc23 .tasteBloc .boxC h3,
#page_product_detail .main_comment .detailBloc23 .exBloc .boxC h3 {
    clear: both;
    margin: 0 0 5px 0;
    padding: 0;
    color: #7f663b;
    text-align: center;
    font-size: 27px;
    line-height: 1.4;
    font-weight: 500;
}

#categoryText .detailBloc23 .blocInner .box h4,
#page_product_detail .main_comment .detailBloc23 .blocInner .boxC h4 {
    clear: both;
    margin: 0 0 30px 0;
    padding: 10px 0;
    color: #7f663b;
    text-align: center;
    font-size: 27px;
    letter-spacing: 0.4em;
    font-weight: 500;
    border-top: dashed 3px #e8e5c1;
    /*上線*/
    border-bottom: dashed 3px #e8e5c1;
    /*下線*/
}

#categoryText .detailBloc23 .blocInner .box p,
#page_product_detail .main_comment .detailBloc23 .blocInner .boxC p {
    clear: both;
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 15px;
    line-height: 1.6;
}

#categoryText .detailBloc23 .blocInner .box p.en,
#page_product_detail .main_comment .detailBloc23 .blocInner .boxC p.en,
#page_product_detail .main_comment .detailBloc23 .tasteBloc .boxC p.en,
#page_product_detail .main_comment .detailBloc23 .exBloc .boxC p.en {
    clear: both;
    margin: 0;
    padding: 0 0 20px 0;
    color: #7f663b;
    text-align: center;
    font-size: 21px;
}

#page_product_detail .main_comment .detailBloc23 .exBloc .exPhoto {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#page_product_detail .main_comment .detailBloc23 .exBloc .exPhoto .exBox {
    width: 32%;
    max-width: 286px;
    margin: 0 0 20px 0;
    padding: 0;
}

#page_product_detail .main_comment .detailBloc23 .exBloc .exPhoto .exBox h4 {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0;
    color: #382904;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

#page_product_detail .main_comment .detailBloc23 .exBloc .exPhoto .exBox img {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0;
}

#page_product_detail .main_comment .detailBloc23 .exBloc .exPhoto .exBox p {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 15px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {

    #categoryText .detailBloc23,
    #page_product_detail .main_comment .detailBloc23 {
        padding: 20px;
        background: #FFF;
    }

    #categoryText .detailBloc23 .blocInner,
    #page_product_detail .main_comment .detailBloc23 .blocInner,
    #page_product_detail .main_comment .detailBloc23 .exBloc {
        margin-bottom: 20px;
        padding: 20px;
    }

    #page_product_detail .main_comment .detailBloc23 .blocInner .boxC {
        clear: both;
        float: none;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    #page_product_detail .main_comment .detailBloc23 .blocInner .boxC:after {
        clear: both;
        display: block;
        content: " ";
    }

    #page_product_detail .main_comment .detailBloc23 .blocInner .boxC h3,
    #page_product_detail .main_comment #detailBloc23 .tasteBloc .boxC h3 {
        font-size: 24px;
        letter-spacing: 0.3em;
    }

    #categoryText .detailBloc23 .blocInner .box p.en,
    #page_product_detail .main_comment .detailBloc23 .blocInner .boxC p.en,
    #page_product_detail .main_comment .detailBloc23 .tasteBloc .boxC p.en {
        font-size: 18px;
    }

    #page_product_detail .main_comment .detailBloc23 .blocInner .boxC h3 br {
        display: none;
    }

    #page_product_detail .main_comment .detailBloc23 .blocInner .boxC ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

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

    #categoryText .detailBloc23,
    #page_product_detail .main_comment .detailBloc23 {
        padding: 15px;
        background: #FFF;
    }

    #page_product_detail .main_comment .detailBloc23 .blocInner img {
        padding-bottom: 15px;
    }

    #categoryText .detailBloc23 .blocInner,
    #page_product_detail .main_comment .detailBloc23 .blocInner,
    #page_product_detail .main_comment .detailBloc23 .exBloc {
        margin-bottom: 30px;
        padding: 0;
    }

    #categoryText .detailBloc23 .blocInner .box,
    #page_product_detail .main_comment .detailBloc23 .blocInner .boxC {
        padding: 0;
    }

    #categoryText .detailBloc23 .blocInner .box h3,
    #page_product_detail .main_comment .detailBloc23 .blocInner .boxC h3,
    #page_product_detail .main_comment .detailBloc23 .tasteBloc .boxC h3,
    #page_product_detail .main_comment .detailBloc23 .exBloc .boxC h3 {
        font-size: 21px;
        line-height: 1.4;
        padding: 0 0 10px 0;
        letter-spacing: 0em;
    }

    #categoryText .detailBloc23 .blocInner .box h4,
    #page_product_detail .main_comment .detailBloc23 .blocInner .boxC h4 {
        font-size: 21px;
    }

    #page_product_detail .main_comment .detailBloc23 .blocInner .boxC p.en,
    #page_product_detail .main_comment .detailBloc23 .tasteBloc .boxC p.en,
    #page_product_detail .main_comment .detailBloc23 .exBloc .boxC p.en {
        font-size: 16px;
    }
}

@media screen and (max-width: 468px) {

    #categoryText .detailBloc23,
    #page_product_detail .main_comment .detailBloc23 {
        padding: 10px;
        background: #FFF;
    }

    #categoryText .detailBloc23 .blocInner .box h3,
    #page_product_detail .main_comment .detailBloc23 .blocInner .boxC h3,
    #page_product_detail .main_comment .detailBloc23 .tasteBloc .boxC h3,
    #page_product_detail .main_comment .detailBloc23 .exBloc .boxC h3 {
        background: linear-gradient(transparent 50%, #e8e5c1 60%);
        text-align: left;
        display: inline;
        padding: 0 0 2px 0;
    }

    #page_product_detail .main_comment .detailBloc23 .blocInner .boxC p.en,
    #page_product_detail .main_comment .detailBloc23 .tasteBloc .boxC p.en,
    #page_product_detail .main_comment .detailBloc23 .exBloc .boxC p.en {
        text-align: left;
        font-size: 16px;
        margin: 10px 0 0 0;
    }

    #categoryText .detailBloc23 .blocInner .box p,
    #page_product_detail .main_comment .detailBloc23 .blocInner .boxC p {
        padding: 0 0 10px 0;
        font-size: 14px;
        line-height: 1.5;
    }

    #page_product_detail .main_comment .detailBloc23 .exBloc .exPhoto .exBox {
        width: 33.3%;
        margin: 0 0 20px 0;
        padding: 5px;
    }

    #page_product_detail .main_comment .detailBloc23 .exBloc .exPhoto .exBox h4 {
        clear: both;
        margin: 0;
        padding: 0;
        color: #382904;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }

    #page_product_detail .main_comment .detailBloc23 .exBloc .exPhoto .exBox p {
        clear: both;
        margin: 0;
        padding: 0;
        font-size: 12px;
    }
}

@media screen and (max-width: 368px) {
    #page_product_detail .main_comment .detailBloc23 .exBloc .exPhoto .exBox {
        width: 100%;
        max-width: initial;
        margin-bottom: 15px;
    }

    #page_product_detail .main_comment .detailBloc23 .exBloc .exPhoto .exBox h4 {
        text-align: center;
    }

    #page_product_detail .main_comment .detailBloc23 .exBloc .exPhoto .exBox img {
        margin: 0 auto 10px auto;
        display: block;
    }

    #page_product_detail .main_comment .detailBloc23 .exBloc .exPhoto .exBox {
        width: 100%;
    }

    #page_product_detail .main_comment .detailBloc23 .exBloc .exPhoto .exBox:first-of-type {
        margin-bottom: 20px;
    }
}

/* おいしさの秘密
------------------------------------------------------------- */
#page_product_detail .main_comment .detailBloc23 .tasteBloc {
    clear: both;
    margin: 0 auto;
}

#page_product_detail .main_comment .detailBloc23 .tasteBloc .f-r {
    float: right;
    width: 48%;
}

#page_product_detail .main_comment .detailBloc23 .tasteBloc .f-r img {
    width: 100%;
    margin-bottom: 0;
}

#page_product_detail .main_comment .detailBloc23 .tasteBloc .f-l {
    float: left;
    width: 48%;
}

#page_product_detail .main_comment .detailBloc23 .tasteBloc .f-l p {
    margin: 0;
    padding: 25px 0 40px 0;
    font-size: 15px;
    line-height: 1.6;
}

.tasteBloc .f-l {
    counter-reset: h2;
}

.tasteBloc .f-l h2 {
    display: flex;
    line-height: 1.3;
    font-size: 22px;
    color: #7f663b;
    font-weight: 500;
    border-bottom: dashed 3px #e8e5c1;
    /*下線*/
    padding-bottom: 15px;
}

.tasteBloc .f-l h2:before {
    counter-increment: h2;
    content: counter(h2);
    background-color: #7f663b;
    color: #fff;
    text-align: center;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 2rem;
    margin-right: 1.2rem;
    margin-top: 1rem;
    border-radius: 50%;
    flex-shrink: 0;
}

@media screen and (max-width: 468px) {

    #page_product_detail .main_comment .detailBloc23 .tasteBloc .f-l,
    #page_product_detail .main_comment .detailBloc23 .tasteBloc .f-r {
        clear: both;
        width: 100%;
    }

    #page_product_detail .main_comment .detailBloc23 .tasteBloc .f-l p {
        margin: 0;
        padding: 20px 0 20px 0;
        font-size: 15px;
        line-height: 1.6;
    }

    .tasteBloc .f-l h2:before,
    .tasteBloc .f-c h2:before {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 368px) {
    .tasteBloc .f-l h2 {
        font-size: 19px;
        padding-bottom: 10px;
    }

    .tasteBloc .f-l h2:before {
        width: 3rem;
        height: 3rem;
        line-height: 3rem;
        font-size: 1.6rem;
        margin-top: 1rem;
    }
}


/* お客様の声（レビュー）
----------------------------------------------- */
#undercolumn .main_comment .revueArea23 {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* Mozilla Firefox */
#undercolumn .main_comment .revueArea23 {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* Opera */
#undercolumn .main_comment .revueArea23 {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* Webkit (Safari/Chrome 10) */
#undercolumn .main_comment .revueArea23 {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* Webkit (Chrome 11+) */
#undercolumn .main_comment .revueArea23 {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* W3C Markup, IE10 Release Preview */
#undercolumn .main_comment .revueArea23 {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#undercolumn .main_comment .revueArea23 .revueBloc {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: left;
    background: #FFF;
}

#undercolumn .main_comment .revueArea23 .revueBloc h3 {
    clear: both;
    margin: 10px 0 20px 0;
    padding: 0 5px 3px 37px;
    color: #7f663b;
    font-size: 21px;
    background: url("/images/common/bg_h3.gif") no-repeat left bottom;
}

#undercolumn .main_comment .revueArea23 .revueBloc .bt-revueList {
    clear: both;
    float: right;
    margin: 30px 0 0 0;
    padding: 0;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner {
    clear: both;
    width: 100%;
    height: 300px;
    margin: 0;
    padding: 0 10px;
    overflow-y: scroll;
    background: #FFF;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 15px 0;
    overflow: hidden;
    border-bottom: dashed 1px #CCC;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox img {
    clear: left;
    float: left;
    max-width: 24.76%;
    margin: 0;
    padding: 0;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR {
    float: right;
    width: calc(100% - 27.26%);
    margin: 0;
    padding: 0;
    text-align: left;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR p {
    clear: both;
    margin: 0;
    padding: 0;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR strong,
#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR p strong {
    font-weight: normal;
    background: linear-gradient(transparent 0%, #F6DDE5 0%);
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR p.revueTitle {
    clear: both;
    margin: 0 0 15px 0;
    padding: 0 0 5px 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: dashed 1px #CCC;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR p.revueTitle::before {
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
    content: "\f007";
    color: #333;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR p.title a {
    color: #0064CC;
    text-decoration: underline;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR p.title a:hover {
    color: #68A3E0;
    text-decoration: underline;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #undercolumn .main_comment .revueArea23 {
        padding: 20px;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc {
        padding: 20px;
    }
}

@media screen and (max-width: 768px) {
    #undercolumn .main_comment .revueArea23 {
        padding: 0;
        background: #e8e5c1;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc {
        margin-top: 0;
        padding: 15px 0 15px;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc h3 {
        margin: 0 0 20px 0;
        padding: 0 5px 3px 37px;
        font-size: 16px;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc .bt-revueList {
        margin-top: 20px;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc .revueInner {
        padding: 10px;
        border: 1px solid #CCC;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox img {
        max-width: 140px;
    }
}

@media screen and (max-width: 568px) {
    #undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox img {
        clear: both;
        float: none;
        max-width: 100px;
        margin: 0 auto;
        display: block;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR {
        clear: both;
        float: none;
        width: 100%;
        margin-top: 10px;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR p {
        font-size: 13px;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR p.revueTitle {
        margin-bottom: 10px;
        padding-bottom: 0;
        font-size: 15px;
        border-bottom: none;
    }
}


/* お菓子の文字入れについて
------------------------------------------------------------- */
#page_product_detail .main_comment .detailBloc23 .orderexBloc {
    clear: both;
    margin: 0 auto;
}

#page_product_detail .main_comment .detailBloc23 .orderexBloc .f-r {
    float: right;
    width: 48%;
}

#page_product_detail .main_comment .detailBloc23 .orderexBloc .f-l {
    float: left;
    width: 48%;
}

#page_product_detail .main_comment .detailBloc23 .orderexBloc .f-c {
    clear: both;
    width: 100%;
    padding: 15px 0 0 0;
}

#page_product_detail .main_comment .detailBloc23 .orderexBloc .f-l img,
#page_product_detail .main_comment .detailBloc23 .orderexBloc .f-r img {
    width: 100%;
    margin-bottom: 0;
}

#page_product_detail .main_comment .detailBloc23 .orderexBloc .f-l p,
#page_product_detail .main_comment .detailBloc23 .orderexBloc .f-c p {
    margin: 25px 0 40px 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.6;
}

#page_product_detail .main_comment .detailBloc23 .orderexBloc .f-c ul {
    margin: 0;
    padding: 25px 0 20px 0;
}

#page_product_detail .main_comment .detailBloc23 .orderexBloc .f-c li {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 15px;
    line-height: 1.6;
}

#page_product_detail .main_comment .detailBloc23 .orderexBloc .f-c h2 {
    position: relative;
    display: flex;
    line-height: 1.3;
    font-size: 22px;
    color: #7f663b;
    font-weight: 500;
    border-bottom: dashed 3px #e8e5c1;
    /*下線*/
    padding-bottom: 10px;
}

#page_product_detail .main_comment .detailBloc23 .orderexBloc .f-c h2:before {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    /*アイコンのユニコード*/
    font-weight: 900;
    margin-right: 8px;
    font-size: 1em;
    /*サイズ*/
    left: 0;
    /*アイコンの位置*/
    top: 0;
    /*アイコンの位置*/
    color: #7f663b;
    /*アイコン色*/
}

@media screen and (max-width: 468px) {

    #page_product_detail .main_comment .detailBloc23 .orderexBloc .f-l,
    #page_product_detail .main_comment .detailBloc23 .orderexBloc .f-r,
    #page_product_detail .main_comment .detailBloc23 .orderexBloc .f-c {
        clear: both;
        width: 100%;
    }

    #page_product_detail .main_comment .detailBloc23 .orderexBloc .f-l p,
    #page_product_detail .main_comment .detailBloc23 .orderexBloc .f-c p {
        margin: 20px 0 30px 0;
        font-size: 15px;
        line-height: 1.6;
    }

    #page_product_detail .main_comment .detailBloc23 .orderexBloc .f-c h2 {
        font-size: 19px;
    }
}

@media screen and (max-width: 368px) {

    #page_product_detail .main_comment .detailBloc23 .orderexBloc .f-l p,
    #page_product_detail .main_comment .detailBloc23 .orderexBloc .f-c p {
        margin: 10px 0 15px 0;
        font-size: 15px;
        line-height: 1.5;
    }

    #page_product_detail .main_comment .detailBloc23 .orderexBloc .f-c li {
        padding-left: 1em;
        text-indent: -1em;
        font-size: 14px;
        line-height: 1.4;
    }
}


/* よくある質問について
----------------------------------------------- */
#page_product_detail .main_comment .detailBloc23 .faqBlock .faqList {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#page_product_detail .main_comment .detailBloc23 .faqBlock .faqList-l {
    clear: left;
    float: left;
    width: 48%;
    max-width: 400px;
    margin: 0 0 40px 0;
    padding: 0;
}

#page_product_detail .main_comment .detailBloc23 .faqBlock .faqList-r {
    float: right;
    width: 48%;
    max-width: 400px;
    margin: 0 0 30px 0;
    padding: 0;
}

#page_product_detail .main_comment .detailBloc23 .faqBlock .faqList-l h4,
#page_product_detail .main_comment .detailBloc23 .faqBlock .faqList-r h4 {
    margin: 0 0 20px 0;
}

.faqicon-q {
    position: relative;
    display: flex;
    margin: 0 0 10px 0;
    padding-left: 2.4em;
    line-height: 1.5;
    font-size: 18px;
    font-weight: bold;
    color: #382904;
}

.faqicon-q:before {
    font-family: "Font Awesome 5 Free";
    content: "\f059";
    /*アイコンのユニコード*/
    font-weight: 900;
    position: absolute;
    font-size: 2em;
    left: 0;
    top: -0.3em;
    color: #7f663b;
}

.faqicon-a {
    position: relative;
    display: flex;
    margin: 0 0 10px 0;
    padding-left: 2.4em;
    line-height: 1.5;
    font-size: 18px;
    font-weight: bold;
    color: #a40000;
}

.faqicon-a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f4ad";
    /*アイコンのユニコード*/
    font-weight: 900;
    position: absolute;
    font-size: 2em;
    left: 0;
    top: -0.3em;
    color: #a40000;
}

#page_product_detail .main_comment .detailBloc23 .faqBlock .faqList-l img,
#page_product_detail .main_comment .detailBloc23 .faqBlock .faqList-r img {
    margin: 0 0 10px 0;
    padding: 0;
}

#page_product_detail .main_comment .detailBloc23 .faqBlock .faqList-l p,
#page_product_detail .main_comment .detailBloc23 .faqBlock .faqList-r p {
    margin: 0;
    padding: 0;
    font-size: 15px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {

    #page_product_detail .main_comment .detailBloc23 .faqBlock .faqList-l,
    #page_product_detail .main_comment .detailBloc23 .faqBlock .faqList-r {
        clear: both;
        width: 100%;
        max-width: 400px;
        margin: 0 0 20px 0;
    }

    #page_product_detail .main_comment .detailBloc23 .faqBlock .faqList-l h4,
    #page_product_detail .main_comment .detailBloc23 .faqBlock .faqList-r h4 {
        margin: 0 0 10px 0;
    }

    .faqicon-q {
        position: relative;
        display: flex;
        margin: 0 0 5px 0;
        padding-left: 1.8em;
        line-height: 1.4;
        font-size: 16px;
        font-weight: bold;
        color: #382904;
    }

    .faqicon-q:before {
        font-family: "Font Awesome 5 Free";
        content: "\f059";
        /*アイコンのユニコード*/
        font-weight: 900;
        position: absolute;
        font-size: 1.5em;
        left: 0;
        top: -0.3em;
        color: #7f663b;
    }

    .faqicon-a {
        position: relative;
        display: flex;
        margin: 0 0 10px 0;
        padding-left: 1.8em;
        line-height: 1.4;
        font-size: 16px;
        font-weight: bold;
        color: #a40000;
    }

    .faqicon-a:before {
        font-family: "Font Awesome 5 Free";
        content: "\f4ad";
        /*アイコンのユニコード*/
        font-weight: 900;
        position: absolute;
        font-size: 1.5em;
        left: 0;
        top: -0.3em;
        color: #a40000;
    }

    #page_product_detail .main_comment .detailBloc23 .faqBlock .faqList-l img,
    #page_product_detail .main_comment .detailBloc23 .faqBlock .faqList-r img {
        margin: 0 0 5px 0;
        padding: 0;
    }

    #page_product_detail .main_comment .detailBloc23 .faqBlock .faqList-l p,
    #page_product_detail .main_comment .detailBloc23 .faqBlock .faqList-r p {
        margin: 0;
        padding: 0;
        font-size: 14px;
        line-height: 1.3;
    }
}


/* リニューアル　商品ページ　包装
----------------------------------------------- */
#page_product_detail .main_comment .detailBloc23 .pkBloc {
    clear: both;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 30px;
    overflow: hidden;
    position: relative;
    background: #FFF;
}

#page_product_detail .main_comment .detailBloc23 .pkBloc .boxC {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

#page_product_detail .main_comment .detailBloc23 .pkBloc .boxC img {
    clear: both;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0;
}

#page_product_detail .main_comment .detailBloc23 .pkBloc .boxC h3 {
    clear: both;
    margin: 0 0 5px 0;
    padding: 0;
    color: #7f663b;
    text-align: center;
    font-size: 27px;
    line-height: 1.4;
    font-weight: 500;
}

#page_product_detail .main_comment .detailBloc23 .pkBloc .boxC h4 {
    clear: both;
    margin: 0 0 30px 0;
    padding: 10px 0;
    color: #7f663b;
    text-align: center;
    font-size: 27px;
    letter-spacing: 0.4em;
    font-weight: 500;
    border-top: dashed 3px #e8e5c1;
    /*上線*/
    border-bottom: dashed 3px #e8e5c1;
    /*下線*/
}

#page_product_detail .main_comment .detailBloc23 .pkBloc .boxC p {
    clear: both;
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 15px;
    line-height: 1.6;
}

#page_product_detail .main_comment .detailBloc23 .pkBloc .boxC p.en {
    clear: both;
    margin: 0;
    padding: 0 0 20px 0;
    color: #7f663b;
    text-align: center;
    font-size: 21px;
}

#page_product_detail .main_comment .detailBloc23 .pkBloc .pkPhoto {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#page_product_detail .main_comment .detailBloc23 .pkBloc .pkPhoto .pkBox {
    width: 32%;
    max-width: 286px;
    margin: 0 0 20px 0;
    padding: 0;
}

#page_product_detail .main_comment .detailBloc23 .pkBloc .pkPhoto .pkBox h4 {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0;
    color: #382904;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

#page_product_detail .main_comment .detailBloc23 .pkBloc .pkPhoto .pkBox img {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0;
}

#page_product_detail .main_comment .detailBloc23 .pkBloc .pkPhoto .pkBox p {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 15px;
}

#page_product_detail .main_comment .detailBloc23 .pkBloc .f-r {
    float: right;
    margin: 25px 0 0 0;
    width: 33.3%;
}

#page_product_detail .main_comment .detailBloc23 .pkBloc .f-r img {
    width: 100%;
    margin-bottom: 0;
}

#page_product_detail .main_comment .detailBloc23 .pkBloc .f-l {
    float: left;
    margin: 25px 0 0 0;
    width: 65%;
}

#page_product_detail .main_comment .detailBloc23 .pkBloc .f-l p {
    margin: 0;
    padding: 25px 0 40px 0;
    font-size: 15px;
    line-height: 1.6;
}

.pkBloc .f-l h2 {
    position: relative;
    display: flex;
    padding-left: 1.2em;
    line-height: 1.3;
    font-size: 22px;
    color: #7f663b;
    font-weight: 500;
    border-bottom: dashed 3px #e8e5c1;
    /*下線*/
    padding-bottom: 15px;
}

.pkBloc .f-l h2:before {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    /*アイコンのユニコード*/
    font-weight: 900;
    position: absolute;
    /*絶対位置*/
    font-size: 1em;
    /*サイズ*/
    left: 0;
    /*アイコンの位置*/
    top: 0;
    /*アイコンの位置*/
    color: #7f663b;
    /*アイコン色*/
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #page_product_detail .main_comment .detailBloc23 .pkBloc {
        margin-bottom: 20px;
        padding: 20px;
    }
}

@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .detailBloc23 .pkBloc {
        margin-bottom: 30px;
        padding: 0;
    }

    #page_product_detail .main_comment .detailBloc23 .pkBloc .boxC h3 {
        font-size: 21px;
        line-height: 1.3;
        letter-spacing: 0em;
    }

    #page_product_detail .main_comment .detailBloc23 .pkBloc .boxC p.en {
        font-size: 16px;
    }
}

@media screen and (max-width: 468px) {
    #page_product_detail .main_comment .detailBloc23 .pkBloc {
        margin-bottom: 0;
    }

    #page_product_detail .main_comment .detailBloc23 .pkBloc .pkPhoto .pkBox {
        width: 33.3%;
        margin: 0 0 10px 0;
        padding: 5px;
    }

    #page_product_detail .main_comment .detailBloc23 .pkBloc .boxC h3 {
        background: linear-gradient(transparent 50%, #e8e5c1 60%);
        text-align: left;
        display: inline;
        padding: 0 0 2px 0;
    }

    #page_product_detail .main_comment .detailBloc23 .pkBloc .boxC p.en {
        text-align: left;
        font-size: 16px;
        margin: 10px 0 0 0;
    }

    #page_product_detail .main_comment .detailBloc23 .pkBloc .pkPhoto .pkBox h4 {
        clear: both;
        margin: 0;
        padding: 0;
        color: #382904;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }

    #page_product_detail .main_comment .detailBloc23 .pkBloc .pkPhoto .pkBox p {
        clear: both;
        margin: 0;
        padding: 0;
        font-size: 12px;
    }

    #page_product_detail .main_comment .detailBloc23 .pkBloc .f-l,
    #page_product_detail .main_comment .detailBloc23 .pkBloc .f-r {
        clear: both;
        width: 100%;
        font-size: 16px;
        line-height: 1.5;
    }

    #page_product_detail .main_comment .detailBloc23 .pkBloc .f-l p {
        margin: 0;
        padding: 20px 0 0 0;
        font-size: 15px;
        line-height: 1.6;
    }

    .pkBloc .f-l h2 {
        padding-left: 1.2em;
        line-height: 1.2;
        font-size: 18px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 368px) {
    #page_product_detail .main_comment .detailBloc23 .pkBloc {
        margin-bottom: 0;
    }

    #page_product_detail .main_comment .detailBloc23 .pkBloc .pkPhoto .pkBox {
        width: 100%;
        max-width: initial;
        margin-bottom: 10px;
    }

    #page_product_detail .main_comment .detailBloc23 .pkBloc .pkPhoto .pkBox h4 {
        text-align: center;
    }

    #page_product_detail .main_comment .detailBloc23 .pkBloc .pkPhoto .pkBox img {
        margin: 0 auto 10px auto;
        display: block;
    }

    #page_product_detail .main_comment .detailBloc23 .pkBloc .pkPhoto .pkBox {
        width: 100%;
    }

    #page_product_detail .main_comment .detailBloc23 .pkBloc .pkPhoto .pkBox:first-of-type {
        margin-bottom: 10px;
    }

    .pkBloc .f-l h2 {
        padding-left: 1.2em;
        line-height: 1.2;
        font-size: 16px;
        padding-bottom: 10px;
    }

    .pkBloc .f-l h2:before {
        top: 0.2em;
        /*アイコンの位置*/
    }
}

/* ========================================================
　2023年 商品ページリニューアル 最新
========================================================= */
/* 2023年 商品ページリニューアル 全体のスタイル
----------------------------------------------- */
#page_product_detail .main_comment .detailBlocNew23,
#page_product_list .detailBlocNew23 {
    clear: both;
    width: 100%;
    margin: 0 0 50px 0;
    padding: 30px;
    overflow: hidden;
    font-weight: 400;
    color: #333;
    background: #FFF url(/images/top/bg_item.jpg) repeat left top;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner,
#page_product_detail .main_comment .detailBlocNew23 .exBloc,
#page_product_list .detailBlocNew23 .blocInner {
    clear: both;
    width: 100%;
    margin: 0 0 30px 0;
    overflow: hidden;
    position: relative;
    background: #FFF;
    padding: 40px;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner:last-child,
#page_product_detail .main_comment .detailBlocNew23 .exBloc:last-child {
    margin: 0;
}

.detailBlocNew23 .blocInner img {
    clear: both;
    width: 100%;
    margin: 0;
}

#categoryText .detailBlocNew23 .blocInner .box,
#page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC,
#page_product_detail .main_comment .detailBlocNew23 .tasteBloc .boxC,
#page_product_detail .main_comment .detailBlocNew23 .exBloc .boxC {
    clear: both;
    width: 100%;
    margin: 0 auto 30px;
    padding: 0;
}

#page_product_detail .main_comment .detailBlocNew23 h2,
#page_product_detail .main_comment .detailBlocNew23 h3,
#page_product_detail .main_comment .detailBlocNew23 h4,
#page_product_detail .main_comment .detailBlocNew23 h5,
#page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC h2,
#page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC h3,
#page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC h4,
#page_product_detail .main_comment .detailBlocNew23 .exBloc .boxC h2,
#page_product_detail .main_comment .detailBlocNew23 .exBloc .boxC h3,
#page_product_detail .main_comment .detailBlocNew23 .exBloc .boxC h4,
#page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC .catch p.title,
#undercolumn .main_comment .detailBlocNew23 .revueArea23 .revueBloc h3,
#page_product_detail .main_comment .detailBlocNew23 .pkBloc .boxC h3,
#page_product_list .detailBlocNew23 h4,
#page_product_list .detailBlocNew23 h5 {
    font-style: normal;
    font-weight: 500;
    color: #816639;
    line-height: 1.4;
    letter-spacing: 0;
    font-family: 'Shippori Mincho', serif;
}

#page_product_detail .main_comment .detailBlocNew23 h4,
#page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC h4,
#page_product_detail .main_comment .detailBlocNew23 .exBloc .boxC h4,
#page_product_detail .main_comment .detailBlocNew23 .pkBloc .boxC h4,
#page_product_list .detailBlocNew23 h4 {
    font-size: 28px;
    text-align: center;
    background: none;
    width: 100%;
}

/* #page_product_detail .main_comment .detailBlocNew23 h3 br,
#page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC h3 br,
#page_product_detail .main_comment .detailBlocNew23 .exBloc .boxC h3 br {
	display: none;
} */

#categoryText .detailBlocNew23 .blocInner .box p.en,
#page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC p.en,
#page_product_detail .main_comment .detailBlocNew23 .tasteBloc .boxC p.en,
#page_product_detail .main_comment .detailBlocNew23 .exBloc .boxC p.en,
#page_product_detail .main_comment .detailBlocNew23 .pkBloc .boxC p.en,
#page_product_list .detailBlocNew23 .boxC p.en {
    font-size: 16px;
    text-align: center;
    margin: 10px 0;
}

#page_product_detail .main_comment .detailBlocNew23 .boxC p {
    margin: 15px 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {

    #categoryText .detailBloc23,
    #page_product_detail .main_comment .detailBloc23 {
        background: #FFF;
    }

    #page_product_detail .main_comment .detailBlocNew23 h4,
    #page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC h4,
    #page_product_detail .main_comment .detailBlocNew23 .exBloc .boxC h4,
    #page_product_detail .main_comment .detailBlocNew23 .pkBloc .boxC h4 {
        font-size: 26px;
    }
}

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

    #page_product_detail .main_comment .detailBlocNew23,
    #page_product_list .detailBlocNew23 {
        padding: 0;
        letter-spacing: 0;
        background: none;
    }

    #page_product_detail .main_comment .detailBlocNew23 .blocInner,
    #page_product_detail .main_comment .detailBlocNew23 .exBloc,
    #page_product_list .detailBlocNew23 .blocInner {
        padding: 0;
        margin-bottom: 50px;
    }

    #categoryText .detailBlocNew23 .blocInner .box,
    #page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC,
    #page_product_detail .main_comment .detailBlocNew23 .tasteBloc .boxC,
    #page_product_detail .main_comment .detailBlocNew23 .exBloc .boxC,
    #page_product_list .detailBlocNew23 .blocInner .boxC,
    #page_product_list .main_comment .detailBlocNew23 .tasteBloc .boxC,
    #page_product_detail .main_comment .detailBlocNew23 .pkBloc .boxC {
        margin-bottom: 20px;
        padding: 0;
    }

    #page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC h4,
    #page_product_detail .main_comment .detailBlocNew23 .exBloc .boxC h4,
    #page_product_detail .main_comment .detailBlocNew23 .pkBloc h4,
    #page_product_detail .main_comment .detailBlocNew23 .pkBloc .boxC h4,
    #page_product_list .detailBlocNew23 .blocInner .boxC h4,
    #page_product_list .detailBlocNew23 .pkBloc h4,
    #page_product_list .detailBlocNew23 .pkBloc .boxC h4 {
        font-size: 25px;
        text-align: center;
        background: linear-gradient(transparent 62%, #e8e5c1 70%);
        display: inline;
        line-height: 1.4;
        padding: 0 0 3px 0;
    }

    #page_product_detail .main_comment .detailBlocNew23 h3 br,
    #page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC h3 br,
    #page_product_detail .main_comment .detailBlocNew23 .exBloc .boxC h3 br,
    #page_product_detail .main_comment .detailBlocNew23 .pkBloc .boxC h3 br {
        display: block;
    }

    #categoryText .detailBloc23 .blocInner .box p.en,
    #page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC p.en,
    #page_product_detail .main_comment .detailBlocNew23 .tasteBloc .boxC p.en,
    #page_product_detail .main_comment .detailBlocNew23 .exBloc .boxC p.en,
    #page_product_detail .main_comment .detailBlocNew23 .pkBloc .boxC p.en {
        font-size: 15px;
        text-align: left;
        margin: 15px auto;
        padding: 0;
    }

    #page_product_detail .main_comment .detailBlocNew23 .blocInner img {
        padding: 0;
    }
}


/* 2023年 商品ページリニューアル 冒頭キャッチコピー
 ----------------------------------------------- */
#page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC .catch {
    margin: 25px 0;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC .catch p.title {
    font-size: 28px;
    text-align: center;
    padding: 0;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC .catch p.en {
    font-size: 16px;
    text-align: center;
    margin: 10px auto;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC.titleBloc {
    margin: 0;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC.titleBloc h3 {
    font-size: 30px;
    border: none;
    text-align: left;
    padding: 10px 0;
    position: relative;
    text-align: center;
    border-top: 1px solid #b3a07e;
    border-bottom: 1px solid #b3a07e;
    margin-bottom: 16px;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC.titleBloc h3 span.itemNameSub {
    display: block;
    font-size: 18px;
    margin-top: 10px;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC.titleBloc p {
    font-size: 14px;
    line-height: 1.8;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC.titleBloc p span.sentences {
    display: block;
    background: #f4f4f4;
    padding: 20px;
    margin: 10px 0;
    font-family: 'Shippori Mincho', serif;
    font-weight: 500;
    font-size: 16px;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .wrappingImage {
    margin-top: 20px;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .wrappingImage ul {
    display: flex;
    justify-content: flex-end;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .wrappingImage li {
    width: 20%;
    margin-left: 10px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC .catch {
        margin: 15px 0;
    }

    #page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC .catch p.title {
        text-align: left;
        font-size: 24px;
        display: inline;
        background: linear-gradient(transparent 62%, #e8e5c1 70%);
        line-height: 1.5;
    }

    #page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC .catch p.en {
        font-size: 16px;
        text-align: left;
        margin: 15px 0px;
    }

    #page_product_detail .main_comment .detailBlocNew23 .blocInner .boxC.titleBloc h3 {
        font-size: 24px;
        text-align: left;
        padding: 10px 0;
    }

    #page_product_detail .main_comment .detailBlocNew23 .blocInner .wrappingImage li {
        width: 30%;
    }
}

/* 2023年 商品ページリニューアル チョコレート餡の説明
 ------------------------------------------------------------- */
#page_product_detail .main_comment .detailBlocNew23 .blocInner .pasteBloc {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .pasteBloc .pasteImage {
    grid-column: 1;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .pasteBloc img {
    width: 100%;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .pasteBloc .pasteText {
    padding-left: 50px;
    grid-column: 2;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .pasteBloc .pasteText h4 {
    text-align: left;
    font-size: 22px;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .pasteBloc .pasteText p {
    font-size: 14px;
    padding: 10px 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .detailBlocNew23 .blocInner .pasteBloc {
        display: block;
        padding: 0;
    }

    #page_product_detail .main_comment .detailBlocNew23 .blocInner .pasteBloc .pasteImage {
        margin-bottom: 10px;
    }

    #page_product_detail .main_comment .detailBlocNew23 .blocInner .pasteBloc .pasteText {
        padding: 0;
    }
}


/* 2023年 商品ページリニューアル マカロンセット内容 NEW
 ------------------------------------------------------------- */
#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorBloc ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorBloc li {
    width: 100%;
    text-align: center;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorBloc li:last-child {
    border-right: 1px solid #ccc;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorBloc li .title {
    padding: 8px;
    background: #ccc;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorBloc li .title.chocolate {
    background: #8b4310;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorBloc li .title.strawberry {
    background: #ed535b;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorBloc li .title.pistachio {
    background: #9dcb2e;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorBloc li .title.orange {
    background: #eb9422;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorBloc li .itemImage {
    display: flex;
    flex-wrap: nowrap;
    padding: 15px 5px;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorBloc li .itemImage .item {
    width: 50%;
    margin: 0 auto;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorBloc li img {
    width: 90%;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorBloc li p {
    font-size: 14px;
    margin-top: 10px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorBloc ul {
        flex-wrap: wrap;
    }

    #page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorBloc li {
        width: 50%;
    }

    #page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorBloc li:nth-child(even) {
        border-right: 1px solid #ccc;
    }

    #page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorBloc li .title {
        padding: 6px;
        font-size: 14px;
    }
}

/* 2023年 商品ページリニューアル フレーバーとデザインの組み合わせ（お任せ）
 ------------------------------------------------------------- */
#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorFreeBloc {
    margin-bottom: 40px;
    text-align: center;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorFreeBloc h5 {
    font-size: 17px;
    text-align: left;
    border-bottom: 1px solid;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorFreeBloc.flavor ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: -10px;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorFreeBloc.flavor li {
    width: 100%;
    margin: 10px;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorFreeBloc.design ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: -10px;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorFreeBloc.design li {
    width: 31%;
    padding: 0;
    margin: 10px;
    box-sizing: border-box;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorFreeBloc ul {
        flex-wrap: wrap;
    }

    #page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorFreeBloc.flavor li,
    #page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorFreeBloc.design li {
        width: 47%;
        margin: 5px;
    }
}

/* 2023年 商品ページリニューアル マカロン フレーバーの中身イメージ
 ------------------------------------------------------------- */
#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorImage {
    margin-top: 40px;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorImage ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: -10px;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorImage li {
    width: 100%;
    margin: 10px;
    position: relative;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorImage li p {
    text-align: center;
    position: absolute;
    bottom: 0;
    background: #ffffffe3;
    display: block;
    width: 100%;
    padding: 8px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorImage ul {
        flex-wrap: wrap;
    }

    #page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorImage li {
        width: 47%;
        margin: 5px;
    }

    #page_product_detail .main_comment .detailBlocNew23 .blocInner .flavorImage li p {
        padding: 5px;
    }
}

/* 2023年 商品ページリニューアル QRコードマカロン使用イメージ
 ------------------------------------------------------------- */
#page_product_detail .main_comment .detailBlocNew23 .blocInner .useImage {
    margin: 40px 0;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .useImage ul {
    display: flex;
    margin: 0 auto;
    width: 90%;
}

#page_product_detail .main_comment .detailBlocNew23 .blocInner .useImage li {
    margin: 10px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .detailBlocNew23 .blocInner .useImage {
        margin: 10px 0;
    }

    #page_product_detail .main_comment .detailBlocNew23 .blocInner .useImage ul {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    #page_product_detail .main_comment .detailBlocNew23 .blocInner .useImage li {
        margin: 5px;
        width: 47%;
    }
}

/* 2023年 商品ページリニューアル QRコードマカロン 読み取りについて
 ------------------------------------------------------------- */
#page_product_detail .main_comment .detailBlocNew23 .exNgBloc {
    background: #f4f4f4;
    padding: 45px;
}

#page_product_detail .main_comment .detailBlocNew23 .exNgBloc h5 {
    text-align: center;
    font-size: 22px;
    color: #333;
    margin: 10px auto;
    letter-spacing: 0.1em;
}

#page_product_detail .main_comment .detailBlocNew23 .exNgBloc ul {
    margin-top: 40px;
}

#page_product_detail .main_comment .detailBlocNew23 .exNgBloc  li {
    background: #fff;
    margin-bottom: 15px;
    padding: 45px;
    position: relative;
}

#page_product_detail .main_comment .detailBlocNew23 .exNgBloc  li h6 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: -15px;
}

#page_product_detail .main_comment .detailBlocNew23 .exNgBloc  li h6.maru {
    color: #1faa51;
}

#page_product_detail .main_comment .detailBlocNew23 .exNgBloc  li h6.sankaku {
    color: #ef9d3a;
}

#page_product_detail .main_comment .detailBlocNew23 .exNgBloc  li h6.batsu {
    color: #D52635;
}

#page_product_detail .main_comment .detailBlocNew23 .exNgBloc  li h6 span {
    font-weight: 600;
    font-size: 23px;
}

#page_product_detail .main_comment .detailBlocNew23 .exNgBloc  li h6 img {
    width: 65px;
    margin-right: 13px;
}

#page_product_detail .main_comment .detailBlocNew23 .exNgBloc  li .exNgCase {
    display: flex;
    justify-content: space-between;
    margin: 10px auto 0;
}

#page_product_detail .main_comment .detailBlocNew23 .exNgBloc  li .exNgCase .exNgData,
#page_product_detail .main_comment .detailBlocNew23 .exNgBloc  li .exNgCase .exNgImage {
    text-align: center;
    width: 40%;
    margin: 10px;
}

#page_product_detail .main_comment .detailBlocNew23 .exNgBloc  li .exNgCase .exNgData img {
    width: 60%;
}

#page_product_detail .main_comment .detailBlocNew23 .exNgBloc  li .exNgCase .exNgImage img {
    width: 70%;
}

#page_product_detail .main_comment .detailBlocNew23 .exNgBloc  li .exNgCase p.dataTitle {
    border-bottom: 1px solid;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
}

#page_product_detail .main_comment .detailBlocNew23 .exNgBloc  li .exNgCase .exNgData {
    position: relative;
}

#page_product_detail .main_comment .detailBlocNew23 .exNgBloc  li .exNgCase .exNgData::after {
    width: 0;
    height: 0;
    margin: -10px 0 0 0;
    position: absolute;
    top: 45%;
    right: -70px;
    content: '';
    border-top: 20px solid transparent;
    border-left: 20px solid #333;
    border-bottom: 20px solid transparent;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .detailBlocNew23 .exNgBloc {
        padding: 20px;
    }

    #page_product_detail .main_comment .detailBlocNew23 .exNgBloc h5 {
        font-size: 18px;
    }

    #page_product_detail .main_comment .detailBlocNew23 .exNgBloc li {
        padding: 20px;
        margin-bottom: 30px;
    }

    #page_product_detail .main_comment .detailBlocNew23 .exNgBloc li h6 {
        font-size: 18px;
        margin-top: 25px;
    }

    #page_product_detail .main_comment .detailBlocNew23 .exNgBloc li h6 img {
        position: absolute;
        top: -16px;
        width: 45px;
    }

    #page_product_detail .main_comment .detailBlocNew23 .exNgBloc li .exNgCase p.dataTitle {
        padding-bottom: 5px;
        font-size: 14px;
        margin-bottom: 5px;
    }

    #page_product_detail .main_comment .detailBlocNew23 .exNgBloc li .exNgCase .exNgData img {
        width: 100%;
    }

    #page_product_detail .main_comment .detailBlocNew23 .exNgBloc li .exNgCase .exNgImage img {
        width: 100%;
    }

    #page_product_detail .main_comment .detailBlocNew23 .exNgBloc li .exNgCase .exNgData::after {
        right: -20px;
        border-top: 10px solid transparent;
        border-left: 10px solid #333;
        border-bottom: 10px solid transparent;
    }
}

/* 2023年 商品ページリニューアル おいしさ3つのヒミツ
 ------------------------------------------------------------- */
#page_product_detail .main_comment .detailBlocNew23 .tasteBloc {
    clear: both;
}

#page_product_detail .main_comment .detailBlocNew23 .tasteBloc .tasteBloc_parts {
    position: relative;
    display: grid;
    display: -ms-grid;
    grid-template-rows: max-content;
    grid-template-columns: 56.3% 37.5%;
    -ms-grid-columns: 1fr 37.5%;
    grid-column-gap: 6.2%;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
}

#page_product_detail .main_comment .detailBlocNew23 .tasteBloc .tasteBloc_parts:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

#page_product_detail .main_comment .detailBlocNew23 .tasteBloc h4 {
    font-size: 20px;
    position: relative;
    /* padding-left: 3em; */
    grid-row: 1;
    -ms-grid-row: 1;
    grid-column: 1;
    -ms-grid-column: 2;
    margin-bottom: 10px;
    text-align: left;
}

#page_product_detail .main_comment .detailBlocNew23 .tasteBloc h4 span {
    font-size: 28px;
}

#page_product_detail .main_comment .detailBlocNew23 .tasteBloc h4 span.number {
    font-size: 38px;
    position: absolute;
    left: 0;
    font-weight: 600;
}

#page_product_detail .main_comment .detailBlocNew23 .tasteBloc p {
    margin: 10px 0;
    font-size: 14px;
    grid-row: 2;
    -ms-grid-row: 2;
    grid-column: 1;
    -ms-grid-column: 2;
}

#page_product_detail .main_comment .detailBlocNew23 .tasteBloc .tasteImage {
    grid-row: 1/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-column: 2;
    -ms-grid-column: 1;
    max-width: inherit;
    margin-right: 0;
    margin-left: 0;
}

#page_product_detail .main_comment .detailBlocNew23 .tasteBloc .tasteImage img {
    display: block;
    padding: 0;
}

#page_product_detail .main_comment .detailBlocNew23 .tasteBloc .tasteImage .column1 {
    display: block;
}

#page_product_detail .main_comment .detailBlocNew23 .tasteBloc .tasteImage .column2 {
    display: flex;
}

#page_product_detail .main_comment .detailBlocNew23 .tasteBloc .tasteImage .column2 img {
    width: 50%;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .detailBlocNew23 .tasteBloc {
        margin-bottom: 30px;
    }

    #page_product_detail .main_comment .detailBlocNew23 .tasteBloc .tasteBloc_parts {
        display: block;
        border-bottom: none;
    }

    #page_product_detail .main_comment .detailBlocNew23 .tasteBloc h4 {
        font-size: 17px;
        width: 100%;
        margin: 0 0 20px;
        padding-left: 3.5em;
    }

    #page_product_detail .main_comment .detailBlocNew23 .tasteBloc h4 span {
        font-size: 25px;
    }

    #page_product_detail .main_comment .detailBlocNew23 .tasteBloc p {
        width: 100%;
        padding: 20px;
        margin: 0;
    }

    #page_product_detail .main_comment .detailBlocNew23 .tasteBloc .tasteImage {
        width: 100%;
    }

    #page_product_detail .main_comment .detailBlocNew23 .tasteBloc .tasteBloc_parts {
        z-index: 1;
        padding-bottom: 30px;
        margin-bottom: 40px;
    }

    #page_product_detail .main_comment .detailBlocNew23 .tasteBloc .tasteBloc_parts::before {
        content: " ";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100vw;
        height: 100%;
        transform: translate(-50%, -50%);
        background: linear-gradient(180deg, #fff, #FBF8F2);
        z-index: -1;
    }
}

/* 2023年 商品ページリニューアル おいしさ3つのヒミツ 2/24最新
 ------------------------------------------------------------- */
.detailBlocNew23 .tasteBloc {
    clear: both;
}

.detailBlocNew23 .tasteBloc .tasteMain {
    display: block;
    margin-bottom: 40px;
}

.detailBlocNew23 .tasteBloc .tasteSub {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.detailBlocNew23 .tasteBloc .tasteSub .tasteSubParts {
    max-width: 100%;
    margin-bottom: 40px;
}

/* 3カラム */
.detailBlocNew23 .tasteBloc .tasteSub.column3 .tasteSubParts {
    width: 31%;
}

/* 2カラム */
.detailBlocNew23 .tasteBloc .tasteSub.column2 .tasteSubParts {
    width: 49%;
}

/* 1行目2カラム 、2行目3カラム */
.detailBlocNew23 .tasteBloc .tasteSub.column23 .tasteSubParts:nth-child(-n+2) {
    width: 48%;
}

.detailBlocNew23 .tasteBloc .tasteSub .tasteSubParts h5 {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.5;
    border-left: 2px solid #816639;
    padding-left: 10px;
}

.detailBlocNew23 .tasteBloc .tasteSub .tasteSubParts h5 span {
    font-size: 20px;
}

.detailBlocNew23 .tasteBloc .tasteSub .tasteSubParts p {
    font-size: 14px;
}

.detailBlocNew23 .tasteBloc .tasteMain img,
.detailBlocNew23 .tasteBloc .tasteSub img {
    padding-bottom: 10px;
    width: 100%;
    display: block;
}

.detailBlocNew23 .tasteBloc .tasteCutImage {
    margin-bottom: 60px;
}

.detailBlocNew23 .tasteBloc .tasteCutImage ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: -10px;
}

.detailBlocNew23 .tasteBloc .tasteCutImage li {
    width: 100%;
    margin: 10px;
    position: relative;
}

.detailBlocNew23 .tasteBloc .tasteCutImage li img {
    border-radius: 50%;
}

.detailBlocNew23 .tasteBloc .tasteCutImage p {
    font-size: 12px;
    text-align: right;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {

    .detailBlocNew23 .tasteBloc .tasteMain p {
        padding: 0;
    }

    .detailBlocNew23 .tasteBloc .tasteSub {
        display: block;
    }

    .detailBlocNew23 .tasteBloc .tasteSub.column3 .tasteSubParts,
    .detailBlocNew23 .tasteBloc .tasteSub.column2 .tasteSubParts,
    .detailBlocNew23 .tasteBloc .tasteSub.column23 .tasteSubParts:nth-child(-n+2) {
        width: 100%;
        margin-bottom: 40px;
        z-index: 1;
        position: relative;
    }

    .detailBlocNew23 .tasteBloc .tasteSub .tasteSubParts h5 {
        font-size: 19px;
        margin-bottom: 20px;
    }

    .detailBlocNew23 .tasteBloc .tasteSub .tasteSubParts h5 span {
        font-size: 24px
    }

    .detailBlocNew23 .tasteBloc .tasteSub .tasteMain::before,
    .detailBlocNew23 .tasteBloc .tasteSub .tasteSubParts::before {
        content: " ";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100vw;
        height: 100%;
        transform: translate(-50%, -50%);
        background: linear-gradient(180deg, #fff, #FBF8F2);
        z-index: -1;
    }

    .detailBlocNew23 .tasteBloc .tasteCutImage {
        margin-bottom: 40px;
    }

    .detailBlocNew23 .tasteBloc .tasteCutImage ul {
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .detailBlocNew23 .tasteBloc .tasteCutImage li {
        width: 47%;
        margin: 5px;
    }
}

/* 2023年 商品ページリニューアル 事例
 ----------------------------------------------- */
#page_product_detail .main_comment .detailBlocNew23 .exBloc .exPhoto h5.photoTitle {
    font-size: 17px;
    border-bottom: 1px solid;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

#page_product_detail .main_comment .detailBlocNew23 .exBloc .exPhoto li h5 {
    clear: both;
    font-weight: 600;
    text-align: left;
    color: #333;
    font-size: 15px;
    margin-bottom: 5px;
}

#page_product_detail .main_comment .detailBlocNew23 .exBloc .exPhoto li h5 i {
    color: #654A2D;
    margin-right: 5px;
}

#page_product_detail .main_comment .detailBlocNew23 .exBloc .exPhoto ul {
    clear: both;
    width: 100%;
    margin: 0 auto 20px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#page_product_detail .main_comment .detailBlocNew23 .exBloc .exPhoto li {
    width: 31%;
    max-width: 286px;
    margin: 0 20px 20px 0;
    padding: 0;
}

#page_product_detail .main_comment .detailBlocNew23 .exBloc .exPhoto li:nth-child(3n) {
    margin-right: 0;
}

#page_product_detail .main_comment .detailBlocNew23 .exBloc .exPhoto li p {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.2;
}

#page_product_detail .main_comment .detailBlocNew23 .exBloc .exPhoto li img {
    clear: both;
    margin: 0 0 10px 0;
    margin-bottom: 5px;
}

#page_product_detail .main_comment .detailBlocNew23 .exBloc .exPhoto li.empty {
    display: none;
}

/* 20240530 絵柄ごとの個数を記載 */
#page_product_detail .main_comment .detailBlocNew23 .exBloc .exPhoto li .exText {
    font-size: 14px;
    text-align: center;
}

#page_product_detail .main_comment .detailBlocNew23 .exBloc .exPhoto li .exText span.piece {
    font-weight: 600;
}

#page_product_detail .main_comment .detailBlocNew23 .exBloc .exPhoto li .exText span.piece::before {
    content: "×";
    font-size: 12px;
    margin: 0 5px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .detailBlocNew23 .exBloc .exPhoto li {
        padding: 5px;
        width: 49%;
        /* background: #f7f2e9; */
        margin: 0;
    }

    #page_product_detail .main_comment .detailBlocNew23 .exBloc .exPhoto li .exText span {
        display: block;
    }
}

/* 2023年 商品ページリニューアル 作成例（周年記念どら焼き用）
 ----------------------------------------------- */
#page_product_detail .main_comment .detailBlocNew23 .exBlocAnniversary {
    text-align: center;
    margin-top: 30px;
}

#page_product_detail .main_comment .detailBlocNew23 .exBlocAnniversary .exPhotoTitle {
    border-bottom: 1px solid;
    padding-bottom: 10px;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    margin: 0;
}

#page_product_detail .main_comment .detailBlocNew23 .exBlocAnniversary .exPhoto ul {
    clear: both;
    width: 85%;
    margin: 0 auto 20px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#page_product_detail .main_comment .detailBlocNew23 .exBlocAnniversary .exPhoto li {
    width: 30%;
    max-width: 286px;
    margin: 0 0 20px 0;
    padding: 0;
}

#page_product_detail .main_comment .detailBlocNew23 .exBlocAnniversary .exPhoto li img {
    clear: both;
    margin: 0 0 10px 0;
    margin-bottom: 5px;
}

#page_product_detail .main_comment .detailBlocNew23 .exBlocAnniversary .exPhoto li.empty {
    display: none;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .detailBlocNew23 .exBlocAnniversary .exPhoto li {
    }
}


/* 2023年 商品ページリニューアル お客様の声（レビュー）
 ----------------------------------------------- */
#undercolumn .main_comment .revueArea23 {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-top: 40px;
}

/* Mozilla Firefox */
#undercolumn .main_comment .revueArea23 {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-top: 40px;
}

/* Opera */
#undercolumn .main_comment .revueArea23 {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-top: 40px;
}

/* Webkit (Safari/Chrome 10) */
#undercolumn .main_comment .revueArea23 {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-top: 40px;
}

/* Webkit (Chrome 11+) */
#undercolumn .main_comment .revueArea23 {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-top: 40px;
}

/* W3C Markup, IE10 Release Preview */
#undercolumn .main_comment .revueArea23 {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-top: 40px;
}

#undercolumn .main_comment .revueArea23 .revueBloc {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: left;
    background: #FFF;
}

#undercolumn .main_comment .detailBlocNew23 .revueArea23 .revueBloc h3 {
    font-size: 22px;
    background: #b3a07e;
    color: #fff;
    border-radius: 5px 5px 0 0;
    margin: 0;
    padding: 7px;
    display: block;
    text-align: center;
}

#undercolumn .main_comment .revueArea23 .revueBloc .bt-revueList {
    clear: both;
    float: right;
    margin: 30px 0 0 0;
    padding: 0;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner {
    clear: both;
    width: 100%;
    height: 300px;
    margin: 0;
    padding: 0 10px;
    overflow-y: scroll;
    background: #FFF;
    border: 1px solid #b3a07e;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 15px 0;
    overflow: hidden;
    border-bottom: dashed 1px #CCC;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox img {
    clear: left;
    float: left;
    max-width: 24.76%;
    margin: 0;
    padding: 0;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR {
    float: right;
    width: calc(100% - 27.26%);
    margin: 0;
    padding: 0;
    text-align: left;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR p {
    clear: both;
    margin: 0;
    padding: 0;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR p strong {
    font-weight: normal;
    background: linear-gradient(transparent 0%, #F6DDE5 0%);
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR p.revueTitle {
    clear: both;
    margin: 0 0 15px 0;
    padding: 0 0 5px 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: dashed 1px #CCC;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR p.revueTitle::before {
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
    content: "\f007";
    color: #333;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR p.title a {
    color: #0064CC;
    text-decoration: underline;
}

#undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR p.title a:hover {
    color: #68A3E0;
    text-decoration: underline;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 1000px) {
    #undercolumn .main_comment .revueArea23 {
        padding: 20px;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc {
        padding: 20px;
    }
}

@media screen and (max-width: 768px) {
    #undercolumn .main_comment .revueArea23 {
        padding: 0;
        background: #e8e5c1;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc {
        margin-top: 0;
        padding: 15px 0 15px;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc h3 {
        margin: 0 0 20px 0;
        padding: 0 5px 3px 37px;
        font-size: 16px;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc .bt-revueList {
        margin-top: 20px;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc .revueInner {
        padding: 10px;
        border: 1px solid #CCC;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox img {
        max-width: 140px;
    }
}

@media screen and (max-width: 568px) {
    #undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox img {
        clear: both;
        float: none;
        max-width: 100px;
        margin: 0 auto;
        display: block;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR {
        clear: both;
        float: none;
        width: 100%;
        margin-top: 10px;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR p {
        font-size: 13px;
    }

    #undercolumn .main_comment .revueArea23 .revueBloc .revueInner .revueBox .boxR p.revueTitle {
        margin-bottom: 10px;
        padding-bottom: 0;
        font-size: 15px;
        border-bottom: none;
    }
}

/* 2023年 商品ページリニューアル 文字の入れ方と納期について
 ------------------------------------------------------------- */
#page_product_detail .main_comment .detailBlocNew23 .orderBloc,
#page_product_detail .main_comment .detailBlocNew23 .orderBlocT {
    clear: both;
    margin: 0 auto;
    padding: 0;
}

#page_product_detail .main_comment .detailBlocNew23 .orderBloc .explanationBloc,
#page_product_detail .main_comment .detailBlocNew23 .orderBlocT .explanationBloc {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#page_product_detail .main_comment .detailBlocNew23 .orderBloc .explanationBloc img:first-child,
#page_product_detail .main_comment .detailBlocNew23 .orderBlocT .explanationBloc img:first-child {
    width: 40%;
    height: 100%;
    float: none;
    padding: 0;
    max-width: 100%;
}

#page_product_detail .main_comment .detailBlocNew23 .orderBloc .explanationBloc img:nth-child(2),
#page_product_detail .main_comment .detailBlocNew23 .orderBlocT .explanationBloc img:nth-child(2) {
    width: 52%;
    height: 100%;
}

#page_product_detail .main_comment .orderBloc .orderAboutBloc,
#page_product_detail .main_comment .orderBlocT .orderAboutBloc {
    clear: both;
    width: 100%;
    padding: 50px 0 0 0;
    font-size: 15px;
}

#page_product_detail .main_comment .orderBloc .orderAboutBloc a.guideBtn {
    width: 80%;
    display: block;
    margin: 0 auto;
}

#page_product_detail .main_comment .orderBloc .orderAboutBloc h5,
#page_product_detail .main_comment .orderBlocT .orderAboutBloc h5 {
    font-size: 24px;
    border-left: 10px solid #b3a07e;
    padding-left: 15px;
    line-height: 1;
    margin-bottom: 20px;
    border-bottom: 1px solid #b3a07e;
    padding-bottom: 10px;
    font-family: 'Shippori Mincho', serif;
    font-style: normal;
    font-weight: 500;
    color: #816639;
}

#page_product_detail .main_comment .orderBloc .orderAboutBloc p,
#page_product_detail .main_comment .orderBloc .orderAboutBloc ul,
#page_product_detail .main_comment .orderBlocT .orderAboutBloc p,
#page_product_detail .main_comment .orderBlocT .orderAboutBloc ul {
    padding: 0;
    line-height: 1.6;
}

#page_product_detail .main_comment .orderBloc .orderAboutBloc ul:last-child,
#page_product_detail .main_comment .orderBlocT .orderAboutBloc ul:last-child {
    margin: 0;
}

#page_product_detail .main_comment .orderBloc .orderAboutBloc li.indent,
#page_product_detail .main_comment .orderBlocT .orderAboutBloc li.indent {
    padding-left: 1em;
    text-indent: -1em;
}

#page_product_detail .main_comment .orderBloc .orderAboutBloc em,
#page_product_detail .main_comment .orderBlocT .orderAboutBloc em {
    background: linear-gradient(transparent 60%, #F6DDE5 60%);
    color: #333;
}

#page_product_detail .main_comment .orderBloc .orderAboutBloc li a.deliLink i,
#page_product_detail .main_comment .orderBlocT .orderAboutBloc li a.deliLink i {
    font-family: "Font Awesome 5 Free";
    color: #0064cc;
}

#page_product_detail .main_comment .orderBloc .orderAboutBloc li a.deliLink:hover,
#page_product_detail .main_comment .orderBlocT .orderAboutBloc li a.deliLink:hover {
    text-decoration: underline;
    opacity: 0.7;
}

#page_product_detail .main_comment .detailBlocNew23 .orderBloc .faqBlock,
#page_product_detail .main_comment .detailBlocNew23 .orderBlocT .faqBlock {
    display: none;
    /* Q＆Aが重複してしまうため非表示にする ※全ての作業完了後にこの記述削除 */
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .detailBlocNew23 .orderBloc .explanationBloc,
    #page_product_detail .main_comment .detailBlocNew23 .orderBlocT .explanationBloc {
        display: block;
    }

    #page_product_detail .main_comment .detailBlocNew23 .orderBloc .explanationBloc img:first-child,
    page_product_detail .main_comment .detailBlocNew23 .orderBlocT .explanationBloc img:first-child {
        width: 60%;
        max-width: 100%;
        height: auto;
        margin: 0 auto 15px;
        display: block;
    }

    #page_product_detail .main_comment .detailBlocNew23 .orderBloc .explanationBloc img:nth-child(2),
    #page_product_detail .main_comment .detailBlocNew23 .orderBlocT .explanationBloc img:nth-child(2) {
        width: 100%;
        height: auto;
    }

    #page_product_detail .main_comment .orderBloc .orderAboutBloc a.guideBtn {
        width: 100%;
    }

    #page_product_detail .main_comment .orderBloc .orderAboutBloc h5,
    #page_product_detail .main_comment .orderBlocT .orderAboutBloc h5 {
        font-size: 19px;
        padding-left: 10px;
    }
}

/* 2023年 商品ページリニューアル 足形カステラ制作例
 ------------------------------------------------------------- */
#page_product_detail .main_comment .orderBloc .exImageBloc ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

#page_product_detail .main_comment .orderBloc .exImageBloc li {
    width: 100%;
    padding: 0 50px;
    text-align: center;
}

#page_product_detail .main_comment .orderBloc .notesBlock {
    text-align: center;
    background: #fff5d2;
}

#page_product_detail .main_comment .orderBloc .notesBlock img {
    width: 60%;
}

#page_product_detail .main_comment .orderBloc .exImageBloc img.nyukoEx {
    width: 90%;
    text-align: center;
    display: block;
    background: #f4f4f4;
    padding: 25px;
    margin: 30px auto;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .orderBloc .exImageBloc li {
        padding: 5px;
    }

    #page_product_detail .main_comment .orderBloc .notesBlock img {
        width: 100%;
    }

    #page_product_detail .main_comment .orderBloc .exImageBloc img.nyukoEx {
        width: 100%;
        padding: 15px;
        margin: 15px auto;
    }
}


/* 2023年 商品ページリニューアル Q&A
 ----------------------------------------------- */
#page_product_detail .main_comment .detailBlocNew23 .faqBlock {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: -10px;
}

#page_product_detail .main_comment .detailBlocNew23 .faqBlock .faqItem {
    width: 30.8%;
    margin: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#page_product_detail .main_comment .detailBlocNew23 .faqBlock .acd-check {
    display: none;
}

#page_product_detail .main_comment .detailBlocNew23 .faqBlock .acd-label {
    font-size: 15px;
    font-weight: 600;
    display: block;
    color: #816639;
    position: relative;
    padding: 20px;
    text-indent: 2em;
    background: #f4f4f4;
    border-radius: 5px 5px 0 0;
}

#page_product_detail .main_comment .detailBlocNew23 .faqBlock .iconQ:before {
    content: 'Q';
    position: absolute;
    top: 21px;
    left: 17px;
    font-weight: 800;
    font-size: 13px;
    border-radius: 50px;
    width: 24px;
    height: 24px;
    text-align: center;
    background: #b3a07e;
    color: #fff;
    text-indent: initial;
    line-height: 1.7;
    letter-spacing: 0;
}

#page_product_detail .main_comment .detailBlocNew23 .faqBlock .acd-content p {
    position: relative;
    padding: 20px;
    text-indent: 2.3em;
    line-height: 2;
}

#page_product_detail .main_comment .detailBlocNew23 .faqBlock .acd-content p .iconA:before {
    content: 'A';
    position: absolute;
    top: 21px;
    left: 17px;
    font-weight: 800;
    font-size: 13px;
    border-radius: 50px;
    width: 24px;
    height: 24px;
    text-align: center;
    background: #e17d57;
    color: #fff;
    text-indent: initial;
    line-height: 1.7;
    letter-spacing: 0;
}

#page_product_detail .main_comment .detailBlocNew23 .faqBlock .acd-content img {
    width: 86%;
    margin: 0 auto 20px;
    display: block;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .detailBlocNew23 .faqBlock {
        display: block;
        margin: 0;
    }

    #page_product_detail .main_comment .detailBlocNew23 .faqBlock .faqItem {
        width: 100%;
        margin: 0 0 10px 0;
    }

    #page_product_detail .main_comment .detailBlocNew23 .faqBlock .acd-label {
        display: block;
        padding: 15px 50px 15px 65px;
        font-size: 14px;
        text-indent: inherit;
    }

    #page_product_detail .main_comment .detailBlocNew23 .faqBlock .iconQ:before {
        font-size: 16px;
        width: 30px;
        height: 30px;
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    #page_product_detail .main_comment .detailBlocNew23 .faqBlock .acd-label:before {
        content: '';
        position: absolute;
        width: 15px;
        height: 2px;
        top: 50%;
        right: 20px;
        background: #666;
        transform: translateY(-50%);
    }

    #page_product_detail .main_comment .detailBlocNew23 .faqBlock .acd-label:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        width: 15px;
        height: 2px;
        background: #666;
        transition: .4s;
        transform: translateY(-50%) rotate(90deg);
    }

    #page_product_detail .main_comment .detailBlocNew23 .faqBlock .faqItem>input:checked+label::after {
        transform: translateY(-50%) rotate(180deg);
    }

    #page_product_detail .main_comment .detailBlocNew23 .faqBlock .acd-content {
        /* border: 1px solid #333; */
        display: block;
        height: 0;
        opacity: 0;
        transition: .2s;
        visibility: hidden;
    }

    #page_product_detail .main_comment .detailBlocNew23 .faqBlock .acd-check:checked+.acd-label+.acd-content {
        height: auto;
        opacity: 1;
        visibility: visible;
    }

    #page_product_detail .main_comment .detailBlocNew23 .faqBlock .acd-content img {
        width: 65%;
    }
}


/* 2023年 商品ページリニューアル 包装
 ----------------------------------------------- */
.detailBlocNew23 .pkBloc {
    clear: both;
    width: 100%;
    padding: 30px;
    overflow: hidden;
    position: relative;
    background: #FFF;
}

.detailBlocNew23 .pkBloc .boxC img {
    clear: both;
    width: 100%;
    margin: 10px 0 25px 0;
    padding: 0;
}

.detailBlocNew23 .pkBloc .pkPhoto {
    clear: both;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: -10px;
}

.detailBlocNew23 .pkBloc .pkPhoto .pkBox {
    width: 100%;
    margin: 10px;
}

.detailBlocNew23 .pkBloc .pkPhoto .pkBox h5,
.detailBlocNew23 .pkBloc ul h5 {
    clear: both;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 5px;
}

.detailBlocNew23 .pkBloc .pkPhoto .pkBox h5 i,
.detailBlocNew23 .pkBloc ul h5 i {
    color: #333;
    margin-right: 5px;
}

.detailBlocNew23 .pkBloc .pkPhoto .pkBox p,
.detailBlocNew23 .pkBloc ul p {
    clear: both;
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.6;
}

.detailBlocNew23 .pkBloc .pkPhoto .pkBox img {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {

    .detailBlocNew23 .pkBloc {
        margin-bottom: 30px;
        padding: 10px;
    }

    .detailBlocNew23 .pkBloc .boxC h5 {
        font-size: 21px;
        line-height: 1.3;
        letter-spacing: 0em;
    }

    .detailBlocNew23 .pkBloc .pkPhoto {
        display: block;
    }

    .detailBlocNew23 .pkBloc .pkPhoto .pkBox {
        width: 100%;
        margin: 0 auto 30px;
    }

    .detailBlocNew23 .pkBloc .pkPhoto .pkBox h5 {
        clear: both;
        margin: 0;
        padding: 0;
        color: #382904;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }

    .detailBlocNew23 .pkBloc .pkPhoto .pkBox p {
        clear: both;
        margin: 0;
        padding: 0;
        font-size: 12px;
    }


    .detailBlocNew23 .pkBloc img.pc {
        display: none;
    }
}


/* ↓ マカロン用追記 ↓ */
.detailBlocNew23 .pkBloc ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: -10px;
    margin-bottom: 20px;
}

.detailBlocNew23 .pkBloc li {
    width: 100%;
    margin: 10px;
}

.detailBlocNew23 .pkBloc li .pkBoxImage {
    margin: 10px 0;
}

.detailBlocNew23 .pkBloc li .pkBoxImage img {
    margin-bottom: 5px;
}

.detailBlocNew23 .pkBloc .pk1Block {
    margin: 50px 0;
    display: grid;
    grid-template-columns: 2fr 1fr;
}

.detailBlocNew23 .pkBloc .pk1Block .pk1Image {
    display: flex;
    justify-content: flex-end;
    grid-row: 1;
    grid-column: 2;
}

.detailBlocNew23 .pkBloc .pk1Block .pk1Text {
    grid-row: 1;
    grid-column: 1;
    margin-right: 25px;
}

.detailBlocNew23 .pkBloc .pk1Block .pk1Text h5 {
    font-size: 24px;
    border-left: 2px solid #816639;
    padding-left: 10px;
    line-height: 1;
    border-bottom: none;
    padding-bottom: 0;
}

.detailBlocNew23 .pkBloc .pk1Block .pk1Text p {
    margin: 0;
    padding: 25px 0 40px 0;
    font-size: 14px;
    line-height: 1.6;
}

/* マカロン＆クッキーセット用 */
.detailBlocNew23 .pkBloc .pk1Block .pk1Image.set img {
    width: 150px;
    height: 150px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    .detailBlocNew23 .pkBloc ul {
        display: block;
    }

    .detailBlocNew23 .pkBloc li .pkBoxImage {
        display: flex;
        justify-content: space-between;
    }

    .detailBlocNew23 .pkBloc li .pkBoxImage img {
        width: 49%;
    }

    .detailBlocNew23 .pkBloc .pk1Block {
        grid-template-columns: none;
    }

    .detailBlocNew23 .pkBloc .pk1Block .pk1Image {
        grid-row: 2;
        grid-column: 1;
    }

    .detailBlocNew23 .pkBloc .pk1Block .pk1Text {
        grid-row: 1;
        grid-column: 1;
    }

    .detailBlocNew23 .pkBloc .pk1Block .pk1Text h5 {
        font-size: 19px;
        padding-left: 10px;
    }

    /* マカロン＆クッキーセット用 */
    .detailBlocNew23 .pkBloc .pk1Block .pk1Image.set img {
        width: 50%;
        height: auto;
    }
}
/* ↑ マカロン用追記 ↑ */

/* 2023年 商品ページリニューアル 包装 箱変更予告
 ----------------------------------------------- */
#page_product_detail .main_comment .detailBlocNew23 .pkBloc .notice2023,
#page_product_list .detailBlocNew23 .pkBloc .notice2023 {
    border: 3px solid #cccccc;
    background: #f4f4f4;
    padding: 32px;
    margin: 20px 0;
}

#page_product_detail .main_comment .detailBlocNew23 .pkBloc .notice2023 h5,
#page_product_list .detailBlocNew23 .pkBloc .notice2023 h5 {
    text-align: center;
    font-size: 21px;
    margin-bottom: 20px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
}

/* オリジナル掛け紙オプション
----------------------------------------------- */
#page_product_detail .main_comment .detailBlocNew23 .designTypeList {
    margin: 10px 0;
}

#page_product_detail .main_comment .detailBlocNew23 .designTypeList ul {
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
}

#page_product_detail .main_comment .detailBlocNew23 .designTypeList li {
    width: 31%;
}

#page_product_detail .main_comment .detailBlocNew23 .designTypeList li .designTypeText {
    background: #f4f4f4;
    padding: 15px;
}

#page_product_detail .main_comment .detailBlocNew23 .designTypeList li .designTypeText img {
    border: 1px solid #ccc;
    margin: 15px 0 0;

}

#page_product_detail .main_comment .detailBlocNew23 .designTypeList li .designTypeText p.title {
    font-size: 17px;
    font-weight: 600;
    min-height: 3.2em;
}

#page_product_detail .main_comment .detailBlocNew23 .designTypeList li .designTypeText p.comment {
    font-size: 14px;
}

#page_product_detail .main_comment .detailBlocNew23 .designTypeList li .designTypeText p.comment span {
    background: linear-gradient(transparent 60%, #ff999a69 60%);
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .detailBlocNew23 .designTypeList ul {
        display: block;
    }

    #page_product_detail .main_comment .detailBlocNew23 .designTypeList li {
        width: 100%;
        margin-bottom: 20px;
        background: #f4f4f4;
        padding: 25px;
    }

    #page_product_detail .main_comment .detailBlocNew23 .designTypeList li img {
        padding: 0;
        width: 70%;
        margin: 0 auto 15px;
        display: block;
    }

    #page_product_detail .main_comment .detailBlocNew23 .designTypeList li .designTypeText {
        padding: 0;
    }

    #page_product_detail .main_comment .detailBlocNew23 .designTypeList li .designTypeText img {
        width: 70%;
        display: block;
        margin: 15px auto 0;
    }

    #page_product_detail .main_comment .detailBlocNew23 .designTypeList li .designTypeText p.title {
        min-height: auto;
    }

}

/* サイズリスト */
#page_product_detail .main_comment .detailBlocNew23 .sizeList {

}

#page_product_detail .main_comment .detailBlocNew23 .sizeList h6 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 20px;
}

#page_product_detail .main_comment .detailBlocNew23 .sizeList h6 span {
    font-size: 13px;
}

#page_product_detail .main_comment .detailBlocNew23 .sizeList ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    border-radius: 2px;
    margin-bottom: 40px;
}

#page_product_detail .main_comment .detailBlocNew23 .sizeList li {
    width: 31%;
    margin-right: 20px;
}

#page_product_detail .main_comment .detailBlocNew23 .sizeList li p.sizeTitle {
    font-size: 16px;
    font-weight: 600;
}

#page_product_detail .main_comment .detailBlocNew23 .sizeList li .sizeImage {

}

#page_product_detail .main_comment .detailBlocNew23 .sizeList li .sizeImageBox {

}

#page_product_detail .main_comment .detailBlocNew23 .sizeList li .sizeImageNoshi {
    background: #f4f4f4;
    padding: 15px;
}


/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment .detailBlocNew23 .sizeList h6 {
        font-size: 16px;
    }
    #page_product_detail .main_comment .detailBlocNew23 .sizeList ul {
        display: block;
    }

    #page_product_detail .main_comment .detailBlocNew23 .sizeList li {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
        padding: 15px;
        background: #f4f4f4;
    }

    #page_product_detail .main_comment .detailBlocNew23 .sizeList li .sizeImage {
        display: flex;
    }

    #page_product_detail .main_comment .detailBlocNew23 .sizeList li .sizeImageBox {
        width: 40%;
    }

    #page_product_detail .main_comment .detailBlocNew23 .sizeList li .sizeImageNoshi {
        width: 60%;
        padding: 0 0 0 15px;
    }

    #page_product_detail .main_comment .detailBlocNew23 .sizeList li p.sizeTitle {
        font-size: 14px;
    }

    #page_product_detail .main_comment .detailBlocNew23 .sizeList li .sizeImageNoshi img {
        width: 80%;
    }

}

/* 価格表 */
#page_product_detail .main_comment .detailBlocNew23 .priceList.originalNoshi table {
    border-left: none;
    border-top: none;
    font-size: 15px;
}

#page_product_detail .main_comment .detailBlocNew23 .priceList.originalNoshi table th {
    border-right: none;
    border-bottom: 3px solid #ccc;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    background: #eee;
}

#page_product_detail .main_comment .detailBlocNew23 .priceList.originalNoshi table td {
    border-right: none;
    border-bottom: none;
    padding: 7px;
    text-align: center;
}

#page_product_detail .main_comment .detailBlocNew23 .priceList.originalNoshi table th:first-child,
#page_product_detail .main_comment .detailBlocNew23 .priceList.originalNoshi table td:first-child {
    border-right: 1px solid #ccc;
}

#page_product_detail .main_comment .detailBlocNew23 .priceList.originalNoshi table td {
    background: #f4f4f4;
}

#page_product_detail .main_comment .detailBlocNew23 .priceList.originalNoshi table tr:nth-child(even) td {
    background: #fff;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {

}

/* 2023年 制作の流れ（コーディング化）
 ----------------------------------------------- */
#page_product_detail .main_comment #orilogoBloc .productionFlow ul {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: space-between;
}

#page_product_detail .main_comment #orilogoBloc .productionFlow li {
    padding: 20px;
    margin-right: 10px;
    margin-bottom: 12px;
    width: 24%;
    position: relative;
    background: #f3f3f3;
}

#page_product_detail .main_comment #orilogoBloc .productionFlow li:nth-child(4n) {
    margin-right: 0;
}

/* ↓ 矢印 ↓ */
/* #page_product_detail .main_comment #orilogoBloc .productionFlow li::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 100%;
		margin-top: -15px;
		border: 15px solid transparent;
		border-left: 15px solid #e9e9e9;
		z-index: 1;
	} */

#page_product_detail .main_comment #orilogoBloc .productionFlow li::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 4em solid transparent;
    border-left: 4em solid #000;
    position: absolute;
}

#page_product_detail .main_comment #orilogoBloc .productionFlow li::after {
    position: absolute;
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 26px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    left: 97%;
    z-index: 1;
    color: #ddd;
}

#page_product_detail .main_comment #orilogoBloc .productionFlow li:nth-child(4n)::after {
    content: "";
}
/* ↑ 矢印 ↑ */

#page_product_detail .main_comment #orilogoBloc .productionFlow li .flowNumber {
    position: absolute;
    top: 0;
    left: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

#page_product_detail .main_comment #orilogoBloc .productionFlow li .flowTitle p {
    font-size: 16px;
    font-weight: 600;
    padding: 5px 0;
}

#page_product_detail .main_comment #orilogoBloc .productionFlow li .flowTitle img {
    width: 30%;
    padding: 0;
    display: block;
    margin: 35px auto 0;
}

#page_product_detail .main_comment #orilogoBloc .productionFlow li .phase {
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    padding: 2px 10px;
    position: absolute;
    right: 15px;
    top: 15px;
}

#page_product_detail .main_comment #orilogoBloc .productionFlow li .phase.guest {
    background: #e77f63;
}

#page_product_detail .main_comment #orilogoBloc .productionFlow li .phase.shop {
    background: #666;
}

#page_product_detail .main_comment #orilogoBloc .productionFlow li .flowText {
    font-size: 13px;
    font-weight: 400;
    padding: 10px 0 0;
}

#page_product_detail .main_comment #orilogoBloc .productionFlow li .flowText p {
    padding: 0;
    text-align: left;
}

#page_product_detail .main_comment #orilogoBloc .productionFlow li .flowText p span.red {
    color: #cc0000;
}

#page_product_detail .main_comment #orilogoBloc .productionFlow li .flowText p.redLabel {
    background: #90bb76;
    color: #ffffff;
    font-weight: 500;
    padding: 5px 15px;
    display: inline-block;
    border-radius: 50px;
    margin: 0 auto 10px;
    position: relative;
}

#page_product_detail .main_comment #orilogoBloc .productionFlow li .flowText p.redLabel::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-bottom: 10px solid #90bb76;
}

#page_product_detail .main_comment #orilogoBloc .productionFlow p.attention {
    color: #cc0000;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment #orilogoBloc .productionFlow li {
        width: 100%;
        margin-right: 0px;
        padding: 5% 10% 5% 20%;
    }

    #page_product_detail .main_comment #orilogoBloc .productionFlow li::before {
        border-bottom: 0;
        border-left: 3em solid #333;
        position: absolute;
        height: 100%;
    }

    #page_product_detail .main_comment #orilogoBloc .productionFlow li::after {
        transform: rotate(90deg);
        left: 0;
        right: 0;
        top: auto;
    }

    #page_product_detail .main_comment #orilogoBloc .productionFlow li .flowNumber {
        font-size: 15px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-font-smoothing: antialiased;
        left: 1em;
    }

    #page_product_detail .main_comment #orilogoBloc .productionFlow li .flowTitle {
        display: flex;
        align-items: center;
    }

    #page_product_detail .main_comment #orilogoBloc .productionFlow li .flowTitle img {
        width: 15%;
        margin: 0 10px 0 0;
    }

    #page_product_detail .main_comment #orilogoBloc .productionFlow li .flowText {
        padding: 5px 0 0 0;
        text-align: left;
    }

    #page_product_detail .main_comment #orilogoBloc .productionFlow li .flowText p.redLabel {
        margin: 0 0 10px;
    }
}

/* 2023年 商品ページリニューアル 木箱のディテール
 ------------------------------------------------------------- */
#page_product_detail .main_comment .detailBlocNew23 .woodboxDetail ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#page_product_detail .main_comment .detailBlocNew23 .woodboxDetail li {
    width: 49%;
    margin: 7px 0;
}

#page_product_detail .main_comment .detailBlocNew23 .woodboxDetail p {
    font-size: 15px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {

}


/* 2023年 タワシさんコラボマカロンプレゼントキャンペーンバナー
 ----------------------------------------------- */
#categoryText .snsCampaignBnr {
    margin: 10px auto;
    width: 80%;
}

#page_product_detail .snsCampaignBnr {
    margin: 20px auto;
    width: 80%;
}

#page_homepage .snsCampaignBnr {
    margin: 40px auto 0;
    width: 80%;
}

.snsCampaignBnr ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.snsCampaignBnr ul a:hover {
    opacity: .7;
}

.snsCampaignBnr p {
    text-align: center;
    font-size: 15px;
    margin: 5px auto;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #categoryText .snsCampaignBnr {
        width: 100%;
    }

    #page_product_detail .snsCampaignBnr {
        width: 100%;
    }

    #page_homepage .snsCampaignBnr {
        margin: 10px auto 30px;
        width: 90%;
    }

    .snsCampaignBnr li {
        width: 50%;
    }
}

/* 2023年 タワシさんコラボマカロン商品ページ
 ----------------------------------------------- */
.detailBlocNew23 .collaboration {
    margin: 20px 0;
}

.detailBlocNew23 .collaboration .about {
    margin-bottom: 50px;
    text-align: center;
    position: relative;
}

.detailBlocNew23 .collaboration .about img {
    width: 60%;
    margin-bottom: 20px;
}

.detailBlocNew23 .collaboration .about p {
    font-size: 15px;
    font-weight: 500;
    line-height: 2;
    margin-bottom: 30px;
}

.detailBlocNew23 .collaboration .about p span.bold {
    font-weight: 600;
    background:linear-gradient(transparent 60%, #fffdba 60%);
}

.detailBlocNew23 .collaboration .about p span.bigSize {
    font-weight: 600;
    font-size: 22px;
    background:linear-gradient(transparent 60%, #fffdba 60%);
}

.detailBlocNew23 .collaboration .about p span.orange {
    color: #fe4502;
    font-size: 24px;
    background:linear-gradient(transparent 60%, #fffdba 60%);
}

.detailBlocNew23 .collaboration img.aboutBg {
    position: absolute;
    width: 80px;
}

.detailBlocNew23 .collaboration img.aboutBg.bg01 {
    top: 180px;
    left: 80px;
}

.detailBlocNew23 .collaboration img.aboutBg.bg02 {
    top: 200px;
    right: 80px;
}

.detailBlocNew23 .collaboration img.aboutBg.bg03 {
    top: 360px;
    left: 70px;
}

.detailBlocNew23 .collaboration img.aboutBg.bg04 {
    top: 350px;
    right: 60px;
}

.detailBlocNew23 .collaboration .creator {
    position: relative;
    padding: 50px;
    width: 85%;
    height: 320px;
    background-color: #fffdba;
    border-radius: 32% 68% 24% 76% / 52% 32% 68% 48%;
    text-align: center;
    margin: 0 auto;
}

.detailBlocNew23 .collaboration .creator img.creatorTitle {
    position: absolute;
    top: -40px;
    left: 100px;
    width: 20%;
}

.detailBlocNew23 .collaboration .creator img.creatorImage {
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 13%;
}

.detailBlocNew23 .collaboration .creator p {
    font-size: 15px;
    font-weight: 500;
}

.detailBlocNew23 .collaboration .creator p span.bold {
    font-weight: 600;
}

.detailBlocNew23 .collaboration .creator .comment {
    background: #fff;
    border: 2px dotted;
    color: #fe4502;
    padding: 14px;
    margin: 10px auto;
    width: 90%;
}

.detailBlocNew23 .collaboration .creator .comment p {
    font-size: 14px;
}

.detailBlocNew23 .collaboration .creator .comment p.title {
    font-weight: 600;
}


/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    .detailBlocNew23 .collaboration .about img {
        width: 90%;
    }

    .detailBlocNew23 .collaboration .about p {
        font-size: 14px;
        line-height: 2;
    }

    .detailBlocNew23 .collaboration .about p span.bigSize {
        font-size: 18px;
    }

    .detailBlocNew23 .collaboration .about p span.orange {
        font-size: 20px;
    }

    .detailBlocNew23 .collaboration img.aboutBg {
        display: none;
    }

    .detailBlocNew23 .collaboration .creator {
        width: 100%;
        height: auto;
        padding: 60px 25px;
    }

    .detailBlocNew23 .collaboration .creator p {
        font-size: 14px;
    }

    .detailBlocNew23 .collaboration .creator img.creatorTitle {
        top: -45px;
        left: 10px;
        width: 40%;
    }

    .detailBlocNew23 .collaboration .creator img.creatorImage {
        bottom: 9px;
        right: 10px;
        width: 27%;
    }

    .detailBlocNew23 .collaboration .creator .comment {
        width: 100%;
    }
}


/* 2024年 クッキー焼き色注意書き
 ----------------------------------------------- */
#page_product_detail .main_comment #bakeImageBloc {
    background: #FFF url(/images/top/bg_item.jpg) repeat left top;
}

#page_product_detail .main_comment #bakeImageBloc .blocInner h3 {
    margin-bottom: 0;
    padding-bottom: 25px;
    font-size: 32px;
    font-weight: normal;
}

#page_product_detail .main_comment #bakeImageBloc .blocInner .bakeImage {
    display: flex;
    justify-content: space-between;
}

#page_product_detail .main_comment #bakeImageBloc .blocInner .bakeImage .text {
    font-size: 17px;
    font-weight: 600;
    align-items: center;
    display: flex;
    margin-left: 15px;
}

#page_product_detail .main_comment #bakeImageBloc .blocInner .bakeImage .image {
    display: flex;
    flex-wrap: nowrap;
    width: 60%;
}

#page_product_detail .main_comment #bakeImageBloc .blocInner .bakeImage .image p {
    width: 50%;
    position: relative;
    padding: 0;
}

#page_product_detail .main_comment #bakeImageBloc .blocInner .bakeImage .image p img {
    padding: 0;
}

#page_product_detail .main_comment #bakeImageBloc .blocInner .bakeImage .image p::before {
    content: "制作例";
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #8f7a21;
    padding: 0 5px;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    #page_product_detail .main_comment #bakeImageBloc {
        background: none;
        margin-bottom: 50px;
        padding: 0;
    }

    #page_product_detail .main_comment #bakeImageBloc .blocInner {
        margin-top: 0;
        padding: 0;
    }


    #page_product_detail .main_comment #bakeImageBloc .blocInner h3 {
        padding-bottom: 10px;
        font-size: 24px;
    }

    #page_product_detail .main_comment #bakeImageBloc .blocInner .bakeImage {
        display: block;
    }

    #page_product_detail .main_comment #bakeImageBloc .blocInner .bakeImage .image {
        width: 100%;
    }

    #page_product_detail .main_comment #bakeImageBloc .blocInner .bakeImage .text {
        border: none;
        padding: 0;
        font-size: 15px;
    }
}



/* 2024年 スイーツセット商品用（マカロン+ラテマル）
	----------------------------------------------- */
.detailBlocNew23 .setContent {
    display: flex;
    align-items: center;
}

.detailBlocNew23 .setContent .setImage {
    text-align: center;
    width: 49%;
}

.detailBlocNew23 .setContent .setImage img {
    width: 65%;
}

.detailBlocNew23 .setContent .setImage .text {
    /* border: 1px solid #c9b28d; */
    padding: 30px;
    width: 80%;
    margin: -30px auto 0;
    border-radius: 5px;
    background: #f7f5ec;
}

.detailBlocNew23 .setContent .setImage .text p.itemName {
    font-size: 21px;
    font-weight: 600;
}

.detailBlocNew23 .setContent .setImage .text p.itemComment {

}

.detailBlocNew23 .setContent .plusIcon {
    font-size: 60px;
    font-weight: 600;
    color: #c9b28d;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {

}


/* オリジナルメッセージどら焼きと小さな今治タオルケーキセット
 ----------------------------------------------- */
.detailBlocNew23 .setContent {
    display: flex;
    justify-content: space-around;
    font-family: 'Shippori Mincho', serif;
    font-weight: 500;
}

.detailBlocNew23 .setContent .setList {
    border: 3px solid #f4f4f4;
    border-radius: 10px;
    width: 40%;
    padding: 30px;
    margin: 30px;
}

.detailBlocNew23 .setContent .setList:first-child::after {
    content: "+";
    position: absolute;
    font-size: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #333;
}

.detailBlocNew23 .setContent .setList p {
    font-size: 17px;
    text-align: center;
    margin: 10px 0 0;
}

.detailBlocNew23 .setContent .setList p span {
    font-size: 14px;
}

.detailBlocNew23 .setTowel {
    font-family: 'Shippori Mincho', serif;
    font-weight: 500;
}

#page_product_detail .main_comment .detailBlocNew23 .setTowel h4 {
    font-size: 30px;
    text-align: center;
    position: relative;
    height: 70px;
    margin-bottom: 30px;
}

.detailBlocNew23 .setTowel img.itemImageTitle {
    width: 100%;
    height: 590px;
    object-fit: cover;
}

.detailBlocNew23 .setTowel h4::after {
    background: #816639;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 80px;
}

.detailBlocNew23 .setTowel .brandAbout {
    display: flex;
    margin: 50px auto;
}

.detailBlocNew23 .setTowel .brandAbout img {
    width: 20%;
    margin-right: 30px;
}

.detailBlocNew23 .setTowel .brandAbout p {
    font-size: 15px;
    text-align: left;
}

.detailBlocNew23 .setTowel .itemImage {
    margin: 50px auto;
}

.detailBlocNew23 .setTowel .itemImage ul {
    display: flex;
    flex-wrap: wrap;
}
.detailBlocNew23 .setTowel .itemImage li {
    width: calc(100% / 2);
    margin: 0;
}

.detailBlocNew23 .setTowel .itemImage p {
    font-size: 15px;
    margin: 10px 0;
}

.detailBlocNew23 .setTowel .sizeImage {
    display: flex;
    justify-content: space-between;
    margin: 50px auto;
}

.detailBlocNew23 .setTowel .sizeImage .type {
    width: 48%;
}

.detailBlocNew23 .setTowel .sizeImage .type h5 {
    font-size: 18px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.detailBlocNew23 .setTowel .sizeImage .type .gridBlock {
    display: grid;
    grid-template-rows: 130px 1fr;
    grid-template-columns: 105px 1fr;
    column-gap: 10px;
    row-gap: 10px;
}

.detailBlocNew23 .setTowel .sizeImage .type .gridBlock img:first-child {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
}

.detailBlocNew23 .setTowel .sizeImage .type .gridBlock img:last-child {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}

.detailBlocNew23 .setTowel .sizeImage .type .gridBlock p {
    grid-row: 2 / 3;
    grid-column: 1 / 3;
}

.detailBlocNew23 .setTowel .washAttn {
    margin: 50px auto;
}

.detailBlocNew23 .setTowel .washAttn h5 {
    font-size: 18px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.detailBlocNew23 .setTowel .washAttn ul li {
    font-size: 15px;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 7px;
}

.detailBlocNew23 .setTowel .wrapping {
    margin: 50px auto;
    background: #f7f5ee;
    padding: 30px;
}

.detailBlocNew23 .setTowel .wrapping h5 {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
}

.detailBlocNew23 .setTowel .wrapping h5 img {
    width: 40px;
    vertical-align: middle;
    margin-right: 10px;
}

.detailBlocNew23 .setTowel .wrapping .wrappingImage {
    display: flex;
}

.detailBlocNew23 .setTowel .wrapping .wrappingImage img {
    width: calc(100% / 2);
}

.detailBlocNew23 .setTowel .wrapping p {
    font-size: 14px;
    margin: 10px 0 0;
}

/* どら焼き事例 */
#page_product_detail .main_comment .detailBlocNew23 .exBloc.setEx {
    padding: 40px 0 0;
}
#page_product_detail .main_comment .detailBlocNew23 .exBloc.setEx h4 {
    font-size: 22px;
}

/* レスポンシブ対応 ------------ */
@media screen and (max-width: 768px) {
    .detailBlocNew23 .setContent {
        display: block;
    }

    .detailBlocNew23 .setContent .setList {
        width: 100%;
        margin: 0;
        border: 12px solid #f4f4f4;
        border-radius: 20px;
        padding: 20px;
    }

    .detailBlocNew23 .setContent .setList:first-child {
        margin-bottom: 20px;
    }

    .detailBlocNew23 .setContent .setList img {
        width: 70%;
        margin: 0 auto;
        display: block;
    }

    .detailBlocNew23 .setContent .setList p {
        font-size: 20px;
    }

    .detailBlocNew23 .setTowel {
        background: #F5F0E6;
        padding: 30px 15px 15px;
    }

    .detailBlocNew23 .setTowel.dorayaki {
        background: none;
    }

    #page_product_detail .main_comment .detailBlocNew23 .setTowel h4 {
        font-size: 24px;
    }

    .detailBlocNew23 .setTowel img.itemImageTitle {
        height: auto;
    }

    .detailBlocNew23 .setTowel .brandAbout {
        display: block;
        text-align: center;
        background: #fff;
        padding: 30px;
        margin: 20px 0px;
    }

    .detailBlocNew23 .setTowel .brandAbout img {
        width: 50%;
        margin: 0 0 10px;
    }

    .detailBlocNew23 .setTowel .itemImage {
        margin: 20px auto;
    }

    .detailBlocNew23 .setTowel .sizeImage {
        display: block;
    }

    .detailBlocNew23 .setTowel .sizeImage .type {
        width: 100%;
        width: 100%;
        margin-bottom: 20px;
    }

    .detailBlocNew23 .setTowel .sizeImage .type .gridBlock {
        grid-template-rows: 105px 1fr;
    }

    .detailBlocNew23 .setTowel .wrapping {
        background: #fff;
        padding: 15px;
        margin: 20px auto 0;
    }

}


/* 商品ページ メディアで紹介されましたバナー
-------------------------------------*/
.mediaFeaturedArea {
    margin: 20px auto;
    text-align: center;
}

/* 感謝状カステラ ZIPで紹介されました */
.mediaFeaturedInner.zip {
    margin: 0 auto;
    width: 60%;
    padding: 5px;
    border: 3px solid;
    border-image: linear-gradient(90deg, rgba(77, 202, 255, 1), rgba(253, 153, 177, 1)) 1;
}

.mediaFeaturedInner.zip p {
    color: #14b7f8;
    font-size: 18px;
    font-weight: 600;
}

.mediaFeaturedInner.zip p span {
    font-size: 28px;
    margin: 0 5px;
    letter-spacing: 0.1em;
}

@media screen and (max-width:768px){
    .mediaFeaturedInner.zip {
        width: 100%;
        padding: 2px;
    }

    .mediaFeaturedInner.zip p {
        font-size: 14px;
    }

    .mediaFeaturedInner.zip p span {
        font-size: 20px;
    }
}


/* --------------------------------------------------------
	2025.11.05追記
-------------------------------------------------------- */
#undercolumn_download h2.title {
    clear: both;
    margin: 50px 0;
    padding: 0;
    color: #333;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: center;
    background: none;
}
.download_flow ol {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
.download_flow ol li {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}
.download_flow ol li:not(:last-child) {
    padding: 0 100px 0 0;
}
.download_flow ol li:not(:last-child)::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #DCDCDC;
    position: absolute;
    top: 7px;
    left: 8px;
    z-index: 0;
}
.download_flow ol li > div {
    position: relative;
    z-index: 1;
}
.download_flow .icon {
    width: 14px;
    height: 14px;
    background: #DCDCDC;
    border-radius: 50%;
}
.download_flow .text {
    color: #9A9A9A;
    margin: 4px 0 0;
}
.download_flow.step01 ol li:nth-child(1) .icon,
.download_flow.step02 ol li:not(:last-child) .icon,
.download_flow.step02 ol li:nth-child(1)::after,
.download_flow.complete ol li .icon,
.download_flow.complete ol li::after{
    background: #705F49;
}
.download_flow.step01 ol li:nth-child(1) .text,
.download_flow.step02 ol li:not(:last-child) .text,
.download_flow.complete ol li .text{
    color: #705F49;
}
.download_text {
    text-align: center;
    margin: 24px 0 0;
}
.download_text > p:not(:last-child) {
    margin: 0 0 16px;
}
.download_detail {
    max-width: 696px;
    width: 100%;
    min-height: 236px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: 32px auto 0;
}
.download_detail > div {
    width: 50%;
}
.download_detail .img {
    background-color: #E6E6E6;
    overflow: hidden;
    position: relative;
}
.download_detail .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.download_detail .text {
    border: solid 1px #E6E6E6;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 16px 24px;
}
.download_detail_label {
    font-weight: 700;
    margin: 0 0 8px;
}
.download_detail_note > li {
    padding-left: 20px;
    position: relative;
}
.download_detail_note > li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
}
.download_form {
    margin: 56px 0 0;
}
.download_form .bg {
    max-width: 980px;
    width: 100%;
    background: #FBF8F2;
    margin-inline: auto;
    padding: 60px 4%;
}
.download_form.confirm .bg {
    background: #fff;
    border: solid 1px #C2C2C2;
}
.download_form .bg > div {
    max-width: 640px;
    width: 100%;
    margin-inline: auto;
}
.download_form .text {
    text-align: center;
    margin: 0 0 56px;
}
.download_form_tbl > div:not(:last-child) {
    margin: 0 0 24px;
}
.download_form_tbl dt {
    color: #333;
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 8px;
}
.download_form .required {
    color: #DD4141;
    font-size: 13px;
    font-weight: 400;
}
.download_form ::placeholder {
    color: #C4C4C4;
}
.download_form ::-ms-input-placeholder {
    color: #C4C4C4;
}
.download_form :-ms-input-placeholder {
    color: #C4C4C4;
}
.download_form input[type=text],
.download_form input[type=email],
.download_form input[type=tel],
.download_form select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font: inherit;
    border: none;
    border-radius: 0;
    display: block;
    outline: none;
    padding: 16px;
}
.download_form select {
	background-color: #fff;
    background-image: url("../img/common/arrow_b_bk.svg");
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 18px auto;
}
.download_form input[type=radio] {
    display: none;
}
.download_form .radio {
    background: #fff;
    border-radius: 5px;
    display: block;
    text-align: center;
    cursor: pointer;
    padding: 16px;
    position: relative;
}
.download_form .radio::before {
    content: "";
    width: 100%;
    height: 100%;
    border: solid 2px #000;
    border-radius: 5px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: .5s;
}
.download_form input[type=radio]:checked + .radio::before {
    opacity: 1;
}
.download_form .radio_list {
    display: -webkit-box;
    display: flex;
    margin-right: -14px;
}
.download_form .radio_list > li {
    max-width: 148px;
    width: 100%;
    margin-right: 14px;
}
.download_form_submit {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 40px 0 0;
}
.download_form_submit button {
    color: #fff;
    font-size: 21px;
    max-width: 428px;
    width: 100%;
    background: #705F49;
    border: none;
    padding: 16px;
    position: relative;
}
.download_form_submit button::after {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("../img/common/arrow_white_next.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: calc(50% - 8px);
    right: 24px;
}
.download_form_submit button.back {
    color: #705F49;
    background: #fff;
    border: solid 1px #705F49;
}
.download_form_submit button.back::after {
    background-image: url("../img/common/arrow_brown_prev.png");
    right: inherit;
    left: 24px;
}
.download_form_submit button:not(:last-child) {
    margin: 0 0 10px;
}
.download_list {
    margin: 40px 0 0;
}
.download_list > li {
    border: solid 1px #C2C2C2;
    padding: 56px 4%;
}
.download_list > li:not(:last-child) {
    margin: 0 0 56px;
}
.download_list_title {
    font-family: 'Shippori Mincho', serif;
    font-size: 27px;
    text-align: center;
    margin: 0 0 32px;
}
.download_list_title br { display: none; }
.download_list .download_detail {
    margin: auto;
}
.download_list .logo_text01 {
    font-size: 16px;
    margin: 0 0 16px;
}
.download_list .logo_text02 {
    color: #358F9A;
}
.download_list .logo_text02 a {
    color: #358F9A;
    text-decoration: underline;
}
.download_list .logo_text02 a:hover {
    text-decoration: none;
}
.download_list_btn,
.download_support_btn {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    margin: 40px 0 0;
}
.download_list_btn br,
.download_support_btn br {
    display: none;
}
.download_list_btn a,
.download_support_btn a,
.download_list_btn a:link,
.download_support_btn a:link {
    color: #fff;
    font-size: 18px;
    max-width: 512px;
    width: 100%;
    background: #705F49;
    border: none;
    padding: 16px;
    position: relative;
}
.download_list_btn a::after,
.download_support_btn a::after {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("../img/common/arrow_white_next.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: calc(50% - 8px);
    right: 24px;
}
.download_list_btn a:hover,
.download_support_btn a:hover {
    color: #fff;
    text-decoration: none;
}
.download_support {
    max-width: 834px;
    width: 100%;
    background: #FBF8F2;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    margin-inline: auto;
    margin-top: 64px;
    padding: 56px 4%;
}
.download_support_title {
    font-size: 18px;
    text-align: center;
}
.download_support_btn {
    max-width: 512px;
    width: 100%;
    margin: 24px 0 0;
}
@media screen and (max-width:768px){
    .download_flow ol li:not(:last-child) {
        padding: 0 min(26.666vw, 100px) 0 0;
    }
    .download_flow ol li:not(:last-child)::after {
        left: min(2.666vw, 20px);
    }
    .download_flow .text,
    .download_form .text {
        background: none;
        border: none;
        padding: 0;
    }
    .download_text {
        text-align: left;
    }
    .download_detail {
        min-height: inherit;
    }
    .download_detail > div {
        width: 100%;
    }
    .download_detail .img {
        padding-top: 67.816%;
    }
    .download_form {
        margin: 24px 0 0;
    }
    .download_form .bg {
        padding: 30px 4%;
    }
    .download_form .text {
        text-align: left;
        margin: 0 0 24px;
    }
    .download_form_tbl dt {
        font-size: 15px;
    }
    .download_form .required {
        font-size: 11px;
    }
    .download_form select {
        background-size: 14px auto;
    }
    .download_form_submit {
        margin: 24px 0 0;
    }
    .download_form_submit button {
        font-size: 17px;
    }
    .download_form_submit button::after {
        width: 12px;
        height: 12px;
        top: calc(50% - 6px);
        right: 16px;
    }
    .download_form_submit button.back::after {
        left: 16px;
    }
    .download_list {
        margin: 24px 0 0;
    }
    .download_list > li {
        padding: 32px 4%;
    }
    .download_list > li:not(:last-child) {
        margin: 0 0 24px;
    }
    .download_list_title {
        font-size: 18px;
        margin: 0 0 16px;
    }
    .download_list_title br { display: block; }
    .download_list_btn,
    .download_support_btn {
        margin: 24px 0 0;
    }
    .download_list_btn br,
    .download_support_btn br {
        display: block;
    }
    .download_list_btn a,
    .download_support_btn a,
    .download_list_btn a:link,
    .download_support_btn a:link {
        font-size: 14px;
    }
    .download_list_btn a::after,
    .download_support_btn a::after {
        width: 12px;
        height: 12px;
        top: calc(50% - 6px);
        right: 16px;
    }
    .download_support {
        margin-top: 32px;
        padding: 32px 4%;
    }
    .download_support_title {
        font-size: 14px;
    }
    .download_support_btn {
        margin: 16px 0 0;
    }
.download_form input[type=text],
.download_form input[type=email],
.download_form input[type=tel],
.download_form select {
	font-size: 16px;
}
}