/** Shopify CDN: Minification failed

Line 22:23 Unexpected ","

**/
div:empty{display: inline;}
.page-guide #payment .paylogo{display: inline-block;}

#guide_flame{
	max-width:1100px;
	width:100%;
	margin:0 auto;
    /*background-color:#f3f3f3;*/
}
#giftserviceWrapper, #egiftWrapper, #bmpWrapper, .page-guide .guide__group .content {
    background-color: #fff;
}

p.guide_link{padding: 0em;margin: 0em;}
p.guide_link a{display: inline-block;margin: 4px 0px;padding: 7px 0;}
p.guide_link a,p.link_flame.yamato a{color: #0000ee;}
p.guide_link a:visited,,p.link_flame.yamato a:visited{color:#551A8B;}
p.guide_text{max-width: 100%;margin-top:10px;}
p.link_flame{border:1px solid #999999;padding:20px;}
p.link_flame.yamato{max-width:300px;}
p.link_flame.bank{max-width:450px;}


.page-guide .content ul {
    margin-left: 2em;
}
.page-guide .guide__group .content ul {
    padding-left: 0;
}

.page-width {
    padding-left: 16px;
    padding-right: 16px;
}

.io.on {
    transform: translate(0);
    opacity: 1;
}

.guide__nav {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-around;
}

.guide__nav .guideNavItem { 
    padding: 10px;
    width: 33%;
    border: #EEE 1px solid;
    background-color:#f9f9f9;
    border-radius: .5em;
    margin-top: 1em;
    cursor: pointer;
	box-sizing: border-box;
}

.guide__nav .guideNavItem .guideNavHeading {
    padding-top: .5em;
    width: 100%;
    text-align: center;
    font-size: 1.3em;
    letter-spacing: -.1em;
}
@media screen and (max-width: 767px) {
    .guide__nav .guideNavItem .guideNavHeading {
        font-size: 1em;
    }
}


.guide__nav .guideNavItem .icon {
    display: block;
    width: 25%;
    padding-top: 25%;
    margin: 0 auto;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .8;
}
@media screen and (max-width: 767px) {
    .guide__nav .guideNavItem .icon {
        width: 50%;
        padding-top: 50%;
    }
}

.guide__nav #guideNavDeliv .icon {
    background-image: url(icon_delivery.svg);
}
.guide__nav #guideNavShop .icon {
    background-image: url(icon_shop.svg);
}
.guide__nav #guideNavPayment .icon {
    background-image: url(icon_payment.svg);
}
.guide__nav #guideNavCancel .icon {
    background-image: url(icon_cancel.svg);
}
.guide__nav #guideNavOrder .icon {
    background-image: url(icon_order.svg);
}
.guide__nav #guideNavItems .icon {
    background-image: url(icon_item.svg);
}

.guide__nav .guideNavItem>ul {
    list-style: none;
}
.guide__nav .guideNavItem ul {
    padding: 1em;
    margin-top: 16px;
}

.guide__nav .guideNavItem ul li {
    padding: .3em 0;
    border-bottom: #CCC 1px dotted;
}

@media screen and (max-width: 767px) {
    .guide__nav .guideNavItem ul, .guide__nav .guideNavItemDammy {
        display: none;
    }
}

/*---------------------中身-------------------*/

/*タイトル*/
.page-guide .guide__group h2 {
    font-size: 1.8em;
    background-color: #333;
    color: #fff;
    padding: .2em 1em .2em 2.5em;
    position: relative;
    text-align: left;
    font-weight: 700;
}
.page-guide .guide__group h2:before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 1.2em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    top: 0;
    left: .8em;
}

.page-guide #shop h2::before {
    background-image: url(icon_shop2.svg);
}
.page-guide #order h2::before {
    background-image: url(icon_order2.svg);
}
.page-guide #payment h2::before {
    background-image: url(icon_payment2.svg);
}
.page-guide #deliv h2::before {
    background-image: url(icon_delivery2.svg);
}
.page-guide #cancel h2::before {
    background-image: url(icon_cancel2.svg);
}
.page-guide #item h2::before {
    background-image: url(icon_item2.svg);
}




@media screen and (max-width: 767px) {
    .page-guide .guide__group h2 {
        font-size: 1.4em;
        margin-bottom: .5em;
    }
}

.page-guide .guide__group .content h3 {
    font-size: 1.4em;
    border-bottom: #EEE 1px solid;
    font-weight: 700;
    background-color: #f3f3f3;
    padding: .2em 1em;
    color: #000;
	margin-top:0em;
}
@media screen and (max-width: 767px) {
    .page-guide .guide__group .content h3 {
        font-size: 1.2em;
    }
}

.page-guide .guide__group .content {
    border: 1px #ddd solid;
    border-radius: .3em;
    padding: 2em;
    margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
    .page-guide .guide__group .content {
        padding: 1em;
    }
}

.page-guide .guide__group .content ul {
    padding-left: 0;
}

.page-guide .content ul {
    margin-left: 2em;
}
.page-guide .content ul li {
    list-style: square;
}
.page-guide .content ul li::marker{
    font-size:0.8em;
}



/*配送時間指定について*/
.page-guide #deliv .timezone {
    overflow: hidden;
    padding-top: 1em;
}

.page-guide #deliv .timezone>div {
    float: left;
    background-color: #f3f3f3;
    border-radius: .5em;
    height: 4em;
    padding-left: 4.5em;
    display: flex;
    align-items: center;
    justify-content: left;
    background-size: 3em;
    background-position: 1em;
    background-repeat: no-repeat;
    width: 12em;
    margin-right: .5em;
    margin-bottom: .5em;
}
@media screen and (max-width: 767px) {
    .page-guide #deliv .timezone>div {
        width: calc(50% - .5em);
    }
}

.page-guide #deliv .timezone .am {
    background-image: url(circle_am.svg);
}
.page-guide #deliv .timezone .at14 {
    background-image: url(circle_1416.svg);
}
.page-guide #deliv .timezone .at16 {
    background-image: url(circle_1618.svg);
}
.page-guide #deliv .timezone .at18 {
    background-image: url(circle_1820.svg);
}
.page-guide #deliv .timezone .at19 {
    background-image: url(circle_1921.svg);
}

.page-guide table.typical th, .page-guide table.typical td {
    text-align: left;
    border: 1px solid #ebebeb;
    padding: 10px 14px;
}

.page-guide table.typical {
    width: 100%;
}
.page-guide table.typical th {
    background-color: #f3f3f3;
    text-align: center;
}

.page-guide table.typical .count {
    background-color: #f2f0f4;
    text-align: center;
}

@media screen and (min-width: 767px) {
    .page-guide .sp {
        display: none;
    }
}

.page-guide .guide__group .content .notice {
    background-color: #f6f4f4;
    padding: 2em;
    margin-top: 2em;
    font-size: 1.0em;
    text-align: left;
}

@media screen and (max-width: 767px) {
  .page-guide .guide__group .content .notice {
      margin-left:0px;
  }
}

.page-guide table.typical .group {
    background-color: #f5f0e1;
    text-align: center;
}


/*カード決済*/
.page-guide #payment .cardLogs {
    display: flex;
}
.page-guide #payment .cardLogs>div {
    width: 6em;
    height: 4em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    margin-left: .5em;
}
.page-guide #payment .cardLogs .visa {
    background-image: url(visa.png);
}
.page-guide #payment .cardLogs .master {
    background-image: url(mastercard.png);
}
.page-guide #payment .cardLogs .jcb {
    background-image: url(jcb.png);
}
.page-guide #payment .cardLogs .amex {
    background-image: url(amex.jpg);
}

/*ページ補足*/
.guide_sup{
	margin:20px 0;
	padding-left:8px;
}

.page-guide #payment .paylogo {
    width: 8em;
    height: 3em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    margin-bottom: 1em;
}


.page-guide #payment .collect {
    background-image: url('payment_collect.gif');
	background-position: center;
}
.page-guide #payment .applepay {
    background-image: url('pay_applepay.svg');
	background-position: center;
}
.page-guide #payment .googlepay {
    background-image: url('pay_googlepay.png');
	background-position: center;
}
.page-guide #payment .shoppay {
    background-image: url('pay_shoppay.png');
}

.page-guide #payment .payDetail {
    padding-top: .5em;
    padding-left: 1em;
}
.page-guide #payment .payDetail a{
	color:#0000ee;
}
  
.page-guide #payment .payDetail a:visited{color:#551A8B;}


/*ギフト*/

.page-guide #gift .wrapping {
    width: 900px;
    background-color: #f5f0e1;
    padding: 3em;
    margin-top: 2em;
    border-radius: 1em;
}


@media screen and (max-width: 1024px) {
    .page-guide #gift .wrapping {
        width: 100%;
    }
}

.page-guide #gift .wrapping h4 {
    font-size: 1.4em;
    text-align: center;
    border-bottom: 1px #AAA dotted;
    margin: 0 0 2em;
    padding-bottom: .5em;
}

.page-guide #gift .wrapping .wrappingContent {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.page-guide #gift .wrapping .wrappingContent>div {
    width: 49%;
}

.page-guide #gift .wrapping .wrappingContent .text {
    padding-left: 2em;
}
.page-guide #gift .wrapping .wrappingContent .text .lead {
    margin-bottom: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-guide #gift .wrapping .wrappingContent .text p {
    padding: 0 2em .5em;
    margin: 0;
    color: #333;
}

.page-guide #gift .wrapping .wrappingContent .text .button {
    padding-top: 2em;
    text-align: center;
}
.page-guide #gift .wrapping .wrappingContent .text .button a {
    display: inline-block;
    line-height: 1em;
    padding: .5em 2em;
    border-radius: 2em;
    color: #fff;
    background-color: #aaa;
}

.page-guide #gift .wrapping .wrappingContent .photo {
    background-image: url(BTO_Mday_BOX2.jpg);
    background-size: cover;
    background-position: center center;
}

/*ご注文について*/
.page-guide #membership .merits {
    display: flex
;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-around;
}

.page-guide #membership .merits .merit {
    width: 16%;
    border: #CCC 3px solid;
    border-radius: .5em;
    padding-bottom: 2em;
    margin-bottom: 1em;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .page-guide #membership .merits .meritDammy, .page-guide #membership .merits .merit {
        width: 24%;
    }
}

.page-guide #membership .merits .merit .lead {
    padding: 0 .5em;
    text-align: center;
}
.page-guide #membership .merits .merit .addtion {
    padding: 0 .5em;
    text-align: center;
    font-size: 90%;
}
.page-guide #membership .merits .merit .icon {
    display: block;
    width: 30%;
    padding-top: 30%;
    margin: 1em auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.page-guide #membership .merits .merit01 .icon {
    background-image: url('icon01.svg');
}
.page-guide #membership .merits .merit05 .icon {
    background-image: url('icon05.svg');
}
.page-guide #membership .merits .merit02 .icon {
    background-image: url('icon02.svg');;
}
.page-guide #membership .merits .merit03 .icon {
    background-image: url('icon03.svg');
}
.page-guide #membership .merits .merit04 .icon {
    background-image: url('icon04.svg');
}
.page-guide #membership .merits .merit06 .icon {
    background-image: url('icon06.svg');
}

.page-guide #membership td.rank {
    background-color: #f2f0f4;
    text-align: center;
    vertical-align: middle;
}

.page-guide #env h4 {
    border-top: #DDD 1px solid;
    border-bottom: #DDD 1px solid;
    padding: .2em 0;
    margin-bottom: 1em;
    margin-top: 3em;
}

.attention{color:#cc0000;font-weight:bold;}
.attention.large{font-size:1.9rem;}