<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*!
 * sub CSS
 * ---------------------------------------------
 * 下層ページのcss
 * 
 */
/**:before,*:after {
	content: "";
	display: none;
}
*/
* {
    font-size: 100%;
    max-height: 999999px;
}

a {
    text-decoration: none;
    cursor: pointer;
}

/*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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
        font-size: inherit;
        line-height: inherit;
    font-size: 100%;
    vertical-align: baseline;
}*/

.note {
    list-style: none;
}

.page__ttl.subplayer:before, .page__ttl.subplayer:after {
    content: "";
    display: none;
}

h2:before, h2:after {
    content: "";
    display: none;
}
/*table:before,table:after {
	content: "";
	display: none;
}
table table:before,table table:after {
	content: initial;
	display: initial;
}*/
#body_container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

.sec__ttl::before {
    display: inline-block;
    vertical-align: middle;
    transform: rotate(45deg);
}

.sec__ttl.lg:after {
    content: "";
}

.sec__ttl.lg:before {
    content: none;
}
/*caption, th, td {
    word-break: break-all;
    word-wrap: break-word;
}*/
@media only screen and (max-width: 750px) {
    #body_container {
        width: 100%;
    }
}

/*  sprite
---------------------------------*/

.cont__ttl:before,
.guidetop__navi a:before,
.page__navi .back__toplayer a:before,
.telList strong:before {
    background-image: url(../images/base/sprite.png);
    background-repeat: no-repeat;
}

/*===================================
	layout	
=====================================*/

.pagebody {
    margin: 13px 0 90px;
    padding: 1px;
    border: solid 4px #eee;
    background: #fff;
}

.pageInner {
    padding: 50px 74px 30px;
    border: solid 1px #eee;
    text-align: center;
}

    .guide__page .pageInner,
    .pageInner section {
        text-align: left;
    }

.imgRight {
    float: right;
    margin: 0 0 10px 20px;
}

.imgleft {
    float: left;
    margin: 0 20px 10px 0;
}

.imgCent, .imgCent img {
    margin: auto;
}

.emphasis {
    font-size: 39px;
}

hr.bd1 {
    height: 2px;
    background: url(../images/base/bd1.png) repeat-x 0 0;
}

a.link {
    color: #6b1b7d;
    text-decoration: underline;
}

    a.link:hover {
        text-decoration: none;
    }

/*===================================
	element	
=====================================*/
/*  パンくず
---------------------------------*/

.topicspath ol {
    /*letter-spacing: -.40em;*/
    margin: 37px 0 0;
}

    .topicspath ol li {
        display: inline-block;
        vertical-align: middle;
        letter-spacing: normal;
        font-size: 14px;
    }

        .topicspath ol li:after {
            display: inline-block;
            content: "＞";
            margin: 0 1em;
        }

        .topicspath ol li:nth-last-of-type(1):after {
            display: none;
        }

        .topicspath ol li, .topicspath ol li a {
            color: #555;
        }

.breadcrumbs {
    font-size: 14px;
}

    .breadcrumbs a {
        padding: 0 0.7em;
    }

    .breadcrumbs &gt; a {
        padding-left: 0;
    }

    .breadcrumbs, .breadcrumbs a {
        color: #555;
    }

/*  page__ttl
---------------------------------*/

.page__ttl {
    text-align: center;
}

    .page__ttl.toplayer h2 {
        margin: 0 0 36px;
        padding: 0 0 45px;
        border: none;
        background: url(../images/base/bd2.png) repeat-x 50% 100%;
        color: #b69531;
        font-size: 40px;
        line-height: 1;
        font-weight: 400;
    }

    .page__ttl.subplayer, .page__ttl.subplayer h2 {
        display: inline-block;
        position: relative;
        text-align: center;
    }

    .page__ttl.subplayer {
        margin: 3px auto 40px;
        padding: 0 6px;
        border-top: solid 1px #f7f4eb;
        border-bottom: solid 1px #f7f4eb;
        background: #daca98;
        text-align: center;
    }

        .page__ttl.subplayer h2 {
            margin: 0;
            padding: 8px 20px;
            border: none;
            background: #b69531;
            color: #fff;
            font-size: 30px;
            line-height: 1;
            font-weight: 400;
        }

            .page__ttl.subplayer:before, .page__ttl.subplayer h2:before,
            .page__ttl.subplayer:after, .page__ttl.subplayer h2:after {
                display: block;
                position: absolute;
                top: 0;
                width: 0;
                height: 0;
                border-style: solid;
            }

            .page__ttl.subplayer:before, .page__ttl.subplayer h2:before {
                left: -11px;
                border-width: 22px 11px 22px 0;
            }

        .page__ttl.subplayer:before {
            border-color: transparent #daca98 transparent transparent;
        }

        .page__ttl.subplayer h2:before {
            border-color: transparent #b69531 transparent transparent;
        }

        .page__ttl.subplayer:after, .page__ttl.subplayer h2:after {
            right: -11px;
            border-width: 22px 0 22px 11px;
        }

        .page__ttl.subplayer:after {
            border-color: transparent transparent transparent #daca98;
        }

        .page__ttl.subplayer h2:after {
            z-index: 10;
            border-color: transparent transparent transparent #b69531;
        }

/*  page__navi
---------------------------------*/

.page__navi {
    margin: 60px -40px 33px;
    padding: 37px 0 0;
    background: url(../images/base/bd3.png) repeat-x 0 0;
    font-family: YuMincho, 'Yu Mincho', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif;
    text-align: center;
}

    .page__navi ul {
        letter-spacing: -.40em;
    }

        .page__navi ul li {
            display: inline-block;
            vertical-align: top;
            letter-spacing: normal;
            margin: 0 12px 17px;
        }

            .page__navi ul li.back__toplayer {
                margin-top: 19px;
            }

            .page__navi ul li a {
                display: block;
                box-sizing: border-box;
                width: 240px;
                height: 38px;
                line-height: 35px;
                border-radius: 20px;
                border: solid 2px #f5f2e5;
                color: #b69531;
                transition: .3s;
            }

            .page__navi ul li.current a {
                background: #f5f2e5;
                pointer-events: none;
            }

            .page__navi ul li a:hover {
                background: #f4f0e0;
                color: #6e450e;
                text-decoration: none;
            }

    .page__navi .back__toplayer a {
        border: none;
        background: #b69531;
        color: #fff;
    }

        .page__navi .back__toplayer a:hover {
            background: #b69531;
            color: #fff;
            opacity: .7;
        }

        .page__navi .back__toplayer a:before {
            display: inline-block;
            vertical-align: middle;
            width: 18px;
            height: 14px;
            margin: -2px 9px 0 0;
            background-position: -450px -450px;
        }

/*  sec__cont 
---------------------------------*/

.sec__cont {
    overflow: hidden;
    margin-bottom: 50px;
    padding: 0 20px;
}

    .sec__cont p {
        line-height: 1.6;
    }

    .sec__cont h5 {
        font-size: 16px;
        margin-bottom: 1em;
    }

/*  見出し
---------------------------------*/

.cont__ttl {
    margin: 17px 0 45px;
    padding: 13px 0 15px 11px;
    border: none;
    background: url(../images/base/bd1.png) repeat-x 0 0, url(../images/base/bd1.png) repeat-x 0 100%;
    color: #b69531;
    font-size: 24px;
    line-height: 1.2;
}

    .cont__ttl:before {
        display: inline-block;
        vertical-align: middle;
        width: 31px;
        height: 24px;
        margin: -5px 8px 0 0;
        background-position: 0 -450px;
    }

.sec__ttl {
    margin: 0;
    padding: 12px 0 14px 11px;
    border: none;
    border-top: solid 1px #dad7d3;
    color: #756956;
    font-size: 20px;
    line-height: 1.4;
}

    .sec__ttl:before {
        display: inline-block;
        vertical-align: middle;
        width: 5px;
        height: 5px;
        margin: -5px 8px 0 0;
        border-radius: 1px;
        border: solid 3px #766a57;
        background: #f3eedd;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .sec__ttl.lg {
        position: relative;
        margin: 0 -20px 30px;
        padding: 15px 13px 15px 22px;
        border: none;
        background: #f4f0e0;
        color: #6e450e;
        font-size: 26px;
        line-height: 1.2;
    }

        .sec__ttl.lg:after {
            display: block;
            position: absolute;
            left: 0;
            bottom: -1px;
            width: 100%;
            height: 2px;
            border-top: solid 1px #fff;
            background: url(../images/base/bd1.png) repeat-x 0 0;
        }

.sub__ttl, h3.sub__ttl {
    margin: 0 0 1em;
    padding: 0;
    border: none;
    color: #6e450e;
    font-size: 22px;
    line-height: 1.4;
}

    .sub__ttl:before {
        display: inline-block;
        vertical-align: middle;
        width: 13px;
        height: 13px;
        margin: -4px 10px 0 0;
        border-radius: 50%;
        background: #b69531;
    }

/*  li txt
---------------------------------*/

.disc li:before {
    display: inline;
    content: "・";
}

.disc li {
    padding-left: 1em;
    text-indent: -1em;
}

.dem &gt; li {
    list-style-type: decimal;
}

strong.orng {
    color: #ec6941;
    font-size: 24px;
    font-weight: 600;
}

.dfin1 {
    margin-bottom: 3em;
}

    .dfin1 dt, .dfin1 dd {
        margin-bottom: 0.8em;
    }

    .dfin1 dd {
        padding-left: 1em;
        text-indent: -1em;
    }

        .dfin1 dd:before {
            display: inline;
            content: "■";
            color: #6e450e;
        }

.defin__list {
    overflow: hidden;
    position: relative;
    padding-top: 0.9em;
    border-top: solid 1px #daca98;
    line-height: 1.6;
}

    .defin__list:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 140px;
        height: 999em;
        background: #f3eedd;
    }

    .defin__list dt, .defin__list dd {
        position: relative;
    }

    .defin__list dt {
        width: 140px;
        font-size: 14px;
        text-align: center;
    }

    .defin__list dd {
        margin: -1.6em 0 1em;
        padding: 0 0 0.9em 154px;
        border-bottom: solid 1px #daca98;
    }

        .defin__list dd:nth-last-of-type(1) {
            margin-bottom: 0;
        }

/*  box
---------------------------------*/

.box {
    margin: 0.5em auto 2em;
    padding: 1.2em;
    border: solid 3px #daca98;
    font-size: 20px;
    line-height: 1.6;
}

    .box .note {
        font-size: 16px;
    }

/*===================================
	カテゴリページテンプレ
=====================================*/

.search__form__cat {
    margin-bottom: 30px;
}

.imgCent img {
    display: block;
    margin: 0 auto 20px;
}

.imgWidht100pa img {
    width: 100%;
}

/*===================================
	商品検索テンプレ
=====================================*/

.cont__head .pagename:after {
    display: inline;
}

.itemsListPage .cont__head .pagename:after {
    content: "商品一覧";
}

.priceItems600 .cont__head .pagename:after {
    content: "～600円";
}

.priceItems1000 .cont__head .pagename:after {
    content: "価格帯 601～1,000円";
}

.priceItems1500 .cont__head .pagename:after {
    content: "価格帯 1,001円～1,500円";
}

.priceItems2000 .cont__head .pagename:after {
    content: "価格帯 1,501円～2,000円";
}

.priceItems3000 .cont__head .pagename:after {
    content: "価格帯 2,001円～3,000円";
}

.priceItems3001 .cont__head .pagename:after {
    content: "価格帯 3,001円〜";
}

.tagIcoWebonly .cont__head .pagename:after {
    content: "Web限定";
}

.tagIcofirstLimited .cont__head .pagename:after {
    content: "初回限定";
}

.tagIcofreeShipping .cont__head .pagename:after {
    content: "送料無料";
}

.tagIcoEventLimited .cont__head .pagename:after {
    content: "イベント限定";
}

.tagIcoLimitedQuantity .cont__head .pagename:after {
    content: "数量限定";
}

.tagIcoIrregularSales .cont__head .pagename:after {
    content: "不定期販売";
}

.tagIcoSpringOnly .cont__head .pagename:after {
    content: "春季限定";
}

.tagIcoSummerOnly .cont__head .pagename:after {
    content: "夏季限定";
}

.tagIcoAutumnOnly .cont__head .pagename:after {
    content: "秋季限定";
}

.tagIcoWinterOnly .cont__head .pagename:after {
    content: "冬季限定";
}

.tagIcoSpringSummerOnly .cont__head .pagename:after {
    content: "春夏限定";
}

.tagIcoAutumnWinterOnly .cont__head .pagename:after {
    content: "秋冬限定";
}

.tagIcoSeasonalLimited .cont__head .pagename:after {
    content: "季節限定";
}

.tagIcoYearEndLimited .cont__head .pagename:after {
    content: "歳末限定";
}

.tagIcoLimitedTime .cont__head .pagename:after {
    content: "期間限定";
}

.tagIcoBag .cont__head .pagename:after {
    content: "のし対応";
}

.tagIcoCarrierBagFree .cont__head .pagename:after {
    content: "手提げ袋無料";
}

.tagIcoNobag .cont__head .pagename:after {
    content: "のし不可";
}

.tagIcoNoPackaging .cont__head .pagename:after {
    content: "包装不可";
}

.tagIcoStripbook .cont__head .pagename:after {
    content: "短冊のし";
}

.tagIcoDelivery3_4 .cont__head .pagename:after {
    content: "お届け 3〜4日";
}

.tagIcoDelivery4_5 .cont__head .pagename:after {
    content: "お届け 4〜5日";
}

.tagIcoDelivery5_6 .cont__head .pagename:after {
    content: "お届け 5〜6日";
}

.tagIcoNoGift .cont__head .pagename:after {
    content: "ギフト送不可";
}

.tagIcoDelivery7 .cont__head .pagename:after {
    content: "お届け約一週間";
}

.tagIcoTimeSpecified .cont__head .pagename:after {
    content: "日時指定不可";
}

.tagIcoPurchaseLimit .cont__head .pagename:after {
    content: "購入制限";
}

.tagIcoKeijiOnly .cont__head .pagename:after {
    content: "慶事専用";
}

.tagIcoButujiOnly .cont__head .pagename:after {
    content: "仏事専用";
}

.tagIcoBagFree .cont__head .pagename:after {
    content: "手提げ袋無料";
}

.keywordname {
    padding-left: 1em;
}

/*===================================
	商品リスト item_list
=====================================*/

#category .itemlist {
    margin: 0;
    font-size: 100%;
    text-align: left;
    line-height: 1.4;
}

    #category .itemlist .item.icon_disp {
        height: auto;
        *height: auto;
    }

#category .itemlist {
    letter-spacing: -.40em;
    margin-right: -16px;
}

    #category .itemlist .item {
        box-sizing: border-box;
        float: none;
        width: 218px;
        margin: 0 16px 40px 0 !important;
        padding: 10px 15px 13px;
        border: none;
        text-decoration: none;
        display: block;
        z-index: 1;
        position: relative;
        height: auto;
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
    }

    #category .itemlist .item {
        border-color: transparent;
    }

        #category .itemlist .item &gt; a {
            display: block;
            display: block\9 !important;
            width: auto !important;
            height: auto;
            margin: 0 -15px;
            vertical-align: middle;
            line-height: 218px\9 !important;
        }

            #category .itemlist .item &gt; a img {
                width: 100%;
                max-width: 218px;
                height: 100%;
                max-height: 218px;
                vertical-align: middle;
                margin: 0 0 28px;
            }

        #category .itemlist .item .comment {
            float: left;
            margin-top: -80px;
            color: #9a958d;
            font-size: 12px;
        }

        #category .itemlist .item .name {
            position: relative;
            z-index: 5;
            height: 2.8em;
            margin-bottom: 1em;
            overflow: hidden;
            line-height: 1.4;
        }

            #category .itemlist .item .name a {
                color: #6b1b7e;
                font-size: 14px;
                text-decoration: underline;
            }

                #category .itemlist .item .name a:hover {
                    text-decoration: none;
                }

        #category .itemlist .item .price {
            color: #b80101;
            font-size: 16px;
            margin-top: 1px;
            margin-bottom: 5px;
            display: inline-block;
            font-weight: 500;
            font-family: 'Noto Sans Japanese', sans-serif;
        }

        #category .itemlist .item .tax_label {
            display: inline-block;
            font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic Pro', Meiryo, Arial, sans-serif;
            font-size: 13px;
            color: #707070;
        }

        #category .itemlist .item .stock {
            height: 142px;
            left: 0;
            z-index: 1;
            line-height: 142px;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
            opacity: 0.8;
            position: absolute;
            top: 0;
            width: 218px;
            font-size: 1.4em;
            text-align: center;
        }

        #category .itemlist .item .stock, #category .itemlist-list .item .stock {
            background: #FFFFFF;
            color: #999;
        }

        #category .itemlist .item .tag {
            display: none;
            height: auto;
            margin-top: 5px;
            word-wrap: break-all;
            word-break: break-word;
            overflow: hidden;
        }

            #category .itemlist .item .tag a {
                text-decoration: none;
                margin: 0;
                line-height: inherit;
            }

                #category .itemlist .item .tag a img {
                    height: auto;
                }

    #category .itemlist .item {
        /*border-top: solid 1px #efe7cf;*/
        border-bottom: solid 1px #efe7cf;
    }

        #category .itemlist .item:hover {
            border-bottom-color: #efe7cf;
        }
/*.itemlist .item:before {
	display: block;
	position: absolute;
	z-index: 5;
	top: 2px;
	left: 0;
	content: "";
	width: 218px;
	height: 2px;
	background: #efe7cf;
}*/
.itemlist .item:after {
    display: block;
    position: absolute;
    z-index: 5;
    bottom: 2px;
    left: 0;
    content: "";
    width: 218px;
    height: 2px;
    background: #efe7cf;
}
/*#category .itemlist .item:nth-of-type(1),
#category .itemlist .item:nth-of-type(2),
#category .itemlist .item:nth-of-type(3),
#category .itemlist .item:nth-of-type(4) {
	padding-top: 0;
	border: none;
}
.itemlist .item:nth-of-type(1):before,
.itemlist .item:nth-of-type(2):before,
.itemlist .item:nth-of-type(3):before,
.itemlist .item:nth-of-type(4):before {
	display: none;
}*/
#category .itemlist .item:nth-of-type(1) .stock,
#category .itemlist .item:nth-of-type(2) .stock,
#category .itemlist .item:nth-of-type(3) .stock,
#category .itemlist .item:nth-of-type(4) .stock {
    top: 0;
}

.itemlist &gt; div {
    letter-spacing: normal;
}

/*===================================
	ページャー
=====================================*/

.pagination {
    margin: 50px 0;
}

    .pagination ul {
        margin: 0;
        list-style-type: none;
        padding: 0;
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

        .pagination ul li {
            display: inline;
            float: left;
            margin: 0 4px;
            outline-width: 1px;
            outline-style: solid;
        }

        .pagination ul li {
            outline-color: #ccc;
        }

            .pagination ul li a {
                text-decoration: underline;
                padding: 10px 14px;
                margin: 0;
                text-decoration: none;
                display: block;
            }

            .pagination ul li a {
                color: #333;
            }

            .pagination ul li.first, .pagination ul li.last {
                background: none;
            }

            .pagination ul li.first, .pagination ul li.last {
                background: none;
            }

            .pagination ul li.active {
                background: #b69531;
            }

                .pagination ul li.active a {
                    color: #fff;
                }

            .pagination ul li a:hover {
                background: none;
                opacity: .7;
            }

/*===================================
	固定ページ
=====================================*/

/*  商品一覧（インデックス） /product_list
-----------------------------------------*/

.catBlock__sec {
    overflow: hidden;
    margin-bottom: 35px;
}

    .catBlock__sec ul {
        overflow: hidden;
        margin-right: -25px;
        padding-top: 5px;
    }

        .catBlock__sec ul li {
            float: left;
            position: relative;
            width: 290px;
            height: 290px;
            margin: 0 25px 25px 0;
            background: #f5f2e5;
            text-align: center;
        }

        .catBlock__sec ul.wd li {
            height: 330px;
        }

        .catBlock__sec ul li a {
            display: block;
        }

        .catBlock__sec ul li b {
            display: block;
            margin: 10px 10px 3px;
            color: #6b1b7e;
            font-size: 22px;
            line-height: 1.4;
        }

            .catBlock__sec ul li b.dln {
                margin-bottom: 5px;
                line-height: 1.2;
            }

            .catBlock__sec ul li b span {
                font-size: 16px;
            }

        .catBlock__sec ul li p {
            margin: 0 10px;
            color: #000;
            font-size: 13px;
            line-height: 1.4;
        }

        .catBlock__sec ul li a:hover {
            text-decoration: none;
            opacity: .7;
        }

            .catBlock__sec ul li a:hover img {
                opacity: 1;
            }

        .catBlock__sec ul li .limited {
            display: inline-block;
            position: absolute;
            top: -5px;
            left: 5px;
            padding: 0.25em 0.7em 0.25em;
            background: #6b1b7d;
            font-family: YuGothic, 'Yu Gothic', sans-serif;
            color: #fff;
        }

            .catBlock__sec ul li .limited.season {
                background: #437a13;
            }

            .catBlock__sec ul li .limited.springsummer {
                background: #6bcff4;
            }

            .catBlock__sec ul li .limited.summerwinter {
                background: #e74617;
            }

            .catBlock__sec ul li .limited.winter {
                background: #5d430c;
            }

/*===================================
	フリーページ
=====================================*/
/*.body_container	{
	width:950px;
	margin:0 auto;
}*/

/*  ご利用ガイド top
-----------------------------------------*/

.guidetop__nav {
    letter-spacing: -.40em;
    text-align: center;
}

.guidetop__navi li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 310px;
    margin: 0 15px 40px;
    text-align: left;
    line-height: 1.2;
}

.guidetop__navi &gt; li &gt; a {
    position: relative;
    display: block;
    padding: 0.5em 5px 0.4em 35px;
    background: #f5f2e5;
    font-size: 20px;
}

.guidetop__navi ul {
    margin: 1px 0 0;
    padding: 16px 0 0 17px;
    border-top: solid 1px #f5f2e5;
}

    .guidetop__navi ul li {
        margin-bottom: 1em;
    }

/*
    .guidetop__navi a:before {
    display: inline-block;
    content: "";
    vertical-align: middle;
}
    */

.guidetop__navi &gt; li &gt; a:before {
    position: absolute;
    top: 0.7em;
    left: 10px;
    width: 21px;
    height: 21px;
    margin: -2px 7px 0 0;
    border-radius: 50%;
    background-color: #b69531;
    background-position: -350px -450px;
}

.guidetop__navi ul a:before {
    width: 9px;
    height: 11px;
    margin: -2px 9px 0 0;
    background-position: -400px -450px;
}

.guidetop__navi a {
    transition: .3s;
}

    .guidetop__navi a:hover {
        color: #b69531;
        text-decoration: none;
    }

/*  ご利用ガイド ご注文について
-----------------------------------------*/

.howtoInternetList &gt; li {
    position: relative;
    min-height: 320px;
    margin-bottom: 50px;
    padding-right: 500px;
    list-style: decimal inside;
    color: #aaa;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.6;
}

.howtoInternetList p {
    margin-top: 5px;
    color: #000;
    font-size: 16px;
    font-weight: normal;
}

.howtoInternetList figure {
    position: absolute;
    top: 0;
    right: 0;
}

.orderCont2 &gt; p {
    margin-top: -0.8em;
    line-height: 1.6;
}

.telList {
    margin: 60px auto 10px;
    letter-spacing: -.40em;
    text-align: center;
}

    .telList li {
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
        font-size: 14px;
        text-align: left;
    }

        .telList li:nth-of-type(1) {
            margin-right: 200px;
        }

    .telList b {
        display: block;
        margin-bottom: 0.4em;
        color: #b69531;
        font-size: 20px;
        font-weight: normal;
    }

    .telList strong {
        display: block;
        margin-bottom: 0.2em;
        font-size: 40px;
    }

        .telList strong:before {
            display: inline-block;
            vertical-align: middle;
            width: 35px;
            height: 36px;
            margin: -8px 13px 0 0;
            background-position: -500px -450px;
        }

        .telList strong a {
            pointer-events: none;
        }

/*  ご利用ガイド 熨斗手提げ袋
-----------------------------------------*/

.package__page hr.bd1 {
    margin: 53px 0 15px;
}
/*.package__page .sec__cont h5 {
	text-align: center;
}*/
.package__page .sec__cont &gt; p {
    margin-bottom: 2em;
}

.packageCont1 p strong {
    display: block;
    margin-bottom: -0.5em;
    letter-spacing: -0.05em;
}

.packageCont1 figure.imgRight {
    margin-bottom: 20px;
}

.packageCont1 figure.imgCent {
    margin-bottom: 3em;
    text-align: center;
}

    .packageCont1 figure.imgCent img {
        display: inline-block;
    }

        .packageCont1 figure.imgCent img:nth-of-type(2) {
            margin-left: 20px;
            margin-right: 20px;
        }

.package__page .sub__ttl {
    position: relative;
    overflow: hidden;
}

    .package__page .sub__ttl img {
        float: right;
        margin-right: 50px;
    }

/*  ご利用ガイド 送料について
---------------------------------*/

.deliveryCont1 &gt; p,
.deliveryCont1 figcaption {
    text-align: center;
}

.deliveryCont1 figcaption {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.4;
}

.deliveryCont1 figure.imgCent {
    margin-bottom: 2em;
}

.deliveryList {
    margin-bottom: -2em;
    line-height: 1.6;
}

    .deliveryList dt {
        margin-bottom: 0.4em;
        color: #aaa;
        font-size: 22px;
        font-weight: 600;
    }

    .deliveryList dd {
        margin-bottom: 2em;
    }

.shippingCost__tbl {
    display: none;
    box-sizing: border-box;
    border-collapse: collapse;
    width: 100%;
    margin-top: 45px;
    border-bottom: solid 3px #eee;
    font-family: 'Noto Sans Japanese', sans-serif;
    line-height: 1.4;
    text-align: center;
}

    .shippingCost__tbl caption {
        padding: 0.8em 10px;
        background: #6b1b7d;
        font-family: YuMincho, 'Yu Mincho', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif;
        color: #fff;
    }

        .shippingCost__tbl caption h4 {
            font-size: 28px;
            font-weight: normal;
        }

    .shippingCost__tbl thead th {
        min-width: 5em;
        padding: 1em 0;
        border-bottom: solid 3px #eee;
        border-left: solid 1px #eee;
        background: #d2bad8;
        font-size: 18px;
        font-weight: 400;
    }

        .shippingCost__tbl thead th:nth-of-type(1) {
            background: #fff;
            border-left: none;
        }

        .shippingCost__tbl thead th ul {
            height: 10em;
            margin: 1em 0 -1.5em;
            background: #fff;
            font-size: 12px;
            letter-spacing: -.40em;
        }

            .shippingCost__tbl thead th ul li {
                display: inline-block;
                vertical-align: top;
                letter-spacing: normal;
                margin: 0.5em;
            }

    .shippingCost__tbl tbody th, .shippingCost__tbl tbody td {
        padding: 0.7em 5px;
        border-bottom: dashed 1px #eee;
        border-left: solid 1px #eee;
    }

    .shippingCost__tbl tbody th {
        border-left: none;
        color: #b80101;
        font-size: 18px;
    }

    .shippingCost__tbl tbody tr:nth-of-type(even) th, .shippingCost__tbl tbody tr:nth-of-type(even) td {
        background: #f9f9f9;
    }

.deliveryCont1 &gt; h4 {
    margin: 45px -20px 0;
    padding: 0.8em 10px;
    background: #6b1b7d;
    color: #fff;
    font-size: 28px;
    font-weight: normal;
    text-align: center;
    line-height: 1.4;
}

    .deliveryCont1 &gt; h4 span {
        display: block;
        font-size: 16px;
    }

.shippingCost__list {
    position: relative;
    margin: 0 -20px;
    border-bottom: solid 3px #eee;
    letter-spacing: -.40em;
    text-align: center;
}

    .shippingCost__list &gt; li {
        display: inline-block;
        box-sizing: border-box;
        vertical-align: top;
        letter-spacing: normal;
        width: 102px;
        border-left: solid 1px #eee;
    }

        .shippingCost__list &gt; li.label {
            width: 122px;
            border-left: none;
            font-size: 18px;
        }

            .shippingCost__list &gt; li.label.sb {
                display: none;
            }

    .shippingCost__list div {
        box-sizing: border-box;
        position: relative;
        height: 184px;
        padding: 1em 0;
        border-bottom: solid 3px #eee;
        background: #d2bad8;
        font-size: 18px;
    }

    .shippingCost__list .label div {
        padding-top: 4em;
        background: #fff;
        line-height: 1.6;
    }

    .shippingCost__list div ul {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 10em;
        background: #fff;
        font-size: 12px;
        letter-spacing: -.40em;
    }

        .shippingCost__list div ul li {
            display: inline-block;
            vertical-align: top;
            letter-spacing: normal;
            margin: 0.5em;
        }

    .shippingCost__list div + ul li {
        box-sizing: border-box;
        height: 40px;
        padding: 0.7em 5px;
        border-bottom: dashed 1px #eee;
    }

    .shippingCost__list .label ul li {
        color: #b80101;
        font-size: 18px;
        font-weight: 600;
    }

    .shippingCost__list div + ul li:nth-of-type(even) {
        background: #f9f9f9;
    }

    .shippingCost__list div + ul li:nth-last-of-type(1) {
        display: none;
    }

    .shippingCost__list .label div + ul li:nth-last-of-type(1) {
        display: block;
    }

    .shippingCost__list &gt; li:nth-of-type(2) div + ul li:nth-last-of-type(1) {
        display: block;
        position: absolute;
        width: 918px;
        background: none;
    }

/*  ご利用ガイド secSet
---------------------------------*/

.secSet {
    position: relative;
    min-height: 320px;
    margin-bottom: 50px;
    padding-right: 500px;
    line-height: 1.6;
}

    .secSet h4 {
        color: #aaa;
        font-size: 22px;
        font-weight: 600;
    }

    .secSet p {
        margin-top: 5px;
        color: #000;
        font-size: 16px;
        font-weight: normal;
    }

    .secSet figure {
        position: absolute;
        top: 0;
        right: 0;
    }

/*  ご利用ガイド お支払いについて
---------------------------------*/

.payment__page {
    line-height: 1.6;
}

    .payment__page p,
    .payment__page .box,
    .payment__page li,
    .payment__page dl {
        font-family: 'Noto Sans Japanese', sans-serif;
    }

    .payment__page .page__navi li {
        font-family: YuMincho, 'Yu Mincho', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif;
    }

.creditcard__icon {
    letter-spacing: -.40em;
    margin: 15px 20px;
}

    .creditcard__icon li {
        display: inline-block;
        vertical-align: middle;
        letter-spacing: normal;
        margin-right: 20px;
    }

.paymentCont2 .box {
    margin-bottom: 0.5em;
}

.paymentCont2 .imgCent {
    margin-top: 3em;
}

.paymentCont4 .orng {
    display: block;
    margin-bottom: 1em;
}

.paymentCont4 .dfin1 dd b {
    color: #b80101;
    font-weight: normal;
}

.paymentCont5 .box dl {
    overflow: hidden;
}

.paymentCont5 .box dt {
    float: left;
}

.paymentCont5 .box dd {
    clear: right;
    margin-left: 4em;
}

.paymentCont5 .box + dl {
    margin-bottom: 2em;
}

.paymentCont6 dl {
    margin-top: 2em;
}

.paymentCont6 .orng {
    padding-right: 1em;
}

/*  ご利用ガイド WEB会員について
---------------------------------*/

.delivery__page p.summary {
    margin-bottom: 2em;
    font-size: 20px;
    line-height: 1.8;
    text-align: left;
}

.webMembers .sec__cont p {
    font-family: 'Noto Sans Japanese', sans-serif;
}

    .webMembers .sec__cont p + p {
        margin-top: 1em;
    }

.registBtn {
    text-align: center;
}

    .registBtn a {
        display: inline-block;
        height: 50px;
        line-height: 50px;
        margin: 1em auto 0;
        padding: 0 43px;
        border-radius: 27px;
        background: #b80101;
        font-family: YuMincho, 'Yu Mincho', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif;
        color: #fff;
        font-size: 26px;
    }

body {
    counter-reset: number 0;
}

.meritList {
    padding: 48px 35px 0;
    border: solid 3px #daca98;
    font-family: 'Noto Sans Japanese', sans-serif;
    line-height: 1.6;
    counter-reset: my-counter;
}

    .meritList li {
        position: relative;
        margin-bottom: 35px;
        padding-left: 63px;
    }

        .meritList li:before {
            counter-increment: number 1;
            content: counter(number) " ";
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            top: 50%;
            left: 0;
            width: 53px;
            height: 53px;
            line-height: 53px;
            margin: -27px 0 0 0;
            border-radius: 50%;
            background: #b69531;
            font-family: YuMincho, 'Yu Mincho', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif;
            color: #fff;
            font-size: 36px;
            text-align: center;
        }

.webMembersCont4 p strong {
    display: block;
    color: #ec6941;
    font-size: 18px;
    font-weight: bold;
}

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

/*  ご利用ガイド 明細書、領収書について
---------------------------------*/



/*  ご利用ガイド 商品の追加・キャンセル
---------------------------------*/

.addCancelCont {
    line-height: 1.6;
}

    .addCancelCont p, .addCancelCont li, .addCancelCont dl {
        font-family: 'Noto Sans Japanese', sans-serif;
    }

    .addCancelCont .box p,
    .addCancelCont .box li {
        margin-bottom: 1em;
    }

    .addCancelCont .box ul {
        margin-bottom: -1em;
    }

/*  ご利用ガイド 返品・交換について
---------------------------------*/

.returnExchangelCont {
    line-height: 1.6;
}

    .returnExchangelCont p, .returnExchangelCont li, .returnExchangelCont dl {
        font-family: 'Noto Sans Japanese', sans-serif;
    }

    .returnExchangelCont .box dl dt {
        margin-top: 2em;
    }

        .returnExchangelCont .box dl dt:nth-of-type(1) {
            margin-top: 0;
        }


/*  よくあるご質問
---------------------------------*/

.faq__sec {
    margin-bottom: 70px;
    padding-top: 15px;
    background: url(../images/base/bd1.png) repeat-x 0 -1px;
}

.faqList {
    margin-top: 30px;
    font-family: 'Noto Sans Japanese', sans-serif;
}

    .faqList dt {
        position: relative;
        margin-top: 20px;
        padding: 0.8em 1em 0.8em 0;
        border-radius: 3px;
        border-left: solid 70px #b69531;
        background: #faf5eb;
        box-shadow: -1px -1px 0 0 rgba(0,0,0,.1) inset;
        font-size: 20px;
        line-height: 1.4;
        letter-spacing: -.40em;
    }

        .faqList dt span, .faqList dt b {
            display: inline-block;
            /*vertical-align: middle;*/
			vertical-align: top;
            letter-spacing: normal;
        }

        .faqList dt span {
            position: relative;
            z-index: 10;
            width: 70px;
            margin-left: -70px;
            font-family: YuMincho, 'Yu Mincho', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif;
            color: #fff;
            font-size: 20px;
            text-align: center;
        }

        .faqList dt b {
            /*width: 690px;*/
            margin-left: 20px;
            font-weight: normal;
            cursor: pointer;
        }

            .faqList dt b:before {
                content: "";
                display: block;
                position: absolute;
                top: 50%;
                right: 16px;
                width: 23px;
                height: 17px;
                margin-top: -8px;
                background: url(../images/base/sprite.png) no-repeat -550px -450px;
            }

        .faqList dt.open {
            border-radius: 3px 3px 0 0;
            box-shadow: -1px 0 0 0 rgba(0,0,0,.1) inset;
        }

            .faqList dt.open b {
                color: #b69531;
                font-weight: bold;
            }

                .faqList dt.open b:before {
                    -moz-transform: rotate(180deg);
                    -webkit-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    transform: rotate(180deg);
                }

        .faqList dt:after {
            display: block;
            content: "";
            position: absolute;
            z-index: 10;
            bottom: 0px;
            left: -70px;
            width: 70px;
            height: 4px;
            background: #b69531;
        }

        .faqList dt.open:after {
            bottom: -2px;
        }

    .faqList dd {
        position: relative;
        padding: 0.8em 60px 1.4em 35px;
        border-radius: 0 0 3px 3px;
        border-top: dashed 1px #e3dfd0;
        border-left: solid 70px #b69531;
        box-shadow: -1px -1px 0 0 rgba(0,0,0,.1) inset;
        background: #faf5eb;
        font-size: 16px;
        line-height: 1.6;
    }

        .faqList dd p {
            margin-bottom: 1.6em;
        }

            .faqList dd p:nth-last-of-type(1) {
                margin-bottom: 0;
            }

        .faqList dd a {
            text-decoration: underline;
        }

            .faqList dd a:hover {
                text-decoration: none;
            }

/*  原材料成分表示
---------------------------------*/

.ingredients__page .summarySec {
    text-align: left;
    line-height: 1.6;
}

    .ingredients__page .summarySec .note {
        margin-top: 1em;
        color: #b80101;
        font-size: 0.875em;
    }

.ingredients__page .page__navi {
    background: none;
    margin-top: 2em;
    margin-bottom: 1.2em;
    padding-top: 0;
}

    .ingredients__page .page__navi ul li a {
        height: 46px;
        line-height: 42px;
        border-radius: 24px;
        border-color: #6c4713;
        color: #6c4713;
        font-size: 112.5%;
    }

        .ingredients__page .page__navi ul li.current a,
        .ingredients__page .page__navi ul li a:hover {
            background: #6e450f;
            color: #fff;
        }

.ingredientsCont.sec__cont {
    padding-top: 1em;
    background: url(../images/base/bd1.png) repeat-x 0 -1px;
}

.ingredientsBox {
    overflow: hidden;
    padding-left: 169px;
}

    .ingredientsBox.nimg {
        padding-left: 84px;
        padding-right: 84px;
    }

    .ingredientsBox figure {
        float: left;
        margin-left: -169px;
    }

    .ingredientsBox table, .ingredientsBox th, .ingredientsBox td {
        box-sizing: border-box;
        font-weight: normal;
    }

    .ingredientsBox &gt; table {
        width: 100%;
        margin: 0 0 50px;
        border-collapse: collapse;
        border-bottom: solid 1px #daca98;
        line-height: 1.4;
        font-family: 'Noto Sans Japanese', sans-serif;
        /*font-size: 14px;*/
    }

        .ingredientsBox &gt; table &gt; tbody &gt; tr &gt; th,
        .ingredientsBox &gt; table &gt; tbody &gt; tr &gt; td {
            padding: 0.8em 1em;
            border-top: solid 1px #daca98;
        }

        .ingredientsBox &gt; table &gt; tbody &gt; tr &gt; th {
            padding: 0.8em 0.3em;
        }

        .ingredientsBox &gt; table &gt; tbody &gt; tr:nth-of-type(1) &gt; th:nth-of-type(1) {
            width: 18%;
        }

        .ingredientsBox &gt; table &gt; tbody &gt; tr:nth-of-type(1) &gt; td:nth-of-type(1) {
            width: 47%;
        }

        .ingredientsBox &gt; table &gt; tbody &gt; tr:nth-of-type(1) &gt; th:nth-of-type(2) {
            width: 13%;
        }

    .ingredientsBox th {
        background: #f3eedd;
        text-align: center;
    }

    .ingredientsBox .ppl {
        color: #6b1b7e;
    }

    .ingredientsBox .red {
        color: #b80101;
    }

    .ingredientsBox .lg {
        font-weight: normal;
    }

    .ingredientsBox .s {
        font-size: 13px;
    }

    .ingredientsBox table table {
        width: 100%;
        border-collapse: collapse;
        text-align: center;
    }

        .ingredientsBox table table tr:nth-of-type(1) td {
            width: 5%;
            border-right: solid 10px #fff;
            background: #f5f4f3;
        }

        .ingredientsBox table table.multiple tr:nth-of-type(1) td {
            font-size: 85%;
            border-right-width: 5px;
        }

        .ingredientsBox table table tr:nth-of-type(1) td:nth-last-of-type(1) {
            border: none;
        }

        .ingredientsBox table table tr td {
            padding: 0.5em 0;
        }

/*  プライバシーポリシー
---------------------------------*/

.privacyCont.sec__cont {
    padding-top: 1em;
    background: url(../images/base/bd1.png) repeat-x 0 -1px;
    line-height: 1.6;
}

    .privacyCont.sec__cont p, .privacyCont.sec__cont li, .privacyCont.sec__cont dl {
        font-family: 'Noto Sans Japanese', sans-serif;
    }

.privacyCont .dem &gt; li {
    list-style-position: inside;
    margin-bottom: 2em;
}

.privacyCont .dem ol {
    margin: 0 0 0 1em;
}

.privacyCont .dem h4 {
    margin: 1em 0 0 1em;
    font-weight: normal;
}

.privacyCont .box {
    margin-bottom: 0;
}

    .privacyCont .box dt {
        margin-bottom: 0.8em;
    }

    .privacyCont .box dd {
        font-size: 16px;
    }

/*  会社概要
---------------------------------*/

.companyCont {
    margin: 0 68px 50px;
    font-family: 'Noto Sans Japanese', sans-serif;
    line-height: 1.6;
}

    .companyCont &gt; p:nth-of-type(1) {
        font-size: 20px;
    }

    .companyCont .defin__list {
        margin-top: 3em;
    }

/*  はじめてのお客様へ
---------------------------------*/

.beginner__page {
    margin-top: 14px;
    line-height: 1.6;
}

    .beginner__page p {
        margin-bottom: 2em;
        font-size: 18px;
    }

    .beginner__page .btn a {
        display: inline-block;
        padding: 0.7em 1.2em;
        border-radius: 2em;
        background: #6b1b7e;
        font-size: 16px;
        color: #fff;
        line-height: 1;
    }

    .beginner__page .imgRight {
        margin-left: 30px;
    }

    .beginner__page .imgLeft {
        margin-right: 30px;
    }

.beginnerhead, .beginnerSec {
    overflow: hidden;
    position: relative;
    padding: 70px 80px;
}

.beginnerhead {
    background: url(../images/beginner/bg_head.jpg) repeat-y 50% 0;
}

    .beginnerhead h2 {
        margin-bottom: 1em;
        border: none;
        color: #705505;
        font-size: 52px;
        text-align: center;
    }

.beginner__page .beginnerhead p {
    font-size: 120%;
}

.beginnerhead dl {
    margin-bottom: 2em;
    font-size: 120%;
    text-align: right;
}

.beginner__page .beginnerhead p.btn {
    text-align: center;
}

.beginner1 h3, .beginner2 h3 {
    position: absolute;
    top: 50px;
    font-size: 32px;
    border: none;
    line-height: 1.4;
}

.beginner1 h3 {
    left: 610px;
}

.beginner2 h3 {
    left: 80px;
}

.beginner1 {
    background: url(../images/beginner/bg01.jpg) repeat-y 50% 0;
}

.beginner2 {
    margin-bottom: 42px;
    background: url(../images/beginner/bg02.jpg) repeat-y 50% 0;
}

    .beginner1 p, .beginner2 p {
        margin-top: 110px;
    }

.beginnerSec.beginner3 {
    margin-bottom: 68px;
    padding-top: 122px;
    background: #fff9f2 url(../images/beginner/logo.png) no-repeat 50% 43px;
}

.beginner3 h3 {
    position: relative;
    width: 195px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto 18px;
    border: none;
    background: #b69531;
    color: #fff9f2;
    font-size: 19px;
    text-align: center;
}

    .beginner3 h3:before, .beginner3 h3:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
    }

    .beginner3 h3:before {
        left: 0;
        border-width: 15px 0 15px 7px;
        border-color: transparent transparent transparent #fff9f2;
    }

    .beginner3 h3:after {
        right: 0;
        border-width: 15px 7px 15px 0;
        border-color: transparent #fff9f2 transparent transparent;
    }

    .beginner3 h3 + p {
        margin-bottom: 40px;
        color: #b69531;
        font-size: 22px;
        text-align: center;
    }

.beginner3 ul {
    letter-spacing: -.40em;
    margin: 0 -46px -40px 0;
}

    .beginner3 ul li {
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
        width: 316px;
        margin: 0 46px 40px 0;
    }

.beginner3 li figure {
    margin-bottom: 10px;
}

.beginner3 h4 {
    margin-bottom: 0.5em;
    font-size: 26px;
    line-height: 1.4;
}

.beginner3 li p {
    font-size: 16px;
}

.beginnerSec.beginner4 {
    overflow: visible;
    margin-bottom: 57px;
    padding: 7px;
    border: solid 1px #c8ae64;
}

.beginner4 h3 {
    position: absolute;
    left: 50%;
    margin: -22px 0 0 -6.52em;
    padding: 0 22px;
    border: none;
    background: #fff;
    color: #b69531;
    font-size: 30px;
    text-align: center;
    line-height: 1;
}

.beginner4 ul {
    letter-spacing: -.40em;
    padding: 74px 0 0 68px;
    border: solid 1px #e9dfc1;
}

    .beginner4 ul li {
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
        width: 232px;
        margin: 0 38px 20px 0;
    }

.beginner4 figure {
    margin-bottom: 10px;
}

.beginner4 h4 {
    margin-bottom: 0.4em;
    color: #6b1b7e;
    font-size: 26px;
}

.beginner4 p {
    font-size: 14px;
}

.beginner5 {
    margin-bottom: 80px;
    background: #f6f3e6;
}

    .beginner5 h3 {
        margin-bottom: 2em;
        border: none;
        font-size: 32px;
        text-align: center;
    }

/*  eカタログ
---------------------------------*/

.catalog__page .page__ttl + p {
    line-height: 1.6;
    text-align: center;
}

.catalogList {
    letter-spacing: -.40em;
    margin: 40px auto;
    text-align: left;
}

    .catalogList li {
        overflow: hidden;
        position: relative;
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
        box-sizing: border-box;
        width: 510px;
        margin-bottom: 20px;
        padding: 19px;
        border: solid 1px #f4f0e0;
    }

        .catalogList li:nth-of-type(odd) {
            margin-right: 20px;
        }

    .catalogList figure {
        float: left;
        margin-right: 13px;
    }

    .catalogList h3 {
        margin-bottom: 0.8em;
        color: #6e450e;
        font-size: 20px;
        line-height: 1.4;
    }

    .catalogList .btn {
        display: inline-block;
        padding: 8px 18px;
        border-radius: 1.5em;
        background: #f5f2e5;
        box-shadow: 1px 1px 0 0 #dcd9ce;
        font-size: 14px;
    }

        .catalogList .btn:hover {
            opacity: .7;
        }

    .catalogList a:hover {
        text-decoration: none;
    }

/*  特定商取引法に基づく表記
---------------------------------*/

.lawCont {
    font-family: 'Noto Sans Japanese', sans-serif;
    line-height: 1.6;
}

    .lawCont .defin__list:before {
        width: 170px;
    }

    .lawCont .defin__list dt {
        width: 170px;
    }

    .lawCont .defin__list dd {
        padding-left: 184px;
    }


/*===================================
    menu__tab	
=====================================*/

.menu__tab + .catBlock__sec .sec__ttl {
    border: none;
}

.menu__tab {
    margin-bottom: 20px;
    border-bottom: solid 5px #5c4813;
}

    .menu__tab ul {
        letter-spacing: -.40em;
    }

    .menu__tab li {
        display: inline-block;
        vertical-align: middle;
        width: 300px;
        margin-right: 10px;
        letter-spacing: normal;
    }

    .menu__tab.four li {
        width: 224px;
        margin-right: 8px;
    }

    .menu__tab li:nth-last-of-type(1) {
        margin-right: 0;
    }

    .menu__tab li a {
        display: block;
        box-sizing: border-box;
        height: 68px;
        line-height: 68px;
        border-radius: 3px 3px 0 0;
        background: #f6f2e6;
        box-shadow: 2px -2px 0 0 #eee9d3 inset;
        text-align: center;
        color: #b69531;
        font-size: 24px;
        transition: .7s;
    }

    .menu__tab.four li a {
        font-size: 20px;
    }

    .menu__tab li.current a {
        background: #5d4914;
        box-shadow: none;
        color: #fffeff;
        pointer-events: none;
    }

    .menu__tab li a:hover {
        opacity: .7;
        text-decoration: none;
    }



@media screen and (max-width: 640px) {
    /*===================================
        menu__tab	
    =====================================*/

    .menu__tab li {
        width: 194px;
        margin-right: 8px;
    }

    .menu__tab.four li {
        width: 144px;
    }

    .menu__tab li.spwd a {
        line-height: 1.2;
        padding-top: 7px;
    }

    .menu__tab.four li a {
        font-size: 18px;
    }

    .menu__tab.four li.spwd a {
        padding-top: 13px
    }
}

/************************************************************************************
smaller than 640px
*************************************************************************************/
@media screen and (max-width: 640px) {

    /*===================================
		layout	
	=====================================*/

    .pagebody {
        margin: 20px 0 50px;
    }

    .pageInner {
        padding: 30px 14px;
    }

    .imgRight, .imgleft {
        float: none;
        margin: 30px auto;
    }

        .imgRight img, .imgleft img {
            margin: auto;
        }

    /*===================================
		element	
	=====================================*/
    /*  パンくず
	---------------------------------*/

    .topicspath ol {
        padding-top: 20px;
    }

        .topicspath ol li {
            font-size: 18px;
        }
            /*.topicspath ol li:after {
		vertical-align: middle;
		content: "";
		width: 0;
		height: 0;
		margin: -4px 6px 0 7px;
		border-style: solid;
		border-width: 6px 0 6px 5px;
		border-color: transparent transparent transparent #b5b5b5;
	}*/
            .topicspath ol li:after {
                margin: 0 0.4em;
            }

            .topicspath ol li a {
                display: inline-block;
            }

            .topicspath ol li a {
                padding: 8px 10px;
                border-radius: 1.6em;
                border: solid 1px #ddd;
            }

    .breadcrumbs {
        padding-top: 20px;
        font-size: 18px;
    }

        .breadcrumbs a {
            display: inline-block;
            margin-bottom: 5px;
            padding: 8px 10px;
            border-radius: 1.6em;
            border: solid 1px #ddd;
        }

        .breadcrumbs &gt; a {
            padding-left: 10px;
        }

    /*  page__ttl
	---------------------------------*/

    .page__ttl.subplayer {
        margin: 3px auto 40px;
        padding: 0;
        border-top: none;
        border-bottom: none;
        background: transparent;
    }

    .page__ttl.toplayer h2 {
        font-size: 44px;
    }

    .page__ttl.subplayer:before, .page__ttl.subplayer h2:before,
    .page__ttl.subplayer:after, .page__ttl.subplayer h2:after {
        content: none;
    }

    .page__ttl.subplayer h2 {
        margin: 0;
        padding: 0;
        border: none;
        background: transparent;
        color: #b69531;
        font-size: 28px;
    }

    /*  page__navi
	---------------------------------*/

    .page__navi {
        margin: 0 0 40px;
        padding: 50px 0 0;
    }

        .page__navi ul li {
            display: inline-block;
            vertical-align: top;
            letter-spacing: normal;
            margin: 0 10px 25px;
        }

            .page__navi ul li:nth-of-type(odd) {
                margin-left: 0;
            }

            .page__navi ul li:nth-of-type(even) {
                margin-right: 0;
            }

            .page__navi ul li.back__toplayer {
                margin: 19px 0 0;
            }

            .page__navi ul li a {
                width: 290px;
                height: 50px;
                line-height: 50px;
                border-radius: 25px;
            }

        .page__navi .back__toplayer a:before {
            width: 27px;
            height: 21px;
            margin: -4px 12px 0 0;
            background-position: -450px -500px;
        }

    /*  sec__cont 
	---------------------------------*/

    .sec__cont {
        margin-bottom: 70px;
        padding: 0;
    }

        .sec__cont h5 {
            font-size: 24px;
        }

    /*  見出し
	---------------------------------*/

    .cont__ttl {
        margin: 20px 0 30px;
        padding: 20px 10px 20px;
        font-size: 40px;
        text-align: center
    }

        .cont__ttl:before {
            display: none;
        }

    .sec__ttl {
        padding: 15px 0 16px;
        font-size: 24px;
        text-align: center;
    }

        .sec__ttl:before {
            display: none;
        }

        .sec__ttl.lg {
            margin: 0 0 40px;
            text-align: left;
        }

            .sec__ttl.lg:before {
                display: inline-block;
            }

    .sub__ttl {
        font-size: 26px;
    }

        .sub__ttl:before {
            width: 18px;
            height: 18px;
        }

    /*  li text
	---------------------------------*/

    .defin__list {
        padding: 0;
    }

        .defin__list:before {
            display: none;
        }

        .defin__list dt {
            width: auto;
            padding: 0.3em 1em;
            background: #f3eedd;
            font-size: 16px;
            text-align: left;
        }

        .defin__list dd {
            margin: 0;
            padding: 0.5em 1em 1.3em;
        }

    /*  box
	---------------------------------*/

    .box {
        padding: 1em 20px;
        font-size: 24px;
    }

        .box .note {
            font-size: 20px;
        }

    /*===================================
		商品リスト item_list
	=====================================*/

    #category .itemlist {
        margin-right: -40px;
    }

        #category .itemlist .item {
            width: 290px;
            margin: 0 20px 40px 0 !important;
            padding: 15px 20px 18px;
        }

            #category .itemlist .item &gt; a {
                margin: 0 -20px;
                min-height: inherit;
                line-height: 290px\9 !important;
            }

                #category .itemlist .item &gt; a img {
                    max-width: 290px;
                    max-height: 290px;
                    margin: 0 0 36px;
                }

            #category .itemlist .item .comment {
                margin-top: -150px;
                font-size: 16px;
            }

            #category .itemlist .item .name a {
                font-size: 22px;
            }

            #category .itemlist .item .price {
                font-size: 28px;
            }

            #category .itemlist .item .tax_label {
                font-size: 20px;
            }

            #category .itemlist .item .stock {
                height: 191px;
                line-height: 191px;
                top: 0;
                width: 290px;
            }
    /*.itemlist .item:before {
		width: 290px;
	}*/
    .itemlist .item:after {
        width: 290px;
    }
    /*#category .itemlist .item:nth-of-type(3),
	#category .itemlist .item:nth-of-type(4){
		padding-top: 43px;
		border-top: solid 1px #efe7cf;
	}
	.itemlist .item:nth-of-type(3):before,
	.itemlist .item:nth-of-type(4):before {
		display: block;
	}*/
    #category .itemlist .item:nth-of-type(3) .stock,
    #category .itemlist .item:nth-of-type(4) .stock {
        top: 0;
    }

    /*===================================
		ページャー
	=====================================*/

    .pagination ul li {
        margin: 0 2px;
        font-size: 80%;
    }

        .pagination ul li a {
            padding: 10px 14px;
        }

    /*===================================
		固定ページ
	=====================================*/

    /*  商品一覧（インデックス） /product_list
	-----------------------------------------*/

    .catBlock__sec {
        margin-bottom: 40px;
    }

        .catBlock__sec ul {
            margin-right: -20px;
        }

            .catBlock__sec ul li {
                height: 300px;
                margin: 0 20px 20px 0;
            }

            .catBlock__sec ul.wd li {
                height: 350px;
            }

            .catBlock__sec ul li b {
                font-size: 28px;
            }

                .catBlock__sec ul li b.wd {
                    font-size: 22px;
                }

                .catBlock__sec ul li b span {
                    font-size: 20px;
                }

            .catBlock__sec ul.wd li b {
                font-size: 24px;
            }

            .catBlock__sec ul li p {
                font-size: 15px;
            }

    /*===================================
		フリーページ
	=====================================*/

    /*  ご利用ガイド top
	-----------------------------------------*/

    .guidetop__navi li {
        display: block;
        width: auto;
        margin: 0 15px 60px;
    }

    .guidetop__navi &gt; li &gt; a {
        padding: 0.7em 5px 0.6em 60px;
        font-size: 28px;
    }

    .guidetop__navi ul {
        padding: 30px 0 0 17px;
        font-size: 24px;
    }

    .guidetop__navi &gt; li &gt; a:before {
        top: 0.9em;
        left: 20px;
        width: 31px;
        height: 31px;
        margin: -4px 7px 0 0;
        background-position: -350px -500px;
    }

    .guidetop__navi ul a:before {
        width: 13px;
        height: 16px;
        margin: -2px 9px 0 0;
        background-position: -400px -500px;
    }

    /*  ご利用ガイド ご注文について
	-----------------------------------------*/

    .howtoInternetList &gt; li {
        min-height: inherit;
        margin-bottom: 50px;
        padding-right: 0;
        font-size: 26px;
    }

    .howtoInternetList p {
        margin-top: 10px;
        color: #000;
        font-size: 22px;
    }

    .howtoInternetList figure {
        position: inherit;
        top: inherit;
        right: inherit;
    }

        .howtoInternetList figure img {
            margin: 40px auto 20px;
        }

    .orderCont2 &gt; p {
        margin-top: -0.8em;
    }

    .telList {
        margin: 60px auto 30px;
    }

        .telList li {
            font-size: 20px;
            text-align: center;
        }

            .telList li:nth-of-type(1) {
                margin: 0 auto 100px;
            }

        .telList b {
            font-size: 26px;
        }

        .telList strong {
            font-size: 48px;
        }

            .telList strong a {
                pointer-events: visible;
            }


    /*  ご利用ガイド 熨斗手提げ袋
	-----------------------------------------*/

    .packageCont1 p strong {
        text-align: center;
    }
    /*.packageCont1 figure.imgCent img,.packageCont1 figure.imgCent img:nth-of-type(2) {
		display: block;
		margin: 0 auto 30px;
	}*/
    .packageCont1 figure.imgCent img {
        margin-bottom: 30px;
    }

        .packageCont1 figure.imgCent img:nth-of-type(2) {
            margin-right: 0;
        }

    .package__page .sub__ttl img {
        margin-right: 0;
    }

    /*  ご利用ガイド 送料について
	---------------------------------*/

    .deliveryCont1 &gt; p,
    .deliveryCont1 figcaption {
        text-align: left;
    }

    .deliveryCont1 figcaption {
        margin-top: 10px;
        font-size: 16px;
    }

    .deliveryList dt {
        font-size: 26px
    }

    .deliveryCont1 &gt; h4 span {
        font-size: 20px;
    }

    .shippingCost__list {
        margin: 0;
        border-bottom: none;
    }

        .shippingCost__list &gt; li {
            position: relative;
            width: 150px;
            border-top: solid 3px #eee;
        }

            .shippingCost__list &gt; li.label {
                width: 150px;
                border-left: none;
                font-size: 20px;
            }

                .shippingCost__list &gt; li.label.sb {
                    display: inline-block;
                }

        .shippingCost__list div {
            height: 204px;
            padding: 0.8em 0;
            font-size: 20px;
        }

        .shippingCost__list .label div {
            padding-top: 3.5em;
        }

        .shippingCost__list div ul {
            width: 80%;
            height: 10em;
            padding: 0 10%;
            font-size: 15px;
        }

            .shippingCost__list div ul li {
                margin: 0.5em 0.4em 0.4em;
            }

        .shippingCost__list div + ul li {
            height: 50px;
        }

        .shippingCost__list .label ul li {
            font-size: 20px;
        }

        .shippingCost__list &gt; li:nth-of-type(2) div + ul li:nth-last-of-type(1),
        .shippingCost__list &gt; li:nth-of-type(6) div + ul li:nth-last-of-type(1),
        .shippingCost__list &gt; li:nth-of-type(10) div + ul li:nth-last-of-type(1) {
            display: block;
            position: absolute;
            width: 450px;
            background: none;
        }

    /*  ご利用ガイド WEB会員について
	---------------------------------*/

    .delivery__page p.summary {
        font-size: 24px;
        line-height: 1.5;
    }

    .registBtn a {
        height: 60px;
        line-height: 60px;
        border-radius: 30px;
        font-size: 30px;
    }

    .meritList {
        padding: 48px 20px 0;
    }

        .meritList li:before {
            top: 0;
            margin: 0;
        }

    /*  ご利用ガイド secSet
	---------------------------------*/

    .secSet {
        min-height: inherit;
        margin-bottom: 50px;
        padding-right: 0;
    }

        .secSet h4 {
            font-size: 26px;
        }

        .secSet p {
            margin-top: 10px;
            color: #000;
            font-size: 22px;
        }

        .secSet figure {
            position: inherit;
            top: inherit;
            right: inherit;
        }

            .secSet figure img {
                margin: 40px auto 20px;
            }


    /*  よくあるご質問
	---------------------------------*/

    .faqList dt {
        margin-top: 21px;
        font-size: 24px;
    }

        .faqList dt span {
            font-size: 30px;
        }

        .faqList dt b {
            width: 425px;
            margin-right: 0;
        }

    .faqList dd {
        padding: 0.8em 1em 1.4em;
        font-size: 20px;
        line-height: 1.8;
    }

    /*  原材料成分表示
	---------------------------------*/

    .ingredientsBox {
        padding-left: 0;
    }

        .ingredientsBox.nimg {
            padding-left: 0;
            padding-right: 0;
        }

        .ingredientsBox figure {
            float: none;
            margin: 0 0 30px;
        }

    /*  プライバシーポリシー
	---------------------------------*/

    .privacyCont .box dd {
        font-size: 20px;
    }


    /*  会社概要
	---------------------------------*/

    .companyCont {
        margin: 0;
    }

        .companyCont &gt; p:nth-of-type(1) {
            font-size: 24px;
        }

    /*  はじめてのお客様へ
	---------------------------------*/

    .beginner__page p {
        font-size: 26px;
    }

    .beginner__page .btn {
        text-align: center;
    }

        .beginner__page .btn a {
            font-size: 24px;
        }

    .beginner__page .imgRight {
        margin-left: auto;
    }

    .beginner__page .imgLeft {
        margin-right: auto;
    }

    .beginnerhead, .beginnerSec {
        padding: 50px 30px;
    }

        .beginnerhead h2 {
            font-size: 42px;
        }

        .beginnerhead dl {
            font-size: 26px;
        }

    .beginner1 h3, .beginner2 h3 {
        position: relative;
        top: inherit;
        left: inherit;
        margin-bottom: 1em;
        text-align: center;
    }

    .beginner1 {
        background-position: 0 0;
    }

    .beginner2 {
        background: #fff url(../images/beginner/sp_bg02.jpg) no-repeat 0 0;
    }

        .beginner1 p, .beginner2 p {
            margin-top: 0;
        }

    .beginner3 h3 {
        width: 250px;
        height: 40px;
        line-height: 40px;
        margin: 0 auto 25px;
        font-size: 24px;
    }

        .beginner3 h3:before {
            border-width: 20px 0 20px 9px;
        }

        .beginner3 h3:after {
            border-width: 20px 9px 20px 0;
        }

        .beginner3 h3 + p {
            font-size: 26px;
        }

    .beginner3 ul {
        margin: 0 -20px -30px 0;
    }

        .beginner3 ul li {
            width: 280px;
            margin: 0 20px 30px 0;
        }

    .beginner3 li figure {
        margin-bottom: 15px;
    }

    .beginner3 h4 {
        margin-bottom: 0.5em;
        font-size: 28px;
    }

    .beginner3 li p {
        font-size: 22px;
    }

    .beginnerSec.beginner4 {
        margin: 0 20px 70px;
    }

    .beginner4 h3 {
        margin: -22px 0 0 -6em;
        font-size: 34px;
    }

    .beginner4 ul {
        padding: 74px 0 0;
        text-align: center;
    }

        .beginner4 ul li {
            margin: 0 19px 30px;
            text-align: left;
        }

    .beginner4 figure {
        margin-bottom: 10px;
    }

    .beginner4 h4 {
        margin-bottom: 0.4em;
        color: #6b1b7e;
        font-size: 30px;
    }

    .beginner4 p {
        font-size: 20px;
    }

    /*  eカタログ
	---------------------------------*/

    .catalogList li {
        display: block;
        width: auto;
        margin-bottom: 40px;
        padding: 30px;
    }

        .catalogList li:nth-of-type(odd) {
            margin-right: 0;
        }

    .catalogList figure {
        margin-right: 20px;
    }

    .catalogList h3 {
        font-size: 26px;
    }

    .catalogList .btn {
        font-size: 22px;
    }

    /*  特定商取引法に基づく表記
	---------------------------------*/

    .lawCont .defin__list dt {
        width: auto;
    }

    .lawCont .defin__list dd {
        padding-left: 1em;
    }
}
</pre></body></html>