@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap');

.tate { writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -webkit-writing-mode:vertical-rl;}

* {-webkit-text-size-adjust:100%;}
a:link {text-decoration:none; color:#000;}
a:visited{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#000;}
a:active{text-decoration:none; color:#000;}
.btn-info { background-color: #888; border-color: #888; color: #fff;}
.sawa { font-family: 'Sawarabi Mincho', sans-serif; }


.red-point { color: #A9270B; text-align: right; margin-top: .2rem; font-weight: bold;}
/*.v-rl { position: relative; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; display: inline-block; text-align: justify; text-justify: inter-ideograph; }*/
.d-flex { display: -ms-flexbox !important; display: flex !important;}
.flex-row { -ms-flex-direction: row !important; flex-direction: row !important;}
.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}
.row.d-flex { -ms-flex-wrap: initial; flex-wrap: initial; display: -ms-block; display: block; }
.page-heading { margin-top: .7rem; font-weight: normal; text-align: left; position: relative; font-size: .24rem; border-bottom: 1px solid #ccc;}
.page-heading:after { content: ""; position: absolute; left: 0; bottom: -1px; width: .5rem; height: 1px; background: #2C2C2C; }
.sans { font-family: 游ゴシック体, 游ゴシック, YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", メイリオ, "Helvetica Neue", HelveticaNeue, "Segoe UI", Arial, "Noto Sans CJK JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.ai-center { -webkit-align-items: center; align-items: center; }
.flex { display: flex; flex-wrap: wrap;}
.cart_area .classcategory_list li select { width: 100%; max-width: 100%; background: #fff; height: .5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 10px; padding-right: 10px;}
/*.page-hero { background-size: cover; background-position-x: center; margin-bottom: 1.4rem; text-align: left; color: #fff; line-height: 1.3; position: relative; background-repeat: no-repeat;}
.page-hero:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.1);}
.page-hero h2 { position: relative; z-index: 1; display: inline-block; background: #fff; color: #2c2c2c; padding: .45rem .5rem .45rem 1rem; text-align: left;}
.page-hero h2 strong { font-size: .44rem; letter-spacing: .08em; display: block; margin-left: .13rem;}
.page-hero h2 small { font-size: .15rem; letter-spacing: .08em; color: #CECECE; display: block;}
.page-hero h2:before { content: ""; position: absolute; left: .6rem; width: 3px; height: calc(100% - .9rem); background: #2c2c2c; }
.page-hero h2:after { content: ""; position: absolute; left: .56rem; width: 1px; height: calc(100% - .9rem); background: #2c2c2c; }*/
.page-hero { height: 6.3rem; background-size: cover; background-position-x: center; margin-bottom: 1.4rem; display: flex; display: -ms-flex; align-items: center; justify-content: center; text-align: center; color: #fff; line-height: 1.3; position: relative; overflow: hidden; background-repeat: no-repeat;}
.page-hero:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.1);}
.page-hero h2 { position: relative; z-index: 1; }
.page-hero h2 .jp { font-size: .52rem; letter-spacing: .04em; }
.page-hero h2 .en { font-size: .24rem; letter-spacing: .04em; }
.page-gnav { padding: .3rem 0; border-bottom: 1px solid #BBB6B4; margin-bottom: .7rem;}
.page-gnav ul { font-size: 0; letter-spacing: 0; text-align: right;}
.page-gnav ul li { display: inline-block; padding-left: .3rem; padding-top: .1rem; padding-bottom: .1rem; white-space: nowrap;}
.page-gnav ul li:first-child { padding-left: 0; }
.page-gnav ul li a { color: #777777!important; }
.page-gnav ul li .icon { width: .27rem; display: inline-block; vertical-align: middle;}
.page-gnav ul li .text { width: calc(100% - .27rem); font-size: .15rem; letter-spacing: .06em; display: inline-block; vertical-align: middle; padding-left: .15rem;}
.page-gnav ul li form input { width: 3rem; height: .45rem; }
.page-gnav ul li form button { visibility: hidden; }
.page-gnav { padding: .3rem 0; border-bottom: 1px solid #BBB6B4; margin-bottom: .7rem;}
.page-gnav ul { font-size: 0; letter-spacing: 0; text-align: right;}
.page-gnav ul li { display: inline-block; padding-left: .3rem; padding-top: .1rem; padding-bottom: .1rem; white-space: nowrap;}
.page-gnav ul li:first-child { padding-left: 0; }
.page-gnav ul li a { color: #777777!important; }
.page-gnav ul li .icon { width: .27rem; display: inline-block; vertical-align: middle;}
.page-gnav ul li .text { width: calc(100% - .27rem); font-size: .15rem; letter-spacing: .06em; display: inline-block; vertical-align: middle; padding-left: .15rem;}
.page-gnav ul li form input { width: 3rem; height: .45rem; }
.page-gnav ul li form button { visibility: hidden; }
@media (max-width: 991px) {
    /*.page-hero h2 { padding: .25rem .3rem .25rem .5rem; }
    .page-hero h2 strong { font-size: .24rem; }
    .page-hero h2 small { font-size: .15rem; }
    .page-hero h2:before { left: .3rem; height: calc(100% - .5rem);}
    .page-hero h2:after { left: .27rem; height: calc(100% - .5rem);}*/
    .page-hero { height: 3.4rem; margin-bottom: .7rem; }
    .page-hero h2 .jp { font-size: .35rem; }
    .page-hero h2 .en { font-size: .16rem; }
}
@media (max-width: 767px) {
    .page-heading { border-top: 0; padding-left: 0; width: calc(100% - 30px); margin: .15rem auto .3rem; }
    .secondMain { margin-top: 0!important;}
}


body { opacity: 0; font-size: .16rem; line-height: 1.8; letter-spacing: .08em; color: #2C2C2C; background-color: #fff; font-family: 'Open Sans', 'YuGothic_Family', 'YuGothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; overflow-x: hidden; padding-top: 90px;}

#header { width: 100vw; height: 90px; position: fixed; left: 0; top: 0; background: #fff; z-index: 999; padding-top: 0;}
#header .wrapper { position: relative; height: 100%;}
#header .wrapper .logo a { display: -ms-flex; display: flex; align-items: center; position: absolute; left: 0; top: 0; height: 100%; padding: 20px 25px; }
#header .wrapper .logo a img { height: 55px; position: relative; top: 2px; }
#header .gnav { position: absolute; height: 100%; right: 0; left: 13%; width: 45%; margin-left: auto; margin-right: auto; text-align: center; }
#header .gnav li { display: inline-block; margin: 0 1.7%; padding: 30px 0; font-size: 16px;}
#header .gnav li a { color: #555; }
#header .gnav li a:hover { color: #760419; }
#header .icon-nav { position: absolute; right: 0; height: 100%; width: 15%; text-align: right; padding-right: 100px;}
#header .icon-nav li { padding: 30px 0 30px 20px; display: inline-block; font-size: 17px; position: relative;}
#header .icon-nav li a { color: #555; }
#header .icon-nav li a:hover { color: #760419; }
#header .modal { display: block; opacity: 0!important; visibility: hidden; transition: .3s; position: absolute; top: 75px; left: auto; right: -90px; bottom: auto; background: #fff; padding: 13px 30px; text-align: left; font-size: 17px; width: 230px; border: 1px solid #d6d6d6; border-radius: 2px; overflow: visible;}
#header .modal:before { content: ""; right: 87px; border: 1px solid; display: block; position: absolute; top: -9px; width: 12px; height: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0% 0; transform-origin: 0% 0; z-index: 1; background: #fff; border-color: #d6d6d6;}
#header .modal:after { content: ""; left: 0; display: block; position: absolute; top: 0; width: 100%; height: 12px; z-index: 1; background: #fff;}
#header .modal.active { opacity: 1!important; visibility: visible; }
#header .modal li { padding: 8px 0; display: block; border-bottom: 1px solid #d6d6d6; font-size: 14px; position: relative; padding-left: 25px;}
#header .modal li:last-child { border: none; }
#header .modal li a { color: #0070c9; }
#header .modal li a:hover { color: #0070c9; text-decoration: underline;}
#header .modal li .fa-icons { position: absolute; display: block; width: 25px; text-align: center; left: 0; }
#header .menu-trg-area { display: none; }
#header .menu-trigger,
#header .menu-trigger span { display: inline-block; transition: all .3s; box-sizing: border-box;}
#header .menu-trigger { position: absolute; width: 30px; height: 37px; z-index: 2; right: 20px; bottom: 20px; margin: auto; cursor: pointer;}
#header .menu-trigger span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #760419;}
#header .menu-trigger span:nth-of-type(1) { top: 15px;}
#header .menu-trigger span:nth-of-type(2) { top: 25px; width: 85%;}
#header .menu-trigger span:nth-of-type(3) { bottom: 0;}
#header .menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(20px) rotate(-45deg); transform: translateY(20px) rotate(-45deg); top: 5px;}
#header .menu-trigger.active span:nth-of-type(2) { left: 50%; opacity: 0; -webkit-animation: active-menu-bar02 .8s forwards; animation: active-menu-bar02 .8s forwards;}
#header .menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-20px) rotate(45deg); transform: translateY(-20px) rotate(45deg); bottom: -11px;}

#footer { background: #fff; padding: .6rem 0 0; border-top: none; margin-top: 0;}
#footer .center-title { text-align: center; margin-bottom: 0; border-top: 1px solid #2C2C2C; border-bottom: 1px solid #2C2C2C; padding: .6rem .15rem; transition: .3s;}
#footer .center-title.right-border { border-right: 1px solid #2C2C2C; }
#footer a:hover .center-title { background: #2C2C2C; color: #fff;}
#footer .container-fluid { max-width: 1600px!important; }
#footer .wrapper { padding-top: .5rem; padding-bottom: .3rem;}
#footer .default-title strong { font-size: .27rem; }
#footer .footer-wrapper { font-size: 0; letter-spacing: 0; }
#footer .top-wrapper { display: inline-block; vertical-align: top; width: 5.5rem; font-size: .14rem; line-height: 2; letter-spacing: .06em;}
#footer .top-wrapper img { display: block; margin-bottom: .1rem; height: .35rem;}
#footer .top-wrapper p { display: inline-block; vertical-align: top;}
#footer .second-wrapper { display: inline-block; vertical-align: top; width: calc(100% - 5.5rem); font-size: .13rem; letter-spacing: .06em; text-align: right;}
#footer .second-wrapper ul { text-align: right; width: 100%; margin-left: auto;}
#footer .second-wrapper ul li { margin-right: 0; border-right: 1px solid #fff; padding-left: .15rem; line-height: 1; margin-bottom: .1rem;}
#footer .second-wrapper .button-wrapper { margin-bottom: .25rem; }
#footer .second-wrapper .button-wrapper .link-button { display: inline-block; padding: .15rem .2rem; line-height: 1; border: 1px solid #fff; letter-spacing: .06em; transition: .3s; margin-left: 10px;}
#footer .second-wrapper .button-wrapper .link-button:hover { background: #fff; color: #101010!important; }
#footer .second-wrapper .button-wrapper img { width: 23px; margin: 0 5px;}
#footer .copyright { font-size: .12rem; margin-top: .2rem;}
@media (max-width: 1199px) {
    #header .icon-nav { padding-right: 50px; }
}
@media (max-width: 1199px) {
    body { padding-top: 60px; }
    #header { width: 100vw; height: 60px;}
    #header .wrapper .logo a { padding: 14px 15px; }
    #header .wrapper .logo a img { height: 40px; }
    #header .menu-trg-area { display: block!important;}
    #header .gnav { opacity: 0; padding-top: 20px; left: 0; visibility: hidden; position: absolute; transition: .3s; width: 100%; height: calc(100vh - 60px); top: 60px; background: #fff; text-align: center;}
    #header .gnav.active { opacity: 1; visibility: visible; }
    #header .gnav li { display: block; margin-left: auto; margin-right: auto; padding: 15px; text-align: center;}
    #header .gnav li a { display: block; padding: 10px 20px; position: relative; max-width: 250px; margin: auto; font-size: 15px; color: #202020;}
    #header .gnav li a:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 10px; border-top: 1px solid #2C2C2C; border-bottom: 1px solid #2C2C2C; border-left: 1px solid #2C2C2C; }
    #header .gnav li a:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 10px; border-top: 1px solid #2C2C2C; border-bottom: 1px solid #2C2C2C; border-right: 1px solid #2C2C2C; }
    #header .gnav li.cart-button { margin-top: 15px; }
    #header .gnav li.cart-button a:before,
    #header .gnav li.cart-button a:after { display: none; }
    #header .modal { top: 55px; }
    #header .icon-nav { right: 80px; padding-right: 0; width: 120px; }
    #header .icon-nav li { padding: 14px 0 16px 20px; }

    #footer .center-title { padding: .3rem .15rem; }
    #footer .top-wrapper { width: 100%; text-align: center;}
    #footer .top-wrapper img { margin-right: 0; display: block; margin-left: auto; margin-right: auto; margin-bottom: .2rem; }
    #footer .second-wrapper .button-wrapper .link-button { display: block; margin-top: .4rem; width: 60vw; margin-left: auto; margin-right: auto;}
    #footer .second-wrapper { width: 100%; text-align: center; margin-top: .3rem;}
    #footer .second-wrapper ul { text-align: center; margin: auto; }
    #footer .default-title strong { font-size: 14px; }
}
@media (max-width: 767px) {
    #header .wrapper .logo a img { height: 28px; }
}

#wrapper { transition: .6s;}
#contents { padding-top: 0px!important; min-height: 0;}
a.btn-info { color: #fff;}

/* text */
.tate { -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; text-align: justify; text-justify: inter-ideograph;}
.tate-ttl { width: 65px; position: relative; color: #000;}
.tate-ttl strong { margin-left: 25px; padding: .1rem 0; font-weight: normal; font-size: .24rem; letter-spacing: .2em; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; text-align: justify; text-justify: inter-ideograph; background: #fff;}
.tate-ttl .en { padding: .1rem 0; line-height: 2; font-size: .1rem; letter-spacing: .6em; position: absolute; left: 0; top: 0; width: 20px; height: 270px; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; text-align: justify; text-justify: inter-ideograph; background: #fff;}
.tate-ttl span { margin-top: 20px; display: block; font-size: .1rem; transform: scale(.8); letter-spacing: .1em; position: relative; padding-left: .13rem;}
.tate-ttl span:before { content: ""; width: 5px; height: 5px; border-top: 1px solid #000; border-right: 1px solid #000; display: block; position: absolute; left: 0; top: 0; bottom: 0; transform: rotate(45deg); margin: auto;}

/* parallax */
.plx-bg { position: relative; margin: 0; transition: .1s;}
.plx-pr:nth-child(1) { padding-top: 0;}
.plx-pr .wrap { position: relative; font-size: 0; letter-spacing: 0; min-height: 450px; margin-bottom: 110px;}
.plx-pr .tate { display: inline-block; width: 250px; vertical-align: top; padding-right: .5rem; text-align: left;}
@media(min-width:768px) and (max-width: 1024px){
    .plx-pr .tate { padding-right: .1rem;}
}
.plx-pr .tate .ttl { font-weight: normal; font-size: .21rem; letter-spacing: .6em; line-height: 37px;}
.plx-pr .tate p { font-size: .15rem; letter-spacing: .6em; line-height: 37px; padding-right: .2rem;}
.plx-pr .bg { height: 450px; background-position: center; background-size: cover; display: inline-block; vertical-align: top; width: calc((100% - 300px) + (100vw - 100%) / 2); position: absolute; left: 300px; top: 0;}
.plx-pr .even { text-align: right;}
.plx-pr .even .tate { padding-right: 0; padding-left: .5rem;}
.plx-pr .even .bg { left: auto; right: 300px;}

@media(min-width:768px){
    .plx-pr .bg { height: 550px;}
}
@media(max-width:767px){
    .plx-pr .tate .ttl { font-weight: normal; font-size: 18px; letter-spacing: .6em; line-height: 37px; margin-top: 10px;}
    .plx-pr .tate p { font-size: 12px; letter-spacing: .1em; line-height: 37px; padding-right: .2rem; margin-top: 10px;}

    .plx-pr .tate { order: 2; flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; width: 100%; -webkit-writing-mode: horizontal-tb; -moz-writing-mode: horizontal-tb; -ms-writing-mode: tb-rl; -ms-writing-mode: horizontal-tb; writing-mode: horizontal-tb; text-align: justify; text-justify: inter-ideograph;}
    .plx-pr .wrap { min-height: auto; padding-top: .3rem; margin-bottom: 0; display: flex; display: -ms-flex; flex-wrap: wrap;}
    .plx-pr .bg { order: 1; margin-top: 0;}
    .plx-pr .bg, .plx-pr .even .bg { position: relative; top: 0; bottom: 0; margin-top: .3rem;}
    .plx-pr .even .tate { padding-left: 0;}
}

/* lg_slider */
.slider_parent { position: relative; overflow: hidden; margin-bottom: 65px;}
.slider_parent #slider .bg { background-size: cover; background-position: center; height: 800px; width: 100%; max-height: 100vh;}
.slider_parent .slide_logo { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}

/* home */
#page_homepage #contents_top .inner { max-width: auto;}
#page_homepage .catch { text-align: center; font-size: .21rem; letter-spacing: .2em; line-height: 1.8; margin-bottom: 80px;}
#page_homepage .product-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10vw; padding-left: 10vw;}
@media(min-width: 768px) {
    #page_homepage .sp_hero { display: none; }
}
@media (max-width: 767px) {
    #page_homepage .product-wrap { padding-top: .5rem; }
}


.product-wrap { background-image: url(../img/top/product-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position-y: -10%; padding-bottom: .3rem;}
.product-wrap .d-flex + .product_link { display: none;}
@media(max-width: 991px) {
    .product-wrap { padding-bottom: .6rem; }
    .product-wrap .d-flex + .product_link { display: block; width: 80%; margin: 0 auto;}
}

/* left-title-block */
.left-title-block { position: relative; padding-left: 120px;}
.left-title-block .left-col { width: 10vw;}
.left-title-block .left-col img { margin-bottom: .78rem; width: 110px;}
.left-title-block .product_link { position: relative; display: inline-block; width: 100%; padding: .125rem .1rem; font-size: .14rem; color: #fff; background-color: #101010; border: 1px solid #101010; text-align: center; transition: all .3s ease;}
.left-title-block .product_link:hover { color: #101010; background-color: #fff; transition: all .3s ease;}
.left-title-block .product_link:after { content: ""; position: absolute; bottom: 1px; right: 1px; width: 0; height: 0; border-style: solid; border-width: 0 0 8px 8px; border-color: transparent transparent #fff transparent; transition: all .3s ease;}
.left-title-block .product_link:hover:after { border-color: transparent transparent #101010 transparent; transition: all .3s ease;}
@media(max-width: 991px) {
    .left-title-block .left-col { width: 15vw;}
    .left-title-block .product_link { font-size: .15rem;}
    .left-title-block .product_link { display: none;}
}
@media(max-width: 770px) {

}
@media(max-width: 576px) {
}
/* product-list */
.product-wrap { position: relative; margin-bottom: 80px;}
/* .product-wrap::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 75%; background: url(../img/top/product-bg.jpg);} */
.product-list { width: calc(100% - 10vw); padding-left: 5vw;}
.product-list .product-detail img { width: 100%; }
.product-list .tate-ttl { position: relative; top: -50px; left: 10px;}
.mega-menu h2 { font-size: .34rem; line-height: 1; margin-bottom: .4rem; }
.mega-menu .category-menu li { padding: .05rem 0; padding-left: .15rem;}
.mega-menu .category-menu li a { font-size: .14rem; position: relative; padding-left: .15rem; display: block;}
.mega-menu .category-menu li a:before { content: ""; position: absolute; width: .06rem; height: .06rem; border-top: 1px solid #202020; border-right: 1px solid #202020; transform: rotate(45deg); display: block; left: 0; top: 0; bottom: 0; margin: auto 0; }
.mega-menu .category-menu > li { padding-left: 0; margin-bottom: .1rem;}
.mega-menu .category-menu > li > a { padding-left: 0; background-color: #760419; color: #fff; padding: .02rem .07rem;}
.mega-menu .category-menu > li > a:before { display: none; }
.mega-menu .category-menu .menu-dropdown-icon ul { margin-top: .1rem; }
.product_page #contents { padding-top: .86rem!important; }
#page_product_list .page-hero { margin-bottom: .45rem; }
#page_product_detail .page-hero h2,
#page_product_list .page-hero h2 { position: relative; bottom: -1.15rem;}
#page_product_list #result_info_box { margin-bottom: .8rem;}
#page_product_list #result_info_box h2 .jp { font-size: .26rem; letter-spacing: .04em; display: inline-block; padding-right: .05rem; vertical-align: middle;}
#page_product_list #result_info_box h2 .en { font-size: .11rem; letter-spacing: .08em; display: inline-block; vertical-align: middle;}
#page_product_list #contents > .container-fluid { padding-bottom: 0; padding: 0 .7rem!important; }
#page_product_list #category_block { display: block!important; }
#page_product_list .product_page .product_item { padding-bottom: .8rem;}
#page_product_list .product_page .product_item .item_name { height: auto; margin-bottom: 0;}
#page_product_list #topicpath { padding-top: 0; padding-left: 0; padding-right: 0; border-top: none!important;}
#page_product_list #topicpath ol { display: flex; justify-content: flex-start; padding-top: 0;}
#page_product_list #topicpath ol li { display: flex; align-items: center; }
#page_product_list #topicpath ol li a { font-size: .18rem; }
#page_product_list #topicpath li:last-child { font-weight: normal; }
#page_product_list #result_info_box { margin-bottom: 0; }
.product_page .product_item a { padding-bottom: .65rem;}
.pagenumberarea li select { background: none; width: 1.6rem; height: .45rem; padding-left: 10px; padding-right: 10px;}
.pagenumberarea li select#category_id { width: 2.3rem; }
#item_list .item_photo { overflow: hidden; }
#item_list .item_photo figure { width: 100%; padding-top: 95%; background-size: cover; background-position: center; transition: .3s;}
#item_list a:hover .item_photo figure { transform: scale(1.06); }
#item_list .item_name { font-size: .15rem; font-weight: bold; border-bottom: 1px solid #2C2C2C; letter-spacing: .06em; padding-bottom: .05rem;}
#item_list .item_price { font-size: 0; letter-spacing: 0; }
#item_list .item_price .top { font-size: .14rem; letter-spacing: .04em; font-weight: normal; margin-bottom: .1rem; color: #777777;}
#item_list .item_price .left { display: block; width: 100%; vertical-align: middle; font-size: .15rem; letter-spacing: .06em; margin-bottom: .06rem;}
#item_list .item_price .right { display: block; width: 100%; vertical-align: middle; margin-top: .05rem;}
#item_list .item_price .right .dummy-button { border: 1px solid #707070; font-size: .14rem; letter-spacing: .04em; color: #2C2C2C!important; padding: .07rem 0; text-align: center; line-height: 1; transition: .3s;}
#item_list a:hover .item_price .right .dummy-button { color: #fff!important; background: #707070; }
@media(min-width:992px){
    #page_product_list #contents .product-content { flex: 0 0 calc(100% - 350px); max-width: calc(100% - 350px); }
    #page_product_list #contents .side-content { flex: 0 0 350px; max-width: 350px; }
}
@media(max-width:991px){
    .product-list { width: calc(100% - 15vw);}
    .products #item_list .row { margin-left: -15px; margin-right: -15px; }
    .products #item_list .row [class*="col"] { padding: 0 15px; }
    .product-list .tate-ttl { top: -45px; }
    .product-list .tate-ttl strong { margin-left: 0; font-size: .2rem;}
    #page_product_list #contents > .container-fluid { padding: 0 .3rem!important; }
}
@media(min-width:768px){
    .mega-menu .category-menu .menu-dropdown-icon ul { display: block!important; opacity: 1!important; }
}
@media(max-width:767px){
    #page_product_list .page-hero { margin-bottom: .2rem; }
    #page_product_list #page_navi_top [class*="col"] { padding: 0; }
    #page_product_list .pagenumberarea > li { display: block; margin-bottom: .15rem;}
    #page_product_list .pagenumberarea > li:last-child { margin-bottom: 0;}
    #page_product_list .pagenumberarea li select { width: 2.3rem; }
    #page_product_list #result_info_box { margin-bottom: .2rem; }
    #page_product_list #result_info_box h2 { text-align: center; margin-bottom: .5rem;}
    #page_product_list #result_info_box h2 .jp { display: block; }
    #page_product_list #result_info_box h2 .en { display: block; }
    #page_product_list #topicpath ol { padding-bottom: .7em; }
    #page_product_list #topicpath ol li a { font-size: 17px; }
    .product_page #contents { padding-top: .23rem!important; }
    .mega-menu h2 { font-size: .28rem; margin-bottom: .2rem; }
    .mega-menu .category-menu { font-size: 0; letter-spacing: 0; margin-bottom: .3rem;}
    .mega-menu .category-menu .menu-dropdown-icon ul,
    .mega-menu .category-menu .menu-dropdown-icon li { transform: none!important; }
    .mega-menu .category-menu > li { display: inline-block; width: 100%; padding-top: 0;}
    .mega-menu .category-menu > li a { font-size: .17rem; }
    .mega-menu .menu-dropdown-icon > a { pointer-events: none; }
    .mega-menu .menu-dropdown-icon > ul { display: none; }
    .product-list { width: calc(100% - 18vw);}
    .product-list .product-detail img { margin-bottom: .1rem;}
    .product-list .tate-ttl { top: -50px; }
    .product-list .tate-ttl strong { margin-left: 10px; font-size: .25rem;}
    /*.product-list .tate-ttl { top: 0; left: 0; width: 100%; margin-bottom: .35rem;}*/
    /*.tate-ttl strong { margin-left: 0; padding: 0 .05rem; writing-mode: horizontal-tb;}*/
    #item_list .item_name { font-size: .2rem; }
    #item_list .item_price .top { font-size: .18rem; }
    #item_list .item_price .left { font-size: .2rem; }
}
@media (max-width: 575px) {
    #item_list .item_name { font-size: 14px; line-height: 1.5; }
}


/* news_contents */
.news_ttl p { padding: 16px 16px 16px 0;}
.newslist { border-bottom: none; }
.newslist dl { border-bottom: 1px solid #2C2C2C; }
.newslist dt .cb { top: -.05em;}
.newslist dt.active .cb { top: -.1em;}
.news_contents { float: initial; padding: 0 9.4vw; margin-top: 8vw;}
.news_contents #news_area { background: none;}
@media (max-width: 767px) {
    .news_contents { padding: 0 15px; }
    .news_ttl p { padding: 0; margin-bottom: .2rem; }
    .newslist dt { padding-left: 0; }
}
@media(max-width:991px){
    .left-title-block .left-col { width: 12vw; }
}
@media(max-width:767px){
    .left-title-block { padding-left: 0;}
    .left-title-block .left-col { text-align: center; position: static;}
    .left-col > .tate-ttl { display: inline-block; width: 100%; margin-bottom: .45rem;}
    .tate-ttl .en { height: auto; display: block; position: inherit; width: 100%; writing-mode: horizontal-tb;}
    .plx-pr .bg ,
    .plx-pr .even .bg { height: 4.5rem; top: 2.5rem; right: 0; left: 0; width: 100%; margin: auto; z-index: -1;}
    .plx-pr .tate { width: 100%; display: flex; display: -ms-flex; flex-wrap: wrap; flex-direction: column; justify-content: center; padding-left: 0; padding-right: 0;}
    .plx-pr .wrap { min-height: auto; margin-bottom: 0;}
    .plx-pr .bg, .plx-pr .even .bg { position: relative; top: 0; bottom: 0; margin-top: .6rem;}
    .plx-pr .even { padding-top: .8rem; padding-left: 0;}
}

/* shop_about */
#page_user_data .inner { max-width: 100%;}

/* sumida螟画峩 */
/* body:not(#page_homepage) #contents > .container-fluid  { padding-top: .6rem; padding-bottom: .6rem;} */
body:not(#page_homepage) #contents > .container-fluid  { padding-top: 0; padding-bottom: .0rem; padding-left: 0; padding-right: 0;}
body:not(#page_homepage) #contents > .container-fluid .container-fluid { max-width: 1140px; }
@media(min-width:768px){
    body:not(#page_homepage) #contents > .container-fluid .container-fluid { }
}
.hero .col-sm-3,
.hero .col-md-3 { text-align: center; text-align: -webkit-center;}
.hero .text-area { padding-top: .5rem;}
.hero .u_ttl { font-size: .21rem; line-height: 1; letter-spacing: .6em; color: #3b3b3b; display: inline-block; padding-left: .25rem; margin-left: .2rem; position: relative;}
.hero .u_ttl:after { content: ""; position: absolute; top: 0; left: 0; height: 1.2rem; width: 1px; background: #3b3b3b;}
.hero .u_ttl + p { font-size: .15rem; line-height: 1.8; letter-spacing: .6em;}
.hero .slick-slide img { width: 100%; }
.h-ttl { margin-bottom: .4rem;}
.h-ttl small { font-size: .24rem; line-height: 1.1; letter-spacing: .08em;}
.h-ttl h3 { font-size: .3rem; line-height: 1.8; letter-spacing: .08em;}
.access hr { margin-top: .9rem; margin-bottom: .45rem; border-color: #3b3b3b;}
.access dl { line-height: 1.25; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.access dl dt { font-size: .15rem; line-height: 1.8; width: 1.4rem; margin-right: 3.3%; padding-right: 3.9%; padding-bottom: .67%; border-right: 1px solid #3b3b3b;}
.access dl dd { font-size: .15rem; line-height: 1.8; width: calc(96.2% - 1.4rem); padding-bottom: .67%;}
.g_map { margin-top: .65rem;}
@media(max-width:767px) {
    .hero .text-area { padding-bottom: .5rem;}
}


/* login */
#login_box .column { height: auto; background: none; padding: 0;}
#login_box .column .form-group { padding: 0;}
#login_box .column dl { display: flex; display: -ms-flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: .25rem;}
#login_box .column dl dt { flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25%;}
#login_box .column dl dd { flex: 0 0 75%; -ms-flex: 0 0 75%; max-width: 75%;}
#login_box .column .btn_area p { float: none; width: 100%; max-width: 2.4rem; margin: auto;}
#login_box .column .btn_area p + .link_wrap { text-align: center; margin-top: .35rem;}
#login_box .column input[type="text"], #login_box .column input[type="email"], #login_box .column input[type="password"] { width: 100%;}
#page_shopping_login #login_box .column .icon { display: none; }
#page_shopping_login .login_cart .column .column_inner { top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
input[type='text'], input[type='password'], input[type='email'],
input[type='number'], input[type='tel'], input[type='search'], input[type='submit'], textarea  { font-size: .18rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc!important; background: #fff!important; background-color: #fff!important; -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important; padding: .12rem .15rem!important; max-height: auto!important;}
#login_box .column .form-group { margin-top: .35rem;}
input.form-control { font-size: .18rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc!important; background: #fff!important; background-color: rgb(255, 255, 255)!important; -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important; padding: 0 .15rem!important; max-height: auto!important;}
@media(max-width: 543px) {
    .form-control { padding: 6px 0;}
}
#login_box #mypage_login_wrap .entry-wrap { padding-top: .8rem; margin-top: .9rem; border-top: 1px solid #3b3b3b;}
#login_box #mypage_login_wrap .entry-wrap h3 { font-size: .3rem; line-height: 1.4; letter-spacing: .08em; text-align: center; margin-bottom: .45rem;}
#login_box #mypage_login_wrap .entry-wrap p { text-align: center;}
#login_box #mypage_login_wrap .entry-wrap a { font-size: .18rem; text-align: center; padding: .12rem .15rem; width: 100%; max-width: 240px; color: #fff; border: 1px solid #f17965; border-bottom: 2px solid #f17965; background: #f17965; display: block; margin: auto; margin-top: .65rem;}


/* product_list */
#page_product_list .inner { max-width: 100%;}
#topicpath { text-align: center; text-align: -webkit-center;}
#topicpath li a { font-size: .24rem; line-height: 1; letter-spacing: .08em;}
#topicpath ol { display: flex; display: -ms-flex; justify-content: center;}


/* product_detail */
body#page_product_detail #contents > .container-fluid { max-width: 1600px;}
#page_product_detail #detail_not_stock_box__description_detail { font-size: .15rem; line-height: 2; letter-spacing: .14em;}
#page_product_detail #detail_cart_box__cart_quantity { margin-top: .1rem; margin-bottom: .45rem;}
#page_product_detail #detail_cart_box__insert_button { padding-bottom: 0;}
#page_product_detail .item_detail .sale_price.text-primary { color: #3b3b3b;  margin-top: 0; text-align: right;}
#page_product_detail .item_detail .normal_price { display: none; }
#page_product_detail .thumb-photo { background-size: cover; background-position: center; padding-top: 100%; }
#page_product_detail .sub_label { background: #202020; color: #fff; padding: .07rem .1rem; line-height: 1; width: 1rem; text-align: center; border-radius: .2em; margin-bottom: .05rem;}
#page_product_detail #item_photo_area .slick-slide img { width: 100%; margin-bottom: 0; }
#page_product_detail #item_photo_area .slick-dots { width: auto; margin: 5px -5px; display: flex!important; flex-wrap: wrap;}
#page_product_detail #item_photo_area .slick-dots li { padding: 5px; width: 25%; }
#page_product_detail #item_photo_area .slick-dots li button { padding-top: 100%; background-size: cover; background-position: center; }
#page_product_detail #item_detail_area { padding: 0 15px 0 6%; }
#page_product_detail #detail_cart_box #detail_cart_box__cart_class_category_id li { margin-bottom: .25rem!important; }
#page_product_detail #detail_cart_box #detail_cart_box__cart_class_category_id li select { margin-top: 10px; }
#page_product_detail #detail_cart_box .classcategory_list { margin-bottom: .3rem; }
#page_product_detail #detail_cart_box .classcategory_list li { margin-top: 10px; }
#page_product_detail #detail_cart_box__link_area { font-size: 0; letter-spacing: 0; }
#page_product_detail #detail_cart_box__link_area > div:nth-child(1) { display: inline-block; width: 40%;}
#page_product_detail #detail_cart_box__link_area > div:nth-child(2) { display: inline-block; width: 60%;}
#page_product_detail #detail_cart_box__link_area .underline_link { background: none; border: none; padding: 0; border-bottom: 1px solid #707070; display: inline-block; font-size: .14rem;}
#page_product_detail #sub_area .detail-table { padding: 6%; border: 1px solid #101010; margin-top: .4rem;}
#page_product_detail #sub_area .detail-table dl { display: -ms-flexbox; display: flex; margin-bottom: .05rem; font-size: .15rem; letter-spacing: .14em;}
#page_product_detail #sub_area .detail-table dl:last-child { margin-bottom: 0; }
#page_product_detail #sub_area .detail-table dl dt { width: 25%; position: relative;}
#page_product_detail #sub_area .detail-table dl dt:before { content: "："; position: absolute; top: 0; right: 0; }
#page_product_detail #sub_area .detail-table dl dd { width: 75%; }
#page_product_detail .btn { padding: 0; background: #A9270B; height: 75px; line-height: 75px; border: none;}
.product_page .relative_cat p { margin-bottom: .1rem!important; }
.product_page .relative_cat ol { display: inline-block!important;}
.product_page .relative_cat ol li { display: none;}
.product_page .relative_cat ol li:last-child { display: block;}
.product_page .relative_cat select { height: .45rem; padding-left: 10px; padding-right: 10px; background: none; margin-bottom: 6px; max-width: 100%;}
.product_page #relative_category_box { border-top: none!important; }
.product_page #relative_category_box p { margin-bottom: .1rem; }
.product_page #relative_category_box li:after { display: none;}
.product_page #relative_category_box ol:last-child { display: block;}
.product_page #relative_category_box ol li a { color: #222222; display: inline-block; padding: 4px 8px; margin-bottom: 6px; margin-right: 4px; background: #EDEDED; border: 1px solid #EDEDED; transition: .3s; border-radius: 5px;}
.product_page #relative_category_box ol li a:hover { border: 1px solid #222222; background: none; transition: .3s;}
.product_page .products .container-fluid { padding-left: 15px; padding-right: 15px; }
.product_page .products .ranking_box { padding-left: 0; }
.product_page .products .rank_slider.nmg-25 { margin-left: -15px!important; margin-right: -15px!important; }
.product_page .products .slick-dots { bottom: 0; }
.product_page .products .ranking_leads { margin-bottom: .4rem; }
.product_page .products .ranking_box { margin-top: .5rem; }
@media (max-width:767px){
    #item_detail_area { padding-top: .35rem;}
    #item_detail_area .item_name { font-size: .24rem; font-weight: bold; margin-top: .3rem;}
    #item_detail_area .item_detail .sale_price { font-size: .24rem; }
    #page_product_detail #item_detail_area { padding: 0 15px; }
    #page_product_detail #detail_not_stock_box__description_detail { font-size: .18rem; margin-bottom: .3rem;}
    #page_product_detail #detail_cart_box__link_area { font-size: 0; letter-spacing: 0; }
    #page_product_detail #detail_cart_box__link_area .underline_link { font-size: .16rem; }
    #page_product_detail #detail_cart_box__cart_quantity { margin-bottom: .2rem; margin-top: .2rem; }
    #page_product_detail .slick-dots .thumb-photo { display: none; }
    .product_page .products .ranking_box .row { margin-left: 0; margin-right: 0; }
    #page_product_detail #item_photo_area .slick-dots { position: static; display: flex!important; flex-wrap: wrap; }
    #page_product_detail #item_photo_area .slick-dots li { display: block; width: 25%; position: static; height: auto; margin: 0; padding: 5px; }
    #page_product_detail #item_photo_area .slick-dots button { width: 100%; height: 100%; }
    #page_product_detail #item_photo_area .slick-dots button:before { display: none; }
}


/* help_about */
#page_help_about .u_ttl { margin-left: 0; padding-left: 0;}
#page_help_about .hero .u_ttl:after { display: none;}
#page_help_about .gmaps { margin-top: .5rem;}
#page_help_about #google-maps { margin-top: .5rem; }
#page_help_about #google-maps iframe { width: 100%; height: 500px; display: block; }


/* page_contact */
#page_contact .u_ttl { margin-left: 0; padding-left: 0;}
#page_contact .hero .u_ttl:after { display: none;}
#page_contact #top_box__body > p { margin-bottom: .3rem;}
#page_contact #top_box__footer { margin-top: .3rem;}


/* page_entry */
#page_entry .u_ttl { margin-left: 0; padding-left: 0;}
#page_entry .hero .u_ttl:after { display: none;}
#page_entry #top_box__button_menu p { margin-top: .35rem;}
#page_entry #top_box__button_menu p + p { margin-top: .2rem;}
#page_entry #top_box__button_menu p + p a { color: #fff;}


/* help_privacy */
#page_help_privacy .u_ttl { margin-left: 0; padding-left: 0;}
#page_help_privacy .hero .u_ttl:after { display: none;}
#page_help_privacy h3 { font-size: .22rem; line-height: 1.5; letter-spacing: .08em; font-weight: bold; display: block; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0px; margin-inline-end: 0px; margin-top: .45rem; margin-bottom: .2rem;}


/* page_cart */
#page_cart .u_ttl { margin-left: 0; padding-left: 0;}
#page_cart .hero .u_ttl:after { display: none;}


/* page_help_tradelaw */
#page_help_tradelaw .u_ttl { margin-left: 0; padding-left: 0;}
#page_help_tradelaw .hero .u_ttl:after { display: none;}


/* page_help_agreement */
#page_help_agreement .u_ttl { margin-left: 0; padding-left: 0;}
#page_help_agreement .hero .u_ttl:after { display: none;}


/* page_contact_complete */
#page_contact_complete .u_ttl { margin-left: 0; padding-left: 0;}
#page_contact_complete .hero .u_ttl:after { display: none;}
#page_contact_complete h3 { font-size: .22rem; line-height: 1.6; letter-spacing: .08em; margin-bottom: .35rem;}
#page_contact_complete h3 + p { font-size: .14rem; line-height: 1.8; letter-spacing: .04em;}
#page_contact_complete .btn-info { color: #fff; margin-top: .65rem;}


/* page_entry_complete */
#page_entry_complete .u_ttl { margin-left: 0; padding-left: 0;}
#page_entry_complete .hero .u_ttl:after { display: none;}
#page_entry_complete h3 { margin-bottom: .35rem;}
#page_entry_complete .btn-info { margin-top: .65rem;}


/* page_shopping_error */
#page_shopping_error .u_ttl { margin-left: 0; padding-left: 0;}
#page_shopping_error .hero .u_ttl:after { display: none;}
#page_shopping_error #error_box__top_button { margin-bottom: .45rem;}
#page_shopping_error #error_box__back_button a { color: #fff; border: 1px solid #f17965; border-bottom: 2px solid #f17965; background: #f17965;}


/* page_forgot */
#page_forgot .u_ttl { margin-left: 0; padding-left: 0;}
#page_forgot .hero .u_ttl:after { display: none;}
#page_forgot .dl_table { margin-top: .3rem; margin-bottom: .3rem;}
#page_forgot h3 + p { font-size: .14rem; line-height: 1.8; letter-spacing: .04em;}


/* page_forgot_complete */
#page_forgot_complete .u_ttl { margin-left: 0; padding-left: 0;}
#page_forgot_complete .hero .u_ttl:after { display: none;}
#page_forgot_complete h3 { font-size: .22rem; line-height: 1.6; letter-spacing: .08em; margin-bottom: .35rem;}
#page_forgot_complete h3 + p { font-size: .14rem; line-height: 1.8; letter-spacing: .04em;}


/* page_forgot_reset */
#page_forgot_reset .u_ttl { margin-left: 0; padding-left: 0;}
#page_forgot_reset .hero .u_ttl:after { display: none;}
#page_forgot_reset h3 { font-size: .22rem; line-height: 1.6; letter-spacing: .08em; margin-bottom: .35rem;}
#page_forgot_reset h3 + p { font-size: .14rem; line-height: 1.8; letter-spacing: .04em;}


/* page_help_guide */
#page_help_guide #guide_box__body_item > dl { padding-top: .8rem;}
#page_help_guide #guide_box__body_item > dl.first { padding-top: 0;}
#page_help_guide #guide_box__body_item > dl > dt { font-size: .22rem; letter-spacing: .12em; font-weight: bold; padding-bottom: .25rem;}
#page_help_guide #guide_box__body_item > dl > dd > a { margin-top: 30px; display: inline-block;}
#page_help_guide #guide_box__body_item a { text-decoration: underline;}
#page_help_guide #guide_box__body_item ul.row { margin-top: .6rem;}
#page_help_guide #guide_box__body_item ul.row dd { padding-top: .25rem; font-size: .14rem; letter-spacing: 0; text-align: left;}
#page_help_guide #guide_box__body_item ul.row .col-md-3 { padding-left: .3rem; padding-right: .3rem;}
#page_help_guide #guide_box__body_item ul.row li { position: relative;}
#page_help_guide #guide_box__body_item ul.row li:after { content: ""; background: url(../img/common/angle.svg)no-repeat; height: .3rem; width: .3rem; background-size: contain; position: absolute; right: -.15rem; top: 0; bottom: 0; margin: auto;}
#page_help_guide #guide_box__body_item ul.row li:last-child:after { display: none;}
@media(max-width:767px){
    #page_help_guide #guide_box__body_item ul.row .col-md-3 { padding-left: 15px; padding-right: 15px; margin-bottom: 45px;}
    #page_help_guide #guide_box__body_item ul.row dd { text-align: center; padding-top: 15px;}
    #page_help_guide #guide_box__body_item ul.row li:after { top: initial; right: 0; left: 0; bottom: -45px; transform: rotate(90deg);}
}

#wrapper > #contents { overflow: hidden; padding-top: 0;}
.close-bg { position: fixed; height: 100vh; width: 100vw; left: 0; top: 0; background: rgba(0,0,0,.45); transition: .3s; visibility: hidden; opacity: 0; z-index: 3;}
.is-slide .close-bg { visibility: visible; opacity: 1;}
.other_page .container-fluid.inner { max-width: 100%;}
.cart_page .container-fluid.inner { max-width: 100%;}

.mypage .container-fluid.inner { max-width: 100%;}
.method { padding-top: .35rem; border-top: 1px solid #ccc;}
.method > dl:nth-child(2) { margin-top: .35rem;}
.method dl dd .img-wrap { margin-top: .15rem; margin-bottom: .15rem;}
.table_base{margin: 10px 0;}
.table_base th{background-color: #f8f8f8;}
.table_base th,
.table_base td{border: 1px solid #ddd; padding: 15px 20px; text-align: left;}
.table_base{max-width: 600px; width: 100%;}
@media(max-width:767px) {
    .newslist dt .angle-circle { right: 0; top: 11px;}
    .is-slide .close-bg { display: none!important;}
    .method > dl { padding-left: 5px; padding-right: 5px;}
    .method dl dt { flex: 0 0 22%; -ms-flex: 0 0 22%; max-width: 22%;}
    .method dl dd { flex: 0 0 78%; -ms-flex: 0 0 78%; max-width: 78%;}
    .table_base th, .table_base td { padding: .15rem .2rem;}
}
@-moz-document url-prefix() {
    .hero .col-sm-3, .hero .col-md-3 { display: flex; justify-content: center;}
}

/* login_btn */
#top_box__button_menu .d-flex { display: flex; justify-content: center;}
#top_box__button_menu .d-flex li { min-width: 2rem; margin-left: .1rem; margin-right: .1rem;}
#top_box__button_menu .btn-primary { border-color: #000;}
#top_box__button_menu .btn-info { border-color: #888;}


/* sumida */
#top_box__agreement a { text-decoration: underline; color: #337ab7 !important;}
#top_box__button_menu .btn-primary { color: #fff; background-color: #000;}
#top_box__button_menu .btn-primary:hover { color: #fff; background-color: #000; opacity: 0.8;}
#top_box__button_menu .btn-info { color: #fff; background-color: #888;}
#top_box__button_menu .btn-info:hover { color: #fff; background-color: #888; opacity: 0.8;}

#mypage_login__login_button .btn-primary { color: #fff; background-color: #888;}
#login_box #mypage_login_wrap .entry-wrap a { color: #fff; border: 1px solid #888; border-bottom: 2px solid #888; background: #888;}
#login_box #mypage_login_wrap .entry-wrap a:hover { color: #fff; background-color: #888; opacity: 0.8;}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"] {
    height: .42rem;
    font-size: 14px;
}

/* global */
/*#wrapper > #contents { padding-top: 30px!important;}*/


/* login */
@media(max-width:591px){
    #login_box .column dl dt,
    #login_box .column dl dd { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%;}
}


/* entry */
.registration_page .btn-primary { margin-bottom: .15rem;}
@media (max-width:580px){
  .form-group.input_name input { margin-left: 0;}
}


/* guide */
.btn-primary { color: #fff!important;}
#guide_wrap .scroll-table { overflow: scroll; margin-top: 10px;}
#guide_wrap .scroll-table table { width: 1108px;}
#guide_wrap .scroll-table table th { padding: 12px 20px; background: #f8f8f8; font-weight: normal;}
#guide_wrap .scroll-table table th, #guide_wrap .scroll-table table td { border: 1px solid #ddd;}
#guide_wrap .scroll-table table td { text-align: center; padding: 30px 0;}
#guide_wrap .scroll-table table .vat { vertical-align: top;}
@media (max-width:580px){
    .method dl { flex-wrap: wrap;}
    .method dl dt { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%;}
    .method dl dt br { display: none;}
    .method dl dd { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; border-left: 0; padding-left: 0;}
    .table_base th { width: 30%;}
}


/* mypage */
.mypage .intro { text-align: center;}
.mypage .message { border-bottom: none; margin-bottom: 0;}
.historylist_column { border-top: none; margin-left: 0; margin-right: 0;}
.historylist_column > .col-sm-4,
.historylist_column > .col-sm-8 { border-top: 1px solid #ccc;}
#delivery_box__new_button { margin-bottom: 15px;}
@media (max-width:767px){
    .mypage .intro { text-align: left;}
    .historylist_column > .col-sm-4 { padding-bottom: 8px;}
    .historylist_column > .col-sm-8 { border-top: none;}
}


/* mypage */
#page_entry span.required { color: #f17965;}
.slider_parent #slider a { pointer-events: none; cursor: none; display: block;}

@media only screen and (min-width: 768px){
    #shopping_confirm .heading02 {
        font-size: .16rem;
    }
}

/* banner_area */

.banners { position: relative; margin-top: .5rem; margin-bottom: 3rem;}
.banners::before { content: ""; position: absolute; top: 1.15rem; right: 0; left: -10%; margin: auto; width: 120vw; height: 106%; background-color: #F6F6F6;}
.banners .container-fluid { max-width: 100%; padding: 0;}
.banners .banner_box { position: relative; width: 100%; margin: 0 auto; padding: 0 10vw;}
.banners .banner_area { position: relative;}
.banners .banner_lead { position: absolute; top: -.25rem; left: .15rem; padding: 0 .05rem; font-size: .26rem; letter-spacing: .04em; background-color: #fff; z-index: 2;}
.banners .left_contents { margin-right: auto;}
.banners .left_img { padding-top: 45%;}
.banners .right_img { padding-top: 30.7%;}
.banners .up_img { margin-bottom: 2%;}
@media(max-width: 991px) {
    .banners { margin-top: 0;}
    .banners .left_contents { margin-bottom: .15rem;}
    .banners .right_contents { display:-webkit-box; display:-ms-flexbox; display:flex;}
    .banners .left_img { padding-top: 35%;}
    .banners .right_img { width: 50%; padding-top: 30%;}
    .banners .up_img { margin-bottom: 0; margin-right: .075rem;;}
    .banners .up_img + .right_img { margin-left: .075rem;}
    .nmg-75 { margin-left: -0; margin-right: -0;}
    .nmg-75 > [class*="col"] { padding-left: 0; padding-right: 0;}
}

.products { position: relative;}
.products .container-fluid { max-width: 100%; padding: 0;}
.products .ranking_box { width: 100%; margin-left: auto; padding-left: 10vw;}
.products .ranking_leads { display:-webkit-box; display:-ms-flexbox; display:flex; align-items: center; margin-bottom: .9rem;}
.products .ranking_leads h2 { padding-right: .15rem; font-size: .26rem; letter-spacing: .04em;}
.products .ranking_leads p { font-size: .11rem; letter-spacing: .08em;}
.products .rank_slider { position: relative;}
.products .slider_item { position: relative;}
.products .slider_img { margin-bottom: .3rem; padding-top: 100%;}
.products .slider_item h3 { margin-bottom: .1rem; padding-bottom: .1rem; font-size: .18rem; letter-spacing: .06em; border-bottom: 1px solid #2C2C2C;}
.products .product_txt { margin-bottom: .29rem; font-size: .14rem;}
.products .price { font-size: .16rem;}
.products .price span { font-size: .12rem;}
.products .slick-dots { bottom: -.6rem; }
@media (max-width: 991px) {
    .products .ranking_leads { margin-bottom: .5rem; }
}
@media (max-width: 767px) {
    .products .slick-dots { bottom: -.6rem; }
    .products .rank_slider { margin-bottom: .8rem; }
    .products .ranking_leads { margin-bottom: .3rem; }
    .products .ranking_box { padding-left: 15px; }
    .products .ranking_box { bottom: -.6rem; }
}

.link_btn { position: absolute; bottom: 0; right: .15rem; display: inline-block; padding: .08rem .28rem; background-color: #fff; border: 1px solid #2c2c2c; transition: all .3s ease;}
.link_btn:hover { color: #fff!important; background-color: #2c2c2c; transition: all .3s ease;}
.slick-slide .product_item { height: auto!important;}
/* slickslider */
.slider li { opacity: 1!important; transform: translate3d(0px, 0px, 0px)!important;}
.slick-list { padding-left: 0!important;}
.slick-prev { font-size: 0; line-height: 0; position: absolute; top: 35%; left: -19px; display: block; width: 60px; height: 60px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; border-radius: 50%;}
.slick-prev:before { content: ''; width: 12px; height: 0; border: 0px; border-top: solid 1px #2c2c2c; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: -7px; right: 38px; bottom: 0; margin: auto;}
.slick-prev:after { content: ''; width: 30px; height: 1px; background: #2c2c2c; display: block; position: absolute; right: 18px; }
.slick-next { font-size: 0; line-height: 0; position: absolute; top: 35%; right: -24px; display: block; width: 60px; height: 60px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; border-radius: 50%;}
.slick-next:before { content: ''; width: 12px; height: 0; border: 0px; border-top: solid 1px #2c2c2c; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: -7px; left: 18px; bottom: 0; right: 0; margin: auto;}
.slick-next:after { content: ''; width: 30px; height: 1px; background: #2c2c2c; display: block; position: absolute; right: 18px; }

.commitment { position: relative; margin-bottom: 1rem;}
.commitment .container-fluid { max-width: 100%; padding: 0;}
.commitment .bg_logo { position: absolute; bottom: 0; left: -.35rem; width: 30%; padding-top: 24%;}
.commitment .comit_box { display:-webkit-box; display:-ms-flexbox; display:flex; padding-left: 10vw;}
.commitment .box_lead { width: 10vw;}
.commitment .box_lead img { width: 110px; }
.commitment .txt_red { color: #B31305;}
.commitment .pdt { padding-top:.8rem;}
.commitment .right_box { width: calc(100% - 10vw); padding-left: 5vw;}
.commitment .box_imgs { margin-bottom: .6rem;}
.commitment .box_item { position: relative;}
.commitment .box_img { padding-top: 60%;}
.commitment .img_lead { position: absolute; top: .2rem; left: .35rem; padding: .01rem .05rem; font-size: .24rem; letter-spacing: .04em; background-color: #fff;}
.commitment .commitment_txt { margin-bottom: .58rem; padding-right: .15rem;}
.commitment .more_comit { position: relative; padding-right: .77rem; padding-bottom: .15rem; display: inline-block; font-size: .15rem; letter-spacing: .3em; border-bottom: 1px solid #707070;}
.commitment .more_comit:after { content: ""; position: absolute; top: .055rem; right: .2rem; margin: auto; width: .13rem; height: .13rem; border-bottom: 1px solid #101010; border-right: 1px solid #101010;  transform: rotate(-45deg)skew(calc((90deg - 50deg) / 2),calc((90deg - 50deg) / 2)); transition: all .4s ease; overflow-x: hidden;}
.commitment .more_comit:hover:after { right: .1rem; transition: all .4s ease;}
@media(max-width: 991px) {
    .commitment .box_item { margin-bottom: .25rem;}
    .commitment .box_item:last-child { margin-bottom: 0;}
    .commitment .box_imgs { margin-bottom: .25rem;}
    .commitment .box_lead { width: 15vw;}
    .commitment .right_box { width: calc(100% - 15vw);}
    .commitment .commitment_txt { margin-bottom: .3rem; padding-right: 0; letter-spacing: .05em;}
}
@media (max-width: 767px) {
    .commitment .right_box { width: calc(100% - 18vw);}
}
/* menutoggle-clicked */
#header.active .main_menu { opacity: 1; visibility: visible; height: 100vh; transition: all 1s ease;}
@media(min-width: 768px) {
    #header.active .sp_hero { opacity: 0; visibility: visible;}
}


.main_menu { opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 0; top: 0; left: 0; z-index: 2222; transition: all 1s ease;}
.main_menu .menu_block { display:-webkit-box; display:-ms-flexbox; display:flex; width: 100vw; height: 100vh; background-color: #101010; z-index: 9999;}
.main_menu .menu_imgs { width: 30%; overflow: hidden;}
.main_menu .menu_imgs img { max-width: none; height: 100vh;}
.main_menu .menu_items { width: 70%; overflow-y: scroll; overflow-x: hidden;}
.main_menu .up_item { height: 70vh; padding: 1rem 0 0 .5rem; border-bottom: 1px solid #202020;}
.main_menu .gnav li { margin-bottom: .4rem;}
.main_menu .gnav li:last-child { margin-bottom: 0;}
.main_menu .gnav a { position: relative; font-size: .26rem; font-weight: bold; color: #fff; line-height: 1; letter-spacing: .02em; vertical-align: middle;}
.main_menu .gnav a::after { content: ""; position: absolute; bottom: 0; right: 0; left: 0; width: 0; height: 2px; background-color: #fff; transition: all .3s ease;}
.main_menu .gnav a:hover::after { width: 100%;}
.main_menu .gnav a span { padding-right: .05rem; font-size: .12rem; vertical-align:top;}
.main_menu .lower_items { height: 30vh; padding: .5rem; color: #fff;}
.main_menu .lower_item { align-items: flex-end; margin-bottom: .2rem;}
.main_menu .copy_right { text-align: right;}
.main_menu .right_item { display: inline-block; text-align: right;}
.main_menu .menu_contact { display: inline-block; padding: .1rem .4rem; color: #fff; border: 1px solid #fff; transition: all .3s ease;}
.main_menu .menu_contact:hover { background-color: #fff; color: #101010!important;}
@media(max-width: 1400px) {
    .main_menu .copy_right { font-size: 11px; }
}
@media(max-width: 1199px) {
    .main_menu .lower_item { text-align: center;}
    .main_menu .right_item { margin-top: .2rem; text-align: center;}
    .main_menu .copy_right { text-align: center; }
    .main_menu .lower_items { height: auto; }
}
@media(max-width: 767px) {
    .main_menu .up_item { padding: 1.5rem 0 .7rem .5rem; height: auto;}
    .main_menu .menu_imgs { width: 0;}
    .main_menu .menu_items { width: 100%;}
    .main_menu .right_item { display: none; }
}
@media(max-width: 543px) {
    .main_menu .menu_block { margin-top: .9rem; height: calc(100vh - .9rem);}
    .main_menu .up_item { padding: .5rem 0 .7rem .25rem;}
    .main_menu .lower_items { padding: .25rem .15rem .15rem;}
    .main_menu .lower_item { margin-bottom: 0;}
}

.menu_fixed { position: fixed; top: 0; right: 0; z-index: 9999;}
.menu_fixed.active { position: fixed;}
.menuBox { position: fixed; top: 0; width: .9rem; height: .9rem; z-index: 9998; cursor: pointer;}
.position_right { right: 0;}
.position_left { right: .9rem;}
.bg_fff { background-color: #fff;}
.bg_black { background-color: #101010;}
.left_box { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: .5rem; height: .5rem; margin: auto; text-align: center;}
.cart_txt { margin-top: .05rem; font-size: .13rem; color: #fff!important; text-align: center;}
.menu_fixed a { display: block; width: 100%; height: 100%;}
.menu_fixed a:hover { cursor: pointer;}

.hero { position: relative; /* margin-bottom: 1.3rem; */}
.hero .hero_band { position: relative; width: 2.6rem; height: 100%; background-color: #fff; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center;}
.hero .hero_band .wrapper { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-bottom: 10vh;}
.hero .hero_contents_center { margin-bottom: 10vh; }
.hero .hero_contents_center .name { margin-top: .15rem; font-weight: bold; font-size: .15rem; letter-spacing: .08em; }
.hero .slider_dots p { font-size: .15rem; line-height: 2.5; text-align: left; letter-spacing: .15em; margin: auto; }
/*.hero .hero_slider { height: 100%;}*/
.hero .hero_slider a { background-position: center; background-size: 120% auto; height: 0; padding-top: 67.5%; display: block; }
.hero .hero_slider .slide-animation a { animation: hero_scroll 8s linear 0s 1 normal forwards; }
.hero .hero_img { padding-top: calc(100vh - 2vh - 90px);}
.hero .hero_logo { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 50%; max-width: 50%;}
@keyframes hero_scroll {
  0% { background-position: left 40% top; }
  100% { background-position: left 70% top; }
}
.hero .slick-dotted.slick-slider { margin-bottom: 0;}
.hero .slick-dots { bottom: .2rem; }
.hero .slick-dots li { margin: 0 .005rem; width: .3rem; height: .03rem; margin: 0 .03rem;}
.hero .slick-dots li button { width: 100%; height: 100%;}
.hero .slick-dots li button:before { width: 100%; height: 100%; opacity: 1; border-radius: 0;}
.hero .slick-dots li.slick-active button:before { color: #C3C3C3!important;}
.hero .scroll_down { position: absolute; display: inline-block; bottom: -18px; right: 0; padding: .1rem .007rem .55rem; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: .14rem; letter-spacing: .04em; background-color: #fff;}
.hero .scroll_down::after { content: ""; position: absolute; right: 0; left: 0; bottom: 0; margin: auto; width: 1px; height: 0!important; background-color: #000; animation: scrollDown 2s ease-in-out infinite;}
/*.sp_hero { display: none;}*/
.sp_img { position: absolute; left: .15rem; bottom: 0; top: 0; margin: auto; height: .8rem; padding: .15rem 0;}
.sp_img img { max-width: 150px; width: 100%; height: auto;}
.sp_hero { position: fixed; top: 0; left: 0; display: block; padding: .2rem; width: calc(100% - 1.8rem); height: .9rem; background-color: #fff; z-index: 9999;}
@media (min-width: 768px) {
    .is-active .sp_hero { background: rgba(255,255,255,.5); transition: .3s; }
    .sp_hero { background: rgba(255,255,255,0); transition: .3s;}
    .sp_img img { max-width: 190px; }
}
@keyframes scrollDown {
    0% { height: 0; opacity: 0;}
    50% { height: 50%;}
    100% { height: 0; opacity: 1;}
}
@media(max-width: 1100px) {
    .hero .hero_band { width: 1.7rem;}
    .hero .hero_contents_center { width: 1.2rem; margin-left: auto; margin-right: auto; }
    .hero .hero_contents_center .name { font-size: 11px; }
    .hero .hero_slider a { height: auto; padding-top: 80%; }
}
@media(max-width: 991px) {
    .hero { margin-bottom: .5rem;}
    /*.hero .hero_slider a { height: calc(100vh - 60px); }*/
}
@media(max-width: 767px) {
    .hero .hero_band { display: none;}
    .hero .scroll_down { bottom: 5px;}
    .hero .hero_slider { width: 100%;}
    .hero .hero_img { padding-top: 67.5vw;}
}


.tel_paraband.para_img { position: relative; margin: 2rem 0 1rem; width: 100%; padding-top: .5rem; height: 400px; background-position: bottom; background-repeat: no-repeat;}
.tel_paraband .tel_contents { position: absolute; left: 10vw; top: -12%; padding: .4rem .6rem .35rem .4rem; background-color: #fff; box-shadow: 10px 0 5px 0 rgba(0,0,0,0.5); width: 470px;}
.tel_paraband .tel_content { display:-webkit-box; display:-ms-flexbox; display:flex; font-size: 0; letter-spacing: 0;}
.tel_paraband .left_item { position: relative; display: inline-block; width: 10%; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; margin-right: .45rem; padding-right: .05rem; font-size: .2rem; letter-spacing: .06em; color: #A9270B;}
.tel_paraband .left_item:after { content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 1rem; background-color: #A9270B;}
.tel_paraband .right_item { width: 90%;}
.tel_paraband .item_txt { margin-bottom: .25rem; font-size: .2rem; line-height: 1.65;}
.tel_paraband .tel_number { margin-bottom: .3rem; }
.tel_paraband .item_number { margin-bottom: .15rem; font-size: .28rem; line-height: 1; text-align: left; }
.tel_paraband .item_number:last-child { margin-bottom: 0;}
.tel_paraband .item_number span { font-size: 13px; color: #fff; background: #2c2c2c; padding: 4px 5px 3px; vertical-align: middle; border-radius: .2em; font-weight: bold;}
.tel_paraband .item_number strong { font-weight: bold; font-family: 'arial black', sans-serif; letter-spacing: .03em; line-height: 1; display: inline-block; vertical-align: middle; position: relative; top: -1px; color: #2c2c2c;}
.tel_paraband .mail_txt { margin-bottom: .2rem; font-size: .17rem;}
.tel_paraband .mail_contact { position: relative; display: inline-block; text-align: center; width: 100%; padding: .1rem 0; font-size: .15rem; color: #fff!important; background-color: #101010; border: 1px solid #101010; transition: all .3s ease;}
.tel_paraband .mail_contact:after { content: ""; position: absolute; bottom: 1px; right: 1px; width: 0; height: 0; border-style: solid; border-width: 0 0 8px 8px; border-color: transparent transparent #fff transparent; transition: all .3s ease;}
.tel_paraband .mail_contact:hover { color: #101010!important; background-color: #fff; transition: all .3s ease;}
.tel_paraband .mail_contact:hover:after { border-color: transparent transparent #101010 transparent; transition: all .3s ease;}
@media(max-width: 991px) {
    .tel_paraband.para_img { margin: 1rem 0 .5rem;}
}
@media(max-width: 767px) {
    .tel_paraband.para_img { padding-top: 300px; height: 340px;}
}
@media(max-width: 543px) {
    .tel_paraband.para_img { margin-top: 1.5rem; }
    .tel_paraband .item_txt { margin-bottom: .25rem;}
    .tel_paraband .item_number { font-size: .225rem; margin-bottom: .25rem;}
    .tel_paraband .tel_contents { right: 10vw; width: 80%; padding: .4rem;}
}

.foot_links .foot_links { position: relative; width: 100%;}
.foot_links .container-fluid { max-width: 100%; padding: 0!important;}
.foot_links .foot_link { padding: 0 10vw;}
.foot_links .over_hidden { width: 100%; margin-bottom: .23rem; overflow: hidden;}
.foot_links .link_img { padding-top: 50%; transition: all .3s ease;}
.foot_links .foot_item a:hover .link_img { transform: scale(1.03); transition: all .3s ease;}
.foot_links .d-flex { display:-webkit-box; display:-ms-flexbox; display: flex;}
.foot_links .foot_lead { padding-right: .24rem;}
.foot_links .opacity_txt { position: relative; padding-left: .44rem; font-size: .14rem; color: #CCC;}
.foot_links .opacity_txt::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: .4rem; height: 1px; background-color: #CCC;}
@media(max-width: 991px) {
    .foot_links .foot_item { margin-bottom: .2rem;}
    .foot_links .foot_item:last-child { margin-bottom: 0;}
    .foot_links .foot_link { padding: 0 15px; }
}
@media(max-width: 767px) {
    .foot_links .opacity_txt { padding-top: .1rem; }
}

.guide .container-fluid { max-width: 1600px!important; width: 100%; padding: 0;}
.guide .block_link { display: inline-block; margin-top: .3rem;}
.guide dl { padding-top: .8rem;}
.guide .first { padding-top: 0;}
.guide dl > .section_ttl { font-size: .18rem; letter-spacing: .12em; padding-bottom: .25rem; font-weight: bold;}
.guide > dl { padding-top: .8rem;}
.guide .bank { padding-top: 0;}
.guide > dl.first { padding-top: 0;}
.guide > dl > dt { font-size: .22rem; letter-spacing: .12em; font-weight: bold; padding-bottom: .25rem;}
.guide > dl > dd > a { margin-top: 30px; display: inline-block;}
.guide a { text-decoration: underline;}
.guide .fax_area [class*="col"] dt { font-size: .14rem; text-align: center;}
.guide .fax_area [class*="col"] .list_box { padding-top: 0;}
.guide ul.row { margin-top: .6rem;}
.guide .post_area { margin-top: .4rem;}
.guide ul.row dd { padding-top: .25rem; font-size: .14rem; letter-spacing: 0; text-align: left;}
.guide ul.row [class*="col"] { padding-left: .3rem; padding-right: .3rem;}
.guide ul.row li { position: relative;}
.guide ul.row li:after { content: ""; background-color: #000; height: .3rem; width: .3rem; background-size: contain; position: absolute; right: -.15rem; top: 0; bottom: 0; margin: auto;}
.guide ul.row li:last-child:after { display: none;}
@media(max-width:767px){
    .guide ul.row [class*="col"] { padding-left: 15px; padding-right: 15px; margin-bottom: 45px;}
    .guide ul.row dd { text-align: center; padding-top: 15px;}
    .guide ul.row li:after { top: initial; right: 0; left: 0; bottom: -45px; transform: rotate(90deg);}
}

.btn-primary { color: #fff!important;}
.guide .scroll-table { overflow: scroll; margin-top: 10px;}
.guide .scroll-table table { width: 1108px;}
.guide .scroll-table table th { padding: 12px 20px; background: #f8f8f8; font-weight: normal;}
.guide .scroll-table table th, .guide .scroll-table table td { border: 1px solid #ddd;}
.guide .scroll-table table td { text-align: center; padding: 30px 0;}
.guide .scroll-table table .vat { vertical-align: top;}
@media (max-width:580px){
    .method dl { flex-wrap: wrap;}
    .method dl dt { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%;}
    .method dl dt br { display: none;}
    .method dl dd { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; border-left: 0; padding-left: 0;}
    .table_base th { width: 30%;}
}

.table_base{margin: 10px 0;}
.table_base th{background-color: #f8f8f8; white-space: nowrap;}
.table_base th,
.table_base td{border: 1px solid #ddd; padding: 15px 20px; text-align: left;}
.table_base{max-width: 600px; width: 100%;}
@media(max-width:767px) {
    .newslist dt .angle-circle { right: 0; top: 11px;}
    .is-slide .close-bg { display: none!important;}
    .method > dl { padding-left: 5px; padding-right: 5px;}
    .method dl dt { flex: 0 0 22%; -ms-flex: 0 0 22%; max-width: 22%;}
    .method dl dd { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%;}
    .table_base th, .table_base td { padding: .15rem .2rem;}
}

/* 商品詳細テーブル */
.freearea { margin-bottom: .5rem; }
.freearea p { font-size: .18rem; }
.freearea img { width: 100%; }
.price-table { width: 100%; margin-top: 25px;}
.price-table tr { border-bottom: 1px solid #D2D8DA;}
.price-table tr th,
.price-table tr td { font-size: 14px; text-align: left; padding-top: 12px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;}
.price-table tr:last-child { border-bottom: none; }
.price-table .menu_td { margin-bottom: 0; padding-left: .15rem; padding-right: .15rem; text-align: left;}
.price-table .nowrap { white-space: nowrap; }
@media (max-width: 767px) {
    .freearea p { margin-bottom: .2rem; }
    #detail_image_box__slides { margin-bottom: 0; }
}

/* login */
#login_box { padding-left: 15px; padding-right: 15px; }
#mypage_login_box { max-width: 540px; margin: auto; }
#mypage_login__login_menu { float: none; text-align: center; }


/* 同じカテゴリ */
.item_gallery { margin-top: .7rem; }
.item_gallery h4 { font-size: .26rem; letter-spacing: .04em; display: inline-block; padding-right: .05rem; vertical-align: middle; margin-bottom: .3rem;}

/* common */
.link-button { display: inline-block; position: relative; border: 1px solid #2c2c2c; padding: .2rem .5rem; transition: .3s; font-family: 游ゴシック体, 游ゴシック, YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", メイリオ, "Helvetica Neue", HelveticaNeue, "Segoe UI", Arial, "Noto Sans CJK JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.link-button .arrow { position: relative; display: inline-block; width: 30px; height: 5px; margin-left: .1rem; transition: .3s;}
.link-button .arrow:before { content: ''; width: 7px; height: 0; border: 0px; border-top: solid 1px #2c2c2c; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: -2px; left: 23px; bottom: 0; right: 0; margin: auto; transition: .3s;}
.link-button .arrow:after { content: ''; width: 100%; height: 1px; background: #2c2c2c; display: block; position: absolute; right: 0; bottom: 0; transition: .3s;}
.link-button:hover { color: #fff; background: #2c2c2c; }
.link-button:hover .arrow:before { border-color: #fff;}
.link-button:hover .arrow:after { background: #fff;}
.default-title { margin: auto; text-align: center; margin-bottom: .6rem; letter-spacing: .0em; }
.default-title strong { display: block; font-size: .32rem; font-weight: normal;}
.default-title small { display: block; font-size: .13rem; letter-spacing: .08em;}
.s-recommend { padding: .8rem 30px 1.2rem; text-align: center;}
.s-recommend h2 { margin-bottom: .8rem; }
.s-recommend .item-slider { margin-left: -.1rem; margin-right: -.1rem; }
.s-recommend .pickup_item { padding: 0 .1rem; }
.s-recommend .pickup_item .item_name { border: none!important; padding-bottom: 0!important; margin-bottom: 0; font-weight: normal!important;}
.s-recommend .pickup_item .left { width: 100%!important; font-weight: normal!important; }
.s-recommend .pickup_item .top,
.s-recommend .pickup_item .right { display: none!important; }
.s-recommend .link-button { margin-top: .4rem; }
.s-about { text-align: center; }
.s-about .bg-center { background-size: cover; background-position: center; }
.s-about .wrapper { /*background-image: url(../img/common/paper.jpg);*/ padding: 7vw 8vw; background: #eee;}
.s-about .wrapper p { display: inline-block; text-align: left; font-size: .18rem;}
.bg-spacer { margin-top: 0; }
.bg-spacer div { padding-top: 25%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.cat-wrapper { text-align: left; padding: 0 0 .3rem .3rem;}
.cat-wrapper h2 { text-align: left; }
.cat-wrapper .cat-list { padding-left: .2rem; }
.cat-wrapper .cat-list > li { padding: .05rem 0; position: relative; padding-left: .2rem;}
.cat-wrapper .cat-list > li:before { content: ""; position: absolute; width: .06rem; height: .06rem; border-top: 1px solid #202020; border-right: 1px solid #202020; transform: rotate(45deg); display: block; left: 0; top: 0; bottom: 0; margin: auto 0;}
@media (max-width: 991px) {
    .default-title { margin-bottom: .3rem; }
    .default-title strong { font-size: .24rem; }
    .default-title small { font-size: 10px; }
    .s-recommend { padding: .4rem 30px 1rem; }
    .s-recommend h2 { margin-bottom: .3rem; }
    .s-recommend .item-slider { margin-bottom: 0; }
    .s-about .bg-center { padding-top: 55%; }
    .s-about .wrapper { padding: .4rem 30px; }
    .bg-spacer div { padding-top: 55%; background-position: center!important; }
    .cat-wrapper { padding-left: 15px; padding-right: 15px; }
}

.commitment_page .page-hero { margin-bottom: 0; position: relative;}
.commitment_page .description { text-align: center; padding: 1rem 0 1.3rem; position: relative; z-index: 1;}
.commitment_page .description h2 { font-size: .26rem; letter-spacing: .14em; margin-bottom: .35rem; }
.commitment_page .gallery { padding: 0 .5vw; font-size: 0; letter-spacing: 0; margin-bottom: 1.3rem;}
.commitment_page .gallery figure { width: 100%; height: 100%; background-size: cover; background-position: bottom;}
.commitment_page .gallery div { position: relative; }
.commitment_page .gallery .left-img { display: inline-block; width: 50%; padding-right: .5vw; height: 34vw; }
.commitment_page .gallery .right-img { display: inline-block; width: 50%; }
.commitment_page .gallery .right-img .top { padding-bottom: .5vw; height: 15vw; }
.commitment_page .gallery .right-img .left { padding-right: .5vw; height: 19vw; display: inline-block; width: 40%; }
.commitment_page .gallery .right-img .right { height: 19vw; display: inline-block; width: 60%; }
.commitment_page .alternating h3 { font-size: .26rem; letter-spacing: .14em; line-height: 2.1; }
.commitment_page .alternating .wrap { position: relative; padding-top: 20%; margin-top: 1rem;}
.commitment_page .alternating .wrap.first { margin-top: .5rem; }
.commitment_page .alternating .wrap figure { background-size: cover; background-position: center; position: absolute; width: 75%; height: 100%; top: 0;}
.commitment_page .alternating .wrap.image-right { text-align: left; }
.commitment_page .alternating .wrap.image-right figure { right: 0; }
.commitment_page .alternating .wrap.image-left { text-align: right; }
.commitment_page .alternating .wrap.image-left figure { left: 0; }
.commitment_page .alternating .wrap dl { display: inline-block; background: #fff; text-align: left; position: relative; z-index: 1; max-width: 520px; padding: 5%;}
.commitment_page .alternating .wrap dl dt { font-weight: bold; font-size: .22rem; letter-spacing: .14em; line-height: 1.6; margin-bottom: .4rem; font-weight: normal;}
.commitment_page .alternating .wrap dl dt small { display: block; font-size: .14rem; margin-top: .1rem; }
@media (minw-width: 992px) {
    .commitment_page .description p { font-size: .15rem; letter-spacing: .14em; line-height: 2.1; }
    .commitment_page .alternating .wrap dl dd { font-size: .14rem; letter-spacing: .12em; line-height: 2.5; }
}
@media (max-width: 991px) {
    .commitment_page .description { padding: .5rem 0 .75rem; }
    .commitment_page .description h2 { margin-bottom: .2rem; font-size: 0.24rem; }
    .commitment_page .gallery { margin-bottom: .8rem; }
    .commitment_page .alternating .wrap.first { margin-top: .3rem; }
    .commitment_page .alternating .wrap dl { max-width: 390px; }
    .commitment_page .alternating { padding-bottom: .5rem; }
}
@media (max-width: 767px) {
    .commitment_page .gallery .left-img { width: 100%; height: 68vw; padding-right: 0; margin-bottom: .5vw;}
    .commitment_page .gallery .right-img { width: 100%; }
    .commitment_page .gallery .right-img .top { height: 30vw; }
    .commitment_page .gallery .right-img .left { height: 38vw; }
    .commitment_page .gallery .right-img .right { height: 38vw; }
    .commitment_page .alternating .wrap { padding-top: 0; margin-top: .5rem;}
    .commitment_page .alternating .wrap figure { width: 100%; padding-top: 50%; position: static; }
    .commitment_page .alternating .wrap dl { display: block; max-width: 100%; padding: 0; margin-top: .2rem;}
    .commitment_page .alternating .wrap dl dt { margin-bottom: .2rem; }
}

/* designblock override */
.CrowlBlock02_Garally_Img, .CrowlBlock02_MobileType_1, .CrowlBlock02_MobileType_2In_Dummy, .CrowlBlock02_MobileType_2, .CrowlBlock02_GarallyBoxCom01, .CrowlBlock02_GarallyBoxCom02, .CrowlBlock02_GarallyBoxCom03, .CrowlBlock02_GarallyBoxCom04, .CrowlBlock02_GarallyBoxCom05, .CrowlBlock02_GarallyBoxCom06, .CrowlBlock02_GarallyBoxCom07 { padding: 0!important; }
#designBlockB { padding-top: .8rem; padding-left: 30px; padding-right: 30px; }
#designBlockB { max-width: 1400px; margin: 0 auto; }
#designBlockB .CrowlBlock02_GarallyField { padding: 0; }
#designBlockB .CrowlBlock02_GarallyBox_in { float: none; width: auto!important; }
#designBlockB .CrowlBlock02_PcSlider { display: flex!important; flex-wrap: wrap; margin: -.1rem;}
#designBlockB .CrowlBlock02_GarallyBox { width: 25%; padding: .1rem; }
#designBlockB .CrowlBlock02_GarallyBoxComIn { display: flex; align-items: center; justify-content: flex-end; padding: 10px; background: rgb(57,13,13); background: linear-gradient(180deg, rgba(57,13,13,0) 18%, rgba(0,0,0,0.9962359943977591) 85%); }
#designBlockB .CrowlBlock02_GarallyTitle { font-size: 13px; color: #fff; text-align: right; }
@media (max-width: 767px) {
    #designBlockB { padding: .4rem 15px 0; }
    #designBlockB .CrowlBlock02_GarallyBox { width: 50%; }
    #designBlockB .CrowlBlock02_GarallyTitle { font-size: 10px; }
}