@charset "UTF-8";
/* Box sizing rules */
*, *::before, *::after { box-sizing: border-box; }

/* Remove default padding */
ul, ol { padding: 0; }

/* Remove default margin */
body, h1, h2, h3, h4, p, ul, ol, figure, blockquote, dl, dd { margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

/* Set core root defaults */
html { scroll-behavior: smooth; }

/* Set core body defaults */
body { min-height: 100vh; text-rendering: optimizeSpeed; line-height: 1.5; }

/* Remove list styles on ul, ol elements with a class attribute */
ul[class], ol[class] { list-style: none; }

/* A elements that don't have a class get default styles */
a:not([class]) { text-decoration-skip-ink: auto; }

/* Make images easier to work with */
img { max-width: 100%; height: auto; display: block; margin: auto; }

/* Inherit fonts for inputs and buttons */
input, button, textarea, select { font: inherit; }

input { border-radius: 0; }

[disabled] { cursor: default; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }

[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }

/*[type=search]::-webkit-search-decoration { -webkit-appearance: none;
}*/
textarea { overflow: auto; resize: vertical; }

button, input, optgroup, select, textarea { font: inherit; }

button { overflow: visible; }

button, select { text-transform: none; }

[role=button], [type=button], [type=reset], [type=submit], button { cursor: pointer; color: inherit; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring { outline: 1px dotted ButtonText; }

[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; }

button, input, select, textarea { background-color: transparent; border-style: none; }

input[type=text], input[type=search], select, textarea { width: 100%; }

select { -moz-appearance: none; -webkit-appearance: none; }

select::-ms-expand { display: none; }

select::-ms-value { color: currentColor; }

i { font-style: normal; }

:focus { outline: none; }

/* drawer menu */
.drawer-menu { position: fixed; top: 0; height: 100%; overflow-y: scroll; -ms-overflow-style: none; /* スクロルバー非表示IE, Edge 対応 */ scrollbar-width: none; /* スクロルバー非表示Firefox 対応 */ -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 0; }
.drawer-menu::-webkit-scrollbar { /* スクロルバー非表示Chrome, Safari 対応 */ display: none; }
.drawer-menu.drawer-right { right: 0; width: 400px; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: translateX(400px); transform: translateX(400px); }
.drawer-menu.drawer-left { left: 0; width: 400px; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: translateX(-400px); transform: translateX(-400px); }
@media only screen and (max-width: 959px) { .drawer-menu.drawer-right, .drawer-menu.drawer-left { width: 300px; }
  .drawer-menu.drawer-right { -webkit-transform: translateX(300px); transform: translateX(300px); }
  .drawer-menu.drawer-left { -webkit-transform: translateX(-300px); transform: translateX(-300px); } }
@media only screen and (max-width: 559px) { .drawer-menu.drawer-right, .drawer-menu.drawer-left { width: 100%; }
  .drawer-menu.drawer-right { -webkit-transform: translateX(100%); transform: translateX(100%); }
  .drawer-menu.drawer-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); } }

/* checkbox */
.check { display: none; }

/* menu button - label tag */
.menu-btn { position: fixed; display: none; top: 17px; width: 40px; height: 40px; text-align: center; cursor: pointer; font-size: 36px; line-height: 1; z-index: 3; }
.menu-btn[for="menu-right"] { display: block; right: 15px; }
.menu-btn[for="menu-left"] { display: block; left: 15px; }
@media only screen and (max-width: 1023px) { .menu-btn { font-size: 30px; } }
@media only screen and (max-width: 559px) { .menu-btn[for="menu-right"] { right: 5px; }
  .menu-btn[for="menu-left"] { left: 5px; } }

.drawericon-r:before { font-family: 'icomoon'; content: "\e907"; }

.drawericon-l:before { font-family: 'icomoon'; content: "\e905"; }

.menu-btn__text { position: absolute; bottom: -10px; left: 0; right: 0; margin: auto; font-size: 10px; color: #fff; -webkit-transition: all .5s; transition: all .5s; display: block; visibility: visible; opacity: 1; }
@media only screen and (max-width: 1023px) { .menu-btn__text { bottom: -3px; } }

.menu-btn:hover { color: #c4941d; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.close-menu { position: fixed; top: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-delay: 0s; transition-delay: 0s; visibility: hidden; opacity: 0; }
.close-menu[for="menu-right"] { right: 400px; }
.close-menu[for="menu-left"] { left: 400px; }
@media only screen and (max-width: 959px) { .close-menu[for="menu-right"] { right: 300px; }
  .close-menu[for="menu-left"] { left: 300px; } }
@media only screen and (max-width: 559px) { .close-menu[for="menu-right"] { right: 100%; }
  .close-menu[for="menu-left"] { left: 100%; } }

/* checked */
#menu-right.check:checked ~ .drawer-menu.drawer-right, #menu-right.check:checked ~ .menu-btn[for="menu-right"], #menu-right.check:checked ~ .close-menu[for="menu-right"] { opacity: 1; }
#menu-right.check:checked ~ .drawer-menu.drawer-right { z-index: 2; }
#menu-right.check:checked ~ .menu-btn[for="menu-left"], #menu-right.check:checked ~ .close-menu[for="menu-left"] { display: none; }

#menu-left.check:checked ~ .drawer-menu.drawer-left, #menu-left.check:checked ~ .menu-btn[for="menu-left"], #menu-left.check:checked ~ .close-menu[for="menu-left"] { opacity: 1; }
#menu-left.check:checked ~ .drawer-menu.drawer-left { z-index: 2; }
#menu-left.check:checked ~ .menu-btn[for="menu-right"], #menu-left.check:checked ~ .close-menu[for="menu-right"] { display: none; }

.check:checked ~ .drawer-menu { -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 0; }
.check:checked ~ .menu-btn { opacity: 0; animation: 1s fadeIn forwards; }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
.check:checked ~ .menu-btn .drawericon-r:before, .check:checked ~ .menu-btn .drawericon-l:before { content: "\e906"; z-index: 3; }
.check:checked ~ .menu-btn .menu-btn__text { visibility: hidden; opacity: 0; }
.check:checked ~ .close-menu { -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: .1s; transition-delay: .1s; background: rgba(68, 68, 68, 0.85); visibility: visible; z-index: 3; }

/*.scroll-prevent { position: fixed; z-index: -1; width: 100%; height: 100%;
}*/
@media only screen and (max-width: 559px) { input, select, textarea { font-size: 16px; } }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f3f2ea inset; }

input[type="text"]:focus, input[type="select"]:focus { outline: 0; }

input[type="search"] { -webkit-appearance: searchfield; }

input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; }

.control { display: block; position: relative; padding: 10px 15px 10px 30px; cursor: pointer; }
.control input { position: absolute; z-index: -1; opacity: 0; }

.control__indicator { position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 16px; height: 16px; width: 16px; background: #f3f2ea; border: 1px solid #f3f2ea; /* .control:hover input:not([disabled]):checked ~ &, .control input:checked:focus ~ & border-color: #666 */ }

.control--checkbox .control__indicator { border-radius: 3px; }

.control--radio .control__indicator { border-radius: 50%; }

.control:hover input:not([disabled]) ~ .control__indicator { border-color: #c4941d; }
.control input:focus ~ .control__indicator { border-color: #c4941d; }
.control input:checked ~ .control__indicator { background: #f3f2ea; }
.control input:disabled ~ .control__indicator { background: #f3f2ea; opacity: 0.6; pointer-events: none; }

.control__indicator:after { content: ''; position: absolute; display: none; }

.control input:checked ~ .control__indicator:after { display: block; }

.control--checkbox .control__indicator:after { left: 5px; top: 0px; width: 5px; height: 12px; border: solid #c4941d; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.control--checkbox input:disabled ~ .control__indicator:after { border-color: #555; }

.control--radio .control__indicator:after { left: 5px; top: 5px; height: 6px; width: 6px; border-radius: 50%; background: #34bb92; }
.control--radio input:disabled ~ .control__indicator:after { background: #555; }

.text { padding: 10px 15px; outline: 0; border: 0; border-radius: 0; background: #f3f2ea; }

textarea { height: calc(1.6rem * 6); line-height: 1.6rem; }

.btn-shine { color: #c4941d; display: inline-block; font-size: 16px; font-weight: bold; line-height: 43px; width: 200px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; cursor: pointer; border: 1px solid transparent; outline: 1px solid; outline-color: #c4941d; outline-offset: 0px; text-shadow: none; transition: all 1.2s cubic-bezier(0.2, 1, 0.2, 1); }
@media only screen and (max-width: 559px) { .btn-shine { width: 100%; } }

.btn-shine:hover { color: #f3f2ea !important; border-color: #f3f2ea; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2); outline-color: transparent; outline-offset: 12px; text-shadow: 2px 2px 3px #010100; }

.select { position: relative; }
.select select { display: inline-block; width: 100%; cursor: pointer; padding: 10px 15px; outline: 0; border: 0; border-radius: 0; background: #f3f2ea; color: #555; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.select select::-ms-expand { display: none; }
.select select:hover, .select select:focus { color: #f3f2ea; }
.select select:disabled { opacity: 0.5; pointer-events: none; }

.select__arrow { position: absolute; top: 18px; right: 15px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0 5px; border-color: #c4941d transparent transparent transparent; }

select option:hover, select option:focus, select option:active { background: linear-gradient(#000000, #000000); background-color: #000000 !important; /* for IE */ color: #ffed00 !important; }

select option:checked { background: linear-gradient(#d6d6d6, #d6d6d6); background-color: #d6d6d6 !important; /* for IE */ color: #000000 !important; }

#search_kw { ime-mode: inactive; }

.autocomplete { background: #f3f2ea; z-index: 1000; overflow: auto; width: 380px !important; margin-left: -15px; margin-top: 10px; }

.autocomplete > div { color: #010100; padding: 10px 15px; line-height: 1.5; border-bottom: 1px solid rgba(196, 148, 29, 0.25); }

.autocomplete strong { font-weight: bold; }

.autocomplete > div.selected, .autocomplete > div:hover:not(.group) { background: #827348; color: #f3f2ea; cursor: pointer; }

@media only screen and (max-width: 559px) { .autocomplete { width: calc(100% - 20px) !important; } }
/*img { pointer-events:none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-touch-callout:none; -moz-user-select:none; touch-callout:none; user-select:none;
}*/
@font-face { font-family: 'icomoon'; font-display: swap; src: url("../fonts/icomoon.eot"); src: url("../fonts/icomoon.eot?#iefix6y3i5o") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; }
body { font-family: 'Noto Serif JP', serif; line-height: 1.6; font-weight: normal; font-size: 15px; scroll-behavior: smooth; overflow: auto; height: 100%; color: #f3f2ea; background-color: #010100; }

section { transition: .8s; clear: both; }

#column-2, #feature .container, .pagenation-block, .info .container, #header .container, #item-list .container, .content-block .container { max-width: 1240px; margin: 0 auto; padding-left: 60px; padding-right: 60px; }
@media only screen and (max-width: 959px) { #column-2, #feature .container, .pagenation-block, .info .container, #header .container, #item-list .container, .content-block .container { max-width: 100%; padding-left: 3%; padding-right: 3%; } }
@media only screen and (max-width: 559px) { #column-2, #feature .container, .pagenation-block, .info .container, #header .container, #item-list .container, .content-block .container { max-width: 100%; padding-left: 10px; padding-right: 10px; } }

.sns-box .container, .about .container, #new-item .container, .swiper-multi .container { max-width: 1240px; margin: 0 auto; padding: 60px 60px; }
@media only screen and (max-width: 959px) { .sns-box .container, .about .container, #new-item .container, .swiper-multi .container { max-width: 100%; padding: 60px 3%; } }
@media only screen and (max-width: 559px) { .sns-box .container, .about .container, #new-item .container, .swiper-multi .container { max-width: 100%; padding: 40px 10px; } }

#concept { padding-top: 60px; padding-bottom: 60px; }
@media only screen and (max-width: 559px) { #concept { padding-top: 40px; padding-bottom: 40px; } }

#shop-info, #concept .shop-concept, #privacy-policy, #site-policy, #trade, .mail-form { max-width: 640px; margin: 0 auto; }
@media only screen and (max-width: 959px) { #shop-info, #concept .shop-concept, #privacy-policy, #site-policy, #trade, .mail-form { max-width: 100%; padding-left: 60px; padding-right: 60px; } }
@media only screen and (max-width: 559px) { #shop-info, #concept .shop-concept, #privacy-policy, #site-policy, #trade, .mail-form { max-width: 100%; padding-left: 15px; padding-right: 15px; } }

#column-2 { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; margin: auto; height: auto; }
#column-2 .main-block { width: 100%; padding-bottom: 40px; }
@media only screen and (min-width: 960px) { #column-2 .main-block { width: calc(70% - 50px); } }
#column-2 .side-block { width: 100%; max-width: 100%; padding: 0 10px 40px 10px; }
@media only screen and (min-width: 960px) { #column-2 .side-block { width: 30%; max-width: 340px; } }
@media only screen and (max-width: 959px) { #column-2 .side-block { padding: 0 0 40px 0; } }

a { text-decoration: none; color: #f3f2ea; }
a:hover { color: #c4941d; }

a img { transition: 0.6s; display: inline-block; }
a img:hover { opacity: 0.7; }

.icon-mail::before, .icon-tel::before { font-family: 'icomoon'; display: block; font-size: 30px; line-height: 1.2; }

.icon-mail::before { content: "\e028"; }

.icon-tel::before { content: "\e004"; }

.icon-mail-s::before { font-family: 'icomoon'; content: "\e028"; padding-right: 0.1em; }

.icon-search::before { font-family: 'icomoon'; content: "\e907"; padding-right: 0.3em; }

hr { border: none; border-top: 1px solid #f3f2ea; margin: 20px 0; }

/*---------------*/
/***** ドロワーメニュー *****/
/*---------------*/
.drawer-menu h2 { font-size: 1.3rem; text-align: center; margin-bottom: 15px; }

.drawer-left { padding: 15px 0; background: #010100; }
.drawer-left ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; border-top: 1px solid rgba(243, 242, 234, 0.2); }
.drawer-left ul li { border-bottom: 1px solid rgba(243, 242, 234, 0.2); width: 100%; }
.drawer-left ul li a { display: block; color: #f3f2ea; padding: 10px 20px; transition: 0.6s; }
.drawer-left ul li a:hover { background: #281e06; color: #c4941d; }
.drawer-left ul li.line-half { width: 50%; text-align: center; }
.drawer-left ul li.line-half:last-child { border-left: 1px solid rgba(243, 242, 234, 0.2); }
.drawer-left .icon-mail, .drawer-left .icon-tel { color: #c4941d; }
.drawer-left .icon-mail:hover, .drawer-left .icon-tel:hover { color: #f3f2ea; }
.drawer-left .content-row { padding: 0 10px; }
.drawer-left .content-row .btn-ghost { min-width: inherit; font-size: 0.85rem; height: 40px; line-height: 40px; }

.drawer-right { padding: 15px 10px; background: #010100; }

.item-search { width: 100%; margin: 0; /*  &__item { display: inline-block; @media only screen and (max-width:959px) { width: calc(50% - 10px); } @media only screen and (max-width:559px) { width: calc(100% - 10px); }
}*/ }
.item-search select, .item-search input[type="select"], .item-search .checkbox { background: #281e06; color: #f3f2ea; }

.drawer-menu .item-search__item, .drawer-menu .btn-shine { width: 100%; margin: 0 0 10px 0; /*    select, input[type="select"], .checkbox { background: $color-dark-gray; color: $color-white;
}*/ }

.banner-search { text-align: center; padding: 10px; }
.banner-search .btn-shine { margin-top: 5px; }
.banner-search .btn-shine::before { font-family: 'icomoon'; content: "\e907"; padding-right: 0.3em; }

.sns-box { background-color: #281e06; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; }
.sns-box .container { padding: 40px 10px; }

.sns_box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.sns_box p { color: #c4941d; margin-bottom: 20px; }

.sns_button { float: left; box-shadow: inset 0 0 0 2px #c4941d; border-radius: 100%; -moz-transition: all 280ms ease; -o-transition: all 280ms ease; -webkit-transition: all 280ms ease; transition: all 280ms ease; }

.sns_button a { display: table-cell; width: 44px; height: 44px; color: #c4941d; text-align: center; vertical-align: middle; -moz-transition: all 280ms ease; -o-transition: all 280ms ease; -webkit-transition: all 280ms ease; transition: all 280ms ease; }

.sns_button span { font-size: 20px; vertical-align: middle; font-family: 'icomoon'; color: #c4941d; }

.sns_button:hover { box-shadow: inset 0 0 0 22px #f3f2ea; }

.sns_button + .sns_button { margin: 0 0 0 12px; }

.twitter span:before { content: "\e903"; }
.twitter:hover span { color: #1B95E0; }

.facebook span:before { content: "\e902"; }
.facebook:hover span { color: #3B5999; }

.instagram span:before { content: "\e904"; }
.instagram:hover span { color: #2b5c84; }

.pocket span:before { content: "\e901"; }
.pocket:hover span { color: #EE4056; }

.line span:before { content: "\e900"; }
.line:hover span { color: #00b900; }

/*---------------*/
/***** フッター *****/
/*---------------*/
/*.btn-contact { display: flex; justify-content: space-between; .effect-text-under-border { width: calc(50% - 5px); }
}*/
.btn-contact { padding: 15px 0; }
.btn-contact ul { display: -ms-flexbox; display: flex; list-style: none; border-top: 1px solid rgba(243, 242, 234, 0.2); }
.btn-contact ul li { border-bottom: 1px solid rgba(243, 242, 234, 0.2); width: 50%; text-align: center; }
.btn-contact ul li:last-child { border-left: 1px solid rgba(243, 242, 234, 0.2); }
.btn-contact ul li a { display: block; color: #c4941d !important; padding: 10px 20px; transition: 0.6s; }
.btn-contact ul li a:hover { background: #281e06; color: #f3f2ea !important; }

html[lang="en-US"] .btn-contact ul li a { line-height: 1.3; }

.btn-contact2 { padding-top: 20px; padding-bottom: 20px; margin: 0 auto; }
.btn-contact2 ul { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; list-style: none; }
.btn-contact2 ul li { width: calc(100% / 2 - 5px); background: #281e06; text-align: center; }
.btn-contact2 ul li a { display: block; padding: 20px 10px; color: #c4941d !important; transition: 0.6s; }
.btn-contact2 ul li a:hover { background: #855B32; color: #f3f2ea !important; }

.footer-menu { background: url("../img/bg_footer.jpg") no-repeat left bottom; background-size: 100%; background-attachment: fixed; }
@media only screen and (max-width: 559px) { .footer-menu { background-size: auto; } }
.footer-menu__inner { background-color: #010100; background: url("../img/bg_smoke.png") no-repeat right bottom; background-size: cover; animation: moveBg 14s infinite linear alternate; }
@keyframes moveBg { 0% { transform: translate(0px); }
  100% { transform: translate(200px); } }
.footer-menu .container { width: 420px; padding: 60px 0; margin: 0 auto; text-align: center; color: #999; line-height: 2.0; border-bottom: 1px solid rgba(243, 242, 234, 0.15); }
@media only screen and (max-width: 559px) { .footer-menu .container { width: 100%; padding: 60px 15px; } }
.footer-menu .container .footer-logo { margin-bottom: 40px; }
.footer-menu .container .footer-logo img { max-width: 200px; }
.footer-menu .container h3 { position: relative; display: inline-block; font-size: 18px; color: #f3f2ea; margin: 40px auto 20px; }
@media only screen and (max-width: 559px) { .footer-menu .container h3 { font-size: 16px; } }
.footer-menu .container h3:before { content: ''; position: absolute; bottom: -7px; display: inline-block; width: 100px; height: 1px; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #c4941d; border-radius: 1px; }
.footer-menu .container a { color: #999; }
.footer-menu .container a:hover { color: #f3f2ea; }
.footer-menu .container ul { list-style: none; }
.footer-menu .container hr { border: none; border-top: 1px solid rgba(196, 148, 29, 0.5); margin: 30px 15%; }
.footer-menu .container .footer-message { padding: 60px 20px 0 20px; line-height: 3.0; color: rgba(196, 148, 29, 0.9); }
.footer-menu .container .footer-message P { font-size: 14px; }
.footer-menu .container .footer-message P span { display: block; }

.copy-write { text-align: center; font-size: 14px; line-height: 1; padding: 30px 10px; }
.copy-write p { margin-bottom: 10px; font-size: 0.85rem; }
.copy-write p a { color: #999; transition: 0.6s; }
.copy-write p a:hover { color: #c4941d; }

.layout-item { position: relative; padding: 8px; line-height: 1.4; /*  &:hover { background: $color-white; box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2); transition: 0.3s; img { filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; transition: 0.6s; zoom: 1; } @media only screen and (max-width:559px) { width: 100%; }
}*/ }
.layout-item .item-photo { text-align: center; }
.layout-item .item-photo img { width: 100%; }
.layout-item .item-detail { margin-top: 3px; }
.layout-item h3 { font-size: 0.95rem; margin-bottom: 0; }
.layout-item h3 + p { margin-top: 3px; }
.layout-item h3 a { color: #c4941d; }
.layout-item h3 a:hover { color: #f3f2ea; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.layout-item p { font-size: 0.8rem; margin: 0; }
.layout-item a.entry-more::after { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; }
.layout-item hr { border-top: 1px solid rgba(243, 242, 234, 0.3); margin: 5px 0; }
.layout-item .cat_block { font-size: 0; text-align: right; }
.layout-item .cat_block span { display: inline-block; font-size: 0.85rem; color: #c4941d; }
.layout-item .cat_block span:not(:first-child)::before { content: "/"; padding-left: 3px; padding-right: 3px; color: #555; }

.entry-time { font-size: 0.8rem; }

.item-price { font-size: 1.1rem; }
.item-price span.price-usd { font-size: 0.85rem; display: block; }

.event-date { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

.event-status { display: inline-block; font-weight: bold; font-size: 10px; padding: 1px 3px; color: #fff; background-color: #c4941d; margin-right: 6px; }

.event-period { display: inline-block; font-family: "Avenir", "Arial", "Hiragino Kaku Gothic ProN", YuGothic, "Yu Gothic", "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", Meiryo, sans-serif; font-weight: bold; }
.event-period::before { font-family: 'icomoon'; content: "\e92d"; font-size: 0.8rem; }

/* IE11表示用のCSS　*/
/*_:-ms-fullscreen, :root .cat_block span { padding: 3px 5px 0 5px;
}
_:-ms-fullscreen, :root .event-status { padding: 4px 3px 0 3px;
}*/
.listlayout { /*  @media only screen and (max-width:959px) { .item { padding: 10px 5px; } .item-photo { width: 35%; img { width: 90%; } } .item-detail { width: calc(100% - 35%); }
}*/ }
.listlayout .layout-item { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; transition: 0.6s; border-bottom: 1px solid rgba(196, 148, 29, 0.25); }
.listlayout .layout-item:first-of-type { border-top: 1px solid rgba(196, 148, 29, 0.25); }
.listlayout .layout-item:hover { background-color: rgba(196, 148, 29, 0.25); }
.listlayout .item-photo { width: 100px; }
.listlayout .item-photo img { width: 90px; height: auto; margin: 0; }
.listlayout .item-detail { width: calc(100% - 100px); margin-top: 0; }
@media only screen and (max-width: 559px) { .listlayout .item { padding: 10px 5px; }
  .listlayout .item-photo { width: 30%; }
  .listlayout .item-photo img { width: 90%; }
  .listlayout .item-detail { width: calc(100% - 30%); } }

.cardlayout { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.cardlayout .item-detail { margin-top: 10px; }

.item-archive .cardlayout::before { content: ""; display: block; width: calc(100% / 4 - 10px); height: 0; order: 1; }
.item-archive .cardlayout::after { content: ""; display: block; width: calc(100% / 4 - 10px); height: 0; }
.item-archive .cardlayout .layout-item { width: calc(100% / 4 - 10px); margin-bottom: 20px; }
@media only screen and (max-width: 1023px) { .item-archive .cardlayout .layout-item { width: calc(100% / 3); } }
@media only screen and (max-width: 959px) { .item-archive .cardlayout .layout-item { width: calc(100% / 2); } }
.item-archive .cardlayout .layout-item::before, .item-archive .cardlayout .layout-item::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity .38s ease-in-out, transform .60s ease-in-out; content: ''; opacity: 0; pointer-events: none; }
.item-archive .cardlayout .layout-item::before { transform: scale3d(0, 1, 1); transform-origin: left top; border-top: 1px solid #c4941d; border-bottom: 1px solid #c4941d; }
.item-archive .cardlayout .layout-item::after { transform: scale3d(1, 0, 1); transform-origin: right top; border-right: 1px solid #c4941d; border-left: 1px solid #c4941d; }
.item-archive .cardlayout .layout-item:hover, .item-archive .cardlayout .layout-item:focus { background: rgba(40, 30, 6, 0.8); transition: transform .3s ease-in-out; }
.item-archive .cardlayout .layout-item:hover img, .item-archive .cardlayout .layout-item:focus img { display: block; opacity: 1; -webkit-animation: item 0.3s ease-in 1 alternate; animation: item 0.3s ease-in 1 alternate; }
@-webkit-keyframes item { 0% { opacity: .6; }
  100% { opacity: 1; } }
.item-archive .cardlayout .layout-item:hover::before, .item-archive .cardlayout .layout-item:hover::after, .item-archive .cardlayout .layout-item:focus::before, .item-archive .cardlayout .layout-item:focus::after { transform: scale3d(1, 1, 1); opacity: 1; }

#related-items .item-detail { margin-top: 10px; }

#feature { background: linear-gradient(to right, #281e06, #010100, #281e06); }
#feature .container { padding-top: 20px; padding-bottom: 20px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#feature .container a { width: calc(100% / 4 - 10px); }
@media only screen and (max-width: 559px) { #feature .container a { width: calc(100% / 2 - 5px); margin-bottom: 10px; } }

#breadcrumb { margin-bottom: 20px; }
#breadcrumb ol { font-size: 0; }
#breadcrumb ol li { display: inline-block; color: #c4941d; font-size: 14px; padding-right: 0.5em; padding-bottom: 0; }
#breadcrumb ol li a { color: #c4941d; }
#breadcrumb ol li a:hover { color: #f3f2ea; }
#breadcrumb ol li:first-child { padding-left: 0.5em; }
#breadcrumb ol li::after { content: "\e90b"; font-family: 'icomoon'; color: rgba(243, 242, 234, 0.4); padding-left: 0.5em; font-size: 0.7rem; }

.pagenation-block { padding-top: 20px; }
.pagenation-block:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }

.pagination { margin-bottom: 20px; }
.pagination ul { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }
.pagination li { margin: 0 4px; text-align: center; font-weight: 600; }
.pagination li .page-numbers { height: 3rem; width: 3rem; background-color: rgba(243, 242, 234, 0.2); color: #fff; text-decoration: none; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.pagination li .page-numbers.current, .pagination li .page-numbers.next, .pagination li .page-numbers.prev { background-color: #855B32; color: #fff; }
.pagination li a { transition: 0.3s; }
.pagination li a:hover { background-color: #855B32; color: #fff; }
@media only screen and (max-width: 559px) { .pagination li { margin: 0 1px; }
  .pagination li .page-numbers { height: 2.5rem; width: 2.5rem; } }

.cc-window { display: none !important; }

.cc-window:lang(en) { display: flex !important; }

.hero { color: #f3f2ea; position: relative; overflow: hidden; }
.hero__text { position: absolute; top: 0; left: 0; width: 60%; padding: 80px 0 50px 100px; }
@media only screen and (max-width: 1023px) { .hero__text { width: 80%; padding: 50px 50px 0; } }
@media only screen and (max-width: 959px) { .hero__text { width: 100%; text-align: center; } }
@media only screen and (max-width: 559px) { .hero__text { padding: 50px 20px 0; } }
.hero__text img { margin-bottom: 20px; margin-left: 0; max-width: 240px; }
@media only screen and (max-width: 959px) { .hero__text img { max-width: 210px; margin: 0 auto 20px auto; } }
@media only screen and (max-width: 559px) { .hero__text img { max-width: 150px; } }
.hero h1 { font-size: 60px; line-height: 1.6; letter-spacing: 0.15em; margin-bottom: 20px; }
@media only screen and (max-width: 959px) { .hero h1 { letter-spacing: 0; } }
@media only screen and (max-width: 559px) { .hero h1 { font-size: 11.0vw; letter-spacing: 0; } }
.hero p { font-size: 16px; letter-spacing: 0.1em; }
@media only screen and (max-width: 959px) { .hero p { font-size: 15px; letter-spacing: 0; text-align: left; }
  .hero p br { display: none; } }

html[lang="en-US"] .hero h1, html[lang="en-US"] .hero p { letter-spacing: 0; }
@media only screen and (max-width: 559px) { html[lang="en-US"] .hero h1 { font-size: 8.9vw; } }

@keyframes bg-crossfade-1 { 0% { opacity: 1; }
  1.4285714286% { opacity: 1; }
  18.5714285714% { opacity: 1; }
  21.4285714286% { opacity: 0; }
  100% { opacity: 0; }
  98.5714285714% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes bg-crossfade-2 { 18.5714285714% { opacity: 1; }
  21.4285714286% { opacity: 1; }
  38.5714285714% { opacity: 1; }
  41.4285714286% { opacity: 0; }
  100% { opacity: 0; } }
@keyframes bg-crossfade-3 { 38.5714285714% { opacity: 1; }
  41.4285714286% { opacity: 1; }
  58.5714285714% { opacity: 1; }
  61.4285714286% { opacity: 0; }
  100% { opacity: 0; } }
@keyframes bg-crossfade-4 { 58.5714285714% { opacity: 1; }
  61.4285714286% { opacity: 1; }
  78.5714285714% { opacity: 1; }
  81.4285714286% { opacity: 0; }
  100% { opacity: 0; } }
@keyframes bg-crossfade-5 { 78.5714285714% { opacity: 1; }
  81.4285714286% { opacity: 1; }
  98.5714285714% { opacity: 1; }
  100% { opacity: 0; } }
.bg-crossfade-wrap { width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); position: relative; overflow: hidden; z-index: -1; }
.bg-crossfade-wrap .bg_smoke { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 9; background-color: #000; background: url("../img/bg_smoke.png") no-repeat left bottom; background-size: cover; animation: moveBg 18s infinite linear alternate; }
@media only screen and (max-width: 559px) { .bg-crossfade-wrap .bg_smoke { background: url("../img/bg_smoke.png") no-repeat center bottom; width: 100%; height: 100%; } }
@keyframes moveBg { 0% { background-position: 0 center; }
  100% { background-position: -140px 0px; } }
.bg-crossfade-wrap .bg-crossfade-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; animation-name: bg-crossfade; animation-duration: 35s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; }
.bg-crossfade-wrap .bg-crossfade-img:nth-child(1) { animation-name: bg-crossfade-1; z-index: 4; }
.bg-crossfade-wrap .bg-crossfade-img:nth-child(2) { animation-name: bg-crossfade-2; z-index: 3; }
.bg-crossfade-wrap .bg-crossfade-img:nth-child(3) { animation-name: bg-crossfade-3; z-index: 2; }
.bg-crossfade-wrap .bg-crossfade-img:nth-child(4) { animation-name: bg-crossfade-4; z-index: 1; }
.bg-crossfade-wrap .bg-crossfade-img:nth-child(5) { animation-name: bg-crossfade-5; z-index: 0; }
.bg-crossfade-wrap .bg-crossfade-img:nth-child(1) { background-image: linear-gradient(270deg, transparent, #000 75%), url("../img/bg-hero01.jpg"); background-size: contain; background-position: right bottom; }
@media only screen and (max-width: 959px) { .bg-crossfade-wrap .bg-crossfade-img:nth-child(1) { background-image: linear-gradient(360deg, transparent, #000 50%), url("../img/bg-hero01.jpg"); background-size: contain; background-position: center bottom; } }
@media only screen and (max-width: 559px) { .bg-crossfade-wrap .bg-crossfade-img:nth-child(1) { background-image: linear-gradient(360deg, transparent, #000 70%), url("../img/bg-hero01-s.jpg"); background-size: contain; background-position: center bottom; } }
.bg-crossfade-wrap .bg-crossfade-img:nth-child(2) { background-image: linear-gradient(270deg, transparent, #000 75%), url("../img/bg-hero02.jpg"); background-size: contain; background-position: right bottom; }
@media only screen and (max-width: 959px) { .bg-crossfade-wrap .bg-crossfade-img:nth-child(2) { background-image: linear-gradient(360deg, transparent, #000 50%), url("../img/bg-hero02.jpg"); background-size: contain; background-position: center bottom; } }
@media only screen and (max-width: 559px) { .bg-crossfade-wrap .bg-crossfade-img:nth-child(2) { background-image: linear-gradient(360deg, transparent, #000 70%), url("../img/bg-hero02-s.jpg"); background-size: contain; background-position: center bottom; } }
.bg-crossfade-wrap .bg-crossfade-img:nth-child(3) { background-image: linear-gradient(270deg, transparent, #000 75%), url("../img/bg-hero03.jpg"); background-size: contain; background-position: right bottom; }
@media only screen and (max-width: 959px) { .bg-crossfade-wrap .bg-crossfade-img:nth-child(3) { background-image: linear-gradient(360deg, transparent, #000 50%), url("../img/bg-hero03.jpg"); background-size: contain; background-position: center bottom; } }
@media only screen and (max-width: 559px) { .bg-crossfade-wrap .bg-crossfade-img:nth-child(3) { background-image: linear-gradient(360deg, transparent, #000 70%), url("../img/bg-hero03-s.jpg"); background-size: contain; background-position: center bottom; } }
.bg-crossfade-wrap .bg-crossfade-img:nth-child(4) { background-image: linear-gradient(270deg, transparent, #000 75%), url("../img/bg-hero04.jpg"); background-size: contain; background-position: right bottom; }
@media only screen and (max-width: 959px) { .bg-crossfade-wrap .bg-crossfade-img:nth-child(4) { background-image: linear-gradient(360deg, transparent, #000 50%), url("../img/bg-hero04.jpg"); background-size: contain; background-position: center bottom; } }
@media only screen and (max-width: 559px) { .bg-crossfade-wrap .bg-crossfade-img:nth-child(4) { background-image: linear-gradient(360deg, transparent, #000 70%), url("../img/bg-hero04-s.jpg"); background-size: contain; background-position: center bottom; } }
.bg-crossfade-wrap .bg-crossfade-img:nth-child(5) { background-image: linear-gradient(270deg, transparent, #000 75%), url("../img/bg-hero05.jpg"); background-size: contain; background-position: right bottom; }
@media only screen and (max-width: 959px) { .bg-crossfade-wrap .bg-crossfade-img:nth-child(5) { background-image: linear-gradient(360deg, transparent, #000 50%), url("../img/bg-hero05.jpg"); background-size: contain; background-position: center bottom; } }
@media only screen and (max-width: 559px) { .bg-crossfade-wrap .bg-crossfade-img:nth-child(5) { background-image: linear-gradient(360deg, transparent, #000 70%), url("../img/bg-hero05-s.jpg"); background-size: contain; background-position: center bottom; } }

/* 下へスクロール */
.arrow-wrap { position: absolute; right: 0; bottom: 0; height: 150px; }

.arrow-inner a { color: #f3f2ea; font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif; }
.arrow-inner p { font-size: 11px; text-align: end; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.arrow { width: 1px; height: 100px; margin: 20px auto 0; background-color: #f3f2ea; position: relative; overflow: hidden; }

.arrow::before { content: ''; width: 2px; height: 100px; margin: 50px auto 0; background-color: #c4941d; position: absolute; top: -150px; left: 0; -webkit-animation: arrow 2.5s ease 0s infinite normal; animation: arrow 2.5s ease 0s infinite normal; }

@keyframes arrow { 0% { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
  60% { -webkit-transform: translate3d(-50%, 100px, 0); transform: translate3d(-50%, 100px, 0); }
  100% { -webkit-transform: translate3d(-50%, 100px, 0); transform: translate3d(-50%, 100px, 0); } }
/*---------------*/
/***** 商品カテゴリーバナー *****/
/*---------------*/
.item-cat__list figure { position: relative; float: left; overflow: hidden; width: 25%; padding: 8px; height: auto; background: #010100; text-align: center; cursor: pointer; }
@media only screen and (max-width: 559px) { .item-cat__list figure { width: 50%; } }
.item-cat__list figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; }
.item-cat__list figure figcaption { padding: 10%; color: #fff; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.item-cat__list figure figcaption::before, .item-cat__list figure figcaption::after { pointer-events: none; }
.item-cat__list figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.item-cat__list figure h2 { font-size: 2.6vw; line-height: 1; margin: 20% 0 0 0; }
.item-cat__list figure h2 span { display: block; font-size: 0.5em; margin-top: 5px; padding-top: 5px; border-top: 1px solid #c4941d; }
@media only screen and (max-width: 559px) { .item-cat__list figure h2 { font-size: 5.8vw; } }
.item-cat__list figure p { margin: 0; padding: 0; font-size: 13px; font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif; }

.bg-gold .item-cat:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; margin-bottom: 40px; }

/*---------------*/
/***** 画像にパララックス効果 *****/
/*---------------*/
figure.effect-img-up img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
figure.effect-img-up figcaption::before { position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; border: 1px solid rgba(196, 148, 29, 0.5); box-shadow: 0 0 0 30px rgba(196, 148, 29, 0.2); content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); }
figure.effect-img-up h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
figure.effect-img-up p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.5); transform: scale(1.5); }
figure.effect-img-up:hover h2 { -webkit-transform: scale(0.9); transform: scale(0.9); color: #c4941d; }
figure.effect-img-up:hover figcaption::before, figure.effect-img-up:hover p { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
figure.effect-img-up:hover figcaption { background-color: rgba(58, 52, 42, 0); }
figure.effect-img-up:hover img { opacity: 0.4; }

.info { background: rgba(243, 242, 234, 0.7); }
.info .icon-info { position: relative; font-size: 1.1rem; }
.info .icon-info:not(:last-child) { border-bottom: 1px dotted #010100; }
.info .icon-info a { padding: 10px 0 10px 1.5em; display: block; color: #010100; transition: .6s; }
.info .icon-info a:before { position: absolute; left: 0; font-family: 'icomoon'; content: "\e915"; font-size: 1.2rem; color: #010100; }
.info .icon-info a:hover { color: #555; }
@media only screen and (max-width: 559px) { .info .icon-info { font-size: 0.9rem; }
  .info .icon-info a:before { font-size: 1.0rem; } }

.about { background: radial-gradient(farthest-corner circle at center -60px, transparent, transparent 5%, #010100 60%), url("../img/bg_gold.jpg"); background-size: auto, cover; }
@media only screen and (max-width: 559px) { .about .container { padding-left: 8%; padding-right: 8%; } }
.about .section-title h2 { color: #f3f2ea; }
.about .section-title h2::before { background-color: rgba(243, 242, 234, 0.5); }
.about .section-title p { color: #f3f2ea; }
.about__block { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; }
.about__item { width: calc((100% / 2) - 30px); }
@media only screen and (max-width: 559px) { .about__item { display: block; width: 100%; }
  .about__item:first-child { margin-bottom: 60px; } }
.about__item h3 { margin-bottom: 12px; color: #c4941d; }

#new-item { background: radial-gradient(#4F462B 10%, #010100 95%); background-size: auto, cover; }
#new-item .container { margin-bottom: -20px; max-width: 100%; }

.swiper-multi { background: radial-gradient(farthest-corner circle at 0 0, transparent, #010100 50%), url("../img/bg_gold.jpg"); background-size: auto, cover; }
.swiper-multi .container { max-width: 100%; }
.swiper-multi .layout-item { padding: 8px 8px; background-color: rgba(133, 91, 50, 0.2); }
.swiper-multi .layout-item:hover { background: #010100; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.7; zoom: 1; /*IE*/ transition: 1.0s; }

body.bg-gold { background: radial-gradient(closest-corner circle at center top, transparent, transparent 3%, rgba(1, 1, 0, 0.5) 40%, #010100 130%), url("../img/bg_gold.jpg") no-repeat; background-size: auto, contain; }
@media only screen and (max-width: 1023px) { body.bg-gold { background: radial-gradient(closest-corner circle at center top, transparent, #010100 180%), url("../img/bg_gold.jpg") no-repeat; background-size: auto, 160%; } }

#header { text-align: center; }
#header .header-logo { margin: 30px 0 20px 0; }
#header .header-logo img { max-width: 240px; }
@media only screen and (max-width: 559px) { #header .header-logo img { max-width: 160px; } }

.navi-brcb ul { list-style: none; display: -ms-flexbox; display: flex; }
.navi-brcb ul li:not(:first-child)::before { content: "|"; padding: 0 8px; color: #c4941d; }

/*---------------*/
/***** アーカイブページ *****/
/*---------------*/
.item-archive-header { padding-bottom: 10px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.items-sort-count { margin-right: 20px; }
.items-sort-count span { font-size: 1.2rem; color: #c4941d; padding-right: 4px; }

.icon-search { cursor: pointer; }
.icon-search:hover { color: #c4941d; }
.icon-search::before { color: #c4941d; }

.items-sort { margin-left: auto; }
.items-sort select { padding: 5px 20px 5px 5px; background: transparent; color: #f3f2ea; border-bottom: 1px solid #c4941d; }
.items-sort select option { background: #010100; }
.items-sort select:hover { border-bottom: 1px solid #f3f2ea; }
@media only screen and (max-width: 559px) { .items-sort select { transform: scale(calc(14 / 16)); } }
.items-sort .select__arrow { top: 15px; right: 3px; }
@media only screen and (max-width: 559px) { .items-sort .select__arrow { right: 10px; } }

#item-list .container { padding-bottom: 60px; max-width: 100%; }
@media only screen and (max-width: 559px) { #item-list .container { padding-bottom: 40px; } }

.popular_brands { background: rgba(1, 1, 0, 0.4); padding: 40px 0; margin: 0 auto 40px; text-align: center; }
.popular_brands h2 { color: #f3f2ea; line-height: 1; padding-bottom: 10px; margin-bottom: 20px; letter-spacing: 0.1em; position: relative; display: inline-block; }
.popular_brands h2:before, .popular_brands h2:after { content: ''; position: absolute; display: inline-block; background-color: rgba(243, 242, 234, 0.4); height: 1px; }
.popular_brands h2:before { bottom: 0; width: 200px; left: -50px; }
.popular_brands h2:after { bottom: -5px; width: 180px; right: -30px; }
.popular_brands ul { list-style: none; text-align: left; padding: 0 10px; }
.popular_brands ul li { display: inline-block; width: auto; }
.popular_brands ul li a { display: block; padding: 8px 16px; color: #c4941d; transition: 0.4s; }
.popular_brands ul li a:hover { color: #f3f2ea; background: rgba(1, 1, 0, 0.6); }
.popular_brands ul li ul { letter-spacing: -.4em; transition: 0.6s; padding-left: 20px; padding-right: 0; }
.popular_brands ul li ul li { display: block; border-left: 3px solid rgba(196, 148, 29, 0.1); }
.popular_brands ul li ul li a { color: rgba(243, 242, 234, 0.8); letter-spacing: normal; }
.popular_brands ul li ul li a:hover { color: #c4941d; }
.popular_brands .accordion { color: #c4941d; padding: 8px; }
@media only screen and (max-width: 559px) { .popular_brands { background-color: rgba(243, 242, 234, 0.1); }
  .popular_brands ul { padding: 0; } }

/*---------------*/
/***** 個別（詳細）ページ *****/
/*---------------*/
.content-block .container { max-width: 100%; margin-bottom: 60px; }
.content-block .container:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.content-block .item-mainimg, .content-block .item-gallery { width: calc(60% - 50px); float: left; }
.content-block .item-mainimg { margin-bottom: 40px; }
.content-block .item-mainimg img { width: 100%; }
.content-block .item-gallery .section-title { margin-bottom: 20px; }
.content-block .item-gallery .section-title h2 { font-size: 2.4vw; }
.content-block .item-gallery .item-thumb { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content-block .item-gallery .item-thumb::before { content: ""; display: block; width: calc(100% / 3 - 10px); height: 0; order: 1; }
.content-block .item-gallery .item-thumb::after { content: ""; display: block; width: calc(100% / 3 - 10px); height: 0; }
.content-block .item-gallery .item-thumb a { width: calc(100% / 3 - 10px); margin-bottom: 15px; }
.content-block .item-spec { float: right; width: calc(40%); }
.content-block .item-spec hr { border: none; border-top: 1px solid rgba(196, 148, 29, 0.25); margin: 30px 15%; }
.content-block .item-spec h2 { font-size: 1.1rem; color: #c4941d; }
.content-block .item-spec .item-spec-price { font-size: 0.85rem; margin-bottom: 20px; }
.content-block .item-spec .item-spec-price span { letter-spacing: 0.05rem; font-size: 1.6rem; color: #c4941d; line-height: 1; }
.content-block .item-spec .item-spec-price span.price-usd { font-size: 0.85rem; padding-top: 5px; display: block; }
.content-block .item-spec dl { line-height: 1.8rem; }
.content-block .item-spec dl dt { color: #827348; }
.content-block .item-spec dl dd { margin: -1.8rem 0 0 4rem; }
.content-block .item-spec dl dd span { display: inline-block; }
.content-block .item-spec dl dd span::before { content: "/"; padding: 0 3px; }
@media only screen and (max-width: 959px) { .content-block .item-mainimg, .content-block .item-spec, .content-block .item-gallery { float: none; width: 100%; }
  .content-block .item-spec { margin-bottom: 40px; }
  .content-block .item-gallery .section-title h2 { font-size: 6vw; }
  .content-block .item-gallery .item-thumb::before { content: ""; display: block; width: calc(100% / 2 - 5px); height: 0; }
  .content-block .item-gallery .item-thumb a { width: calc(100% / 2 - 5px); margin-bottom: 10px; } }

ul.lang-flag { text-align: center; }
ul.lang-flag li { display: inline-block; }
ul.lang-flag li:first-child { padding-right: 5px; color: #827348; }

#related-items .container:not(:first-child) { padding-top: 0; }

#shop-info { padding-bottom: 40px; text-align: center; color: #c4941d; }
#shop-info h2 { color: rgba(243, 242, 234, 0.7); font-size: 1.1rem; margin-bottom: 30px; }

#shop-img { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 5px; }
#shop-img div { width: calc(100% / 3 - 5px); height: auto; padding-top: 5px; }
@media only screen and (max-width: 559px) { #shop-img div { width: calc(100% / 2 - 5px); } }

#map_canvas { height: 400px; }

#map_canvas .map-info h3 { font-size: 1.1rem; margin: 0.3rem 0 0 0; color: #c4941d; }

#concept { background: url("../img/bg_concept.jpg") right bottom no-repeat; background-size: cover; background-attachment: fixed; }
#concept .shop-concept p { color: rgba(243, 242, 234, 0.7); line-height: 1.8; margin-bottom: 2rem; }
#concept .shop-concept .text-ceo { color: #c4941d; text-align: right; font-style: italic; font-size: 1.1rem; padding-right: 0.6rem; }
#concept .shop-concept .text-ceo span { font-size: 0.85rem; padding: 0 0.6rem; }
#concept .shop-concept hr { margin: 1.2rem auto; border: 0; border-bottom: solid 1px rgba(196, 148, 29, 0.25); box-shadow: none; }

#pages .page-copy { font-size: 1.1rem; color: rgba(243, 242, 234, 0.7); margin-bottom: 20px; }

#privacy-policy, #site-policy { padding-bottom: 40px; }
#privacy-policy .chapter, #site-policy .chapter { padding-top: 30px; }
#privacy-policy h3, #site-policy h3 { font-size: 1.1rem; color: #c4941d; padding-bottom: 0.6rem; }
#privacy-policy p, #site-policy p { margin-bottom: 1.5rem; }
#privacy-policy ol, #site-policy ol { margin-left: 20px; }
#privacy-policy ol li, #site-policy ol li { margin-bottom: 1.5rem; }
#privacy-policy ol li:last-child, #site-policy ol li:last-child { margin-bottom: 0; }

#trade { padding-bottom: 60px; color: #c4941d; }
#trade h3 { font-size: 1.1rem; color: rgba(243, 242, 234, 0.7); }
#trade h3 span { font-size: 2.4rem; font-style: italic; padding-right: 0.3em; }

#trade-form { background: radial-gradient(#4F462B 10%, #010100 100%); background-size: auto, cover; }

.mail-form { margin: 0 auto; padding-bottom: 60px; }

.form-elements .label-ttl { margin: 30px 0 10px 0; color: #c4941d; font-size: 1.2rem; display: block; }
.form-elements .label-ttl:first-child { margin-top: 0; }
.form-elements .label-ttl::before { font-family: 'icomoon'; content: "\ea10"; color: #855B32; padding-right: 5px; }
.form-elements .trade-img { margin-bottom: 10px; }
.form-elements .trade-img:last-child { margin-bottom: 0; }
.form-elements .mwform-file-delete { color: #c4941d; }
.form-elements label input[type=checkbox] { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); margin-bottom: 20px; }
.form-elements label input[type=checkbox]:last-of-type { margin-bottom: 0; }
.form-elements input[type="file"] { display: inline-block; margin-bottom: 10px; }
.form-elements .text { width: 100%; margin-bottom: 1px; }
.form-elements p.text-small { margin-bottom: 10px; color: rgba(243, 242, 234, 0.7); }
.form-elements .required { color: #f3f2ea; margin-left: 10px; font-size: 1.0rem; }
.form-elements .error { background-color: #B70000; color: rgba(243, 242, 234, 0.7); font-size: 100%; display: inline-block; margin-top: 10px; padding: 5px 10px; }
.form-elements .mw-wp-form_image img { display: inline-block; width: 30%; }

.submit-btn { text-align: center; }

.submit-btn input { background: #855B32; margin: 30px 5px 0 5px; display: inline-block; text-align: center; font-size: 20px; padding: 12px 30px; color: #f3f2ea; transition: all 0.4s ease; }
.submit-btn input:hover { background: #c4941d; }

.submit-btn input.submit-btn_back { background: rgba(243, 242, 234, 0.2); color: #f3f2ea; }
.submit-btn input.submit-btn_back:hover { background: #855B32; }

.mw_wp_form .error-message { display: none; }

.mw_wp_form_error .error-message { display: block; text-align: center; font-size: 1.8em; color: #f3f2ea; background-color: #B70000; padding: 15px; margin: 20px 0; }

.mw_wp_form_confirm .required, .mw_wp_form_confirm .text-small { display: none; }
.mw_wp_form_confirm .label-ttl { margin: 10px 0; border-top: 1px solid rgba(243, 242, 234, 0.3); padding-top: 10px; }

.youtube { position: relative; width: 100%; padding-top: 56.25%; }

.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

#news .sns-box { background-color: transparent; }

.eye-catch { margin-bottom: 20px; }

.post-metadata { text-align: right; margin-bottom: 20px; }

.contents-block h3 { font-size: 1.4rem; }
.contents-block a { text-decoration: underline; }
.contents-block p { font-size: 18px; line-height: 2.0; margin-bottom: 1em; }
.contents-block img { margin: 20px 0; }
@media only screen and (max-width: 959px) { .contents-block p { font-size: 16px; } }

.cat-list { border-top: 1px solid rgba(196, 148, 29, 0.25); border-bottom: 1px solid rgba(196, 148, 29, 0.25); padding: 20px 0; text-align: right; }

.side-block h2 { color: #c4941d; margin-bottom: 20px; line-height: 1; }

.side-parts { margin-bottom: 40px; }

@media print, screen and (min-width: 768px) { .sp-only { display: none; } }
@media screen and (max-width: 767px) { .pc-only { display: none; } }
.text-center { display: block; text-align: center; margin: 0 auto; width: 100%; }

small, .text-small { font-size: 0.85rem; }

.text-gray { color: #999; }

.text-white { color: #f3f2ea; }

.align-left { text-align: left; }

.align-right { text-align: right; }

.align-center { text-align: center; }

.margin-20 { margin: 20px; }

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

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

.mg20 { margin: 20px; }

.mgt10 { margin-top: 10px; }

.mgt20 { margin-top: 20px; }

.mgt40 { margin-top: 40px; }

.mgb10 { margin-bottom: 10px; }

.mgb20 { margin-bottom: 20px; }

.mgb40 { margin-bottom: 40px; }

.mgr10 { margin-riight: 10px; }

.pdt40 { padding-top: 40px; }

.float-left { float: left; max-width: 45%; margin-right: 15px; margin-bottom: 15px; }
@media only screen and (max-width: 959px) { .float-left { float: none; display: block; max-width: 100%; margin-right: 0; } }

.float-right { float: right; max-width: 40%; margin-left: 15px; margin-bottom: 15px; }
@media only screen and (max-width: 559px) { .float-right { float: none; display: block; max-width: 100%; margin-left: 0; } }

p { font-size: 16px; }
@media only screen and (max-width: 559px) { p { font-size: 14px; } }

img { max-width: 100%; height: auto; border: 0; vertical-align: middle; }

a.dotted { border-bottom: dotted 1px #c4941d; }

.section-title { text-align: center; margin-bottom: 40px; }
.section-title h1, .section-title h2, .section-title h3 { position: relative; display: inline-block; margin-bottom: 0.6rem; line-height: 1.4; }
.section-title h1:before, .section-title h2:before, .section-title h3:before { content: ''; position: absolute; bottom: -0.3rem; display: inline-block; width: 100px; height: 1px; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-radius: 1px; }
.section-title h1 { font-size: 40px; color: #c4941d; margin-bottom: 1.6rem; }
.section-title h1:before { bottom: -0.8rem; background-color: #c4941d; }
.section-title h1 span:not(:first-child):before { content: '/'; padding: 0 0.1em; }
.section-title h2, .section-title h3 { font-size: 40px; color: #c4941d; margin-bottom: 1.6rem; }
.section-title h2:before, .section-title h3:before { bottom: -0.8rem; background-color: #c4941d; }
.section-title p { color: #f3f2ea; }
.section-title p span:not(:first-child):before { content: '-'; padding: 0 0.25em; }
@media only screen and (max-width: 1023px) { .section-title h1 { font-size: 36px; }
  .section-title h1.h1-small { font-size: 26px; }
  .section-title h2, .section-title h3 { font-size: 36px; }
  .section-title p { font-size: 0.85rem; } }
@media only screen and (max-width: 559px) { .section-title h1 { font-size: 8vw; }
  .section-title h1.h1-small { font-size: 7vw; }
  .section-title h2, .section-title h3 { font-size: 8vw; }
  .section-title p { font-size: 0.85rem; } }

/*---------------*/
/***** エフェクト *****/
/*---------------*/
/*テキストボタン　下に罫線--*/
.effect-text-under-border { position: relative; padding: 0.5em 1.0em; display: inline-block; transition: .3s; color: #c4941d; background-color: #281e06; }
.effect-text-under-border::after { position: absolute; bottom: 0; left: 50%; content: ''; width: 0; height: 1px; background-color: #c4941d; transition: .3s; transform: translateX(-50%); }
.effect-text-under-border:hover::after { color: #010100; width: 100%; }

/*ボタン　上下に罫線--*/
.effect-text-round { font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif; background: #c4941d; color: #f3f2ea; border: none; position: relative; font-size: 1.2rem; font-weight: bold; padding: 0.5em 2em; cursor: pointer; transition: 800ms ease all; outline: none; }
.effect-text-round:hover { background: #f3f2ea; color: #c4941d; }
.effect-text-round:before { content: ''; position: absolute; top: 0; right: 0; height: 1px; width: 0; background: #c4941d; transition: 400ms ease all; }
.effect-text-round:after { content: ''; position: absolute; top: 0; right: 0; height: 1px; width: 0; background: #c4941d; transition: 400ms ease all; right: inherit; top: inherit; left: 0; bottom: 0; }
.effect-text-round:hover:before, .effect-text-round:hover:after { width: 100%; transition: 800ms ease all; }

/*ボタン ghost--*/
.btn-ghost { display: inline-block; margin: 20px auto 0 auto; border: 1px solid #c4941d; padding-left: 10px; padding-right: 10px; min-width: 200px; height: 48px; line-height: 48px; color: #c4941d; text-align: center; font-size: 1.1rem; cursor: pointer; transition: 0.6s ease-in all; }
.btn-ghost:hover { background: #c4941d; color: #f3f2ea; }

/*ボタン　テキストの下の太いボーダー--*/
.effect-text-border { font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif; font-weight: bold; font-size: 1.2rem; position: relative; padding: 0.6em 1.0em; margin-top: 20px; display: inline-block; transition: .3s; color: #c4941d; background-color: rgba(0, 0, 0, 0.05); }
.effect-text-border::after { position: absolute; bottom: 0; left: 50%; content: ''; width: 0; height: 4px; background-color: #c4941d; transition: .3s; transform: translateX(-50%); }
.effect-text-border:hover::after { color: #010100; width: 100%; }

.stickarrow { width: 40px; height: 8px; border-bottom: 1px solid #000; border-right: 1px solid #000; transform: skew(45deg); }

.effect-bordr { overflow: hidden; }

.effect-bordr::after { border-bottom: 1px solid #c4941d; content: ""; position: relative; display: block; width: 0%; animation: up 5s infinite ease-in-out; -webkit-animation: up 5s infinite ease-in-out; }

@keyframes up { 0% { width: 0%; }
  25% { width: 100%; left: 0px; }
  50% { left: 100%; width: 100%; opacity: 0.2; }
  100% { left: 100%; width: 100%; opacity: 0.2; } }
@-webkit-keyframes up { 0% { width: 0%; }
  25% { width: 100%; left: 0px; }
  50% { left: 100%; width: 100%; opacity: 0.2; }
  100% { left: 100%; width: 100%; opacity: 0.2; } }
.content-row { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.content-row::after :after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }

.col-2 .content-col { width: calc((100% / 2) - 10px); }

.col-3 .content-col { width: calc((100% / 3) - 10px); }

.col-4 .content-col { width: calc((100% / 4) - 10px); }

.col-6 .content-col { width: calc((100% / 6) - 5px); }

@media only screen and (max-width: 959px) { .col-50 .content-col { width: calc((100% / 2) - 10px); }
  .col-100 .content-col { width: 100%; }
  .col-100 .content-col:not(:last-child) { margin-bottom: 30px; } }
/*---------------*/
/***** swiper-カスタマイズ *****/
/*---------------*/
.swiper-container { padding-bottom: 50px; }

.swiper-slide { height: auto !important; }

.swiper-pagination-bullet { background: #c4941d; width: 12px; height: 12px; }

.swiper-pagination-bullet-active { background: #c4941d; }

.swiper-button-next, .swiper-button-prev { top: auto; bottom: 12px; height: 20px; }

/********************************
## delighter.js アニメーション ##
********************************/
.delighter { transition: all .3s ease-out; transform: translateY(100%); opacity: 0; }

.delighter.started { transform: none; opacity: 1; }

.delighter.started.ended { transform: none; opacity: 1; }

.left-in.delighter { transition: all 1.0s ease-out; transform: translateX(-100%); opacity: 0; }

.left-in.delighter.started { transform: none; opacity: 1; }

.fade-in.delighter { transition: all 1.6s ease-out; transform: none; opacity: 0; }

.fade-in.delighter.started { opacity: 1; }