@charset "UTF-8";
/* === drawer === */
body.is-overlay { overflow: hidden; }

body.is-overlay .drawer-active { background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 60px; left: 0; position: fixed; z-index: 10; }

.drawer-head { position: fixed; top: 0; left: 0; width: 100%; height: 60px; border-bottom: 1px solid #ddd; background-color: #fff; }

.drawer { display: none !important; opacity: 0; height: 100%; width: 250px; position: fixed; z-index: 1; top: 0; left: 0; overflow-x: hidden; }

@media (max-width: 991.98px) { #drawer-1, #drawer-2 { display: none; } #drawer-1.drawer-active, #drawer-2.drawer-active { display: block; } .drawer-mobile { display: none !important; opacity: 0; height: 100%; width: 100%; position: fixed; z-index: 10; top: 60px; left: 0; overflow-x: hidden; } }

.drawer-close { display: none; position: absolute; top: 10px; left: 0; margin-left: 260px; background-color: #fff; border-radius: 50%; }

.drawer-nav a { word-break: break-all; }

.drawer-active > .drawer-close { display: flex !important; opacity: 10; animation: fade-in-left 400ms; }

.drawer-active > .drawer, .drawer-active > .drawer-mobile { display: block !important; opacity: 10; animation: fade-in-left 400ms; }

.drawer-active > .drawer-mobile.drawer-down { animation: fade-in-down 400ms !important; }

.drawer-box { background-color: #fff; }

/* === btn-svg === */
.btn-svg { position: relative; }

.btn-svg:after, .btn-icon:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

@keyframes fade-in-down { 0% { opacity: 0;
    transform: translateY(-10%); }
  100% { opacity: 1;
    transform: translateY(0); } }

@keyframes fade-in-left { 0% { opacity: 0;
    transform: translateX(-100%); }
  100% { opacity: 1;
    transform: translateX(0); } }

@keyframes fade-in-right { 0% { opacity: 0;
    transform: translateX(100%); }
  100% { opacity: 1;
    transform: translateX(0); } }

.card-item { margin-bottom: 30px; }

.card-item a { display: block; text-decoration: none !important; }

.card-item a:hover { opacity: .8; }

.card-item img { width: 100%; height: auto; }

.card-item .title { margin-top: 10px; margin-bottom: 0; color: #222; }

.card-item .price { margin-top: 5px; color: #222; }

.card-item .sale { margin-top: 5px; }

.card-item .sale p { margin-bottom: 0; }

.card-item .sale .sale_price { color: #0f859f; }

.card-item .sale .sale_regular { text-decoration: line-through; color: #767676; }

body { margin: 0; background-color: #fff; color: #222; font-size: 12px; font-family: "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.6; }

#main a { text-decoration: underline; color: #767676; transition: .2s; }

#main a:focus, #main a:hover { text-decoration: none; }

.slick-dots li button:before { content: "●"; }

.row { margin-left: -10px; margin-right: -10px; }

.row [class*='col-'] { padding-left: 10px; padding-right: 10px; }

.col-2 { -ms-flex: 0 0 16.57%; flex: 0 0 16.5%; max-width: 16.5%; }

.col-4 { -ms-flex: 0 0 33.2%; flex: 0 0 33.2%; max-width: 33.2%; }

.col-6 { -ms-flex: 0 0 49.8%; flex: 0 0 49.8%; max-width: 49.8%; }

.col-8 { -ms-flex: 0 0 66.5%; flex: 0 0 66.5%; max-width: 66.5%; }

.col-10 { -ms-flex: 0 0 83.2%; flex: 0 0 83.2%; max-width: 83.2%; }

@media (min-width: 992px) { .col-lg-2 { -ms-flex: 0 0 16.5%; flex: 0 0 16.5%; max-width: 16.5%; } .col-lg-4 { -ms-flex: 0 0 33.2%; flex: 0 0 33.2%; max-width: 33.2%; } .col-lg-3 { -ms-flex: 0 0 24.9%; flex: 0 0 24.9%; max-width: 24.9%; } .col-lg-7 { -ms-flex: 0 0 58.2%; flex: 0 0 58.2%; max-width: 58.2%; } .col-lg-10 { -ms-flex: 0 0 83.2%; flex: 0 0 83.2%; max-width: 83.2%; } }

#header { margin-bottom: 30px; position: sticky; position: -webkit-sticky; top: 0; z-index: 10; }

#header .nav { list-style: none; margin: 0; padding: 0; }

#header .header_topbar { padding: 10px 0; background-color: #000000; color: #fff; }

#header .header_topbar .arrow-left, #header .header_topbar .arrow-right { cursor: pointer; font-size: 18px; }

@media (max-width: 991.98px) { #header .header_topbar .news-box { padding: 0 15px; text-align: center; } }

#header .header_topbar .nav li { display: none; font-size: 15px; font-weight: bold; line-height: 1.2; }

#header .header_topbar .nav li.is-active { display: block; }

#header .header_topbar a { color: #fff; font-size: 12px; font-weight: normal; }

#header .header_nav { position: sticky; background-color: #fff; border-bottom: 1px solid #ddd; z-index: 10; }

@media (max-width: 991.98px) { #header .header_nav { padding: 15px 0; } }

#header .header_nav a { color: #222; }

#header .header_nav .logo { width: 150px; height: auto; margin: 0; flex-shrink: 0; }

@media (max-width: 991.98px) { #header .header_nav .logo { position: absolute; left: 50%; transform: translateX(-50%); } }

#header .header_nav .nav a { display: block; padding: 15px 10px; margin: 0 5px; }

#header .header_nav form { position: relative; margin: 0; }

#header .header_nav form svg { position: absolute; top: 0px; left: 6px; font-size: 12px; width: 16px; color: #777; }

@media (max-width: 991.98px) { #header .header_nav form svg { top: 19px; left: 18px; width: 20px; } }

#header .header_nav .form-search { max-width: 120px; border: 1px solid #ccc; padding: 12px; padding-left: 30px; font-size: 12px; border-radius: 0; }

#header .header_nav .form-search:focus { outline: none; }

@media (max-width: 991.98px) { #header .header_nav .form-search { max-width: none; width: 100%; border: 1px solid #ccc; padding: 30px; padding-left: 45px; font-size: 16px; margin-bottom: 15px; } }

#header .header_nav .menu-icon svg { width: 20px; color: #555; }

#header .header_nav .drawer-box .title { font-weight: bold; }

.dropdown:hover .dropdown-menu { display: block !important; }

@media (max-width: 991.98px) { .dropdown .dropdown-item { border-bottom: 1px solid #eee; } }

.dropdown-menu { display: none; list-style: none; margin: 0; }

.dropdown-menu.is-active { display: block; }

@media (min-width: 992px) { .dropdown-menu { position: fixed; top: 88px; left: 0; width: 100%; z-index: 10; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #eee; background-color: #fff; box-shadow: 0 6px 8px #00000047; } .dropdown-menu .dropdown-inner { max-width: 600px; margin-left: auto; margin-right: auto; } .dropdown-menu ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } .dropdown-menu ul li { flex-shrink: 0; width: 25%; } .dropdown-menu ul li a { padding: 7px 10px !important; } }

@media (max-width: 991.98px) { .dropdown-menu { background-color: #f5f5f5; } .dropdown-menu ul { display: none; list-style: none; margin: 0; } .dropdown-menu ul.is-active { display: block; } }

#footer { margin-top: 80px; }

@media (max-width: 991.98px) { #footer { text-align: center; } }

#footer p { margin: 0; font-size: 11px; }

#footer .nav { list-style: none; padding: 0; margin: 0; }

#footer .footer_category { background: #eee; padding: 15px 0; }

@media (max-width: 991.98px) { #footer .footer_category .nav { flex-wrap: wrap; } #footer .footer_category .nav li { width: 50%; border-right: 1px solid #333; } #footer .footer_category .nav li:nth-child(even) { border-right: none; } }

#footer .footer_category .nav li:first-child a { padding-left: 0; }

#footer .footer_category .nav a { padding: 0 10px; color: #333; font-size: 11px; font-weight: bold; }

@media (max-width: 991.98px) { #footer .footer_category .nav a { display: block; padding: 8px 0; font-size: 14px; } }

#footer .footer_menu { background: #333; color: #FFF; padding: 35px 30px 30px 20px; }

@media (max-width: 991.98px) { #footer .footer_menu .nav { flex-wrap: wrap; } #footer .footer_menu .nav li { width: 50%; } }

#footer .footer_menu .nav li:last-child a { border-right: none; padding-right: 0; }

#footer .footer_menu .nav a { padding: 0 10px; border-right: 1px solid #fff; color: #fff; font-size: 10px; }

@media (max-width: 991.98px) { #footer .footer_menu .nav a { display: block; border-right: none; padding: 8px 0; font-size: 14px; } }

#footer .footer_menu .nav.sns a { padding: 0 10px; border-right: none; }

#footer .footer_menu .nav.sns i { font-size: 16px; }

@media (max-width: 991.98px) { #footer .footer_menu .nav.sns { margin-top: 15px; margin-bottom: 35px; } #footer .footer_menu .nav.sns i { font-size: 18px; } }

.banner-top, .banner-middle, .banner-bottom { margin-top: 40px; }

.banner-top a, .banner-middle a, .banner-bottom a { display: block; }

.banner-top a:hover, .banner-middle a:hover, .banner-bottom a:hover { opacity: .8; }

.banner-top img, .banner-middle img, .banner-bottom img { width: 100%; height: auto; }

.banner-top { margin-top: 0; }

.banner-bottom { margin-top: 80px; }

@media (max-width: 991.98px) { .banner-bottom img { margin-bottom: 15px; } }

.banner-contents { margin-top: 40px; }

.banner-contents .card-top { margin-bottom: 30px; }

.banner-contents .card-top a:hover { opacity: .8; }

.banner-contents .card-top img { width: 100%; height: auto; }

.banner-contents .card-top .title { margin-top: 20px; margin-bottom: 0; font-size: 16px; font-weight: bold; }

.banner-contents .card-top .text { margin-top: 5px; margin-bottom: 0; }

.item-contents { position: relative; margin-top: 40px; }

.item-contents .headline { margin-bottom: 20px; padding-bottom: 10px; font-size: 20px; font-weight: bold; border-bottom: 1px solid #ddd; }

.slick-prev, .slick-next { top: 52%; color: #333; background: #fff; width: 30px; height: 40px; }

.slick-prev:before, .slick-next:before { content: ""; }

.slick-prev svg, .slick-next svg { width: 60px; height: 60px; }

.slick-prev:hover, .slick-next:hover { color: #333; outline: none; background: #fff; }

.slick-next { right: 0; }

.slick-prev { left: 0; }

.slick-slide { margin: 0 10px; }

.slick-list { margin: 0 -10px; }

.content-about { margin-top: 40px; margin-bottom: 40px; padding-top: 20px; border-top: 1px solid #ddd; }

.content-about .title { margin: 0; font-size: 16px; }

.content-about .text { margin-top: 15px; margin-bottom: 0; }

.content-about .more { margin-top: 15px; margin-bottom: 0; }

.list-top, .list-bottom { margin-bottom: 30px; }

.list-top .list-top__title p, .list-bottom .list-top__title p { color: #767676; }

.list-top .list-top__sort, .list-bottom .list-top__sort { margin: 0; }

.list-top .list-top__sort p, .list-bottom .list-top__sort p { margin-bottom: 0; }

.list-top .list-top__sort li, .list-bottom .list-top__sort li { flex-shrink: 0; }

.list-top .list-top__sort select, .list-bottom .list-top__sort select { font-size: 14px; padding: 3px; height: 34px; }

.list-top .pagination, .list-bottom .pagination { margin-top: 0; margin-bottom: 0; list-style: none; color: #767676; }

.list-top .pagination span, .list-bottom .pagination span { color: #767676; }

.list-top .pagination a, .list-bottom .pagination a { color: #222 !important; }

.list-top .pagination a:hover, .list-bottom .pagination a:hover { color: #767676 !important; }

.list-top .pagination svg, .list-bottom .pagination svg { width: 36px; height: 36px; }

@media (max-width: 991.98px) { .list-top { text-align: center; } .list-top .list-top__title { margin-bottom: 20px; } }

.list-bottom { margin-top: 30px; }

#sidebar { margin-bottom: 80px; }

.title-side { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd; font-weight: bold; }

.category-list { list-style: none; margin: 0; padding: 0; }

.category-list li { padding: 6px 0; }

.category-list a { color: #222; }

.category-list a:hover { text-decoration: none; color: #767676; }

#zoomimage { background-position: 50% 50%; background-repeat: no-repeat; position: relative; width: 100%; overflow: hidden; cursor: zoom-in; }

#zoomimage img { transition: opacity .5s; display: block; width: 100%; }

#zoomimage img:hover { opacity: 0 !important; }

.detail-bread ol { margin-left: 0; margin-bottom: 30px; list-style: none; }

.detail-bread li { padding: 0 3px; }

.detail-bread .divider { color: #767676; font-size: 10px; }

.detail-bread a { color: #222 !important; text-decoration: none !important; }

.detail-images .slider-nav, .detail-images .slider-nav-sp, .detail-images .slider-main { visibility: hidden; }

.detail-images .slider-nav.slick-initialized, .detail-images .slider-nav-sp.slick-initialized, .detail-images .slider-main.slick-initialized { visibility: visible; }

.detail-images .sub-image img { margin-bottom: 10px; cursor: pointer; }

.detail-images .sub-image img.is-active { border: 2px solid #fff; box-shadow: 0 0 0px 1px #222; }

.detail-images .main-image { padding-right: 30px; }

.detail-images .main-image .text { font-size: 10px; color: #767676; }

.detail-images .slide-nav-box { position: relative; }

.detail-images .slide-nav-box svg { width: 32px; height: 32px; }

.detail-images .slide-nav-box .slick-nav-prev { position: absolute; top: 50%; transform: translateY(-50%); left: -10px; }

.detail-images .slide-nav-box .slick-nav-prev:focus { outline: none; }

.detail-images .slide-nav-box .slick-nav-next { position: absolute; top: 50%; transform: translateY(-50%); right: -10px; }

.detail-images .slide-nav-box .slick-nav-next:focus { outline: none; }

.detail-images .slider-nav, .detail-images .slider-nav-sp { padding: 20px 30px; }

.detail-images .slider-nav .thumb-src.slick-current, .detail-images .slider-nav-sp .thumb-src.slick-current { border: 1px solid #111; outline: none; }

.detail-images .slider-nav .thumb-src:focus, .detail-images .slider-nav-sp .thumb-src:focus { outline: none; }

.detail-related { margin-top: 40px; }

.detail-related .headline { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd; font-size: 14px; }

@media (min-width: 992px) { .detail-right { padding-left: 30px !important; } }

.detail-title .title { margin-bottom: 5px; font-size: 24px; font-weight: normal; line-height: 1.3; }

.detail-price { font-size: 22px; }

.detail-price .sale_regular { font-size: 60%; text-decoration: line-through; margin-bottom: 0; color: #767676; }

.slide-image { margin-top: 20px; }

.detail-meta { margin-top: 20px; }

.detail-option { margin-top: 20px; }

.detail-option .meta-title { margin-top: 15px; margin-bottom: 5px; font-weight: bold; font-size: 10px; }

.detail-option select { width: 250px; height: 38px; padding: 8px; }

.detail-cart { margin-top: 40px; }

.detail-cart .cart-btn { text-align: center; width: 100%; padding: 12px; border: none; color: #fff; font-size: 16px; font-weight: bold; background-color: #000; transition: .2s; }

.detail-cart .cart-btn:hover { opacity: 0.7; }

.detail-cart .favorite-btn { border: none; margin-top: 15px; padding: 0; color: #767676; font-size: 12px; text-decoration: underline; background-color: transparent; transition: .2s; }

.detail-cart .favorite-btn:hover { text-decoration: none; }

.detail-cart .favorite-btn.fav-items { text-decoration: none; color: #aaa; }

.detail-explain .explain-head { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid #ddd; cursor: pointer; }

.detail-explain .explain-head .minus { display: none; }

.detail-explain .explain-head.is-active .plus { display: none; }

.detail-explain .explain-head.is-active .minus { display: block; }

.detail-explain .explain-body { display: none; padding: 10px; }

.detail-explain .explain-head.is-active + .explain-body { display: block; }

#explain-box { margin-top: 40px; }

#explain-box .detail-explain:first-child .explain-head { border-top: 1px solid #ddd; }

.detail-review { margin-top: 40px; margin-bottom: 80px; }

.detail-review .headline { margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid #ddd; font-size: 14px; }

.detail-review .review-box { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed #ddd; }

.detail-review .review-box p { margin-bottom: 5px; }

.detail-review .review-box .review-top { margin-bottom: 10px; }

.detail-review .review-box .review-star i { font-size: 14px; }

.detail-review .review-box .review-date { color: #767676; }

.detail-review .review-box .review-body .title { margin-bottom: 10px; font-size: 14px; font-weight: bold; }

.detail-review .review-btn { text-align: center; padding: 12px 80px; border: 1px solid #222; text-decoration: none !important; color: #222 !important; font-size: 14px; font-weight: bold; background-color: #fff; }

.detail-review .review-btn:hover { opacity: .7; }

.page-content { margin-bottom: 80px; }

.page-content .headline { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ddd; font-size: 18px; font-weight: normal; }

.page-content h3 { margin-top: 30px; margin-bottom: 10px; font-size: 12px; }

.page-content p { margin-bottom: 20px; }

.page-content.shop h3, .page-content.shop p { margin: 0; }

.info-detail .headline { margin-bottom: 30px; text-align: center; font-size: 22px; }

.info-detail .date { text-align: center; color: #767676; }

.info-detail h2 { margin-top: 40px; margin-bottom: 15px; font-size: 16px; font-weight: bold; }

.info-detail h3 { margin-top: 30px; margin-bottom: 10px; font-size: 14px; font-weight: bold; }

.info-detail h4, .info-detail h5, .info-detail h6 { font-weight: bold; }

.info-detail p { margin-bottom: 20px; }

#allbrand .headline { text-align: center; font-size: 28px; }

#allbrand .brand-link { margin-top: 40px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

#allbrand .brand-link ul { overflow-x: scroll; list-style: none; margin: 0; }

#allbrand .brand-link li { padding: 15px 20px; flex-shrink: 0; }

#allbrand .brand-link li a { color: #222 !important; }

#allbrand .brand-search { margin-top: 40px; }

#allbrand .brand-search .form-box { max-width: 200px; border-bottom: 1px solid #222; }

#allbrand .brand-search .form-search { max-width: 140px; height: 30px; border: none; padding: 10px; font-size: 12px; border-radius: 0; }

#allbrand .brand-search .form-search:focus { outline: none; }

#allbrand .brand-search .form-search::placeholder { color: #222; }

#allbrand .brand-search .form-btn { background: none; border: none; font-size: 16px; }

#allbrand .brand-search .form-btn svg { width: 18px; height: 18px; }

#allbrand .brand-list { padding: 40px 0; border-bottom: 1px solid #ddd; }

#allbrand .brand-list .title { margin-bottom: 20px; font-size: 28px; font-weight: bold; }

#allbrand .brand-list .title:before { display: block; height: 6rem; margin-top: -6rem; content: ""; }

#allbrand .brand-list a { color: #222 !important; font-size: 14px; }

.faq-box .headline { margin-bottom: 30px; text-align: center; font-size: 22px; }

.faq-box ul { list-style: none; margin: 0; padding: 0; }

.faq-box ul li { border-top: 1px solid #ddd; }

.faq-box ul li:last-child { border-bottom: 1px solid #ddd; }

.faq-box ul li a { display: block; padding: 15px; color: #222 !important; }

.faq-box ul li a:hover { text-decoration: none !important; background-color: #eee; }

.faq-box .more-btn { margin-top: 30px; text-align: center; padding: 8px 40px; border: 1px solid #222; color: #222 !important; font-size: 12px; font-weight: bold; text-decoration: none !important; transition: .2s; }

.faq-box .more-btn:hover { color: #fff !important; background-color: #222; }

.help-box { margin-top: 80px; }

.help-box .headline { margin-bottom: 30px; text-align: center; font-size: 22px; }

.help-box .help-body { padding: 20px; border: 1px solid #ddd; }

.help-box .help-list { padding: 20px; margin-bottom: 20px; background-color: #f5f5f5; }

.help-box .help-list .title { margin-bottom: 10px; font-size: 16px; }

.help-box .help-list ul { list-style: none; padding: 0; margin: 0; }

.help-box .help-list ul li a { display: block; padding: 10px; text-decoration: none !important; color: #767676 !important; transition: .2s; }

.help-box .help-list ul li a:hover { text-decoration: none !important; background-color: #eee; }

.contact-box { margin-top: 80px; padding-bottom: 60px; border-bottom: 1px solid #ddd; }

.contact-box .headline { margin-bottom: 30px; text-align: center; font-size: 22px; }

.contact-box .text { margin-top: 20px; margin-bottom: 0; text-align: center; }

.contact-box .contact-content { margin-top: 30px; padding: 20px; text-align: center; border: 1px solid #ddd; height: 130px; }

.contact-box .contact-content .text-mail { margin: 0; font-size: 18px; }

.contact-box .contact-content .contact-btn { display: inline-block; text-align: center; padding: 12px 30px; border: 1px solid #222; color: #222 !important; font-size: 12px; text-decoration: none !important; transition: .2s; }

.contact-box .contact-content .contact-btn:hover { color: #fff !important; background-color: #222; }

.help-detail .headline { margin-bottom: 30px; text-align: center; font-size: 22px; }

.help-detail .toc-box { padding-top: 40px; padding-bottom: 40px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.help-detail .toc-box ul { padding: 0; margin: 0; list-style: none; }

.help-detail .toc-box .title { margin-top: 30px; }

.help-detail .toc-box .title:first-child { margin-top: 0; }

.help-detail .toc-box .toc-list { margin-top: 10px; }

.help-detail .toc-box .toc-list li { padding: 5px 0; }

.help-detail .help-content { margin-top: 40px; }

.help-detail .help-content .headline { text-align: left; font-size: 18px; font-weight: bold; }

.help-detail .help-content .title { margin-top: 40px; font-size: 14px; font-weight: bold; }

.help-detail .help-content .title:first-child { margin-top: 0; }

/*# sourceMappingURL=style.css.map */