@charset "utf-8";@charset "UTF-8";



/* ----------------------------------------------------------------- flame----------------------------------------------------------------- */
#container{display:flex;width:clamp(100px,100%,1260px);max-width:unset !important;flex-wrap:wrap;justify-content:center;align-items:start;margin:0 auto;padding-top:150px;box-sizing:border-box;gap:0;}
#container>#main{display:block;float:unset;width:calc(100% - 240px);order:2;padding:0;margin:0 !important;box-sizing:border-box;}
#container>.side {float:unset;width:240px;order:1;box-sizing:border-box;}
#container:after,
#container:before{display:none;}

/* ----------------------------------------------------------------- header----------------------------------------------------------------- */
header {width: 100%;padding: 6px 0;background: #fff;margin: 0 auto;text-align: center;position: fixed;z-index: 2;transition: .3s;}
header .top-nav {display: flex;justify-content: space-between;max-width: 1260px;margin: 0 auto;}
header .header-menu {display: flex;justify-content: space-between;}
header .header-logo img {max-height: 50px;max-width: 700px;}
.header.fix {display: block;padding:0;box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);transition: .3s;}
.header  section{padding:0;margin:0;}
.gnav {display: flex;align-items: flex-end;}
.gnav li {margin-left: 20px;}
.gnav .account {font-size: 10px;}
.gnav .account:last-child {margin-right: 16px;}
.gnav .gnav-menu {font-weight: bold;}
.gnav-menu {font-size: 10px;}
.header-favorite a:before {font-family: 'Font Awesome 5 Free';content: "\f004";font-size: 16px;display: block;color: #707070;}
.header-mypage a:before {font-family: 'Font Awesome 5 Free';content: "\f007";font-size: 16px;display: block;color: #707070;}
.header-cart a:before {font-family: 'Font Awesome 5 Free';content: "\f07a";font-size: 16px;display: block;color: #707070;}
.logout a:before {font-family: 'Font Awesome 5 Free';font-weight: 900;content: "\f2f5";font-size: 16px;display: block;color: #707070;}
.membership a:before {font-family: 'Font Awesome 5 Free';font-weight: 900;content: "\f234";font-size: 16px;display: block;color: #707070;}
.login a:before {font-family: 'Font Awesome 5 Free';font-weight: 900;content: "\f2f6";font-size: 16px;display: block;color: #707070;}
.header-cart {position: relative;}
.header-cart .cart-count {position: absolute;right: -8px;top: -8px;background: #F23E0C;color: #fff;width: 20px;height: 20px;line-height: 20px;border-radius: 50%;text-align: center;font-size: 12px;font-weight: normal;}
.main-visual {max-width: 1000px;margin: 0 auto 60px;}
.main-visual img {margin: 0 auto;width: 100%;}
.main-visual li {height: 100%;display: flex;align-items: center;}
.main-visual li a {flex-grow: 1;}
.bx-viewport {height: 100%!important;}
#M_slider {height: 100%;}
.contents {width: 1260px;padding: 125px 30px 48px;margin: 0 auto;-webkit-box-sizing: border-box;}
.container {display: flex;padding: 48px 0 60px;}
.top-container {padding: 0;}
.banner-area {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;margin-bottom: 40px;}
.banner-area::after {content: "";display: block;width: 33%;}
.banner-area img {max-width: 330px;}
/* ----------------------------------------------------------------- side-nav----------------------------------------------------------------- */
.side {width: 210px;padding-right: 30px;}
.search {background: #E6E6E6;padding: 16px;border-radius:5px}
.search-btn {font-size: 12px;border: 1px solid #333333;border-radius: 3px;background: #fff;display: block;padding: 10px;text-align: center;}
.search-area li {margin-bottom: 20px;}
.search-area label {display: block;margin-bottom: 10px;}
.search-area input, .search-area select {width: 100%;}
input.search-price {width: 36%;margin-right: 4px;}
.side-section {margin-top: 30px;}
.sp-side-section {display: none;}
.category-list-title {border-bottom: 1px solid #ccc;padding-bottom: 15px;}
.side-category-item {position: relative;border-bottom: 1px solid #ccc;padding-right: 12px;}
.side-category-item p, .side-category-item a {width: 100%;padding: 15px 0;display: inline-block;}
.side-category-item p:before {display: block;content: "";position: absolute;top: 26px;right: 0;margin: auto;width: 12px;height: 1px;background-color: #333333;transition: .2s;transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.side-category-item p:after {display: block;content: "";position: absolute;top: 26px;right: 0;margin: auto;width: 12px;height: 1px;background-color: #333333;transition: .3s;}
.side-category-item p.on {width: 95%;background: #333333;color: #fff;padding-left: 6px;padding-right: 14px;}
.side-category-item p.on:before {transform: rotate(0deg);-webkit-transform: rotate(0deg);background: #fff;right: 10px;}
.side-category-item p.on:after {background-color: transparent;background: #fff;right: 10px;}
.child-item {padding: 8px !important;font-size: 12px;}
.close {display: none;}
.accordion {cursor: pointer;}
.side-contact li {margin-bottom: 16px;}

/* ----------------------------------------------------------------- responsive----------------------------------------------------------------- */
@media screen and (max-width: 768px) {
header .header-menu {justify-content: space-around;margin-bottom: 20px;position: fixed;z-index: 100;top: 0;width: 100%;padding: 20px 30px;background: #fff;}
header .header-logo img {max-width: 100%;}
.header {padding: 80px 0 10px;position: relative;}
.header .top-nav {flex-direction: column-reverse;}
.gnav {display: none;}
.gnav .account {display: none;}
.main-visual {margin: 20px auto 40px;}
.main-visual img {height: auto;}
.bx-wrapper {margin-bottom: 0 !important;}
.banner-area {display: block;width: 100%;margin: 0 auto 20px;text-align: center;}
.banner-area img {width: 96%;max-width: 100%;margin: 0 auto 6px;}
.contents {width: 100%;padding: 15px 12px 48px 12px;}
.container {display: block;padding: 0;}
.side {width: auto;padding-right: 0;}
#g-nav {position: fixed;z-index: 999;top: 0;left: -120%;width: 100%;height: 100vh;background: #111;transition: all 0.6s;}
#g-nav.panelactive {left: 0;}
#g-nav.panelactive #g-nav-list {position: fixed;z-index: 999;width: 100%;height: 100vh;overflow: auto;-webkit-overflow-scrolling: touch;}
/*ボタン*/
.openbtn {position: fixed;z-index: 9999;top: 16px;left: 3px;cursor: pointer;width: 50px;height: 50px;}
.openbtn span {display: inline-block;transition: all .4s;position: absolute;left: 14px;height: 3px;border-radius: 2px;background-color: #666;width: 45%;}
.openbtn span:nth-of-type(1) {top: 15px;}
.openbtn span:nth-of-type(2) {top: 23px;}
.openbtn span:nth-of-type(3) {top: 31px;}
.openbtn.active span:nth-of-type(1) {top: 18px;left: 18px;transform: translateY(6px) rotate(-45deg);width: 40%;background: #fff;}
.openbtn.active span:nth-of-type(2) {opacity: 0;}
.openbtn.active span:nth-of-type(3) {top: 30px;left: 18px;transform: translateY(-6px) rotate(45deg);width: 40%;background: #fff;}
.search {padding: 20px 45px 16px;background: none;color: #fff;}
.search-btn {background: #333333;color: #fff;}
.search-area select {background: #fff;}
.side-section {width: 75%;margin: 50px auto;}
.sp-side-section {display: block;padding: 90px 45px 0;}
.sp-side-section .sp-gnav li {text-align: center;border: 1px solid #fff;border-radius: 5px;padding: 10px;margin-bottom: 20px;}
.sp-side-section .sp-gnav li a {color: #fff;}
.sp-side-section .sp-gnav .logout a:before {display: inline-block;margin-right: 6px;color: #fff;}
.sp-side-section .sp-gnav .membership a:before {display: inline-block;margin-right: 6px;color: #fff;}
.sp-side-section .sp-gnav .login a:before {display: inline-block;margin-right: 6px;color: #fff;}
.side-category-list a {color: #fff !important;}
.category-list-title,.side-category-item {border-bottom: 1px solid #ccc;color: #fff;}
.side-category-item {padding-right: 20px;}
.side-category-item p:before {background-color: #fff;}
.side-category-item p:after {background-color: #fff;}
.side-category-item p.on {width: 96%;background: #333333;color: #fff;padding-left: 10px;padding-right: 18px;}
.side-contact a {color: #fff;}
.makeshop-calendar1,.makeshop-calendar2 {background: #fff;}
.makeshop-calendar1 tr,.makeshop-calendar2 tr {text-align: center;font-size: 12px;}
.makeshop-calendar1 thead tr th,.makeshop-calendar2 thead tr th {padding-bottom: 8px;}
.makeshop-calendar1 tbody tr td,.makeshop-calendar2 tbody tr td {padding-bottom: 2px;}
.calendar-wrap {width: 75%;margin: 0 auto;margin-top: 30px;margin-bottom: 40px;}
.calendar-wrap div {background: #fff;}
.calendar-title {margin-bottom: 0;}
.main {width: 100%;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {.header .header-menu {padding: 20px 130px;}
.main-visual img {height: 500px;}
.main-image img {height: 600px;}
.item-list li img {height: auto;}
.checked-item-list li img {height: auto;}
.sku-option-title {width: 100px;}
.sku-cart {min-width: 400px;}
.choice-btn li:nth-child(5n) {margin-right: 8px;}
.choice-btn li:nth-child(10n) {margin-right: 0;}
}
@media screen and (max-width: 374px) {.header .header-menu {padding: 20px 20px;}
.choice-btn li {width: 56px !important;margin-right: 4px;}
.choice-btn li img {width: 56px !important;height: 56px;}
}
/*header*/
.h_nav_list{display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 1260px;margin: 1rem auto 0 auto;position: relative;}
@media screen and (max-width: 769px) {.h_nav_list{display: none;}
}
.h_nav_list > li{width: 20%;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.h_nav_list > li a{display: block;padding: 0.5rem 0;text-align: center;}
.h_nav_list > li > ul{width: 100%;display: none;position: absolute;top: 100%;left: 0;z-index: 999;background: #fff;}
.h_nav_list > li:hover > ul{display: flex;flex-wrap: wrap;justify-content: space-between;background: #e9e9e9;padding: 2%;}
.h_nav_list > li > ul.item_list_h li{width: 24%;margin-bottom: 0.5rem;}
.h_nav_list > li > ul.item_list_h li a{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;font-size: 0.9em;text-align: left;}
.h_nav_list > li > ul.item_list_h li a img{margin-right: 0.5rem;width: auto !important;height: 40px;}
.h_nav_list > li > ul.gift_list_h li{width: 18%;}
.h_nav_list > li > ul.item_list_h ,.h_nav_list > li > ul.price_list_h{padding-bottom: 1%;}
.h_nav_list > li > ul.price_list_h:after{width: 24%;content: "";}
.h_nav_list > li > ul.price_list_h li{width: 32%;margin-bottom: 0.5rem;}
.h_nav_list > li > ul li a{padding: 0.5rem 1rem;display: block;background: #fff;}
/*レフナビ*/
.search .search-area .ninki{display:flex;justify-content:left;flex-wrap:wrap;gap:2%}
.search .search-area .ninki label{width:100%;}
.search .search-area .ninki a{box-shadow:0 0 0 1px #ccc;background: #fff;display:block;width:32%;font-size:14px;text-align:center;line-height:1.5;margin:1% 0;}
.searchform input{float:unset;padding:0.3em 0.25em;margin:0;font-size:16px;border:0;box-shadow:0 0 0 1px #ccc;outline:unset;line-height:1;height:1.6em;border-radius:0.2em;}
.side .searchform #searchsubmit {float: unset;width: 100%;background: #fff;color: #333;}

/*SPheader調整*/
@media screen and (max-width: 768px) {.header {padding: 0rem 0 0 0;position: fixed;top:0;left:0;width: 100%;}
.header.fix {padding: 1rem 0 0 0;position: fixed;top:0;left:0;width: 100%;}
.header-logo{position: relative;z-index: 999999;}
.header .top-nav{background: #fff;}
.openbtn{top: 5px;}
.header.fix+.contents .openbtn{top: 1.5rem;}
.sp-gnav+.gnav{display: flex;flex-wrap: wrap;justify-content: space-between;}
.sp-gnav+.gnav li{width: 32%;margin: 0;}
 .sp-gnav+.gnav li a{ display: block;color: #fff;text-align: center;border: 1px solid #fff;border-radius: 5px;}
 .sp-gnav+.gnav li a:before{color: #fff;}
#container>#main{width:100%;padding:0 10px;box-sizing:border-box;}
}
html {scroll-padding-top: 125px;}
@media screen and (max-width:769px) {html {scroll-padding-top: 80px;}}


@media (max-width: 768px) {}