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, 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 {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    height: 100%;
    font-size: 62.5%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}
.mochiy-pop-one-regular {
    font-family: "Mochiy Pop One", sans-serif;
}
body {
    height: 100%;
    background: #f8f8f8;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a:focus {
    outline: thin dotted;
}
a:hover, a:active {
    outline: 0;
}
a img {
    border: 0;
}
body {
    min-width: 280px;
    font-size: 14px;
    color: #464545;
    font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    background: #f6f6f6;
    position: relative
}
a {
    text-decoration: none;
    font-size: 1em;
    line-height: 1.5em;
    -webkit-font-smoothing: antialiased;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    color: #444
}
a:hover {
    color: #777
}
a:focus {
    outline: dotted thin
}
#item_page_wrap p a, .static_wrap p a, .static_wrap #privacy a, .blog_body a {
    border-bottom: solid 1px #666;
    text-decoration: none !important;
    padding: 0 0 1px 0
}
#item_page_wrap p a:hover, .static_wrap p a:hover, .blog_body a:hover {
    opacity: .6;
}
:root {
    --horizontal-padding: 60px;
    --vertical-padding: 60px;
    --discount-color: #ef4f5d;
    --salesperiod-color: #11ac9d;
    --mobilenav-border-color: rgba(137, 137, 137, .2);
    --sideAreaWidth: 240px;
}
@media only screen and (max-width:1200px) {
    :root {
        --horizontal-padding: 45px;
        --vertical-padding: 60px;
        transition-duration: .3s;
        --sideAreaWidth: 220px
    }
}
@media only screen and (max-width:767px) {
    :root {
        --horizontal-padding: 40px;
        --vertical-padding: 50px
    }
}
@media only screen and (max-width:480px) {
    :root {
        --horizontal-padding: 30px;
        --vertical-padding: 45px
    }
}
.contentWrapper, #mainFooter .widthfix {
    width: 100%
}
#headerwrap {
    position: fixed;
    top: 0;
    transition: .5s;
    width: 100%;
    z-index: 999999;
}
#headermargin {
    display: none
}
@media only screen and (max-width:999px) {
    #headermargin {
        display: block
    }
}
#headerwrap.unpinned {
    transform: translateY(-100%);
}
#headerwrap #shoplogo {
    display: none;
    text-align: center;
    padding: 20px 0;
    min-height: 60px;
}
.contentWrapper {
    padding-top: 0;
}
.contentWrapper-inner {
    clear: both;
}
@media only screen and (min-width:1000px) {
    .contentWrapper-inner {
        display: flex;
        justify-content: space-between
    }
    .contentWrapper .mainArea {
        width: calc(100% - var(--sideAreaWidth));
        padding-top: 30px
    }
    .contentWrapper .sideArea {
        width: var(--sideAreaWidth);
        z-index: 9999;
        box-shadow: 1px 1px 5px #aaa;
    }
    .contentWrapper.sidebarFixedTop .sideArea .sideArea-inner {
        position: sticky;
        top: 0
    }
    .contentWrapper.sidebarFixedTop .sideArea #shoplogo.unpinned {
        padding: 20px 30px 20px 30px
    }
    .contentWrapper.sidebarFixedBottom .sideArea {
        position: sticky;
        bottom: 0;
        align-self: flex-end
    }
}
.mainArea-inner {
    padding-left: var(--horizontal-padding);
    padding-right: var(--horizontal-padding);
    padding-bottom: var(--vertical-padding);
    padding-top: var(--vertical-padding);
    word-break: break-word
}
.mainArea-inner+.mainArea-inner {
    padding-top: 0
}
.sideArea #shoplogo {
    padding: 80px 30px 40px 30px;
    transition: .5s;
}
.sidebarDark20 .sideArea, .sidebarDark20 #headerwrap {
    /*background-color: rgba(0, 0, 0, .15);*/
}
.sidebarDark50 .sideArea, .sidebarDark50 #headerwrap {
    background-color: rgba(0, 0, 0, .5);
}
.sidebarDark20 .hc-offcanvas-nav .nav-container, .sidebarDark20 .hc-offcanvas-nav .nav-wrapper, .sidebarDark20 .hc-offcanvas-nav ul, .sidebarDark50 .hc-offcanvas-nav .nav-container, .sidebarDark50 .hc-offcanvas-nav .nav-wrapper, .sidebarDark50 .hc-offcanvas-nav ul {
    background-color: rgba(0, 0, 0, .5);
}
.sidebarLight20 .sideArea, .sidebarLight20 #headerwrap {
    background-color: rgba(255, 255, 255, .1);
}
.sidebarLight50 .sideArea, .sidebarLight50 #headerwrap {
    background-color: rgba(255, 255, 255, .45);
}
.sidebarLight20 .hc-offcanvas-nav .nav-container, .sidebarLight20 .hc-offcanvas-nav .nav-wrapper, .sidebarLight20 .hc-offcanvas-nav ul, .sidebarLight50 .hc-offcanvas-nav .nav-container, .sidebarLight50 .hc-offcanvas-nav .nav-wrapper, .sidebarLight50 .hc-offcanvas-nav ul {
    background-color: rgba(255, 255, 255, .7);
}
.sidebarDark20 .hc-offcanvas-nav a, .sidebarDark20 .hc-offcanvas-nav .nav-item, .sidebarDark50 .hc-offcanvas-nav a, .sidebarDark50 .hc-offcanvas-nav .nav-item {
    color: #fff !important
}
.sidebarLight20 .hc-offcanvas-nav a, .sidebarLight20 .hc-offcanvas-nav .nav-item, .sidebarLight50 .hc-offcanvas-nav a, .sidebarLight50 .hc-offcanvas-nav .nav-item {
    color: #333 !important
}
.notpublicmessage.widthfix, .communityNotExists {
    width: 100%;
    max-width: 1180px;
    margin: 40px auto;
    padding: 40px 0 30px 0;
    border-radius: 8px;
    background: rgb(255, 255, 255, .9);
    text-align: center
}
.notpublicmessage .tmpBox .errormessage, .communityNotExists {
    font-size: 1em;
    font-weight: bold;
    color: 444;
}
.notpublicmessage .tmpBox .errormessage span.material-icons {
    display: block;
    font-size: 1.6em;
    margin-bottom: 10px;
    color: #c8c8c8;
}
body.BodySansserif p, body.BodySerif #itemAttention p, body.BodySerif p.appsItemDetailCustomTag_heading, body.BodySerif .topIntro p.read_more, body.HeadSansserif .headMessage, body.HeadSerif .headMessage, body.HeadSansserif .membership .link, body.HeadSansserif .membership .edit, body.HeadSansserif .membership .card, body.HeadSerif .membership .link, body.HeadSerif .membership .edit {
    font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, Osaka, 'MS PGothic', arial, helvetica, sans-serif
}
body.BodySerif .headnav a, body.BodySerif p, body.BodySerif #BlogPinnedArticle, body.BodySerif #newsbox, body.BodySerif #rssbox, body.BodySerif .itemCommon, body.BodySerif .static_wrap, body.BodySerif address, body.HeadSerif .footernav, body.HeadSerif #collections .catcard .card-title, body.HeadSerif .membership .card {
    font-family: "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "Sawarabi Mincho", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif
}
.headnav li, #rssbox .viewall, h3#relatedItems-title, h3#itemDetail-undersection {
    font-family: 'Karla', sans-serif;
}
#item_page_wrap header h1, .frontpage #main h2, h2.general, #collections h2, #newsbox h2, #rssbox h2, #instagramfeed h3, .pagetitle h2, #item_page_wrap h2, .static_wrap #about h2, .inquirySection h1, #privacy h2, #law h2, .static_wrap #about h3, .widget h3, .flexslider .hero a {
    font-family: 'Crimson Pro', serif;
    font-weight: normal !important
}
h2 span, #rssbox .viewall {
    font-weight: normal;
}
body.HeadSansserif #shoplogo .tagline, body.HeadSansserif #item_page_wrap header h1, body.HeadSansserif #instagramfeed h3, body.HeadSansserif .pagetitle h2, body.HeadSansserif #item_page_wrap h2, body.HeadSansserif .inquirySection h1, body.HeadSansserif #privacy h2, body.HeadSansserif #law h2, body.HeadSansserif .static_wrap #about h2, body.HeadSansserif .static_wrap #about h3, body.HeadSansserif .widget h3, body.HeadSansserif .flexslider .hero a, body.HeadSansserif h2.general, body.HeadSansserif #collections h2, body.HeadSansserif #newsbox h2, body.HeadSansserif.frontpage #main h2, body.HeadSansserif #rssbox h2, body.HeadSansserif #instagramfeed h2, body.HeadSansserif .menu-container .menu>ul>li a, body.HeadSansserif .menu-container .staticNav>li a, body .menu-container .staticNav.banner>li a, body.HeadSansserif .hc-offcanvas-nav a, body.HeadSansserif .hc-offcanvas-nav .nav-item, body.HeadSansserif .breadcrumb, body.HeadSansserif .communityMain .communityTitle, body.HeadSansserif .membership h2, body.HeadSansserif .membership h3 {
    font-family: 'Karla', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', helvetica, sans-serif;
}
body.HeadSerif #shoplogo .tagline, body.HeadSerif #item_page_wrap header h1, body.HeadSerif h3#relatedItems-title, body.HeadSerif h3#itemDetail-undersection, body.HeadSerif #item_page_wrap h1.itemTitle, body.HeadSerif .topIntroBody h2, body.HeadSerif #instagramfeed h3, body.HeadSerif #instagramfeed .linktoinstagram, body.HeadSerif #instagramfeed .snptwdgt-container .snptwdgt-rtd__fottr .snptwdgt__tagline a, body.HeadSerif .item-title, body.HeadSerif .pagetitle h2, body.HeadSerif #item_page_wrap h2, body.HeadSerif .ChildCategories li a, body.HeadSerif .static_wrap #about h2, body.HeadSerif .inquirySection h1, body.HeadSerif #privacy h2, body.HeadSerif #law h2, body.HeadSerif .static_wrap #about h3, body.HeadSerif .widget h3, body.HeadSerif #utilities h3, body.HeadSerif .menu-container .menu>ul>li a, body.HeadSerif .menu-container .staticNav.compact>li a, body.HeadSerif .hc-offcanvas-nav a, body.HeadSerif .hc-offcanvas-nav .nav-item, body.HeadSerif #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_heading, body.HeadSerif .communityMain .communityTitle, body.HeadSerif .communityMain .communityItemTitle, body.HeadSerif .communityMain .communityItemHeader, body.HeadSerif .communityMain .communityUrlHeader, body.HeadSerif .membership h2, body.HeadSerif .membership h3, body.HeadSerif .tmpBox, body.HeadSerif .noItemsMessage, body.HeadSerif .notfound {
    font-weight: bold;
    font-family: 'Noto Serif JP', "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS譏取悃E, 繝｡繧､繝ｪ繧ｪ, Meiryo, serif;
}
body.HeadSerif #item_page_wrap h2, body.HeadSerif .item-title, body.HeadSerif .static_wrap #about h2, body.HeadSerif .static_wrap #about h3, body.HeadSerif .widget h3, body.HeadSerif .ChildCategories li a, body.HeadSerif .topIntroBody h2 {
    font-weight: 600;
}
#newsbox dl dt, #rssbox .newsdate, .headnav .info a, .item-meta .waitingForSale, .item-meta .soldout span, .communityItemLabel.soldOutText {
    font-family: 'Karla', sans-serif !important;
}
.item-meta, .discountrate, .properprice {
    font-family: Helvetica, sans-serif
}
.item-title {
    font-weight: bold
}
.item-meta .item-price, .discountrate, .price_soldout, #item_page_wrap .soldout, #item_page_wrap #price p, .properprice, .main #about.blogListMain .blog_publish .publish_date, #about p.publish_date, .communityItemPrice, .membershipPoint__amount {
    font-family: 'Jost', Yu Gothic, YuGothic, "Yu Gothic Medium", "Yu Gothic", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", Arial, 繝｡繧､繝ｪ繧ｪ, Meiryo, sans-serif;
    font-weight: 500
}
#item_page_wrap #price p {
    font-size: 2em
}
.headnav li {
    font-size: 1em;
    font-weight: 400;
    white-space: nowrap
}
#item_page_wrap h1.itemTitle {
    font-size: 2.5rem;
    line-height: 1.3;
    font-weight: normal;
    position: relative
}
#item_page_wrap h1.itemTitle .salesStatus {
    position: absolute;
    top: -20px;
    left: 0;
    font-size: 1rem;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 6px 10px;
    border-radius: 3px
}
#item_page_wrap #itemAttention {
    font-family: 'Hiragino Sans', '繝偵Λ繧ｮ繝手ｧ偵ざ Pro', sans-serif;
}
#item_page_wrap #purchase_form #buy_button input {
    font-size: 1em;
}
.frontpage #main h2, h2.general, #collections h2, #newsbox h2, #rssbox h2, #instagramfeed h3 {
    font-size: 2.5rem;
    font-weight: 600
}
.pagetitle h2, .inquirySection h1 {
    font-size: 3.4rem
}
.inquirySection h1:first-letter {
    text-transform: uppercase
}
.static_wrap #about h2, #privacy h2, #law h2 {
    font-size: 2em;
    font-weight: normal;
    text-transform: uppercase
}
.communityMain .communityTitle {
    text-align: left !important;
}
.static_wrap #about h3 {
    font-weight: 600;
    font-size: 1.3em;
    letter-spacing: 2px
}
.widget h3 {
    font-weight: normal;
}
#item_page_wrap h2 {
    font-size: 1.4em;
    letter-spacing: 1px;
}
h3#relatedItems-title, h3#itemDetail-undersection {
    font-size: 1.4em !important;
    font-weight: bold;
    letter-spacing: 1px;
}
.sideArea h2 {
    font-weight: bold;
    padding: 4rem 2rem 1em 2em
}
.menu-container .imgbanner {
    padding: 0 1.5em
}
.menu-container .imgbanner img {
    max-width: 100%;
}
#mainHeader {
    padding: 0 40px 0 30px;
    background: transparent;
    height: 35px;
    line-height: 35px;
    z-index: 9999
}
.headMessage {
    line-height: 37px;
    height: 37px;
    overflow: hidden;
    font-size: .9em;
    font-weight: bold;
    opacity: .9
}
.headMessage a {
    position: relative;
    padding-left: 10px;
    cursor: pointer
}
.headMessage a:after {
    font-size: 12px;
    line-height: 1;
    position: absolute;
    top: .1em;
    left: -4px;
    font-family: 'Material Icons';
    content: "\e5cc"
}
.headMessage a:hover {
    text-decoration: underline;
    cursor: pointer !important
}
.headMessage.marquee {
    position: relative;
}
.headMessage.marquee span {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation-name: MarqueeScroll;
    animation-timing-function: linear;
    animation-duration: 18s;
    animation-iteration-count: infinite
}
.headMessage.marquee.normal span {
    animation-duration: 18s;
}
.headMessage.marquee.slow1 span {
    animation-duration: 25s;
}
.headMessage.marquee.slow2 span {
    animation-duration: 30s;
}
.headMessage.marquee.fast1 span {
    animation-duration: 14s;
}
.headMessage.marquee.fast2 span {
    animation-duration: 10s;
}
@keyframes MarqueeScroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
.headMessage.marquee::before, .headMessage.marquee::after {
    position: absolute;
    top: 0;
    content: "";
    width: 15px;
    height: 34px;
    z-index: 1
}
.headMessage.marquee::before {
    left: 0;
}
.headMessage.marquee::after {
    right: 0;
}
#shoplogo .tagline {
    font-size: 10px;
    text-align: center;
    letter-spacing: .06em
}
#shoplogo, #headerwrap #shoplogo .taglineOrder {
    display: flex;
}
#shoplogo.taglineUpper, #headerwrap .taglineOrder.taglineUpper {
    flex-direction: column;
}
#shoplogo.taglineBottom, #headerwrap .taglineOrder.taglineBottom {
    flex-direction: column-reverse;
}
#shoplogo.taglineUpper .tagline {
    margin: 0 0 8px 0
}
#headerwrap .taglineOrder.taglineUpper .tagline {
    margin: 0 0 0 0;
}
#shoplogo.taglineBottom .tagline {
    margin: 6px 0 0 0
}
#headerwrap .taglineOrder.taglineBottom .tagline {
    margin: 0 0 0 0
}
#shoplogo a {
    outline: 0;
}
#shoplogo.fontsizeSS h1 a span.logoText {
    font-size: 20px;
    line-height: 20px
}
#shoplogo.fontsizeS h1 a span.logoText {
    font-size: 24px;
    line-height: 24px
}
#shoplogo.fontsizeR h1 a span.logoText {
    font-size: 28px;
    line-height: 28px
}
#shoplogo.fontsizeL h1 a span.logoText {
    font-size: 32px;
    line-height: 32px
}
#shoplogo.fontsizeLL h1 a span.logoText {
    font-size: 36px;
    line-height: 36px
}
#shoplogo.fontsizeLLL h1 a span.logoText {
    font-size: 48px;
    line-height: 48px
}
#shoplogo.fontsizeLLLL h1 a span.logoText {
    font-size: 60px;
    line-height: 60px
}
#shoplogo.fontweightNormal h1 a span.logoText, #logo.fontweightNormal {
    font-weight: normal
}
#shoplogo.fontweightBold h1 a span.logoText, #logo.fontweightBold {
    font-weight: bold
}
#shoplogo.fontweightLight h1 a span.logoText, #logo.fontweightLight {
    font-weight: lighter
}
#shoplogo.letterspace0 h1 a span.logoText, #logo.letterspace0 {
    letter-spacing: normal
}
#shoplogo.letterspace1 h1 a span.logoText, #logo.letterspace1 {
    letter-spacing: .1em
}
#shoplogo.letterspace2 h1 a span.logoText, #logo.letterspace2 {
    letter-spacing: .2em
}
#shoplogo.letterspace3 h1 a span.logoText, #logo.letterspace3 {
    letter-spacing: -.05em
}
#mainHeader {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}
#mainHeader .headnav {
    flex-basis: 300px;
    flex-shrink: 0;
    text-align: right;
    margin-left: auto
}
#mainHeader .headnav.i18True {
    flex-basis: 450px;
}
#shoplogo h1 {
    font-family: 'Helvetica', serif;
    word-break: break-all;
    text-align: center
}
#shoplogo h1 a {
    display: inline-block;
    word-wrap: break-word
}
#logo, #logo span {
    display: block
}
#logo img {
    max-width: 100%;
    max-height: 200px;
    vertical-align: bottom
}
#shoplogo h1.nothing, #logo.nothing {}
#shoplogo h1.gothic, #logo.gothic {
    font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
}
#shoplogo h1.mincho, #logo.mincho {
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS譏取悃E, 繝｡繧､繝ｪ繧ｪ, Meiryo, serif !important;
}
.mobileNav {
    display: none;
}
.headnav {
    margin-bottom: -14px
}
.headnav .info {
    padding-right: 18px;
    line-height: 1;
    position: relative
}
.headnav .info::after {
    font-size: 22px;
    position: absolute;
    top: -1px;
    right: -2px;
    content: "|";
    opacity: .3
}
.headnav li {
    color: #fff;
    font-style: normal;
    letter-spacing: .02em;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 0;
    position: relative
}
.headnav li.searchicon {
    padding: 0 6px;
}
.headnav li.searchicon .material-icons {
    vertical-align: middle;
    font-size: 19px
}
.headnav li #baseMenu li {
    padding: 0;
}
.headnav li:last-child {}
.headnav li a {
    display: block;
    color: #444
}
.headnav .help {
    padding-right: 15px
}
.headnav .help a {
    position: relative;
    display: block;
    width: 1em;
    height: 1em;
    text-align: center;
    font-size: 8px
}
.headnav .help a:before {
    font-size: 38px;
    position: absolute;
    top: 3px;
    left: 0;
    font-family: 'Material Icons';
    content: "\e88e"
}
.headnav li#basenav {
    vertical-align: top;
}
.headnav #baseMenu {
    margin-left: 5px
}
.headnav #baseMenu .base {
    display: none
}
.headnav #baseMenu>ul>li {
    display: inline;
    list-style: none;
    vertical-align: bottom
}
.headnav li.iconed li.cart a {
    position: relative;
    height: 35px
}
.headnav li.iconed li.cart img {
    visibility: hidden;
    width: 74px
}
.headnav li.iconed li.cart a::after {
    font-family: 'Material Icons';
    position: absolute;
    top: 52%;
    left: 10px;
    transform: translateY(-52%);
    -webkit-transform: translateY(-52%);
    -ms-transform: translateY(-52%)
}
.headnav li.iconed.cartstyle li.cart a::after {
    content: "\e8cc";
    font-size: 20px
}
.headnav li.iconed.cartstyle li.cart a::before {
    content: 'Cart';
    text-transform: none;
    font-family: 'Karla', 'Helvetica', sans-serif;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.4;
    display: block;
    position: absolute;
    top: 52%;
    left: 33px;
    transform: translateY(-52%);
    -webkit-transform: translateY(-52%);
    -ms-transform: translateY(-52%)
}
@media only screen and (min-width:1000px) {
    .headnav li.iconed.radiusbtn {
        height: 27px;
        margin-top: 4px
    }
    .headnav li.iconed.radiusbtn li a {
        height: 27px;
        border-radius: 2px
    }
    .headnav li.iconed.whitebg li.cart a {
        background-color: rgba(250, 250, 250, .9);
        color: #444 !important;
        -webkit-transition-duration: .2s;
        -moz-transition-duration: .2s;
        -o-transition-duration: .2s;
        transition-duration: .2s
    }
    .headnav li.iconed.whitebg li.cart a:hover {
        background: #fff
    }
    .headnav li.iconed.simple li.cart a::after {
        left: 4px;
    }
    .headnav li.iconed.simple li.cart a::before {
        left: 28px;
        letter-spacing: .8px;
    }
    .headnav li.iconed.simpleframe li.cart a {
        border: 1.3px solid;
        box-sizing: border-box;
        opacity: .9
    }
    .headnav li.iconed.simpleframe li.cart a:hover {
        opacity: 1;
    }
}
.cart {
    position: relative
}
.cart-badge {
    display: block !important
}
.cart-qty {
    position: absolute;
    z-index: 1;
    min-width: 13px;
    padding: 0 1px;
    background: #fa5171;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 13px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif
}
.badgeRed .cart-qty {
    background: #ff627f
}
.badgeAc .cart-qty {
    background: var(--pointColor);
    color: var(--pointColorText);
}
.radiusbtn .cart-qty {
    top: 1px;
    left: 19px
}
.flat .cart-qty {
    top: 3px;
    left: 19px
}
.simple .cart-qty {
    top: 4px;
    left: 15px
}
.pointcolored.badgeAc .cart-qty {
    background: #ff627f
}
@media only screen and (max-width:1000px) {
    .radiusbtn .cart-qty, .flat .cart-qty, .simple .cart-qty {
        top: 1px;
        left: 5px;
    }
}
.footernav .cart-qty {
    top: -4px;
    right: -4px
}
.navicon {
    text-align: center;
    margin: 20px 0 0 0
}
.navicon a {
    display: inline-block;
}
.navicon a i {
    font-size: 14px;
    margin: 0 8px;
    color: #555555
}
.tile, #MainVisual, .flexslider {
    background: #fff;
    position: relative;
    zoom: 1;
    z-index: auto
}
.tile img, #MainVisual img, .flexslider img {
    max-width: 100%;
    display: block;
    vertical-align: bottom;
    margin: 0 auto 0 auto
}
.tile img, #MainVisual img {
    width: 100%;
}
#MainVisual span.center, .flexslider li.center {
    background-position: center center !important;
}
#MainVisual span.left, .flexslider li.left {
    background-position: left center !important;
}
#MainVisual span.right, .flexslider li.right {
    background-position: right center !important;
}
.tile .hero, #MainVisual .hero, .flexslider .hero {
    position: absolute;
    top: 45%;
    color: #fff;
    z-index: 999
}
.tile .hero, .textcenter, #MainVisual .hero.textcenter, .flexslider .hero.textcenter {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 70%
}
.hero.textleft {
    left: 17%;
    width: 50%;
    -webkit-transform: translate(-17%, -50%);
    -moz-transform: translate(-17%, -50%);
    -ms-transform: translate(-17%, -50%);
    -o-transform: translate(-17%, -50%);
    transform: translate(-17%, -50%);
    text-align: left
}
.hero.textright {
    right: 17%;
    width: 50%;
    -webkit-transform: translate(17%, -50%);
    -moz-transform: translate(17%, -50%);
    -ms-transform: translate(17%, -50%);
    -o-transform: translate(17%, -50%);
    transform: translate(17%, -50%);
    text-align: right
}
.hero.textvertical {
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    height: 70vh;
    top: 17%
}
@media only screen and (min-width:1000px) {
    .hero.textvertical {
        top: 7%;
    }
}
.hero.textvertical.bordernone, .hero.textvertical.hero.borderbottom {
    top: 14%;
}
.hero.textvertical.right {
    right: 15%;
}
.hero.textvertical.left {
    left: 8%;
}
.hero.textvertical h2 {
    line-height: 1.2 !important;
    margin-left: 20px
}
.hero.textvertical p.subtitle {
    margin: 10px 0 0 10px;
}
.hero.textvertical p.lead {
    margin: 40px 0 0 10px;
}
.hero.textvertical a {
    background: none !important;
    margin-top: 40px;
    margin-right: 10px;
    border-left: 1px solid;
    border-radius: 0;
    padding: 0
}
@media only screen and (max-width:1000px) {
    .hero.textvertical.bordernone, .hero.textvertical.hero.borderbottom {
        top: 18%;
    }
}
@media only screen and (max-width:480px) {
    .hero.textvertical.bordernone, .hero.textvertical.hero.borderbottom {
        top: 20%;
    }
    .hero.textleft, .hero.textright {
        right: auto;
        left: 50%;
        width: 84%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center
    }
}
.hero p.subtitle {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.2;
    letter-spacing: 3px;
    margin-bottom: 20px;
}
.hero p.lead {
    font-size: 13px;
    margin: 20px 0 0 0;
    line-height: 1.6;
    word-break: break-all;
    overflow-wrap: break-word;
}
.hero h2 {
    font-size: 5.5em;
    font-family: serif;
    margin: 0 0 0 0;
    overflow-wrap: break-word;
    word-break: keep-all;
}
.hero a {
    margin-top: 40px;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    display: inline-block;
    font-weight: bold;
    font-size: .9em;
    padding: 10px 25px;
    border-radius: 3px
}
.hero.serif h2 {
    font-family: 'Noto Serif JP', "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS譏取悃E, 繝｡繧､繝ｪ繧ｪ, Meiryo, serif
}
.hero.sansserifNormal h2 {
    font-family: 'Karla', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', helvetica, sans-serif;
    font-weight: normal;
}
.hero.sansserifBold h2 {
    font-family: 'Karla', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', helvetica, sans-serif;
    font-weight: bold;
}
.hero.handwriten h2 {
    font-family: 'Satisfy';
}
.hero.hannari h2 {
    font-family: 'Hannari';
    letter-spacing: -.1em
}
.hero.sizeL h2 {
    font-size: 5em;
    line-height: 1em;
}
.hero.textvertical h2 {
    font-size: 5vw;
}
.hero.sizeM h2 {
    font-size: 5vw;
    line-height: 1.1em;
}
.hero.sizeS h2 {
    font-size: 3.8vw;
    line-height: 1.3em;
}
.hero.bordernone {
    border: none;
}
.hero.borderbox {
    border: 1px double #fff;
    padding: 30px 40px;
}
.hero.borderdouble {
    border-top: 5px double #fff;
    border-bottom: 5px double #fff;
    padding: 30px 5px 40px 5px;
    border-radius: 0 !important;
}
.hero.borderbottom h2 {
    border-bottom: 1px solid;
    display: inline;
    line-height: 1.5 !important;
}
.hero.textvertical.borderbottom h2 {
    border-bottom: none;
    border-right: 1px solid;
    padding-right: 5px;
    display: inline;
    margin-top: 0;
}
.hero.frostgrass {
    padding: 40px 40px;
    -webkit-backdrop-filter: blur(5px) saturate(100%);
    backdrop-filter: blur(5px) saturate(100%);
    border-radius: 10px;
}
.hero.fillwhite {
    background: rgba(255, 255, 255, .7);
    padding: 40px 40px;
}
.hero.fillblack {
    background: rgba(0, 0, 0, .7);
    padding: 40px 40px;
}
@keyframes hero-fadeIn-left {
    from {
        opacity: 0;
        transform: translateX(-80px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}
@keyframes hero-fadeIn-bottom {
    from {
        opacity: 0;
        transform: translateY(60px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}
@keyframes hero-fadeIn-frame {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.tile .hero.heroFadeIn.textleft>*, tiles .hero.heroFadeIn.textright>*, #MainVisual .hero.heroFadeIn.textleft>*, #MainVisual .hero.heroFadeIn.textright>*, .slides li.flex-active-slide .hero.heroFadeIn.textleft>*, .slides li.flex-active-slide .hero.heroFadeIn.textright>* {
    animation-name: hero-fadeIn-left;
    animation-fill-mode: both;
}
.tile .hero.heroFadeIn.textcenter>*, #MainVisual .hero.heroFadeIn.textcenter>*, .slides li.flex-active-slide .hero.heroFadeIn.textcenter>* {
    animation-name: hero-fadeIn-bottom;
    animation-fill-mode: both;
}
.tile .hero.heroFadeIn p.subtitle, #MainVisual .hero.heroFadeIn p.subtitle, .slides li.flex-active-slide .hero.heroFadeIn p.subtitle {
    animation-duration: .7s;
    animation-delay: .7s;
}
.tile .hero.heroFadeIn h2, #MainVisual .hero.heroFadeIn h2, .slides li.flex-active-slide .hero.heroFadeIn h2 {
    animation-duration: .8s;
    animation-delay: .8s
}
.tile .hero.heroFadeIn p.lead, #MainVisual .hero.heroFadeIn p.lead, .slides li.flex-active-slide .hero.heroFadeIn p.lead {
    animation-duration: 1s;
    animation-delay: 1s
}
.tile .hero.heroFadeIn a, #MainVisual .hero.heroFadeIn a, .slides li.flex-active-slide .hero.heroFadeIn a {
    animation-duration: 1.1s;
    animation-delay: 1.1s
}
.tile .hero.heroFadeIn, #MainVisual .hero.heroFadeIn, .slides li.flex-active-slide .hero.heroFadeIn {
    animation-name: hero-fadeIn-frame;
    animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: .6s;
}
.topIntro {
    padding-left: var(--horizontal-padding);
    padding-right: var(--horizontal-padding);
    padding-bottom: var(--vertical-padding);
    padding-top: var(--vertical-padding);
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.topIntro.imgLeft .topIntroImg, .topIntro.imgRight .topIntroImg {
    flex-basis: 50%;
}
.topIntro .topIntroImg img {
    max-width: 100%
}
.topIntro.imgLeft .topIntroBody, .topIntro.imgRight .topIntroBody {
    flex-basis: 45%;
}
.topIntro.imgLeft .topIntroImg {
    order: 1;
}
.topIntro.imgLeft .topIntroBody {
    order: 2;
}
.topIntro.imgRight .topIntroImg {
    order: 2;
}
.topIntro.imgRight .topIntroBody {
    order: 1;
}
.topIntro.centerNormal {
    flex-direction: column;
    text-align: center;
}
.topIntro.centerNormal .topIntroImg {
    margin-bottom: 30px;
}
.topIntro.centerNormal p.read_more {
    text-align: center;
}
.topIntro.centerReverse {
    flex-direction: column-reverse;
    text-align: center
}
.topIntro.centerReverse .topIntroBody {
    padding: 20px 0 0 0;
}
.topIntro.centerReverse .topIntroImg {
    margin-top: 50px;
}
.topIntro.centerReverse p.read_more {
    text-align: center;
    margin-bottom: 30px;
}
.topIntro h2 {
    font-weight: bold;
    font-size: 1.9rem;
    line-height: 1.5;
    margin: 0 0 30px 0;
}
.topIntro p.conceptbody {
    font-size: 1.3rem;
    line-height: 1.9;
    margin-bottom: 2rem;
}
.topIntro p.read_more {
    text-align: right
}
.topIntro .read_more a {
    border-bottom: 1px solid;
    font-size: 1.2em;
    padding: 0 2px 4px 2px;
    font-size: 1.2rem;
    word-break: keep-all;
}
h2.general, #collections h2, #newsbox h2, #rssbox h2, #instagramfeed h3 {
    letter-spacing: .1em;
    margin: 0 0 35px 0;
    text-align: center
}
.demoInfo {
    margin: 0 auto;
    border-radius: 30px;
    width: 90%;
    color: rgb(117, 117, 117);
    border: 1px dashed rgb(172, 172, 172);
    padding: 30px 30px 10px 30px;
}
#collections {
    position: relative;
    padding: 20px 0 90px 0
}
#collections.filled {
    margin: 0 calc(-1 * var(--horizontal-padding)) 0 calc(-1 * var(--horizontal-padding))
}
#collections.filled.noTitle {
    margin-top: -80px;
}
#collections.filled h2 {
    padding: 0 var(--horizontal-padding) 0 var(--horizontal-padding);
}
#collections .catcard {
    position: relative;
    overflow: hidden
}
#collections .catcard .card-image {
    width: 100%;
}
#collections .catcard .card-title {
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    width: fit-content;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
#collections .catcard .card-title span {
    border-radius: 3px;
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 1px;
    text-align: center;
    padding: .6rem 1rem .6rem 1rem;
    word-break: keep-all
}
#collections.white .catcard .card-title span {
    background: rgba(255, 255, 255, .8);
    color: #333;
}
#collections.black .catcard .card-title span {
    background: rgba(0, 0, 0, .8);
    color: #fff !important;
}
#collections.white .catcard:hover span {
    background: rgba(255, 255, 255, 1);
}
#collections.black .catcard:hover span {
    background: rgba(0, 0, 0, 1)
}
#collections .catcard img {
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    object-fit: cover
}
#collections.boxed .widthfix {
    gap: 20px;
}
#collections .widthfix {
    display: grid;
    width: 99.9%;
    align-items: center;
}
#collections.clm3 .widthfix {
    grid-template-columns: 1fr 1fr 1fr
}
#collections.clm2 .widthfix {
    grid-template-columns: 1fr 1fr
}
#collections.clm4 .widthfix {
    grid-template-columns: 1fr 1fr 1fr 1fr
}
@media only screen and (max-width:767px) {
    #collections .catcard .card-title span {
        font-size: 1rem;
    }
    #collections.clm4 .widthfix, #collections.clm3 .widthfix {
        grid-template-columns: 1fr 1fr
    }
}
@media only screen and (max-width:480px) {
    #collections .catcard .card-title span {
        font-size: .8rem;
    }
}
.BlogPinnedArticle {
    margin-bottom: 40px;
    text-align: center;
    font-size: 1.1em;
}
.BlogPinnedArticle a {
    position: relative;
    padding-bottom: 2px;
    border-bottom: 1px solid
}
.BlogPinnedArticle a:before {
    font-size: 1.2em;
    font-family: 'Material Icons';
    content: "\e88e";
    font-weight: normal;
    position: absolute;
    top: -.1em;
    left: -1.3em
}
#newsbox {
    margin-bottom: 80px
}
#rssbox {
    padding-left: var(--horizontal-padding);
    padding-right: var(--horizontal-padding);
    padding-top: var(--vertical-padding);
    padding-bottom: var(--vertical-padding);
}
#rssbox ul {
    display: flex;
    justify-content: space-around;
}
#rssbox ul li {
    flex-basis: 32%;
}
#rssbox ul li a img {
    width: 100%;
    height: 15vw;
    object-fit: cover;
    display: block;
    vertical-align: bottom;
    margin-bottom: 8px
}
#rssbox ul li .newstitle a {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 2%;
}
#rssbox ul li .newsdate a {
    font-size: 1.3rem;
    font-weight: 400;
}
#rssbox.hideDate ul li .newsdate {
    display: none;
}
#rssbox .viewall {
    text-align: right;
}
#rssbox .viewall a {
    border-bottom: 1px solid;
    padding: 2px 2px
}
#newsbox dl {
    position: relative;
    padding: 0 0 6px 0;
    margin-top: 6px;
    line-height: 1
}
#newsbox dl:last-child {
    border: none;
}
#newsbox dl dt, #newsbox dl dd, #newsbox dl dd a {
    line-height: 1.6;
    transition: border-bottom 1s;
}
#newsbox dl dd a:hover {
    border-bottom: 1px solid;
}
#newsbox dl dt {
    position: absolute;
    letter-spacing: 1px;
    left: 0;
    top: 0
}
#newsbox dl dd {
    padding: 0 0 0 10em;
    font-size: .9em
}
#homecatvisual {
    position: relative;
    margin-bottom: -1px;
    min-height: 70vh;
}
#homecatvisual .video {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 70vh
}
#homecatvisual .video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 105%;
    min-width: 1920px;
    min-height: 105%;
    transform: translate(-50%, -50%)
}
#homecatvisual .hero {
    color: #fff;
    position: absolute;
    top: 48%;
    color: #fff;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 70%
}
#homecatvisual .hero h2 {
    font-size: 4em;
    line-height: 1.1;
    overflow-wrap: anywhere;
    word-break: normal;
    line-break: strict
}
#homecatvisual .hero p {
    margin: 40px 0 0 0;
    font-size: 14px;
    line-height: 1.6;
    font-weight: normal;
}
#homecatvisual .hero a {
    display: block;
    margin-top: 40px;
    background: none;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff !important;
    text-align: center;
    letter-spacing: 2px;
    display: inline-block;
    font-size: 1em;
    cursor: pointer;
    padding: 10px 25px;
    border-radius: 4px
}
.hero.serif p, .hero.serif a {
    font-family: 'Noto Serif JP', "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS譏取悃E, 繝｡繧､繝ｪ繧ｪ, Meiryo, serif
}
.hero.sansserifNormal p, .hero.sansserifNormal a, .hero.sansserifBold a, .hero.sansserifBold p {
    font-family: 'Karla', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', helvetica, sans-serif;
    font-weight: normal;
}
#instagramfeed {
    padding-left: var(--horizontal-padding);
    padding-right: var(--horizontal-padding)
}
.snptwdgt__headng {
    margin: 50px 0 30px 0
}
.snptwdgt__subheadng {
    margin-bottom: 20px;
}
.linktoinstagram {
    text-align: center;
    padding: 40px 0 60px 0;
    vertical-align: middle;
    font-size: .8em;
    letter-spacing: 1px
}
.linktoinstagram a {
    color: #696866 !important;
}
.linktoinstagram img {
    width: 20px;
    height: auto;
    vertical-align: middle;
    margin-right: 5px;
}
#instagramfeed .snptwdgt-container .snptwdgt-rtd__fottr .snptwdgt__tagline a {
    font-size: .76em;
}
.snptwdgt-container .snptwdgt-rtd__fottr .snptwdgt__ftr-tglne {
    right: -20px !important;
    color: rgba(77, 77, 77, .7) !important;
}
#category-header {
    background-color: rgba(45, 45, 45, .1);
    background-size: cover;
    background-position: center center;
    animation: fadeIn 1.7s ease 0s 1 normal
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
#category-header.boxwidth {
    padding: 250px 60px 50px 60px;
    margin: -60px calc(-1 * var(--horizontal-padding)) 0 calc(-1 * var(--horizontal-padding));
    margin-bottom: 40px;
}
.pagetitle {
    padding: 0 0 20px 0;
}
.pagetitle h2 {
    margin: 10px 0 10px 0;
}
.breadcrumb {
    font-size: 1.2rem;
    padding: 0 0 20px 0;
    letter-spacing: 1px
}
.breadcrumb li, .breadcrumb li a {
    display: inline-block
}
.breadcrumb li a {
    position: relative;
    padding: 0 1.4em 0 0
}
.breadcrumb li a:after {
    position: absolute;
    right: 3px;
    top: 0;
    content: "/"
}
.ChildCategories {
    padding: 20px;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.ChildCategories.upper {
    margin: 20px 0 40px 0;
}
.ChildCategories.bottom {
    margin: 50px 0 40px 0;
}
.ChildCategories li {
    display: inline-block;
    margin: 5px 2em 5px 0;
    padding-left: 16px;
    font-size: .85em;
    position: relative;
    word-break: break-all
}
.ChildCategories li::before {
    font-size: 14px;
    font-family: 'Material Icons';
    content: "\e15b";
    position: absolute;
    top: 1px;
    left: 0;
    opacity: .4
}
@media only screen and (min-width:480px) {
    .msg_startButton {
        width: 52px !important;
        height: 52px !important;
        border-radius: 52px !important
    }
    #x_startMessenger .msg_startButton__icon {
        line-height: 52px !important;
        font-size: 20px
    }
}
.pagetop {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 12px;
    z-index: 1
}
.pagetop a {
    display: block;
    z-index: 9999999;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    align-items: center;
    background: #252525;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    opacity: .75;
    overflow: hidden;
    text-align: center;
    transition: all .25s;
    width: 40px;
    height: 40px
}
.pagetop a:hover {
    opacity: 1
}
@media only screen and (min-width:1000px) {
    .pagetop {
        visibility: hidden
    }
    .msg_startButton {
        right: 20px !important;
        bottom: 15px !important
    }
}
@media only screen and (max-width:1000px) {
    .msg_startButton {
        right: 20px !important;
        left: 20px !important;
        bottom: 15px !important
    }
}
@media only screen and (max-width:480px) {
    body.spFloatPurchaseTrue .msg_startButton, body.spFloatPurchaseTrue .line_startButton {
        bottom: 15px !important;
        transform: translateY(0);
        transition: all .5s ease
    }
    body.spFloatPurchaseMsgDispNone #x_message, body.spFloatPurchaseMsgDispNone #openLine {
        display: none
    }
    body.spFloatPurchaseTrue .pagetop {
        bottom: 15px;
        transform: translateY(0);
        transition: all .5s ease
    }
    .spFloatPurchaseBtn {
        transform: translateY(80px);
        opacity: 0;
        transition: all .5s ease
    }
    body.spFloatPurchaseBtnVisible .spFloatPurchaseBtn {
        opacity: 1;
        transform: translateY(0)
    }
    body.spFloatPurchaseTrue.spFloatPurchaseBtnVisible .msg_startButton, body.spFloatPurchaseTrue.spFloatPurchaseBtnVisible .line_startButton {
        bottom: 74px !important
    }
    body.spFloatPurchaseTrue.spFloatPurchaseBtnVisible .pagetop {
        bottom: 75px
    }
    body.spFloatPurchaseTrue .footerbar {
        padding-bottom: 130px;
    }
    body.spFloatPurchaseTrue.spFloatPurchaseMsgDispNone .footerbar {
        padding-bottom: 90px;
    }
}
#utilities {
    background: rgba(0, 0, 0, .2);
    background: rgba(255, 255, 255, .2);
    padding-left: var(--horizontal-padding);
    padding-right: var(--horizontal-padding);
    padding-top: var(--vertical-padding);
    padding-bottom: calc(var(--vertical-padding) - 30px)
}
#utilities {
    display: flex;
    flex-shrink: 1;
    flex-wrap: wrap;
    justify-content: space-between
}
#utilities .utilityG1, #utilities .utilityG2 {
    width: 47%;
    padding: 0 0 0 0
}
#utilities .utility {
    margin-bottom: 30px;
}
#utilities h3 {
    font-weight: bold;
    font-size: 1.4rem;
    letter-spacing: .06em;
    margin-bottom: 25px;
    position: relative;
    padding-left: 22px;
}
#utilities h3::before {
    font-size: 1.2em;
    font-family: 'Material Icons';
    content: "\e15b";
    opacity: .3;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}
.utility .read_more {
    text-align: right;
    margin: 10px 0;
}
.utility .read_more a {
    border-bottom: 1px solid;
    font-size: 1.2rem;
    padding: 0 2px 4px 2px;
}
.utility.imgbanner img {
    max-width: 100%;
}
.utility.textbanner {
    background: #e87070;
    color: #fff;
    padding: 15px;
    text-align: center
}
.utility.textbanner h4 {
    font-weight: 600;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 5px
}
.utility.textbanner p {
    font-size: .85em
}
.utility.textbanner a {
    display: block;
    color: #fff !important
}
.utility.realstore #retailstoreImg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    margin-bottom: 20px;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer;
    opacity: 1;
}
.utility.realstore #retailstoreImg:hover {
    opacity: .9
}
.utility.realstore dl, .utility.realstore dt, .utility.realstore dd {
    box-sizing: border-box;
    font-size: .94em;
}
.utility.realstore dt, .utility.realstore dd {
    padding: 3px 10px 0 0;
}
.utility.realstore dt {
    width: 6em;
    float: left;
}
.utility.realstore dd {
    margin-left: 6em;
    padding-bottom: 3px;
}
.utility.realstore dd:after {
    content: '';
    display: block;
    clear: both;
}
.utility.shipping .banner {
    background: rgba(255, 255, 255, .08);
    opacity: 1;
    border-radius: 4px;
    padding: 20px;
}
.utility.shipping .banner {
    padding: 10px 20px 10px 10px;
    position: relative
}
.utility.shipping .banner .deliveryicon {
    padding: 0;
    min-height: 50px;
    padding-left: 80px
}
.utility.shipping .banner .deliveryicon.noicon {
    padding-left: 10px;
}
.utility.shipping .banner .deliveryicon:before {
    font-size: 55px;
    font-family: 'Material Icons';
    position: absolute;
    top: 10px;
    left: 16px;
    opacity: .9
}
.utility.shipping .banner .deliveryicon.truck:before {
    content: "\e558";
}
.utility.shipping .banner .deliveryicon.giftbox:before {
    content: "\e8f6";
}
.utility.shipping .banner .deliveryicon.noicon:before {
    display: none;
}
.utility.shipping .banner h4 {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.2;
    margin: 6px 0 4px 0;
}
.utility.shipping .banner p span {
    padding: 0 4px;
}
.utility.payment ul {
    font-size: 0;
}
.utility.payment ul li {
    font-size: 1.2rem;
    display: inline-block;
    background: rgba(255, 255, 255, .08);
    padding: 10px 13px;
    border-radius: 4px;
    margin: 0 10px 10px 0;
}
.utility.payment ul li span {
    font-weight: 600;
    position: relative;
    padding-left: 18px
}
.utility.payment ul li span:before {
    font-weight: normal;
    font-size: 14px;
    font-family: 'Material Icons';
    content: "\e5ca";
    position: absolute;
    top: 0;
    left: 0;
    opacity: .6
}
.utility.payment ul li.credit {
    padding: 13px 13px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}
.utility.payment ul li.credit.nologo {
    display: inline-block;
    padding: 10px 13px;
}
.utility.payment ul li.credit span {
    white-space: nowrap;
    margin-right: 12px;
}
@media only screen and (min-width:767px) and (max-width:1300px) {
    .utility.payment ul li.credit span {
        display: none;
    }
}
@media only screen and (max-width:580px) {
    .utility.payment ul li.credit span {
        display: none;
    }
}
.utility.payment ul li.credit img {
    height: 35px;
    margin: 0 5px 0 0;
    background: #fff;
    padding: 3px;
    border-radius: 2px;
}
.utility.payment ul li.credit img:last-child {
    margin-right: 0;
}
.utility.payment ul li.carrier {}
.utility.payment ul li.bank {}
.utility.payment ul li.combini {}
.utility.payment ul li.paylater {}
.alertBanner {
    background-color: #d6d6d6;
    background-image: url('https://basefile.akamaized.net/ymtk/5cd91e27cd3f5/texture.png');
    color: #434040;
    padding: 30px 20px 80px 20px;
    text-align: center
}
.alertBanner strong {
    display: block;
    font-size: 1.4em;
    font-weight: 600;
    margin: 0 0 5px 0;
}
#mainFooter {
    clear: both;
    text-align: left;
    padding: 0;
}
.footerbar {
    background: #2f2e2e;
    padding: 20px 50px 70px 40px;
}
.footernav {
    display: flex;
    justify-content: space-between;
}
.footernav ul.pagenav li {
    font-size: .75em;
    letter-spacing: .05em;
    display: inline-block;
    margin: 0 20px 0 0
}
.footernav ul.pagenav li a {
    color: #d7d7d7 !important;
}
.footernav u.pagenav li a:hover {
    color: #f1f1f1 !important;
}
.footerFunc #baseMenu li {
    display: inline-block;
    margin: 0 6px;
}
.footerFunc #baseMenu li img {
    width: 22px;
    height: auto;
    vertical-align: bottom;
    filter: invert(100%)
}
address {
    font-size: 9px;
    margin: 20px 0 0 0;
    color: #878787;
    letter-spacing: 1px
}
address a {
    color: #878787 !important;
    border-bottom: 1px dotted #878787
}
#contact, #privacy, #law {
    margin: 0 0
}
.static_wrap, .tmpBox {
    height: auto;
    font-size: 13px;
    line-height: 1.8em
}
.static_wrap #about h2, .inquirySection h1, #privacy h2, #law h2 {
    letter-spacing: 1.5px;
    line-height: 1;
    margin: 0 0 30px 0;
    padding: 0 0 10px 0
}
.publish_date {
    text-align: right;
}
#blog.hideDate .blog_publish {
    display: none;
}
.blogListMain {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    gap: 60px 5%;
}
.blogListMain .paginate-wrp {
    grid-column: span 2;
}
.blog_inner {}
.blog_head_image img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.blog_body iframe.embed.youtube {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}
.blogtop {
    text-align: center;
    padding: 50px 0 0 0
}
.blogtop a.button {
    border: none;
    background: #c8c8c8;
    padding: 10px 20px;
    color: #ffffff;
    border-radius: 4px
}
.main #about>.blog_inner {
    border-bottom: none !important;
    padding: 0 !important;
    position: relative;
}
.main #about>.blog_inner .blog_contents {
    height: auto !important;
}
.main #about.blogListMain .blog_publish {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}
.main #about.blogListMain .blog_publish .publish_date {
    font-size: 11px;
    text-align: left;
    opacity: .7;
}
#about .publish_date {
    opacity: .7;
}
.static_wrap #about.blogListMain h2, .main #about.blogListMain h2 {
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
    font-size: 1.6em;
    font-weight: bold;
    text-transform: none;
    word-wrap: break-word;
}
.main #about>.blog_inner .blog_contents .read_more {
    background: none !important;
    bottom: auto !important;
    padding-top: 25px;
    position: relative !important;
    width: 100%;
}
.main #about .read_more a {
    color: inherit !important;
    font-weight: normal !important;
    border-bottom: 1px solid;
    font-size: 1em;
    padding-bottom: 4px;
}
.paginate-wrp {
    margin-top: 0 !important;
}
ul.paginate {
    justify-content: center !important;
}
.paginate li a {
    color: #8c8c8c !important;
}
.main #about.blogDetail .blog_publish {
    margin: 0 !important;
}
.static_wrap #about p {
    line-height: 1.75em;
    text-align: left !important;
}
.static_wrap #about .shopbio a {
    text-decoration: underline;
    word-break: break-all
}
.static_wrap #about .shopbio a:hover {
    opacity: .8
}
.static_wrap #about p {
    line-height: 1.75em;
}
.static_wrap #about #AboutHeaderImg img {
    width: 100%;
}
.static_wrap #about .shopbio {
    font-size: 1.1em;
    padding: 20px 0;
}
.static_wrap #about h3 {
    margin: 60px 0 20px 0;
    padding-left: 30px;
    position: relative;
}
.static_wrap #about h3::before {
    font-size: 1.2em;
    font-family: 'Material Icons';
    content: "\e15b";
    opacity: .3;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}
#shopinfo dl, #shopinfo dt, #shopinfo dd {
    box-sizing: border-box;
}
#shopinfo dt, #shopinfo dd {
    padding: 3px 10px 0 0;
}
#shopinfo dt {
    width: 6em;
    float: left;
}
#shopinfo dd {
    margin-left: 6em;
    padding-bottom: 3px;
}
#shopinfo dd:after {
    content: '';
    display: block;
    clear: both;
}
.gmap .embedcode {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    margin: 20px 0 30px 0;
}
.gmap .embedcode iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100% !important;
    width: 100% !important;
}
#about #payment {
    padding: 30px 0;
}
#about #payment ul {
    margin: 20px;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
#about #payment ul li {
    display: block;
    position: relative;
    padding: 25px 0 25px 24px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: flex
}
#about #payment ul li:before {
    font-weight: normal;
    font-size: 16px;
    font-family: 'Material Icons';
    content: "\e5ca";
    position: absolute;
    top: 34px;
    left: 0
}
#about #payment ul li span {
    font-weight: 600;
    font-size: 1em;
    padding: 10px 0 0 5px;
    display: block;
    flex-basis: 300px
}
#about #payment ul li img {
    border: none;
    vertical-align: bottom;
    font-size: 0;
    border-radius: 3px;
    opacity: .85;
    background: #ffffff;
    border-image-outset: 1rem;
    border: 6px solid #ffffff;
    border-left-width: 10px;
    border-right-width: 10px;
    box-sizing: content-box;
    border-radius: 3px
}
#about #payment ul li.credit img {
    height: 32px;
    margin-right: 10px
}
#about #payment ul li.credit p.textguide {
    display: none;
}
#about #payment ul li.credit.nologo p.textguide {
    display: block
}
#about #payment ul li.credit.nologo span {
    padding-top: 0;
}
#about #payment ul li.nologo:before {
    top: 26px;
}
#about #payment ul li.payID img {
    height: 26px;
    margin: 8px 0 0 0
}
#about #payment ul li.bank img {
    height: 40px
}
#about #payment ul li.combini img {
    height: 35px
}
#about #payment ul li.carrier div img {
    vertical-align: middle;
    display: inline-block;
    margin-right: 22px;
}
#about #payment ul li.carrier div img[src*=carrier_docomo] {
    width: 60px;
    height: auto
}
#about #payment ul li.carrier div img[src*=carrier_au_uq] {
    width: 65px;
    height: auto
}
#about #payment ul li.carrier div img[src*=carrier_softbank] {
    width: 75px;
    height: auto
}
#about #payment ul li.amznpay img {
    height: 25px;
    margin: 10px 0 0 0;
}
#about #payment ul li.paypal img {
    height: 30px
}
#about #payment ul li.paylater img {
    width: 500px;
    height: 100%
}
#about #shipping {
    padding: 20px 0 50px 0;
}
#about .sociallinks {
    text-align: center
}
#about .sociallinks ul li img {
    width: 25px;
}
.sociallinks {
    margin: 20px 0 35px 0;
}
.sociallinks ul {
    padding: 15px 0;
}
.sociallinks ul li {
    display: inline-block;
    font-weight: 600;
    margin: 0 5px;
}
.sociallinks ul li img {
    width: 20px
}
.sociallinks ul li a:hover img {
    opacity: .7
}
.sociallinks ul li.tw img {
    background: #fff;
    border: 2px solid #fff;
    border-radius: 2px;
}
.sociallinks.gray a img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%)
}
#privacy h3, #privacy dt {
    font-weight: 600;
    margin: 40px 0 8px;
    font-size: 1.2em;
}
#privacy .privacy_intro {
    margin: 0 0 20px;
}
#law h3 {
    font-weight: 600;
    font-size: 1.1em;
    margin: 40px 0 10px;
}
.inquirySection form {
    margin: 20px 0 0 0;
}
.inquirySection dl {
    text-align: left;
}
.inquirySection dl dt {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 1.1em;
}
.inquirySection dl dt span {
    font-size: 11px;
    line-height: 11px;
    margin-left: 10px;
    color: #ee6b7b;
    vertical-align: baseline;
}
.inquirySection dl dd {
    margin-bottom: 20px;
}
.inquirySection dl dd input {
    width: 80%;
    padding: 10px;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
.inquirySection dl dd textarea {
    width: 80%;
    height: 135px;
    padding: 10px;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
@-moz-document url-prefix() {
    .inquirySection dl dd textarea {
        font-size: 11px
    }
}
.control-panel {
    padding: 30px 0
}
.inquirySection .control-panel input#buttonLeave {
    -webkit-appearance: none;
    display: block;
    width: 50%;
    line-height: 1;
    color: #fff;
    font-weight: 600;
    background-color: transparent;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 2px;
    padding: 20px 0;
    text-align: center;
    border: 0;
    background: #333;
    -webkit-font-smoothing: antialiased;
    outline: 0;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}
.inquirySection .control-panel input#buttonLeave:hover {
    background: #444;
    color: #fff;
}
#inquiryConfirmSection p {
    font-size: 12px;
    line-height: 12px;
}
#inquiryConfirmSection form {
    margin: 30px 0 0 0;
}
#inquiryConfirmSection dd {
    padding-left: 15px;
}
#inquiryCompleteSection p {
    margin: 30px 0 0;
    line-height: 1.4em;
}
#inquiryCompleteSection a {
    border: none;
    width: 100%;
    height: 50px;
    margin: 30px 0 0 0;
    line-height: 50px;
    color: #666666;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 2px;
    font-size: 15px;
    background-color: #e5e5e5;
    -webkit-font-smoothing: antialiased;
    box-shadow: 2px 2px 1px #b2b2b2;
    -moz-box-shadow: 2px 2px 1px #b2b2b2;
    outline: 0;
    display: block;
}
#inquiryCompleteSection a:hover {
    background-color: #cccccc;
}
#inquiryCompleteSection a:active {
    top: 3px;
    left: 3px;
    background-color: #b2b2b2;
    position: relative;
    -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, .3) inset;
    -moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, .3) inset;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, .3) inset;
}
.inquirySection .error-message {
    color: #e75858;
    font-size: 14px;
    padding: 12px
}
.inquirySection .error {
    background-color: #ffe8e8;
    border-radius: 2px;
    width: 80%
}
#item_page_wrap .firstview, #item_page_wrap .bottomPurchaseFollow {
    word-wrap: break-word;
    display: flex;
    justify-content: space-between;
    align-items: stretch
}
#item_page_wrap #item-photos, #item_page_wrap .followLeft {
    flex-basis: 50%;
    position: relative;
}
#item_page_wrap #item-body, #item_page_wrap .followRight {
    flex-basis: 44%;
}
#item_page_wrap h1.itemTitle {
    letter-spacing: 1px;
    margin-bottom: 30px
}
#item_page_wrap h2 {
    margin-bottom: 20px;
}
.pswp {
    z-index: 99999999 !important;
}
.pswp__bg {
    background: rgba(0, 0, 0, .9) !important;
}
.pswp__caption__center {
    font-weight: bold !important;
}
.pswp__caption__center small {
    font-size: .7em !important;
    font-weight: normal;
}
#item-photos .photoStage img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
#item-photos .photoStage {
    position: relative;
    text-align: center;
}
.photoThumbs {
    width: 100%;
    margin-top: 12px;
}
.photoThumbs ul {
    display: grid;
    width: 100%;
    gap: 12px;
}
.photoThumbs.thumbClm5 ul {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}
.photoThumbs.thumbClm4 ul {
    grid-template-columns: 1fr 1fr 1fr 1fr
}
.photoThumbs.thumbClm3 ul {
    grid-template-columns: 1fr 1fr 1fr
}
.photoThumbs.thumbClm2 ul {
    grid-template-columns: 1fr 1fr
}
.photoThumbs.racio11 ul li img {
    aspect-ratio: 1 / 1
}
.photoThumbs.racio45 ul li img {
    aspect-ratio: 4 / 5
}
.photoThumbs.racio23 ul li img {
    aspect-ratio: 2 / 3
}
.photoThumbs.racio32 ul li img {
    aspect-ratio: 3 / 2
}
.photoThumbs.racio00 ul li img {
    aspect-ratio: none
}
.photoThumbs a {
    display: block;
    height: 100%
}
.photoThumbs a img {
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    object-fit: cover
}
#item_page_wrap .secondview {
    padding: 60px 0 0 0
}
#item_page_wrap .purchaseFollow {
    padding: 120px 0 30px 0;
}
#appsItemDetailCustom {
    clear: both;
    padding: 80px 0 0 0;
    margin: 0 auto;
}
#appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_heading {
    font-size: inherit;
    font-weight: normal;
    font-size: 2.2rem;
}
#appsItemDetailCustom #appsItemDetailCustomTag p.appsItemDetailCustomTag_description {
    font-size: inherit;
    font-size: 1.4rem;
    line-height: 1.75em;
    margin-bottom: 50px;
}
#appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_image {
    margin-bottom: 50px;
}
#appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_youtube, #appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_vimeo {
    margin-bottom: 50px;
}
#appsItemDetailCustom #appsItemDetailCustomTag .appsItemDetailCustomTag_slider {
    margin-bottom: 50px;
}
#appsItemDetailCustom #appsItemDetailCustomTag .baseCarousel_2boHcgS0 .baseCarousel__button-next_1NqAAH22, #appsItemDetailCustom #appsItemDetailCustomTag .baseCarousel_2boHcgS0 .baseCarousel__button-prev_1hRzj9o_ {
    background-size: 30%;
}
#appsItemDetailCustom #appsItemDetailCustomTag .baseCarousel_2boHcgS0 .baseCarousel__button_3MoazwSm {
    width: 30px;
    height: 48px;
}
#item_page_wrap #item_detail {
    font-size: 1.4rem;
    line-height: 1.75em;
    margin: 30px 0 50px;
}
#item_page_wrap #price {
    position: relative;
    font-size: 1rem
}
#item_page_wrap p.bnplBanner {
    margin: 10px 0 20px 0;
}
#item_page_wrap #price.price_soldout {
    padding: 2em 0 0 0
}
#item_page_wrap #price.price_soldout span, #item_page_wrap .soldout {
    font-weight: bold;
    color: #fff;
    font-size: 1.1em;
    letter-spacing: 2px;
    border-radius: 2px;
    background: var(--discount-color);
    padding: 5px 15px;
    color: #fff
}
#item_page_wrap #price.price_soldout span {
    position: absolute;
    left: 0;
    top: -1em
}
#item_page_wrap .soldout {
    font-size: 1.1rem;
}
#item_page_wrap #price p {
    margin: 0 0 10px 0;
    padding: 0 0 3px;
    text-align: left;
    word-break: break-word
}
#item_page_wrap #price p:first-letter {
    font-size: .8em;
    margin-right: 3px;
}
#item_page_wrap #price.price_soldout p {
    text-decoration: line-through
}
#item_page_wrap .discounted {
    line-height: 1;
    padding: 0 0 6px 0;
    vertical-align: middle;
}
#item_page_wrap .properprice {
    display: inline-block;
    text-decoration: line-through;
    font-size: 1.2em;
    opacity: .8;
    vertical-align: middle
}
#item_page_wrap .properprice:first-letter {
    font-size: .9em;
    margin-right: 2px;
}
#item_page_wrap .discountrate {
    display: inline-block;
    color: var(--discount-color);
    border: 1px solid var(--discount-color);
    font-size: .9em;
    letter-spacing: 1px;
    vertical-align: middle;
    padding: 5px 10px 4px 10px;
    line-height: 1;
    border-radius: 2px;
    margin-left: 1em
}
.item-meta .properprice {
    text-decoration: line-through;
    opacity: .7;
}
.item-meta .discountrate, .communityMain .communityItems .communityItem .communityItemPrice .discount {
    font-size: .8em !important;
    color: var(--discount-color) !important;
    border: 1px solid var(--discount-color) !important;
    background-color: transparent !important;
    border-radius: 3px;
    padding: 2px 5px !important;
    font-weight: normal !important;
    line-height: 1;
    display: inline-block
}
.discountprice {
    color: var(--discount-color);
    word-break: break-word;
}
.item-meta .discountprice {
    white-space: normal;
    line-height: 1;
    margin-right: .4em
}
.item-meta .discountprice:first-letter {
    font-size: .9em;
    margin-right: 2px;
}
.filename span {
    display: block;
    font-weight: normal;
    font-family: monospace;
    margin: 20px 0;
    font-size: 1.6rem;
    line-height: 1;
    word-break: break-all;
    letter-spacing: 0;
    background: #f3f4f4;
    color: #545757;
    padding: 10px 10px 10px 38px;
    border-radius: 3px;
    position: relative
}
.filename span::before {
    font-size: 1.2em;
    font-family: 'Material Icons';
    content: "\e8a7";
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}
#item_page_wrap .stockStatus {
    margin: 0 0 20px 0
}
#item_page_wrap p.sorry a {
    display: inline;
    font-weight: bold;
    color: #ec6666;
}
#item_page_wrap #itemAttention {
    color: #484747;
    line-height: 1em;
    margin-bottom: 40px;
}
#item_page_wrap #itemAttention p {
    font-size: .8em;
    line-height: 1.4;
    margin-bottom: 4px;
}
#item_page_wrap #itemAttention .free {
    color: #ff7676;
}
#item_page_wrap #purchase_form #itemSelect {
    margin: 20px 0 30px;
    text-align: left;
}
#item_page_wrap #purchase_form #itemSelect label {
    font-size: 1.2rem;
    font-weight: bold;
    margin-right: 5px;
}
#item_page_wrap #purchase_form #variationSelectWrap {
    display: block;
    margin-bottom: 8px;
}
#item_page_wrap #purchase_form select {
    font-weight: bold
}
#item_page_wrap #purchase_form #variationSelectWrap select {
    width: 80%;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    margin-bottom: 0 !important;
}
#item_page_wrap #purchase_form #amountSelectWrap select {
    padding: 4px 2px;
    min-width: 100px;
    margin: 0
}
.ageVerificationWarning {
    line-height: 1.5;
    font-size: 1.7em !important;
    color: #939391 !important;
    letter-spacing: -.7px
}
.si-attentionTriangle:before {
    margin-right: 3px;
    font-size: .9em;
}
#item_page_wrap #purchase_form #amountSelectWrap {
    margin: 20px 0 10px 0;
}
#item_page_wrap .itemOption__input {
    width: 100%;
    margin: 8px 0;
    font-size: 1em;
    padding: 10px;
}
#item_page_wrap .itemOption__input[data-dirty="true"][data-has-error="true"] {
    border: #F07F7F 1px solid;
}
#item_page_wrap #purchase_form label.itemOption__name {
    font-size: 1.7rem;
    margin: 15px 0 8px 0;
    line-height: 1.5em;
    display: block;
}
#item_page_wrap #purchase_form .itemOption__caption {
    font-size: 12px;
    margin: 0 0 8px 0;
    line-height: 1.75em
}
#item_page_wrap #purchase_form .itemOption__bottomCaptionBlock {}
#item_page_wrap #purchase_form .itemOption__caption--error {
    float: left;
    font-size: 12px;
    line-height: 1em;
    display: block;
    color: #ed6565;
    border-radius: 2px;
}
#item_page_wrap #purchase_form .itemOption__count {
    float: right;
    font-size: 12px;
    line-height: 1em;
    display: block;
}
#item_page_wrap #purchase_form .itemOption__count--error {
    color: #ed6565;
}
#item_page_wrap select {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-weight: normal !important;
    font-size: 1.1em !important;
}
#item_page_wrap select.itemOption__select {
    width: 100%;
}
.purchaseButton__btn:disabled, .purchaseButton__btn.purchaseButton__btn--disabled, .purchaseButton__btn.purchaseButton__btn--comingSoonStay {
    background: #ababab !important;
    border: none;
    font-weight: bold !important;
    cursor: not-allowed !important
}
.purchaseButton__btn:disabled:hover, .purchaseButton__btn.purchaseButton__btn--disabled:hover, .purchaseButton__btn.purchaseButton__btn--comingSoonStay:hover {
    background: #ababab !important
}
#item_page_wrap #purchase_form .purchaseButton {
    text-align: center;
}
#item_page_wrap #purchase_form .purchaseButton__btn, .spFloatPurchaseBtn .purchaseButton__btn {
    -webkit-appearance: none;
    display: block;
    margin: 20px 0;
    width: 99%;
    line-height: 1;
    font-size: 1em;
    color: #fff;
    font-weight: bold;
    background-color: transparent;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 2px;
    padding: 20px 0;
    text-align: center;
    border: 0;
    background: #333;
    -webkit-font-smoothing: antialiased;
    outline: 0;
    border-radius: 4px;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}
.spFloatPurchaseBtn .purchaseButton__btn {
    margin: 0;
    padding: 15px 0
}
#item_page_wrap #purchase_form .purchaseButton__btn:hover {
    background: #646464;
    color: #fff
}
.purchaseButton__btn.purchaseButton__btn--addToCart {
    background: #ec8484;
    letter-spacing: 2px
}
.purchaseButton__btn.purchaseButton__btn--noItem {
    background: #ec8484;
    font-size: .9em;
    letter-spacing: 0 !important
}
.purchaseButton__btn.purchaseButton__btn--comingSoon {
    background: #ec8484;
    font-size: .9em
}
.purchaseButton__btn.purchaseButton__btn--comingSoonStay {
    background: #acacac;
    font-weight: normal !important;
    cursor: default !important;
}
.purchaseButton__btn.purchaseButton__btn--endOfSale {
    letter-spacing: 0 !important;
    font-size: .9em;
}
.attention.salesPeriod.salesPeriod--willStart, .attention.salesPeriod.salesPeriod--term, .attention.salesPeriod.salesPeriod--finish, .attention.salesPeriod.salesPeriod--available {
    font-size: 1.5rem;
    line-height: 1.8em !important;
    text-align: center;
    padding: 15px 10px;
    margin: 15px 0 !important;
    font-weight: bold;
    border-radius: 4px;
    font-size: 1.2rem !important;
    border: 2px solid
}
.actionbox .comingSoon {
    border: 1px solid #646464;
    color: #646464;
    border-radius: 2px;
    font-weight: bold;
    line-height: 1.1em;
    letter-spacing: .2em;
    display: inline-block;
    font-size: 11px;
    padding: 10px 10px 10px 33px;
    margin: 10px 0;
    position: relative
}
.actionbox .comingSoon:before {
    position: absolute;
    left: 9px;
    top: 10px;
    font-size: 17px;
    font-family: 'Material Icons';
    opacity: .9;
    content: "\e8b5"
}
#item_page_wrap #itemAttention p.salesPeriod {
    margin-left: 0
}
#item_page_wrap #itemAttention p.salesPeriod:first-letter {
    margin-left: 0
}
.actionbox p.sorry {
    line-height: 1.7;
    font-size: .9em;
    text-decoration: none;
    padding: 15px 20px;
    -webkit-font-smoothing: antialiased;
    outline: 0;
    margin: 15px 0 !important;
    background: #f6f6f6;
}
.purchaseButtonModal__wrapper {
    z-index: 9999999999 !important
}
#salesPeriodModal .salesPeriodModal__container {
    border-radius: 0 !important;
    box-shadow: 0 0 30px rgba(56, 67, 89, .1) !important
}
#salesPeriodModal .salesPeriodModal__inner {
    padding: 40px !important
}
#salesPeriodModal .salesPeriodModal__container p {
    box-shadow: none !important
}
#salesPeriodModal p.salesPeriodModal__title {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px !important
}
#salesPeriodModal .salesPeriodModal__btn--submit {
    background: #404040 !important
}
#salesPeriodModal .salesPeriodModal__btn {
    border-radius: 0 !important;
    color: #fff;
    font-size: 12px !important;
    font-weight: normal !important
}
#salesPeriodModal .salesPeriodModal__subText {
    margin-bottom: 20px !important
}
.preOrder__label, .lottery__label, .takeout__label {
    border: 1px solid #646464;
    color: #646464;
    border-radius: 2px;
    font-weight: bold;
    line-height: 1.1em;
    letter-spacing: .2em;
    display: inline-block;
    font-size: 12px;
    padding: 10px 10px 10px 33px;
    margin: 10px 0;
    position: relative
}
.preOrder__label:before, .lottery__label:before, .takeout__label:before {
    position: absolute;
    left: 9px;
    top: 10px;
    font-size: 17px;
    font-family: 'Material Icons';
    opacity: .9
}
.preOrder__label::before {
    content: "\e52d";
}
.lottery__label:before {
    content: "\ef76"
}
.takeout__label:before {
    content: "\e54c"
}
.lottery__data, .preOrder__data, .takeout__data {
    display: block;
    font-size: 1.5rem;
    line-height: 1.8em !important;
    text-align: center;
    padding: 15px 10px;
    margin: 15px 0 !important;
    font-weight: bold;
    border-radius: 4px;
    font-size: 1.2rem !important;
    border: 2px solid
}
.item-meta .applabels {
    margin: 6px 0 0 0
}
.item-meta .preOrder, .item-meta .lottery, .item-meta .takeout, .item-meta .community {
    background: #333;
    color: #fff;
    border-radius: 2px;
    padding: 4px 7px 3.5px 7px;
    font-weight: bold;
    font-size: 1rem;
    line-height: 28px;
    margin-right: 3px;
    letter-spacing: .1em;
}
.item-meta .community {
    background: #f4bb29;
}
#socialbox {
    width: 100%;
}
.sharebtn {
    margin: 60px 0 0px 0;
    font-size: .8em;
    text-align: right;
}
.sharebtn li {
    float: right
}
.sharebtn li.facebook {
    width: 90px;
    margin: 0 0 0 0
}
#item_page_wrap #embedded_tag p {
    color: #b5b5b5;
    font-size: .8em;
}
#item_page_wrap #embedded_tag textarea {
    width: 80%;
}
.shippingModal__overlay {
    z-index: 9999999 !important;
}
.shippingModal {
    z-index: 10000000 !important;
}
.bottomPurchaseFollow {
    background: #f8f8f8;
    padding: 50px;
    margin: 50px 0
}
#item_page_wrap .bottomPurchaseFollow h1.itemTitle {
    font-size: 2rem !important;
}
#item_page_wrap .bottomPurchaseFollow #purchase_form #itemSelect {
    margin: 0;
}
#item_page_wrap .bottomPurchaseFollow #purchase_form .purchaseButton__btn {
    margin-bottom: 0;
}
.spFloatPurchaseBtn {
    display: none;
}
@media only screen and (max-width:480px) {
    .spFloatPurchaseBtn {
        display: none;
        position: fixed;
        bottom: 0;
        z-index: 900;
        width: 100%;
        background: rgba(255, 255, 255, .8);
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
        -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
        height: auto
    }
    .spFloatPurchaseTrue .spFloatPurchaseBtn {
        display: block
    }
    .spFloatPurchaseBtn .inner {
        padding: 10px 15px;
        position: relative
    }
    .spFloatPurchaseBtn .inner a.overwrapBtn {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% - 30px);
        height: calc(100% - 20px);
        margin: 10px 15px;
        display: block;
        cursor: pointer
    }
    .spFloatPurchaseBtn .communityBox.communityData {
        display: none;
    }
}
#reportBtn {
    padding: 10px 0 0 0;
    text-align: right;
    clear: both;
}
#reportBtn a#openIllegalReport {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 4px 10px;
    background: rgb(204, 204, 204);
    display: inline;
    color: #787878 !important;
    cursor: pointer;
    font-size: 11px;
    margin-top: 3px;
    text-decoration: none;
}
#reportBtn a#openIllegalReport:hover {
    background: #f16767 !important;
    color: #fff !important;
}
#reportMessage {
    color: #468847;
    font-size: 14px;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 14px;
    margin: 20px;
    width: 80%;
}
#reviews {
    margin: 25px 0 20px 0;
    word-wrap: break-word
}
#reviews h2.review01__title {
    padding: 0 0 10px !important;
    position: relative;
    padding-left: 30px !important
}
#reviews h2.review01__title:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
    font-family: 'Material Icons';
    content: "\f054";
    color: #cbcbcb;
    opacity: .8
}
#reviews h2.review01__title, .review01__tab {
    font-family: Arial, Helvetica, 'Hiragino Sans', "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", sans-serif
}
.review01__tabWrap {
    border-bottom: 1px dotted #dad9d2 !important;
    border-top: 1px dotted #dad9d2 !important;
    margin-bottom: 10px
}
.review01__listChild+.review01__listChild {
    border-top: 1px dashed #ddd !important
}
#reviews h2.review01__title {
    font-size: 16px !important;
}
.review01__radio+label {
    font-size: 12px !important;
}
.review01__list {
    height: 400px !important;
    overflow-y: scroll !important
}
.review01__list li {
    width: 100%;
    padding: 25px 0;
    zoom: 1
}
.review01__list li:after {
    content: "";
    display: block;
    clear: both
}
.review01__count {
    font-size: 1.2em
}
.review01__list li figure.review01__itemInfo {
    width: 22%;
    float: left;
    font-family: Arial, Helvetica, 'Hiragino Sans', "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", sans-serif
}
.review01__list li p.review01__comment {
    width: 76%;
    float: right;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.7em !important
}
.review01__reply {
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1.7em !important;
    max-width: 70%;
    padding: 15px 25px !important
}
img.review01__img {
    border-radius: 50%
}
.review01__imgWrap {
    width: 88px !important;
}
.review01__listLoading {
    background: url(https://basefile.s3.amazonaws.com/ymtk/596f943290ec4/ajax-loader-gray.gif) no-repeat center center !important
}
@media only screen and (max-width:979px) {
    .review01__list li figure.review01__itemInfo {
        width: 30%
    }
    .review01__list li p.review01__comment {
        width: 67%
    }
    .review01__list {
        border-bottom: none !important
    }
}
@media only screen and (min-width:480px) and (max-width:749px) {
    .review01__list li figure.review01__itemInfo {
        width: 30%
    }
    .review01__list li p.review01__comment {
        width: 67%
    }
    .review01__imgWrap {
        width: 60px !important;
    }
    img.review01__img {
        max-width: 60px
    }
}
@media only screen and (max-width:479px) {
    .review01__list li figure.review01__itemInfo, .review01__list li p.review01__comment {
        width: 100%;
        float: none
    }
    .review01__list li figure.review01__itemInfo {
        padding-bottom: 20px;
    }
}
h3#relatedItems-title {
    margin: 80px 0 50px 0;
    text-align: center
}
#relatedItems {
    padding: 0 0 0 0
}
h3#itemDetail-undersection {
    margin: 0 0 50px 0;
    text-align: center
}
@media only screen and (max-width:767px) {
    h3#itemDetail-undersection {
        margin: 0 0 20px 0;
    }
}
#saleitemsBox, #viewhistoryBox {
    padding: 20px 0 40px 0;
}
#saleitemsBox .itemThumbClm3, #viewhistoryBox .itemThumbClm3 {
    gap: 20px 4%;
}
#item_page_wrap #saleitemsBox .discountrate, #item_page_wrap #viewhistoryBox .discountrate {
    margin-left: 0 !important;
}
#saleitemsBox .item-meta .item-price, #viewhistoryBox .item-meta .item-price {
    margin-bottom: 3px;
}
#saleitemsBox {
    position: relative;
    overflow: hidden;
}
.swiper-button-prev, .swiper-button-next {
    background: rgba(255, 255, 255, .3);
    top: 53% !important
}
.swiper-button-prev {
    left: 0 !important;
}
.swiper-button-next {
    right: 0 !important;
}
@media only screen and (max-width:767px) {
    .swiper-button-prev, .swiper-button-next {
        display: none !important;
    }
}
.swiper-button-prev::after, .swiper-button-next::after {
    display: none;
}
.swiper-button-prev::before, .swiper-button-next::before {
    font-size: 11px;
    color: rgba(0, 0, 0, .8);
    line-height: 1;
    font-family: 'Material Icons';
}
.swiper-button-prev::before {
    content: "\e5e0"
}
.swiper-button-next::before {
    content: "\e5e1"
}
.swiper-slide.item-box {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important
}
.swiper-slide.item-box.effect-scroll {
    opacity: 1;
    transform: none !important
}
.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center;
}
#moreItems, #viewmorebtn {
    clear: both;
    text-align: center;
    padding-top: 40px
}
#moreItems a, #viewmorebtn a {
    background: #444;
    font-weight: 600;
    color: #fff;
    padding: 15px 80px;
    display: inline-block;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.itemThumbClm2 {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    gap: 60px 5%;
}
.itemThumbClm3 {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px 4%;
}
.itemThumbClm4 {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: dense;
    gap: 55px 2.8%
}
@media only screen and (max-width:767px) {
    .itemThumbClm4 {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 50px 4%
    }
}
@media only screen and (max-width:480px) {
    .itemThumbClm2.spClm2 {
        gap: 30px 5%
    }
    .itemThumbClm2.spClm1 {
        grid-template-columns: 1fr;
        gap: 50px 0%
    }
    .itemThumbClm3.spClm3, .itemThumbClm4.spClm3 {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 30px 4%
    }
    .itemThumbClm3.spClm3 .item-price, .itemThumbClm4.spClm3 .item-price {
        font-size: .85em;
    }
    .itemThumbClm3.spClm2, .itemThumbClm4.spClm2 {
        grid-template-columns: 1fr 1fr;
        gap: 30px 5%
    }
    #relatedItems.itemThumbClm3 {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 50px 4%
    }
}
.radius00 .hero, .radius00 .item-thumb-wrap, .radius00 .bottomPurchaseFollow, .radius00 .topIntro img, .radius00 #collections img, .radius00 #rssbox ul li a img, .radius00 #AboutHeaderImg img, .radius00 .utility.realstore a#retailstoreImg, .radius00 .blog_head_image img, .radius00 .blog_body img, .radius00 .communityImageContainer, .radius00 #item-photos .photoStage img, .radius00 #item-photo img, .radius00 #appsItemDetailCustom img, .radius00 .textbanner, .radius00 .imgbanner img, .radius00 .blog_body iframe.embed.youtube, .radius00 .membership .guide .register, .radius00 .membership img {
    border-radius: 0;
}
.radius05 .hero, .radius05 .item-thumb-wrap, .radius05 .bottomPurchaseFollow, .radius05 .topIntro img, .radius05 #collections.boxed img, .radius05 #rssbox ul li a img, .radius05 #AboutHeaderImg img, .radius05 .utility.realstore a#retailstoreImg, .radius05 .blog_head_image img, .radius05 .blog_body img, .radius05 .communityImageContainer, .radius05 #item-photos .photoStage img, .radius05 #item-photo img, .radius05 #appsItemDetailCustom img, .radius05 .textbanner, .radius05 .imgbanner img, .radius05 #newsletter-popup, .radius05 .blog_body iframe.embed.youtube, .radius05 .membership .guide .register, .radius05 .membership img {
    border-radius: 5px;
}
.radius05 .nl-wraper-popup-right {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.radius10 .hero, .radius10 .item-thumb-wrap, .radius10 .bottomPurchaseFollow, .radius10 .topIntro img, .radius10 #collections.boxed img, .radius10 #rssbox ul li a img, .radius10 #AboutHeaderImg img, .radius10 .utility.realstore a#retailstoreImg, .radius10 .blog_head_image img, .radius10 .blog_body img, .radius10 .communityImageContainer, .radius10 #item-photos .photoStage img, .radius10 #item-photo img, .radius10 #appsItemDetailCustom img, .radius10 .textbanner, .radius10 .imgbanner img, .radius10 #newsletter-popup, .radius10 .blog_body iframe.embed.youtube, .radius10 .membership .guide .register, .radius10 .membership img {
    border-radius: 10px;
}
.radius10 .nl-wraper-popup-right {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}
.radius20 .hero, .radius20 .item-thumb-wrap, .radius20 .bottomPurchaseFollow, .radius20 .topIntro img, .radius20 #collections.boxed img, .radius20 #rssbox ul li a img, .radius20 #AboutHeaderImg img, .radius20 .utility.realstore a#retailstoreImg, .radius20 .blog_head_image img, .radius20 .blog_body img, .radius20 .communityImageContainer, .radius20 #item-photos .photoStage img, .radius20 #item-photo img, .radius20 #appsItemDetailCustom img, .radius20 .textbanner, .radius20 .imgbanner img, .radius20 #newsletter-popup, .radius20 .blog_body iframe.embed.youtube, .radius20 .membership .guide .register, .radius20 .membership img {
    border-radius: 20px;
}
.radius20 .nl-wraper-popup-right {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
@media only screen and (max-width:480px) {
    .radius20 .nl-wraper-popup-right {
        border-bottom-right-radius: 0;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
}
.radius00 .photoThumbs img {
    border-radius: 0;
}
.radius05 .photoThumbs img {
    border-radius: 5px;
}
.radius10 .photoThumbs img {
    border-radius: 5px;
}
.radius20 .photoThumbs img {
    border-radius: 5px;
}
.item-box {
    position: relative;
}
.item-box a {
    display: block;
    padding: 0;
    position: relative;
    outline: none
}
.item-box .item-thumb-wrap {
    display: block;
    overflow: hidden
}
.item-img__primary img {
    opacity: 0;
    vertical-align: bottom;
    width: 100%;
    object-fit: cover
}
.communityImageContainer img {
    object-fit: cover;
}
.item-box .item-thumb-wrap, .communityImageContainer {
    position: relative;
    z-index: 1
}
.racio11 .item-img__primary img, .racio11 .communityImageContainer img {
    aspect-ratio: 1 / 1
}
.racio45 .item-img__primary img, .racio45 .communityImageContainer img {
    aspect-ratio: 4 / 5
}
.racio23 .item-img__primary img, .racio23 .communityImageContainer img {
    aspect-ratio: 2 / 3
}
.racio32 .item-img__primary img, .racio32 .communityImageContainer img {
    aspect-ratio: 3 / 2
}
.racio00 .item-img__primary img, .racio00 .communityImageContainer img {
    aspect-ratio: none
}
.item-img__primary {
    display: block;
    background-position: center center;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.item-img__primary:hover {
    opacity: .9;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer
}
.item-meta .waitingForSale {
    font-weight: bold;
    color: #fff;
    background: #11ac9d;
    border-radius: 2px;
    padding: 4px 8px;
    font-size: 1.1rem;
    line-height: 1;
    letter-spacing: 1px
}
@media only screen and (max-width:480px) {
    .item-meta .waitingForSale {
        font-size: .95rem
    }
}
.item-meta {
    padding: 18px 0 0 0;
    text-align: left
}
.item-meta .item-title {
    margin-bottom: 15px;
    font-size: 1.4rem;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word
}
.itemThumbClm2 .item-meta .item-title {
    font-size: 1.7rem
}
.itemThumbClm3 .item-meta .item-title, .itemThumbClm4 .item-meta .item-title {
    font-size: 1.4rem
}
.item-meta span {
    vertical-align: baseline;
    word-break: keep-all
}
.item-meta .item-price {
    line-height: 1;
    vertical-align: middle;
    display: block;
    line-height: 1.3;
    margin-bottom: 8px;
    word-wrap: anywhere;
    word-break: break-word
}
.item-meta .item-price:first-letter {
    font-size: .9em;
    margin-right: 2px;
}
.item-meta .soldout span, .communityMain .communityItems .communityItem .communityItemLabel.soldOutText {
    display: inline-block;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 1px;
    border-radius: 2px;
    background: #47474a;
    ;
    padding: 4px 10px 4px 10px;
    margin-right: 3px;
    color: #fff;
    background-color: var(--discount-color);
}
.item-box img.label_image {
    position: absolute !important;
    top: -10px;
    left: -4px;
    height: 45px;
    width: 45px;
    z-index: 1000 !important;
    background: transparent !important;
}
@media only screen and (max-width:767px) {
    .item-box img.label_image {
        height: 40px;
        width: 40px
    }
}
@media only screen and (max-width:480px) {
    .item-box img.label_image {
        height: 36px;
        width: 36px
    }
}
#item-photos img.label_image {
    position: absolute !important;
    top: -12px;
    left: -12px;
    height: 55px;
    width: 55px;
    z-index: 10;
    background: 0 0 !important
}
#item-photos .photoStage .imgPos {
    position: relative;
    display: inline-block
}
.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 999999;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .4);
    text-align: center
}
.blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.05em
}
.blocker.behind {
    background-color: transparent
}
.modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    max-width: 700px;
    box-sizing: border-box;
    width: 90%;
    background: #fff;
    padding: 0;
    text-align: left
}
.modal a.close-modal {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')
}
.nl-wraper-popup-inner {
    display: flex;
    justify-content: space-between
}
.nl-wraper-popup-left {
    padding: 30px 35px 60px 35px;
    flex-basis: 52%
}
.nl-wraper-popup-right {
    flex-basis: 48%;
    background-size: cover;
    background-position: center center;
    background-color: #eaebed
}
.modal.noImage {
    max-width: 450px;
}
.noImage .nl-wraper-popup-inner {
    display: block;
}
.noImage .nl-wraper-popup-left {
    flex-basis: auto;
}
.noImage .nl-wraper-popup-right {
    display: none;
}
.nl-wraper-popup-left #logo {
    display: block;
    text-align: center;
    color: #f00 !important
}
.nl-wraper-popup-left #logo span.logoText {
    color: #444 !important;
    font-size: 13px;
}
.nl-wraper-popup-left #logo img {
    max-height: 35px;
}
#newsletter-popup h3 {
    font-size: 2em;
    text-align: center;
    margin: 10px 0 20px 0;
    letter-spacing: 1px;
    font-family: georgia
}
#newsletter-popup h3.SerifNormal, .mailMagazine h3.SerifNormal {
    font-family: 'Crimson Pro', serif;
}
#newsletter-popup h3.SerifBold, .mailMagazine h3.SerifBold {
    font-family: 'Crimson Pro', serif;
    font-weight: bold
}
#newsletter-popup h3.SansserifNormal, .mailMagazine h3.SansserifNormal {
    font-size: 1.4em;
    font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
#newsletter-popup h3.SansserifBold, .mailMagazine h3.SansserifBold {
    font-size: 1.4em;
    font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', Meiryo, 繝｡繧､繝ｪ繧ｪ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-weight: bold;
}
#newsletter-popup p {
    margin: 0 0 20px 0
}
@media only screen and (max-width:480px) {
    .nl-wraper-popup-inner {
        flex-flow: column
    }
    .nl-wraper-popup-left, .nl-wraper-popup-right {
        flex-basis: auto;
    }
    .nl-wraper-popup-left {
        padding: 15px 30px 30px 30px;
        order: 2
    }
    .nl-wraper-popup-right {
        min-height: 40vw;
        order: 1
    }
    #newsletter-popup h3 {
        font-size: 1.6em;
        margin: 10px 0 10px 0
    }
    #newsletter-popup h3:before {
        display: none;
    }
}
.mailMagazine {
    padding: 50px 20vw 70px 20vw;
}
.mailMagazine.visual {
    padding: 70px 10vw 70px 10vw;
    background-size: cover;
    background-position: center center;
}
.mailMagazine.plainwhite {
    padding: 70px 10vw 70px 10vw;
    background-color: rgb(0, 0, 0, .02);
}
.mailMagazine.plaingray {
    padding: 70px 10vw 70px 10vw;
    background: rgba(255, 255, 255, .1);
}
.mailMagazine .onpaper {
    padding: 50px 10vw;
    border-radius: 10px;
}
@media only screen and (max-width:767px) {
    .mailMagazine {
        padding: 50px 10% 70px 10%;
    }
    .mailMagazine.visual, .mailMagazine.plainwhite, .mailMagazine.plaingray {
        padding: 40px 5vw 50px 5vw;
    }
    .mailMagazine.visual .onpaper {
        padding: 50px 10vw
    }
}
.mailMagazine.visual.black .onpaper {
    background: rgba(250, 250, 250, .6);
    color: #111;
}
.mailMagazine.visual.white .onpaper {
    background: rgba(0, 0, 0, .1);
    color: #fff;
}
.mailMagazine h3 {
    font-size: 1.9em;
    margin-bottom: 10px;
    position: relative;
    padding-left: 36px;
}
.mailMagazine h3:before {
    font-size: 2.5rem;
    position: absolute;
    top: 2px;
    left: 0;
    font-family: 'Material Icons';
    content: "\e158";
    opacity: .8;
}
.mailMagazine p {
    margin-bottom: 20px;
}
.mailMagazineSubscribe_form {
    vertical-align: middle;
}
.mailMagazineSubscribe_form input {
    outline: none;
}
.mailMagazine.visual .mailMagazineSubscribe_form {
    opacity: .9;
}
.mailMagazineSubscribe_form input {
    margin: 0 !important;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    font-size: 1em;
    line-height: 1
}
.mailMagazine .mailMagazineSubscribe_form input {
    padding: 15px !important;
    height: 50px;
    line-height: 50px;
    width: calc(100% - 100px)
}
#newsletter-popup .mailMagazineSubscribe_form input {
    display: block;
    text-align: center;
    width: 100%;
    padding: 15px 10px !important;
    margin-bottom: 20px !important
}
.mailMagazineSubscribe_form button {
    -webkit-appearance: none;
    margin: 0 !important;
    line-height: 1;
    font-size: 1em;
    height: 50px;
    color: #fff;
    font-weight: bold;
    background-color: transparent;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 2px;
    text-align: center;
    border: 0;
    background: #333;
    -webkit-font-smoothing: antialiased;
    outline: 0;
    border-radius: 4px;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}
.mailMagazineSubscribe_form button:disabled, .mailMagazineSubscribe_form button[disabled] {
    background: #bcbcbc;
    cursor: wait;
}
.mailMagazine .mailMagazineSubscribe_form button {
    padding: 0 20px;
    vertical-align: top
}
#newsletter-popup .mailMagazineSubscribe_form button {
    display: block;
    width: 100%;
    padding: 13px
}
.x_mailMagazineSubscribe_confirm {
    color: #f68181;
    font-weight: bold;
}
.show, .blog_head_image.hide {
    display: block;
}
.hide {
    display: none;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.BlogAsPage .menu-container .blog, .BlogAsPage .mobileNavBlog, .BlogAsPage .footernav .blog, .BlogAsPage .blogtitle, .BlogAsPage .blog_publish, .BlogAsPage .blogtop {
    display: none;
}
.BlogAsPage .blog_title h2 {
    font-size: 3.5rem !important;
    font-weight: bold !important;
}
@media only screen and (max-width:767px) {
    .BlogAsPage .blog_title h2 {
        font-size: 2.6rem !important;
        padding: 0 0 .3em 0
    }
}
@media only screen and (max-width:480px) {
    .BlogAsPage .blog_title {
        text-align: center !important;
        margin: 10px 0 20px 0 !important
    }
}
.headnav #i18 {
    z-index: 2005;
    height: 35px;
}
.headnav #i18 .lang {
    position: relative;
    display: inline-block;
}
.headnav #i18 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    line-height: 1.4;
    min-width: inherit;
    vertical-align: middle;
    margin-bottom: 0 !important;
    outline: none;
}
.headnav #i18 .lang select {
    font-size: 12px;
    vertical-align: text-bottom;
    padding: 0 22px 0 0;
    height: auto
}
.headnav #i18 .currency select {
    font-size: 13px;
    padding: 0 22px 3px 0;
    height: auto
}
.headnav #i18 .lang:before, .headnav #i18 .currency:before {
    font-family: 'Material Icons';
    content: "\e5cf";
    color: #fff;
    opacity: .7;
    font-size: 16px;
    position: absolute;
    top: 0;
    pointer-events: none
}
.headnav #i18 .lang:before {
    right: 5px
}
.headnav #i18 .currency:before {
    right: 9px
}
.headnav #i18 .lang:hover:before, .headnav #i18 .currency:hover:before {
    opacity: 1
}
.headnav #i18 .currency {
    position: relative;
    display: inline-block;
}
.footernav .footerFunc {
    flex-basis: 170px;
    text-align: right;
    height: 35px;
}
.footernav #i18 {
    padding-bottom: 10px;
}
.footernav #i18 .lang {
    position: relative;
    display: inline-block
}
.footernav #i18 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid rgba(204, 204, 204, .441);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 11px;
    line-height: 18px;
    min-width: inherit;
    padding: 3px 22px 3px 10px;
    vertical-align: middle;
    height: auto
}
.footernav #i18 .lang:before, .footernav #i18 .currency:before {
    font-family: 'Material Icons';
    content: "\e5cf";
    color: #fff;
    opacity: .7;
    font-size: 16px;
    position: absolute;
    right: 9px;
    top: 6px;
    pointer-events: none
}
.footernav #i18 .lang:hover:before, .footernav #i18 .currency:hover:before {
    opacity: 1
}
.footernav #i18 .currency {
    position: relative;
    display: inline-block
}
.headnav li.contact.searchtrue {
    padding-left: 20px;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
    outline: 0
}
input::-webkit-search-decoration, input::-webkit-search-cancel-button {
    display: none;
}
#searchwrap {
    position: fixed;
    top: 35px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    -webkit-transform: translate(0, -100%) scale(0, 0);
    -moz-transform: translate(0, -100%) scale(0, 0);
    -ms-transform: translate(0, -100%) scale(0, 0);
    -o-transform: translate(0, -100%) scale(0, 0);
    transform: translate(0, -100%) scale(0, 0);
    opacity: 0;
    visibility: hidden;
    display: none;
    animation: fadeIn .6s ease 0s 1 normal;
}
#searchwrap.open {
    -webkit-transform: translate(0, 0) scale(1, 1);
    -moz-transform: translate(0, 0) scale(1, 1);
    -ms-transform: translate(0, 0) scale(1, 1);
    -o-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 1;
    visibility: visible;
    z-index: 9999;
    display: block;
    animation: fadeIn .6s ease 0s 1 normal;
}
.searchbar {
    background-color: #f6f5f2;
    padding: 60px 0 60px 0
}
#searchwrap input[type="search"] {
    position: relative;
    display: block;
    width: 60%;
    margin-left: 20%;
    color: rgb(255, 255, 255);
    background: #fff;
    border: 4px solid #fff;
    border-radius: 8px;
    font-size: 20px;
    text-align: left;
    outline: none;
    text-align: center;
    padding: 10px 20px;
    padding-bottom: 15px;
    color: #222
}
.searchbar input::placeholder {
    color: #222;
    opacity: .4
}
#searchwrap .close {
    position: fixed;
    top: 60px;
    right: 50px;
    opacity: 1;
    font-size: 30px;
    color: #333
}
#searchwrap .close:hover {
    color: #ccc;
    cursor: pointer;
}
li.searchformobile input[type="search"] {
    border: 1px solid #333;
    box-shadow: inset;
    font-size: 12px;
    text-align: left;
    padding: 7px 5px 7px 27px;
    border-radius: 3px;
    width: -webkit-fill-available;
}
li.searchformobile form {
    position: relative;
}
li.searchformobile form::before {
    font-size: 20px;
    position: absolute;
    top: 8px;
    left: 7px;
    font-family: 'Material Icons';
    content: "\e8b6";
    color: #444;
    z-index: 999;
}
li.searchformobile input::-webkit-input-placeholder {
    color: #333 !important
}
li.searchformobile input:-moz-placeholder {
    color: #333 !important
}
li.searchformobile input::-moz-placeholder {
    color: #333 !important
}
li.searchformobile input:-ms-input-placeholder {
    color: #333 !important
}
.errormessage {
    font-weight: 600;
    margin-bottom: 20px;
}
h2.noItemsMessage {
    font-size: 1.7rem;
}
.notfound {
    padding: 50px 10px
}
.notfound h3 {
    font-weight: 600;
    padding: 0 0 0 30px;
    margin-bottom: 30px;
    line-height: 1;
    font-size: 1.1em;
    position: relative
}
.notfound.categoryMap h3::before {
    font-size: 1.8em;
    font-weight: normal;
    font-family: 'Material Icons';
    content: "\f02f";
    position: absolute;
    top: 40%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}
.notfound.search h3::before {
    font-size: 1.6em;
    font-weight: normal;
    font-family: 'Material Icons';
    content: "\e312";
    position: absolute;
    top: 40%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}
.notfound #search3 {
    position: relative;
    padding: 0
}
.notfound #sinput3 {
    height: 50px;
    line-height: 50px;
    width: 100%;
    font-size: 1.2em;
    padding: 5px 10px 5px 40px;
    border-radius: 5px;
    border: none;
    outline: 0;
    background: #fff;
    border: 1px solid #c3c3c3
}
.notfound #sinput3:focus {
    opacity: 1;
}
.notfound #sbtn3 {
    height: 30px;
    position: absolute;
    left: 8px;
    top: 12px;
    background: none;
    cursor: pointer;
    border: none;
    opacity: .8
}
.categoryMap ul {
    padding: 0 0 0 0;
}
.categoryMap>ul>li {
    list-style: none;
    padding: 5px 0 15px 1.2em;
    font-weight: 600;
    position: relative
}
.categoryMap>ul>li:before {
    font-size: 12px;
    position: absolute;
    top: .3em;
    left: 0;
    font-family: 'Material Icons';
    content: "\e931"
}
.categoryMap .appsItemCategoryTag_lowerchild {
    margin-top: 10px;
}
.categoryMap ul li ul {
    padding: 0;
}
.categoryMap ul li ul li {
    list-style: circle;
    font-weight: normal;
    margin-left: 5px;
    padding-right: 1em;
    display: inline-block;
    position: relative;
    word-break: break-all;
    line-height: 1.2
}
.categoryMap ul li ul li:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "/";
    color: rgba(0, 0, 0, .2);
    font-weight: bold
}
.categoryMap ul li ul li:last-child:after {
    display: none;
}
#search2 {
    position: relative;
    padding-bottom: 30px
}
button .material-icons {
    color: #333;
}
#sinput2 {
    height: 40px;
    line-height: 40px;
    width: 99%;
    font-size: 1em;
    padding: 0 10px 3px 40px;
    vertical-align: middle;
    border-radius: 5px;
    border: none;
    outline: 0;
    background: #fcfcfc;
    border: 1px solid #c3c3c3;
    opacity: .9;
    -webkit-appearance: none;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
#sinput2:focus {
    opacity: 1;
}
#sbtn2 {
    height: 30px;
    position: absolute;
    left: 3px;
    top: 7px;
    background: none;
    cursor: pointer;
    border: none
}
@media only screen and (max-width:480px) {
    #sinput2 {
        padding: 0 10px 4px 40px
    }
    #sbtn2, .notfound #sbtn3 {
        left: 0;
    }
}
.sidenav, #main {
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}
@media only screen and (max-width:1365px) {}
@media only screen and (max-width:1000px) {
    #headerwrap #shoplogo {
        padding: 13px 0 10px 0;
    }
    #logo img {
        max-width: 200px;
        max-height: 80px;
        vertical-align: bottom
    }
    #shoplogo .tagline {
        font-size: 10px;
        letter-spacing: .1em
    }
    #shoplogo.fontsizeSS h1 a span.logoText {
        font-size: 18px;
        line-height: 20px
    }
    #shoplogo.fontsizeS h1 a span.logoText {
        font-size: 20px;
        line-height: 22px
    }
    #shoplogo.fontsizeR h1 a span.logoText {
        font-size: 24px;
        line-height: 24px
    }
    #shoplogo.fontsizeL h1 a span.logoText {
        font-size: 27px;
        line-height: 26px
    }
    #shoplogo.fontsizeLL h1 a span.logoText {
        font-size: 30px;
        line-height: 30px
    }
    #shoplogo.fontsizeLLL h1 a span.logoText {
        font-size: 36px;
        line-height: 36px
    }
    #shoplogo.fontsizeLLLL h1 a span.logoText {
        font-size: 40px;
        line-height: 36px
    }
    #headerwrap .taglineOrder.taglineUpper .tagline {
        margin: 0 0 3px 0;
    }
    #headerwrap .taglineOrder.taglineBottom .tagline {
        margin: 5px 0 0 0
    }
    .headMessage {
        font-size: .85em;
        line-height: 1.1 !important;
    }
    #mainHeader {
        display: block;
        height: auto;
        padding: 0 10px
    }
    #mainHeader .headMessage {
        padding: 9px 5px;
        text-align: center;
        width: 100%;
        overflow: hidden;
        height: auto;
        line-height: 1.6
    }
    #mainHeader .headnav {
        position: absolute;
        top: 14px;
        right: 10px
    }
    .headnav #i18, .headnav .info, .headnav .searchicon {
        display: none;
    }
    .headnav li.iconed.cartstyle li.cart a::before {
        display: none;
    }
    .headnav li.iconed li.cart img {
        width: 30px;
    }
    .headnav li.iconed.cartstyle li.cart a::after {
        font-size: 28px;
        left: -10px;
    }
    #headerwrap #shoplogo {
        display: block;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .mainArea, .sideArea {
        -webkit-transition-duration: .2s;
        -moz-transition-duration: .2s;
        -o-transition-duration: .2s;
        transition-duration: .2s
    }
    .sideArea {
        display: none;
    }
    .contentWrapper.sidebarScroll {
        display: block
    }
    .contentWrapper.sidebarScroll .mainArea {
        float: none;
        width: auto
    }
    .contentWrapper.sidebarFixed .mainArea {
        padding: 0 0 0 0
    }
    #mainHeader.fontsize26 h1 a span.logoText {
        font-size: 24px;
        line-height: 24px
    }
    #mainHeader.fontsize30 h1 a span.logoText {
        font-size: 28px;
        line-height: 28px
    }
    #mainHeader.fontsize34 h1 a span.logoText {
        font-size: 30px;
        line-height: 30px;
        padding-top: 8px
    }
    #mainHeader.fontsize38 h1 a span.logoText {
        font-size: 34px;
        line-height: 34px
    }
    #mainHeader.fontsize42 h1 a span.logoText {
        font-size: 38px;
        line-height: 38px
    }
    #about #payment ul li.paylater {
        display: block;
        position: relative;
        text-align: right
    }
    #about #payment ul li.paylater span {
        text-align: left;
    }
    #about #payment ul li.paylater img {
        margin: 20px 15px 0 auto
    }
}
@media only screen and (max-width:767px) {
    .headMessage {
        font-size: .8em;
        line-height: 1.1 !important
    }
    .headMessage {
        line-height: 1.2 !important;
    }
    .headMessage a:after {
        top: 0;
    }
    .headnav .boxed #baseMenu ul li.cart a {
        padding-right: 12px;
    }
    .headnav .boxed #baseMenu ul li.cart a:after {
        display: none;
    }
    #logo img {
        max-width: 180px;
        max-height: 50px
    }
    #headerwrap #shoplogo .taglineOrder.mobileoff p.tagline {
        display: none;
    }
    #MainVisual, .flexslider {
        height: 60vh;
    }
    .flexslider-container, .flexslider .slides, .flex-viewport {
        height: 120%
    }
    .hero.hero.textcenter, .hero.hero.textright, .hero.hero.textleft {
        width: 84%
    }
    .hero p.subtitle {
        font-size: 1.1em;
        letter-spacing: .2em
    }
    .hero h2 {
        font-size: 4em;
    }
    .hero p.subtitle {
        font-size: 1.6em
    }
    .hero h2 {
        font-size: 4.5em;
        margin: 10px 0 0 0;
    }
    .hero a {
        font-size: .8em;
        padding: 8px 20px
    }
    .hero.sizeL h2 {
        font-size: 3.5em;
        line-height: 1.1em;
    }
    .hero.sizeM h2 {
        font-size: 2.8em;
        line-height: 1.1em;
    }
    .hero.sizeS h2 {
        font-size: 2.4em;
        line-height: 1.1em;
    }
    .hero.sizeL p.subtitle {
        font-size: 1em
    }
    .hero.sizeM p.subtitle {
        font-size: 1em
    }
    .hero.sizeS p.subtitle {
        font-size: 1em
    }
    .hero.borderbox {
        padding: 20px 20px;
    }
    .hero.borderdouble {
        padding: 20px 15px
    }
    .hero.fillwhite {
        padding: 20px 30px;
    }
    .hero.fillblack {
        padding: 20px 30px;
    }
    .hero.borderbox {
        padding: 30px 20px;
    }
    .hero.borderdouble {
        padding: 20px 5px 30px 5px;
    }
    .hero.frostgrass {
        padding: 30px 20px;
    }
    .hero.fillwhite {
        padding: 30px 20px;
    }
    .hero.fillblack {
        padding: 30px 20px;
    }
    #item_page_wrap, .static_wrap, .tmpBox {
        margin: 0 0;
    }
    .topIntro.normal, .topIntro.imgLeft, .topIntro.imgRight {
        display: block;
        text-align: center;
    }
    .topIntro.imgLeft .topIntroImg, .topIntro.imgLeft .topIntroBody, .topIntro.imgRight .topIntroImg, .topIntro.imgRight .topIntroBody, .topIntro.normal .topIntroImg {
        margin-bottom: 30px;
    }
    .topIntro.normal p.read_more {
        text-align: center;
    }
    .topIntro h2 {
        font-size: 1.5rem;
        line-height: 1.3;
        text-align: center;
        margin: 0 0 20px 0
    }
    .topIntro p.conceptbody {
        font-size: 1.5rem
    }
    .topIntro p.read_more {
        text-align: center;
        font-size: 1.2rem
    }
    #rssbox ul {
        flex-wrap: wrap
    }
    #rssbox ul li:first-child {
        flex-basis: 100%
    }
    #rssbox ul li {
        flex-basis: 48%;
        margin-bottom: 20px
    }
    #rssbox ul li a img {
        margin-bottom: 2px;
        height: 30vw
    }
    #rssbox ul li:first-child a img {
        height: 50vw;
    }
    .item-box .item-thumb-wrap {
        line-height: 130px;
        min-height: 130px
    }
    .breadcrumb {
        margin: 0;
        padding: 0;
        font-size: 1rem
    }
    #category-header.boxwidth {
        padding: 20vw 60px 15vw 60px;
        margin-bottom: 30px
    }
    h2.category-title {
        padding: 0 20px;
    }
    .ChildCategories li {
        display: inline-block
    }
    .ChildCategories li a {
        font-size: .9em
    }
    .ChildCategories.upper {
        margin: 15px 0 10px 0;
    }
    .ChildCategories.bottom {
        margin: 30px 0 20px 0;
    }
    #item_page_wrap header h1 {
        font-size: 1.8em;
        text-align: center;
        border-bottom: 0;
        margin: 0 0 20px 0;
        padding: 0
    }
    #item_page_wrap h1.itemTitle {
        font-size: 2.6rem;
    }
    #item_page_wrap .firstview, #item_page_wrap .bottomPurchaseFollow {
        display: block
    }
    #item_page_wrap #item-photos, #item_page_wrap .followLeft {
        flex-basis: auto
    }
    #item_page_wrap #item-body, #item_page_wrap .followRight {
        flex-basis: auto
    }
    #item_page_wrap .bottomPurchaseFollow {
        padding: 20px 40px
    }
    #item_page_wrap h1.itemTitle {
        margin: 30px 0 30px 0;
    }
    #item_page_wrap #item-body, #appsItemDetailCustom, .secondview {
        width: auto;
        float: none
    }
    #item-photos img.label_image {
        height: 50px;
        width: 50px
    }
    #item_page_wrap .secondview {
        padding: 0 0 0 0;
    }
    #item_page_wrap .itemCommon, #item_page_wrap .sharebtn, #reportBtn {
        margin-left: 20px;
        margin-right: 20px;
    }
    #item_page_wrap .itemCommon {
        margin-top: 30px;
    }
    #item_page_wrap .itemCommon.border {
        padding: 25px;
    }
    #item_page_wrap .sharebtn .embed {
        display: none;
    }
    #reviews {
        padding-top: 20px
    }
    .static_wrap #about h2, #privacy h2, #law h2, .static.pagetitle h2, .pagetitle h2, .inquirySection h1, h2.category-title {
        font-size: 2em;
        padding: 0 0 .3em 0
    }
    #utilities .utilityG1, #utilities .utilityG2 {
        width: 100%;
        padding: 10px 0 0 0
    }
    #about #payment ul {
        margin: 20px 0
    }
    #about #payment ul li {
        display: block;
        position: relative;
        padding: 10px 0 20px 0;
        display: block
    }
    #about #payment ul li:before {
        content: none
    }
    #about #payment ul li span {
        font-weight: 600;
        font-size: 1em;
        padding: 15px 0 10px 0;
        display: block;
        flex-basis: auto
    }
    #about #payment ul li img {
        margin-top: 10px;
    }
    #about #payment ul li.credit img {
        height: 30px
    }
    #about #payment ul li.bank img {
        height: 45px
    }
    #about #payment ul li.combini img {
        height: 45px
    }
    #about #payment ul li.carrier div img {
        margin-right: 10px
    }
    #about #payment ul li.carrier div img:last-child {
        margin-right: 0;
    }
    #about #payment ul li.amznpay img {
        height: 28px;
    }
    #about #payment ul li.paypal img {
        height: 30px
    }
    #about #payment ul li.paylater {
        text-align: left;
    }
    #about #payment ul li.paylater span {
        text-align: left;
    }
    #about #payment ul li.paylater img {
        width: 100%;
        height: 100%
    }
    .footernav {
        display: block;
        text-align: center
    }
    .footernav ul {
        margin-bottom: 30px
    }
    .footernav ul, address {
        text-align: center;
    }
    .footernav #i18 {
        text-align: center;
    }
}
@media only screen and (max-width:480px) {
    #mainHeader .headMessage {
        font-size: .7em;
    }
    #headerwrap #shoplogo {
        padding: 12px 90px 10px 90px;
    }
    #logo img {
        max-width: 130px;
        max-height: 50px
    }
    #shoplogo .tagline {
        font-size: 8px;
    }
    #headerwrap .taglineOrder.taglineUpper .tagline {
        margin: 0 0 0 0;
    }
    #headerwrap .taglineOrder.taglineBottom .tagline {
        margin: 4px 0 0 0
    }
    #shoplogo.fontsizeXS h1 a span.logoText {
        font-size: 16px;
        line-height: 24px
    }
    #shoplogo.fontsizeS h1 a span.logoText {
        font-size: 18px;
        line-height: 24px
    }
    #shoplogo.fontsizeR h1 a span.logoText {
        font-size: 20px;
        line-height: 24px
    }
    #shoplogo.fontsizeL h1 a span.logoText {
        font-size: 21px;
        line-height: 24px
    }
    #shoplogo.fontsizeLL h1 a span.logoText {
        font-size: 22px;
        line-height: 30px
    }
    #shoplogo.fontsizeLLL h1 a span.logoText {
        font-size: 30px;
        l6ne-height: 35px
    }
    #shoplogo.fontsizeLLLL h1 a span.logoText {
        font-size: 35px;
        line-height: 35px
    }
    #mainHeader .headnav {
        right: 10px
    }
    .headnav .boxed #baseMenu>ul>li a {
        padding: 5px 8px;
        margin: -1px 0 0 5px;
        border-radius: 3px;
    }
    .hero.sizeL h2 {
        font-size: 3em;
        line-height: 1.1em;
    }
    .hero.sizeM h2 {
        font-size: 2.7em;
        line-height: 1.1em;
    }
    .hero.sizeS h2 {
        font-size: 2.4em;
        line-height: 1.1em;
    }
    .hero.sizeL p.subtitle {
        font-size: .85em
    }
    .hero.sizeM p.subtitle {
        font-size: .85em
    }
    .hero.sizeS p.subtitle {
        font-size: .85em
    }
    #homecatvisual .hero h2 {
        font-size: 3.5rem;
    }
    .alertBanner {
        padding: 20px;
        text-align: center
    }
    .alertBanner strong {
        display: block;
        font-size: 1.4em;
        font-weight: 600;
        margin: 0 0 5px 0;
    }
    .static_wrap #about h2, #privacy h2, #law h2, .static.pagetitle h2, .pagetitle h2, .inquirySection h1, h2.category-title {
        font-size: 1.8em
    }
    .frontpage #main h2, h2.general, #collections h2, #newsbox h2, #rssbox h2, #instagramfeed h3 {
        font-size: 2rem;
    }
    #newsbox dl {
        position: relative;
        padding: 0 0 8px 0;
        margin-top: 12px;
        border-bottom: 1px solid #eee
    }
    #newsbox dl:last-child {
        border: none;
    }
    #newsbox dl dt {
        position: relative
    }
    #newsbox dl dd {
        padding: 7px 0 0 0;
        line-height: 1.6
    }
    .itemThumbClm2 .item-meta .item-title {
        font-size: 1.4rem
    }
    .itemThumbClm3 .item-meta .item-title, .itemThumbClm4 .item-meta .item-title {
        font-size: 1.2rem
    }
    #itemthumbs {
        padding: 0;
    }
    #item_page_wrap .bottomPurchaseFollow {
        display: none;
    }
    #about #payment ul li.credit img {
        height: 28px;
        margin-right: 5px;
        border: 4px solid #ffffff;
    }
    #about #payment ul li.combini img {
        height: 35px;
    }
    #about #payment ul li.carrier div img[src*=carrier_au_uq] {
        width: 55px;
        height: auto
    }
    #about #payment ul li.carrier div img[src*=carrier_softbank] {
        width: 60px;
        height: auto
    }
    #category-header.boxwidth {
        padding: 22vw 30px 12vw 30px;
        margin-bottom: 0
    }
    .breadcrumb {
        text-align: center
    }
    .ChildCategories {
        text-align: center;
        border: none;
        padding: 10px 0 0 0
    }
    .ChildCategories li {
        font-size: .8em;
        margin: 2px 5px 2px 0
    }
    .ChildCategories li a {
        padding: 4px 8px 4px 0;
    }
    #contact, #privacy, #law {
        margin: 10px 0
    }
    .errormessage {
        padding: 10px 0;
    }
    .static_wrap #about h2, #privacy h2, #law h2, .static.pagetitle h2, .pagetitle h2, .inquirySection h1, h2.category-title, .communityMain .communityTitle {
        text-align: center !important;
        margin: 10px 0 20px 0
    }
    body:not(.BlogAsPage) .static_wrap #about .blog_title h2 {
        text-align: left !important
    }
    .blogListMain {
        display: block
    }
    .main #about>.blog_inner {
        margin-bottom: 40px
    }
    .publish_date {
        text-align: left;
    }
    .blogtop {
        padding-top: 40px;
    }
    .inquirySection .control-panel input#buttonLeave {
        width: 99%
    }
    .inquirySection dl dd input, .inquirySection dl dd textarea {
        width: 96%;
    }
    .utility.shipping .banner {
        padding-right: 10px;
    }
    .utility.shipping .banner h4 {
        font-size: 1.3em
    }
    .utility.shipping .banner .deliveryicon {
        background-size: 23%;
        background-position: 3px 50%
    }
    .utility.payment ul li {
        border-radius: 4px;
        padding: 10px 9px
    }
    .utility.payment ul li span {
        padding-left: 22px
    }
    .utility.payment ul li span:before {
        top: 0;
    }
    .utility.payment ul li.credit img {
        height: 30px;
    }
    .widgetcontainer .widgetareaA {
        display: none;
    }
    .widgetcontainer .widgetareaB, .widgetcontainer .widgetareaC {
        width: 90%;
        margin: 0 auto;
        float: none;
        text-align: left
    }
    .footerbar {
        padding-bottom: 80px
    }
    .footernav ul li {
        font-size: .8em;
    }
}
.flexslider .slides>li {
    display: block;
    background-position: center;
    height: 100%;
    width: 100%;
    display: none;
    -webkit-backface-visibility: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
.tile span, #MainVisual span {
    display: block;
    background-position: center;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
.flexslider-container, .flexslider .slides, .flex-viewport {
    height: 100%
}
html, body {
    height: 100%;
    min-height: 100%
}
body {
    position: relative;
    margin: 0;
    padding: 0
}
#MainVisual span, ul.slides {
    margin: 0;
    padding: 0
}
.tile span, #MainVisual span, ul.slides {
    margin-top: -20px;
}
.tile span, #MainVisual span, .flexslider-container, .flexslider .slides, .flex-viewport {
    height: 120%
}
@media only screen and (max-width:1000px) {
    .tile span, #MainVisual span, ul.slides {
        margin-top: -90px;
    }
    .tile span, #MainVisual span, .flexslider-container, .flexslider .slides, .flex-viewport {
        height: 120%
    }
}
.flexslider, #MainVisual, .tile {
    background: #3f3f3f url(https://basefile.akamaized.net/ymtk/632e3444b44a3/laoding.png) no-repeat center center;
    background-size: 35px 35px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: calc(100% - 150px);
    height: 95vh;
    min-height: 450px;
    border: 0;
    overflow: hidden
}
.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus {
    outline: none
}
.slides, .slides>li, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 999
}
.flex-control-nav, .flex-direction-nav {
    z-index: 99999 !important;
}
.flex-pauseplay span {
    text-transform: capitalize
}
.flex-direction-nav {
    *height: 0;
}
.flex-direction-nav a {
    width: 26px;
    height: 80px;
    margin: -60px -3px 0 -3px;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}
.flex-direction-nav .flex-next {
    background: #fff url(https://basefile.s3.amazonaws.com/ymtk/563c8cbbf140c/next402.gif) center center no-repeat;
    right: 0
}
.flex-direction-nav .flex-prev {
    background: #fff url(https://basefile.s3.amazonaws.com/ymtk/563c8cc72871d/prev402.gif) center center no-repeat;
    left: 0;
}
.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {
    background-size: 100%;
    z-index: 999;
}
.flexslider:hover .flex-next {
    opacity: .2;
    right: 0;
}
.flexslider:hover .flex-prev {
    opacity: .2;
    left: 0;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: .4;
    outline: none;
}
.flex-direction-nav .flex-disabled {
    opacity: .3 !important;
    filter: alpha(opacity=30);
    cursor: default;
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline
}
.flex-control-paging li a {
    width: 8px;
    height: 8px;
    display: block;
    border: 1px solid #fff;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}
.flex-control-paging li a:hover {
    background: #fff
}
.flex-control-paging li a.flex-active {
    background: #fff;
    cursor: default
}
@media only screen and (max-width:480px) {
    #MainVisual span, ul.slides {
        -webkit-transform: translate3d(0, 0, 0) !important
    }
    #MainVisual.spCover span, .flexslider.spCover .flexslider-container, .flexslider.spCover .slides, .flexslider.spCover .flex-viewport {
        height: 120%
    }
    #MainVisual.spContain, .flexslider.spContain {
        height: 50vh;
    }
    #MainVisual.spContain span, .flexslider.spContain .slides>li, .flexslider.spContain .flex-viewport, .flexslider.spContain .slides, .flexslider.spContain .flexslider-container {
        margin-top: -35px;
        height: 65vh;
    }
    #MainVisual.spContain, .flexslider.spContain {
        min-height: 0 !important;
    }
    #MainVisual.spContain .hero, .flexslider.spContain .hero {
        top: 45%
    }
    #MainVisual.spContain .hero p.subtitle, .flexslider.spContain .hero p.subtitle {
        margin-bottom: 10px;
        font-size: .9em;
    }
    #MainVisual.spContain .hero p.lead, .flexslider.spContain .hero p.lead {
        font-size: .8em;
    }
    .spContain .hero h2 {
        font-size: 2.2em;
    }
    #MainVisual.spContain .hero a, .flexslider.spContain .hero a {
        font-size: .8em;
        padding: 5px 10px;
        margin-top: 20px
    }
}
.appsItemCategoryTag_lowerchild, .appsItemCategoryTag_lowerchild li {
    text-indent: 0;
}
.nav-container a.appsItemCategoryTag_lowerLink {
    letter-spacing: 1px !important;
    padding: 12px 20px 12px 32px !important;
    padding: 0 20px 16px 32px !important;
    font-size: 12px !important;
    font-weight: normal !important;
    letter-spacing: 0 !important;
}
.nav-container a.appsItemCategoryTag_lowerLink:before {
    font-size: 12px;
    position: absolute;
    top: -.3em;
    left: 14px;
    font-family: 'Material Icons';
    content: "\e931";
    opacity: .4
}
.nav-content li.imgbanner img {
    max-width: 100%;
}
.nav-content li span.material-icons {
    font-size: 18px;
    vertical-align: bottom;
    padding-right: 7px;
}
html.hc-nav-yscroll {
    overflow-y: scroll
}
body.hc-nav-open {
    overflow: visible;
    position: fixed;
    width: 100%;
    min-height: 100%
}
.hc-offcanvas-nav {
    visibility: hidden;
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999999999;
}
.hc-offcanvas-nav.is-ios * {
    cursor: pointer !important;
    overscroll-behavior: none;
}
.hc-offcanvas-nav .nav-container {
    position: fixed;
    z-index: 999999;
    top: 0;
    width: 280px;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}
.hc-offcanvas-nav .nav-wrapper {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    box-sizing: border-box;
}
.hc-offcanvas-nav .nav-content {
    height: 100%;
    max-height: 100vh;
}
.hc-offcanvas-nav>.nav-container>.nav-wrapper-0>.nav-content>ul:last-child {
    padding-bottom: 80px;
}
.hc-offcanvas-nav .nav-wrapper-0>.nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box
}
.hc-offcanvas-nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.hc-offcanvas-nav li {
    position: relative;
    display: block
}
.hc-offcanvas-nav li.level-open>.nav-wrapper {
    visibility: visible
}
.hc-offcanvas-nav input[type="checkbox"] {
    display: none
}
.hc-offcanvas-nav label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer
}
.hc-offcanvas-nav a {
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer
}
.hc-offcanvas-nav a, .hc-offcanvas-nav a:hover {
    text-decoration: none
}
.hc-offcanvas-nav .nav-item {
    position: relative;
    display: block;
    box-sizing: border-box
}
.hc-offcanvas-nav.disable-body::after, .hc-offcanvas-nav .nav-wrapper::after {
    content: '';
    position: fixed;
    z-index: 999998;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease .4s, opacity .4s ease;
}
.hc-offcanvas-nav.disable-body.nav-open::after, .hc-offcanvas-nav .sub-level-open::after {
    visibility: visible;
    opacity: 1;
    transition-delay: .05s;
}
.hc-offcanvas-nav:not(.nav-open)::after {
    pointer-events: none;
}
.hc-offcanvas-nav.nav-levels-expand .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box
}
.hc-offcanvas-nav.nav-levels-expand .nav-content::-webkit-scrollbar {
    width: 3px;
    background: rgba(0, 0, 0, .4);
    background: transparent;
    width: 0
}
.hc-offcanvas-nav.nav-levels-expand .nav-content::-webkit-scrollbar-thumb {
    background: rgba(239, 239, 239, .4)
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {
    display: none;
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 {
    max-height: 100vh;
}
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box;
    max-height: 100vh;
}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
    min-width: 0;
    max-height: 0;
    visibility: hidden;
    overflow: hidden
}
.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper {
    max-height: none;
    overflow: visible;
    visibility: visible;
}
.hc-offcanvas-nav li>.nav-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    transition: 300ms grid-template-rows ease
}
.hc-offcanvas-nav li.level-open>.nav-wrapper {
    grid-template-rows: 1fr
}
.hc-offcanvas-nav li.level-open>.nav-wrapper>div {
    overflow: hidden
}
.hc-offcanvas-nav.nav-levels-overlap .nav-content {
    overflow: scroll;
    overflow-x: visible;
    overflow-y: auto;
    box-sizing: border-box
}
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
    position: absolute;
    z-index: 9999;
    top: 0;
    height: 100%;
    visibility: hidden;
    transition: visibility 0s ease .4s, -webkit-transform .4s ease;
    transition: visibility 0s ease .4s, transform .4s ease;
    transition: visibility 0s ease .4s, transform .4s ease, -webkit-transform .4s ease
}
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {
    position: static;
}
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}
.hc-offcanvas-nav.nav-position-left {
    left: 0
}
.hc-offcanvas-nav.nav-position-left .nav-container {
    left: 0;
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0)
}
.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}
.hc-offcanvas-nav.nav-position-right {
    right: 0
}
.hc-offcanvas-nav.nav-position-right .nav-container {
    right: 0;
    -webkit-transform: translate3d(280px, 0, 0);
    transform: translate3d(280px, 0, 0)
}
.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}
.hc-offcanvas-nav.nav-position-top {
    top: 0
}
.hc-offcanvas-nav.nav-position-top .nav-container {
    top: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}
.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {
    left: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}
.hc-offcanvas-nav.nav-position-bottom {
    top: auto;
    bottom: 0
}
.hc-offcanvas-nav.nav-position-bottom .nav-container {
    top: auto;
    bottom: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}
.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {
    left: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}
.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.hc-nav-trigger {
    position: fixed;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    top: 20px;
    left: 20px;
    z-index: 9999999;
    width: 30px;
    min-height: 24px;
    display: none;
    cursor: pointer;
}
.hc-nav-trigger span {
    top: 50%
}
.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {
    display: block;
    position: absolute;
    left: 0;
    height: 2px;
    background: #ffffff;
    transition: all .2s ease;
    border-radius: 2px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
}
.hc-nav-trigger span::before, .hc-nav-trigger span::after {
    content: '';
    width: 100%;
}
.hc-nav-trigger span {
    width: 23px;
}
.hc-nav-trigger span::before {
    width: 27px;
}
.hc-nav-trigger span::after {
    width: 38px;
}
.hc-nav-trigger span::before {
    top: -10px
}
.hc-nav-trigger span::after {
    bottom: -10px
}
.hc-nav-trigger:hover span {
    -webkit-animation: hamburger .4s ease;
    animation: hamburger .4s ease;
}
.hc-nav-trigger:hover span::before {
    -webkit-animation: hamburger .4s ease .1s;
    animation: hamburger .4s ease .1s;
}
.hc-nav-trigger:hover span::after {
    -webkit-animation: hamburger .4s ease .2s;
    animation: hamburger .4s ease .2s;
}
@-webkit-keyframes hamburger {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
}
@keyframes hamburger {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
}
@media only screen and (max-width:480px) {
    .hc-nav-trigger {
        top: 20px;
        left: 12px
    }
    .hc-nav-trigger span {
        width: 18px;
    }
    .hc-nav-trigger span::before {
        width: 23px;
    }
    .hc-nav-trigger span::after {
        width: 28px;
    }
    .hc-nav-trigger span::before {
        top: -8px
    }
    .hc-nav-trigger span::after {
        bottom: -8px
    }
}
.hc-nav-trigger.toggle-open span {
    background: rgba(0, 0, 0, 0);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.hc-nav-trigger.toggle-open span::before {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
}
.hc-nav-trigger.toggle-open span::after {
    -webkit-transform: rotate(-90deg) translate3d(10px, 0, 0);
    transform: rotate(-90deg) translate3d(10px, 0, 0)
}
.hc-offcanvas-nav::after, .hc-offcanvas-nav .nav-wrapper::after {
    background: rgba(0, 0, 0, .5)
}
.hc-offcanvas-nav h2 {
    font-size: 19px;
    font-weight: normal;
    text-align: left;
    padding: 20px 17px;
}
.hc-offcanvas-nav a, .hc-offcanvas-nav .nav-item {
    padding: 12px 17px;
    font-size: 11px;
    letter-spacing: .1em;
    font-weight: 600;
    z-index: 1;
    word-break: break-all;
}
.nav-content li a.linktoguide {
    border-bottom: none !important;
    padding-bottom: 6px !important;
}
.nav-content li a.linktomypage {
    padding-left: 30px;
    padding-top: 6px !important;
}
.nav-content li a.linktomypage span.material-icons {
    font-size: .8em !important;
    margin: 0 0 5px 0;
}
.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a {
    margin-top: -1px
}
.hc-offcanvas-nav li {
    text-align: left
}
.hc-offcanvas-nav li.nav-close:not(:first-child) a, .hc-offcanvas-nav li.nav-back:not(:first-child) a {
    margin-top: -1px
}
.hc-offcanvas-nav li.nav-parent .nav-item {
    padding-right: 58px
}
.hc-offcanvas-nav li.nav-close span, .hc-offcanvas-nav li.nav-parent span.nav-next, .hc-offcanvas-nav li.nav-back span {
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    transition: background .2s ease
}
.hc-offcanvas-nav li.nav-close span::before, .hc-offcanvas-nav li.nav-close span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-top: -3px;
}
.hc-offcanvas-nav li.nav-close span::before {
    margin-left: -8px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}
.hc-offcanvas-nav li.nav-close span::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.hc-offcanvas-nav span.nav-next::before, .hc-offcanvas-nav li.nav-back span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: all .2s ease;
}
.hc-offcanvas-nav span.nav-next::before {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
}
.hc-offcanvas-nav li.nav-back span::before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}
.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {
    box-shadow: 1px 0 2px rgba(0, 0, 0, .2)
}
.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {
    box-shadow: -1px 0 2px rgba(0, 0, 0, .2)
}
.hc-offcanvas-nav.nav-position-right span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}
.hc-offcanvas-nav.nav-position-right li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}
.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}
.hc-offcanvas-nav.nav-position-top span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg)
}
.hc-offcanvas-nav.nav-position-top li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}
.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .2)
}
.hc-offcanvas-nav.nav-position-bottom span.nav-next::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}
.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {
    margin-left: 0;
    margin-right: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg)
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper, .hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {
    box-shadow: none;
    background: transparent
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2, .hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {
    display: none
}
.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item, .hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {
    font-size: 14px
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li, .hc-offcanvas-nav.nav-levels-none .nav-container li {
    transition: background .3s ease
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item .nav-next::before, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item .nav-next::before {
    margin-top: 2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}
.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before, .hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before {
    margin-top: -2px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg)
}
li.searchformobile input[type="search"] {
    border-color: #b0b0b0;
    background-color: rgba(255, 255, 255, .9);
}
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
    background: #fff;
}
.hc-offcanvas-nav:not(.touch-device) a:hover {}
.hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav li.nav-back a:hover {}
.hc-offcanvas-nav span.nav-next::before, .hc-offcanvas-nav li.nav-back span::before {
    border-top: 2px solid #404040;
    border-left: 2px solid #404040;
}
.hc-offcanvas-nav a, .hc-offcanvas-nav .nav-item {
    border-bottom: 1px solid var(--mobilenav-border-color);
}
.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a {
    border-top: 1px solid var(--mobilenav-border-color);
}
.hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav li.nav-back a {
    background: #3e3e3e;
    color: #fff !important;
    border-top: 1px solid var(--mobilenav-border-color);
    border-bottom: 1px solid var(--mobilenav-border-color);
}
.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next {}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {
    border-bottom: 1px solid var(--mobilenav-border-color);
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {
    border: none;
}
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {}
.hc-offcanvas-nav li.nav-close span::before, .hc-offcanvas-nav li.nav-close span::after {
    border-top: 2px solid #ddd;
    border-left: 2px solid #ddd
}
.loader, .loader:before, .loader:after {
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
    opacity: .5;
}
.loader {
    color: #ffffff;
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
}
.loader:before, .loader:after {
    content: '';
    position: absolute;
    top: 0;
}
.loader:before {
    left: -2.5em;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
}
.loader:after {
    left: 3.5em;
}
@-webkit-keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em
    }
    40% {
        box-shadow: 0 2.5em 0 0
    }
}
@keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em
    }
    40% {
        box-shadow: 0 2.5em 0 0
    }
}
@media only screen and (max-width:480px) {
    .msg_messenger {
        z-index: 9999999 !important;
    }
}
#membership {
    width: auto !important;
    padding: 0 0 40px 0 !important;
}
.login {
    padding: 0 30px 40px 30px;
}
.draft {
    padding: 40px 30px;
}
.draft .message {
    font-weight: bold !important;
}
.membership .mypage .img-wrapper .img, .membership .guide .img-wrapper .img {
    height: auto !important;
}
@media (max-width:768px) {
    .membership .mypage .img-wrapper .img {
        object-fit: cover !important
    }
}
.membership .heading-wrapper h2 {
    font-size: 2rem !important;
}
.membership .content h3 {
    font-size: 1.6rem !important;
}
.membership .link, .membership .leave-modal-button {
    color: #fff !important;
}
button#open-modal-button, a.logout, .membership .mypage .logout, .membership .mypage .content .definition-description .edit {
    background-color: transparent !important;
}
.membership .mypage .content .definition-description .mail-address {
    margin-bottom: 10px;
}
.membership .edit {
    padding: 15px 13.5px !important;
}
.membership .mail-address {
    padding: 16px 18px !important;
}
.membership .guide .content .heading {
    font-weight: 600;
    font-size: 2rem !important;
    line-height: 1.4 !important;
    margin-bottom: 20px;
}
.membership .mypage .card, .membership .mypage .content .definition-description {
    border: 1px solid #33333324 !important;
    background-color: rgb(255, 255, 255, .3) !important
}
.membership .mypage .content .definition-description .point-expiry-date {
    color: inherit !important;
}
.membership .mypage .reward-list .reward-card-list .reward-card .reward-image {
    object-fit: cover !important;
}
@media only screen and (min-width:1000px) {
    .leave-modal-wrapper .leave-modal {
        left: calc(50% + 100px) !important;
    }
}
.membershipPoint {
    margin: 0 0 10px 0;
    font-size: 1.1em;
}
.membershipPoint__amountWrapper {
    font-weight: 400 !important;
}
.membershipPoint__amount {
    font-size: 1.5em !important;
    font-weight: 400 !important
}
.point-amount {
    font-size: 1.3em;
    font-family: 'Jost', Yu Gothic, YuGothic, "Yu Gothic Medium", "Yu Gothic", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", Arial, 繝｡繧､繝ｪ繧ｪ, Meiryo, sans-serif !important;
    font-weight: 500 !important;
}
.membership .mypage .content .definition-description .point-amount {
    font-size: 2em !important;
}
body.openLineTrue #x_message {
    display: none;
}
.line_startButton {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 15px;
    cursor: pointer;
    transition: all .1s ease;
    z-index: 99999;
    background-color: #06C755;
    box-shadow: 0 0 15px 0 #33425833;
}
.line_startButton:hover {
    box-shadow: 0 0 15px 0 #33425880
}
.line_startButton a {
    display: block
}
.line_startButton__icon {
    display: block;
    border-radius: 52px;
    width: 52px;
    height: 52px;
    background-size: 80%;
    background-position: center center;
    background-image: url(https://basefile.akamaized.net/ymtk/66da9799aaa34/LINE_Brand_icon.png);
    background-repeat: no-repeat;
}
.line_startButton__text {
    display: none;
}
@media only screen and (max-width:1000px) {
    .line_startButton {
        right: 20px !important;
        left: 20px !important;
        bottom: 15px !important
    }
}
@media only screen and (min-width:481px) {
    .line_startButton {
        width: 52px !important;
        height: 52px !important;
        border-radius: 52px !important
    }
}
@media only screen and (max-width:480px) {
    .line_startButton {
        align-items: center;
        border-radius: 100px;
        bottom: 20px;
        box-shadow: 0 0 5px 0 #30303023;
        box-sizing: border-box;
        display: flex;
        height: 40px;
        justify-content: center;
        left: 0;
        margin: auto;
        position: fixed;
        right: 0;
        text-align: center;
        top: auto;
        width: 230px
    }
    .line_startButton:hover {
        box-shadow: 0 0 5px 0 #33425880
    }
    .line_startButton__icon {
        width: 40px;
        height: 40px;
        background-size: 35px;
        display: inline-block;
        line-height: 40px !important;
        padding: 0 12px 0 0;
        vertical-align: middle
    }
    .line_startButton__text {
        color: #fff;
        display: inline-block !important;
        font-size: 14px;
        font-weight: bold;
        line-height: 40px;
        vertical-align: middle
    }
}
body .mainArea, a, .loader, .communityMain a, .breadcrumb, .breadcrumb li, .breadcrumb li a, .category .menu-dropdown-icon:before, #item_page_wrap p a, .static_wrap p a, .blog_body a, #reviews h2.review01__title:before, #item_page_wrap #itemAttention, #item_page_wrap #purchase_form #itemSelect label, .ageVerificationWarning, .attention.salesPeriod, .actionbox .comingSoon, .preOrder__label, .lottery__label, .takeout__label, button#open-modal-button, a.logout, .membership .mypage .logout, .membership .mypage .content .definition-description .edit, .membership .point-history .content .point-history-summary .point-name, .membership .point-history .content .point-history-summary .description {
    color: var(--textColor) !important
}
.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {
    background-color: var(--textColor);
}
#item_page_wrap p a, .static_wrap p a, .static_wrap #privacy a, .blog_body a, .ChildCategories li a, .actionbox .comingSoon, .preOrder__label, .lottery__label, .takeout__label, .attention.salesPeriod, .preOrder__data.lottery__data, .takeout__data {
    border-color: var(--textColor);
}
.membership .mypage .content .definition-description .edit {
    border-color: var(--textColor) !important;
}
#membership .point-history .link {
    background: none !important;
    color: var(--textColor) !important
}
svg.exchange-point-icon path {
    fill: var(--textColor);
}
#mainHeader {
    /*background: var(--headerBarBgColor);*/
}
.headMessage.marquee::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--headerBarBgColor) 100%);
}
.headMessage.marquee::before {
    background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--headerBarBgColor) 100%);
}
#mainHeader, .headMessage a, headerwrap a, .headnav li a, .headnav li a:visited, .headnav li.searchicon, .headnav li.searchicon a, .headnav #i18 select, .headnav #i18 select, .headnav #i18 .lang:before, .headnav #i18 .currency:before, .headnav .info::after {
    color: var(--headerBarFontColor) !important;
}
#logo span {
    color: var(--headerBarFontColor);
}
@media only screen and (min-width:1000px) {
    .headnav li.iconed.simple li.cart a, .headnav li.iconed.simpleframe li.cart a {
        color: var(--headerBarFontColor) !important;
    }
    .headnav li.iconed.simpleframe li.cart a {
        border-color: var(--headerBarFontColor)
    }
}
.sidebarColor .sideArea, .sidebarColor #headerwrap, .pagetop a {
    /*background-color: var(--sideAreaColor);*/
}
.sidebarColor .hc-offcanvas-nav .nav-container, .sidebarColor .hc-offcanvas-nav .nav-wrapper, .sidebarColor .hc-offcanvas-nav ul {
    background-color: var(--sideAreaColor);
}
#shoplogo h1 a span.logoText, .sideArea, .sideArea a, .category .menu-dropdown-icon:before, .tagline, .hc-offcanvas-nav a, .hc-offcanvas-nav .nav-item, .pagetop a {
    color: var(--sideAreaTextColor) !important;
}
.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {
    background-color: var(--sideAreaTextColor) !important;
}
.hc-offcanvas-nav span.nav-next::before, .hc-offcanvas-nav li.nav-back span::before {
    border-color: var(--sideAreaTextColor);
}
@media only screen and (max-width:1000px) {
    .headnav li.iconed li.cart a {
        color: var(--sideAreaTextColor) !important;
    }
}
#MainVisual .hero p, #MainVisual .hero h2, .flexslider .slides .first .hero p, .flexslider .slides .first .hero h2 {
    color: var(--mainVisual1TextColor);
}
#MainVisual .hero, .flexslider .slides .first .hero {
    border-color: var(--mainVisual1TextColor);
}
.flexslider .slides .second .hero p, .flexslider .slides .second .hero h2 {
    color: var(--mainVisual2TextColor);
}
.flexslider .slides .second .hero {
    border-color: var(--mainVisual2TextColor);
}
.flexslider .slides .third .hero p, .flexslider .slides .third .hero h2 {
    color: var(--mainVisual3TextColor);
}
.flexslider .slides .third .hero {
    border-color: var(--mainVisual3TextColor);
}
#MainVisual .hero a, .flexslider .hero a, .salesStatus, #moreItems a, #viewmorebtn a, #item_page_wrap #purchase_form .purchaseButton__btn, #item_page_wrap #purchase_form .purchaseButton__btn:hover, .spFloatPurchaseBtn .purchaseButton__btn, .spFloatPurchaseBtn .purchaseButton__btn:hover, .inquirySection .control-panel input#buttonLeave, .inquirySection .control-panel input#buttonLeave:hover, .blogtop a.button, .mailMagazineSubscribe_form button, #collections.pointcolor .catcard .card-title span, .membershiptop a, #membership .link {
    background: var(--pointColor);
}
.review01__tab:after {
    border: 2px solid var(--pointColor) !important;
}
.utility .read_more a:before, .topIntro .read_more a:before, .BlogPinnedArticle a:before {
    color: var(--pointColor)
}
@media only screen and (min-width:1000px) {
    .headnav li.iconed.pointcolored li.cart a {
        background: var(--pointColor);
    }
}
.hero a, #moreItems a, #viewmorebtn a, .salesStatus, #item_page_wrap #purchase_form .purchaseButton__btn, #item_page_wrap #purchase_form .purchaseButton__btn:hover, .spFloatPurchaseBtn .purchaseButton__btn, .spFloatPurchaseBtn .purchaseButton__btn:hover, .inquirySection .control-panel input#buttonLeave, .inquirySection .control-panel input#buttonLeave:hover, .blogtop a.button, .mailMagazineSubscribe_form button, #collections.pointcolor .catcard .card-title a, .membershiptop a, #membership .link {
    color: var(--pointColorText) !important;
}
@media only screen and (min-width:1000px) {
    .headnav li.iconed.pointcolored li.cart a {
        color: var(--pointColorText) !important;
    }
}
#homecatvisual .hero, #homecatvisual .hero a {
    color: var(--homeCatVisualTextColor) !important
}
#homecatvisual .hero a {
    border-color: var(--homeCatVisualTextColor)
}