/* reset */
html{-webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-text-size-adjust: 100%; font-size: 62.5%; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}.cf:before, .cf:after {content:''; display:table; } .cf:after {clear:both; } .cf {zoom:1; }

/*
 ██████╗ ██████╗ ███╗   ███╗███╗   ███╗ ██████╗ ███╗   ██╗
██╔════╝██╔═══██╗████╗ ████║████╗ ████║██╔═══██╗████╗  ██║
██║     ██║   ██║██╔████╔██║██╔████╔██║██║   ██║██╔██╗ ██║
██║     ██║   ██║██║╚██╔╝██║██║╚██╔╝██║██║   ██║██║╚██╗██║
╚██████╗╚██████╔╝██║ ╚═╝ ██║██║ ╚═╝ ██║╚██████╔╝██║ ╚████║
 ╚═════╝ ╚═════╝ ╚═╝     ╚═╝╚═╝     ╚═╝ ╚═════╝ ╚═╝  ╚═══╝
*/

@font-face{
    font-family: 'Futura Round W01 Medium';
    src:url('../fonts/1432474/851dfee6-1dbb-421a-8463-c4bc2db714be.eot?#iefix');
    src:url('../fonts/1432474/851dfee6-1dbb-421a-8463-c4bc2db714be.eot?#iefix') format('eot'),
	    url('../fonts/1432474/33b92040-f84f-4774-8733-e4e466f21481.woff2') format('woff2'),
	    url('../fonts/1432474/821cbfb6-ac23-42df-8b53-4c4afbe6fa3d.woff') format('woff'),
	    url('../fonts/1432474/e06265f6-4043-4b31-b1ce-523040bda689.ttf') format('truetype');
}

::selection { background: #999; color: #fff; }
::-moz-selection { background: #999; color: #fff; }

/* base */
body, html{ width: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; kerning: auto; font-weight: 400; font-family: 'Futura Round W01 Medium', Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, sans-serif; }

/* common */
* { outline: none; box-sizing: border-box; }
img { vertical-align: bottom; max-width: 100%; height: auto; }
figure { margin: 0; }
a { text-decoration: none; }
h1, h2, h3, h4, h5 { font-weight: 500; }
pre { width: 100%; overflow-x: scroll; }
.icon svg { width: 100%; height: 100%; }

/* color */
body, a { color: #000; }
.gray { background: #eee; }

/* js load image */
.js-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.js-bg-img { position: absolute; left: 0; top: 0; display: block; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
/* intersection */
.ef-bg { transition: opacity 0.8s linear, transform 1.2s cubic-bezier(0.000, 0.150, 0.000, 1.000); transform: translateY(0) scale3d(1, 1.4, 1); opacity: 0; transform-origin: 50% 0%; overflow: hidden; }
.ef-bg .js-bg-img { transition: all 1.2s cubic-bezier(0.000, 0.150, 0.000, 1.000); transform: scale3d(1.1, 1.1, 1); }
.ef-bg.done { transform: translateY(0) scale3d(1, 1, 1); opacity: 1; }
.ef-bg.done .js-bg-img { transform: translateY(0) scale3d(1, 1, 1); }
.ef-tx,
.ef-group .ef { opacity: 0; transform: translateY(40px) scale3d(1, 1.6, .8); transform-origin: 0% 0%; display: block; }
.ef-tx.ef-show,
.ef-group .ef.ef-show { opacity: 1; transform: translateY(0) scale3d(1, 1, 1); transition: all 1s cubic-bezier(0.000, 0.150, 0.000, 1.000); }

/* BUTTON */
.button { display: inline-block; cursor: pointer; margin-top: 1rem; margin-bottom: 2rem; }
.button-back { position: absolute; left: 0; bottom: 0; display: inline-block; margin-bottom: 80px; margin-left: -0.25em; }
.button-back .icon { fill: none; stroke: #000; stroke-miterlimit: 10; stroke-width: 2px; fill-rule: evenodd; transform: rotate(90deg); width: 2.4rem; height: 2.4rem; vertical-align: middle; margin-bottom: 0.2em; margin-right: 0.25em; }

/* layout */
.window { background: #fff; }
.xhr__body { padding-top: 120px; }

.layout__table { display: table; }
.layout__cell { display: table-cell; vertical-align: middle; }
.layout--flex { display: flex; }
.layout--flex_center { display: flex; justify-content: center; align-items: center; }

.body { width: 60%; min-width: 880px; margin: 0 auto; }
.body-tiny { width: 50%; min-width: 680px; margin: 0 auto; }

.archive { padding: 0 8vw; }
.layout--col_main { width: 70%; position: relative; z-index: 1; min-height: calc(100vh - 617px - 120px); }
.layout--col_side { width: 30%; position: relative; z-index: 2; min-height: 30vw; }
.col-side__in { width: calc(92vw * 0.3); max-height: calc(95vh - 120px); height: 100%; }
.side--column_fixed { position: fixed; left: 4vw; top: calc(120px + 5vh); }
.side--column_absolute { position: absolute; left: 0; top: auto; bottom: 0; }

.section { margin-top: 160px; margin-bottom: 160px; }
.layout--col_main > .section:first-child { margin-top: 8vh; min-height: 70vh; }
.section.pb { margin-bottom: 0; padding-bottom: 80px; }
.section.pt { margin-top: 0; padding-top: 80px; }
.section__wrapper { padding-left: 4vw; padding-right: 4vw; }
.in { position: relative; width: 100%; height: 100%; }

/*
███████╗ ██████╗ ███╗   ██╗████████╗
██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝
█████╗  ██║   ██║██╔██╗ ██║   ██║
██╔══╝  ██║   ██║██║╚██╗██║   ██║
██║     ╚██████╔╝██║ ╚████║   ██║
╚═╝      ╚═════╝ ╚═╝  ╚═══╝   ╚═╝
*/

/* font size */
:root { font-size: 10px; }
body { font-size: 1.6rem; line-height: 1.8em; letter-spacing: 0.015em; }
h1, h2, h3, h4, h5 { line-height: 1.6em; }
.button { font-size: 4rem; line-height: 1.1em; }
.button-back { font-size: 2rem; }
.message__body-in .body__txt { line-height: 2.1em; }
.lang-en_US .message__body-in .body__txt { line-height: 1.8em; }

.site__header .header-body { font-size: 2rem; line-height: 1; }
.site__header .header-pulldown-body,
.site__header .header-sub { font-size: 1.6rem; letter-spacing: 0; }

.section-title { font-size: 7.2vw; letter-spacing: 0.075em; }
.section-title__small { font-size: 1.8rem; letter-spacing: 0.075em; }
.next-banner__in .txt { font-size: 6vw; letter-spacing: 0.05em; line-height: 1.2em; }
.headline--for_catchcopy { font-size: 7.2vw }
.headline--for_catchcopy .sub { font-size: 0.3em; }

.page-title { font-size: 8vw; letter-spacing: 0.075em; line-height: 1.2em; text-transform: uppercase; }
.layout--col_side .page-title { font-size: 5.4vw; letter-spacing: 0.025em; line-height: 1.1em; }
.section__mainvisual .anchor__go_down .layout--flex_center { font-size: 1.4rem; }

.concept__message-head-in .headline--for_catchcopy { font-size: 8vw; }
.concept__message-head-in .headline--for_catchcopy .sub { font-size: 0.35em; }
.team__officers .role { font-size: 1.6rem; }
.team__officers .name { font-size: 2rem; }

.site__footer { font-size: 1.4rem; }
.site__footer h3,
.footer__stores li { font-size: 1.6vw; }
.footer-menu li { font-size: 1.2vw; }
.site__copyright { font-size: 0.8em; }

.language-switcher--area_home { font-size: 1.2rem; }
.language-switcher--area_menu { font-size: 1.4rem; }

.prod__textbox h3 { font-size: 2.6vw; }
.prod__textbox h3 .en { line-height: 1.4em; }
.prod__textbox h3 .ja { font-size: 1.4rem; line-height: 1.4em; }
.prod__textbox .excerpt { font-size: 1.4rem; }
.products__item .price { font-size: 2rem; }
.products__item .prod__textbox .cat-mark { position: absolute; left: 1.5em; top: 1.5em; }
.products__item:nth-child(2n) .prod__textbox .cat-mark { left: auto; right: 1.5em; }
.products--latest_main h3 { font-size: 3.4vw; }
.products-archive .prod__textbox .excerpt { font-size: 0.9em; }

.news-item,
.news-list .news-item { font-size: 1.2rem; }
.news-item .title,
.news-list .news-item .title { font-size: 1.8rem; line-height: 1.8em; }
.archvie-pager__head { font-size: 2rem; }
.archvie-pager__head .num,
.archvie-pager__head .slash { font-size: 4rem; }
.single-news__title { font-size: 2.8rem; }
.single-news__info { font-size: 1.4rem; }

.shop-areaname { font-size: 1.4vw; line-height: 2.6em; }
.shop-item__links { font-size: 1.6rem; line-height: 2.2em; margin-top: 1em; }
.shop-item__data .shop-item__title { font-size: 2vw; line-height: 1.6em; }

.category-select__head { font-size: 2rem; }
.category-select__body { font-size: 1.4rem; }

.product__data h2 { font-size: 4.8vw; line-height: 1.2em; }
.product__data h2 .en { letter-spacing: 0; }
.product__data h2 .ja { font-size: 1.4rem; line-height: 1.4em; }
.product__data .price { font-size: 2.4rem;  }
.product__data table { font-size: 0.9em; line-height: 1.6; letter-spacing: 0; }
.product__store-list li a { font-size: 1.8rem; }
.product__store-link .store-name { font-size: 3.6rem; line-height: 1.1; }
.prod-more .prod__textbox h3 .en { font-size: 1.8rem; }

.input-group .label { font-size: 1.6rem; }
.input-group input,
.input-group textarea { font-size: 1.6rem; line-height: 1.8; }
.mwform-checkbox-field-text { line-height: 3.8rem; }
.button-submit { font-size: 1.6rem; }


/*
██╗      ██████╗  █████╗ ██████╗ ██╗███╗   ██╗ ██████╗
██║     ██╔═══██╗██╔══██╗██╔══██╗██║████╗  ██║██╔════╝
██║     ██║   ██║███████║██║  ██║██║██╔██╗ ██║██║  ███╗
██║     ██║   ██║██╔══██║██║  ██║██║██║╚██╗██║██║   ██║
███████╗╚██████╔╝██║  ██║██████╔╝██║██║ ╚████║╚██████╔╝
╚══════╝ ╚═════╝ ╚═╝  ╚═╝╚═════╝ ╚═╝╚═╝  ╚═══╝ ╚═════╝
*/

.loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 990; }
.loader__inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #eee; -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1.000); }
.is-loaded .loader__inner { -webkit-clip-path: inset(0% 0% 100% 0%); clip-path: inset(0% 0% 100% 0%); }

.loader__content { width: 180px; position: relative; }
.loader__content .loader__logo { left: 0; top: 0; width: 100%; opacity: 0; transition: all 1s ease-in-out; vertical-align: top; }
.is-loading .loader__content .loader__logo { opacity: 1; }

.transition-overlay { position: fixed; left: 0; top: 0; z-index: 900; }
.tow1 { mix-blend-mode: luminosity; }
.transition-overlay > * { position: fixed; left: 0; top: 0; width: 100%; height: 100%; transform: translateY(100%); }
.transition-overlay .to1 { background: #ccc; }
.transition-overlay .to2 { background: #eee; }
.transition-overlay:after { content: ''; display: block; width: 20px; height: 20px; background: #fff; border-radius: 50%; position: fixed; left: 50%; top: 50%; margin: -10px 0 0 -10px; opacity: 0; visibility: hidden; transition: all .4s ease-in-out; animation: loading 1s ease-in-out infinite alternate; }
@keyframes loading {
	0% { transform: scale(1); }
	100% { transform: scale(2); }
}
.is-transition .xhr__body:nth-child(2) { position: fixed; }
.is-transition .transition-overlay:after { visibility: visible; opacity: 1; transition: all .4s ease-in-out .4s; }

/*
██╗  ██╗███████╗ █████╗ ██████╗ ███████╗██████╗
██║  ██║██╔════╝██╔══██╗██╔══██╗██╔════╝██╔══██╗
███████║█████╗  ███████║██║  ██║█████╗  ██████╔╝
██╔══██║██╔══╝  ██╔══██║██║  ██║██╔══╝  ██╔══██╗
██║  ██║███████╗██║  ██║██████╔╝███████╗██║  ██║
╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚═════╝ ╚══════╝╚═╝  ╚═╝
*/
.overlay { z-index: 90; position: fixed; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; background: rgba(200,200,200,0.2); transition: all .3s ease-in-out; }
.is-headerbg--open .overlay,
.is-pulldown--open .overlay,
.is-menu--open .overlay { z-index: 90; position: fixed; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; visibility: visible; background: rgba(200,200,200,0.4); visibility: visible; opacity: 1; transition: all .3s ease-in-out 0s; }

.site__header { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; padding: 40px 0; }
.site__header .header-bg { position: absolute; left: 0; top: 0; width: 100%; height: 0; background: #fff; }
.site__header .header-in { position: relative; margin: 0 4vw; padding-right: 64px; }
.site__header .header-body { display: flex; justify-content: space-between; }
.site__header .header-logo { display: flex; align-items: center; width: 240px; height: 40px; }
.site__header .header-logo img { width: 100%; }
.site__header .header-navi-body { display: flex; align-items: center; height: 100%; }
.site__header .header-navi-wrap { display: block; height: 100%; justify-content: center; padding: 0 1em; }
.site__header .header-navi-link { display: flex; align-items: center; justify-content: space-between; height: 40px; text-transform: uppercase; }

.site__header .header-pulldown-body { overflow: hidden; margin-left: -0.5em; padding-right: 10px; }
.site__header .header-pulldown-link { position: relative; display: flex; align-items: center; height: 3rem; white-space: nowrap; }
.site__header .header-pulldown-link .l { display: flex; width: 10px; height: 100%; align-items: center; justify-content: center; margin-right: 0.8em; }
.site__header .header-pulldown-link .l:before { content: ''; display: inline-block; width: 100%; height: 2px; background: #ccc; }
.site__header .header-sub { position: relative; overflow: hidden; display: flex; justify-content: flex-end; height: 100%; }
.site__header .header-sub ul { display: flex; margin-top: 4em; margin-bottom: 2em; }
.header-sub-menu { margin-right: 1.5em; }
.header-sub-sns { margin-right: 3.75em; }
.site__header .header-sub ul li { margin-left: 1.8em; }
.site__header .header-sub ul.header-sub-menu li { margin-left: 2.5em; }
.site__header .sns-link { display: flex; align-items: center; justify-content: space-between; height: 2em; }
.site__header .sns-link .icon { width: 1.5em; height: 1.5em; vertical-align: middle; }


/* TOGGLE */
.toggle { cursor: pointer; height: 118px; width: calc(4vw + 80px); position: fixed; z-index: 101; right: 0; top: 0; }
.toggle .in { display: flex; align-items: center; justify-content: center; }
.toggle .t { width: 18px; height: 3px; transition: all 0.3s; }
.toggle .t span { position: relative; width: 100%; height: 100%; display: block; background-color: #111; overflow: hidden; }
.toggle .t2 { margin: 2px 0; }
.is-menu--open .toggle .t1 { transform: translate(0px, 5px) }
.is-menu--open .toggle .t3 { transform: translate(0px, -5px) }
.toggle .t span:after { content: '';  width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: #999; transform: translateX(-100%); transform-origin: 0% 50%; }
.toggle:hover .t span:after { transform: translateX(100%); transition: all .6s ease-in-out; }
.toggle:hover .t2 span:after { transition-delay: 0.1s; }
.toggle:hover .t3 span:after { transition-delay: 0.2s; }


/*
███████╗███████╗ ██████╗████████╗██╗ ██████╗ ███╗   ██╗
██╔════╝██╔════╝██╔════╝╚══██╔══╝██║██╔═══██╗████╗  ██║
███████╗█████╗  ██║        ██║   ██║██║   ██║██╔██╗ ██║
╚════██║██╔══╝  ██║        ██║   ██║██║   ██║██║╚██╗██║
███████║███████╗╚██████╗   ██║   ██║╚██████╔╝██║ ╚████║
╚══════╝╚══════╝ ╚═════╝   ╚═╝   ╚═╝ ╚═════╝ ╚═╝  ╚═══╝
*/

.section-title,
.section-title__small { margin-bottom: 80px; }
.headline--for_catchcopy { margin-bottom: 0.4em; position: relative; z-index: 2; }
.headline--for_catchcopy .main { display: block; line-height: 1.4em; margin-bottom: 0.25em; }
.headline--for_catchcopy .sub { display: block; line-height: 1.8em; }
.lang-en_US .headline--for_catchcopy .sub { line-height: 1.6em; }

.page-head__txt { padding: 8vh 4vw; }
.page-title { text-align: center; margin-bottom: 0.25em; }
.page-title .t { display: block; }
.page-description { margin-top: -1em; margin-bottom: 1em; }
.layout--col_side .page-title { margin-top: 2vh; margin-bottom: 0.5em; text-align: left; }

.body__txt p { margin-bottom: 2.4rem; }
.body__txt > *:last-child { margin-bottom: 0; }

/* home */
.section__mainvisual { position: relative; height: calc(100vh - 180px); }
.section__mainvisual .visual__body { position: relative; margin-right: calc(4vw + 80px); height: 100%; overflow: hidden; }
.section__mainvisual .visual__body .js-bg-img { background-position: 80% 50%; }
.section__mainvisual .anchor__wrapper { position: absolute; right: 0; bottom: calc(-0.8vw - 50px); width: calc(4vw + 80px); height: calc(4vw + 80px); text-align: center; letter-spacing: 0; }
.section__mainvisual .anchor__go_down { display: block; width: 100%; height: 100%; }
.section__mainvisual .anchor__go_down .layout--flex_center { height: 100%; }
.section__mainvisual .anchor__go_down .layout--flex_center span { line-height: 1; }
.anchor__go_down .t { position: relative; width: 100%; height: 100%; line-height: 1; }

/* concept */
.concept__img--bg_1 { position: relative; width: 100%; padding-bottom: 72%; }
.concept__img--bg_2 { position: relative; width: 100%; height: 60vh; }
.home-concept__head { display: flex; margin: 24vh 0 20vh; }
.home-concept__head-txt { width: 55%; }
.home-concept__head-in { margin: 4vw 4vw 6vw 8vw; }
.home-concept__head-figure { width: 45%; }
.home-concept__body { position: relative; }
.home-concept__body-bg { position: absolute; left: 0; top: 0; width: 92%; height: 100%; }
.home-concept__body-in { position: relative; display: flex; align-items: center; }
.home-concept__body-in > div { width: 50%; }
.home-concept__body-figure .concept__img--bg_2 { margin-top: -20%; margin-bottom: 20%; }
.home-concept__body__txt { padding-left: 8%; }

/* concept page */
.concept__visual .visual__body { position: relative; padding-bottom: 45%; }
.concept__message-head-in .headline--for_catchcopy { margin-bottom: .75em; }
.concept__message-head-in .headline--for_catchcopy .main { margin-bottom: 0.5em; }
.message__body { position: relative; }
.message__body .message__body-bg { position: absolute; left: 4vw; top: 0; width: 96%; height: 100%; }
.message__body-in { position: relative; display: flex; justify-content: flex-end; }
.message__body-in .body-tiny { width: 65%; padding: 6em 0 8em; margin-right: 0; }
/*.message__body-in .body__txt { text-align: justify; }*/
/* comcept team */
.team__company-logo { justify-content: space-between; margin: 0 0 200px auto; }
.team__company-logo li img { height: 60px; width: auto; }
/* comcept next */
.next-banner__wrapper { position: relative; overflow: hidden; }
.next-banner__content { padding: 60px 0; color: #fff; }
.next-banner__content .js-bg-img { transition: all 0.8s ease-in-out; }
.next-banner__in { height: 360px; z-index: 2; }
.next-banner__in .txt { position: relative; z-index: 2; padding-left: 0.5em; }
.next-banner__in .icon { transform: rotate(-90deg); width: 1em; height: 1em; margin-bottom: -0.15em; fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px; fill-rule: evenodd; }
.next-banner__in .txt .t-h { color: #fff; }
.next-banner__in .txt .t-h .icon.str { stroke: #fff; }
.next-banner__content:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; background: #000; transition: all .4s ease-in-out; opacity: 0.25; }
.next-banner__content:hover:before { opacity: 0.4; transform: translateY(0); }
.next-banner__content:hover .js-bg-img { transform: scale(1.01); }

/*
███████╗ ██████╗  ██████╗ ████████╗███████╗██████╗
██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗
█████╗  ██║   ██║██║   ██║   ██║   █████╗  ██████╔╝
██╔══╝  ██║   ██║██║   ██║   ██║   ██╔══╝  ██╔══██╗
██║     ╚██████╔╝╚██████╔╝   ██║   ███████╗██║  ██║
╚═╝      ╚═════╝  ╚═════╝    ╚═╝   ╚══════╝╚═╝  ╚═╝
*/
.site__footer { position: relative; z-index: 3; background: #000; color: #fff; padding: 80px 4vw; }
.site__footer a { color: #eee; }
.site__footer h3 { text-transform: uppercase; opacity: 0.4; }
.footer__stores { display: flex; justify-content: space-between; border-right: 1px solid rgba(255, 255, 255, 0.15); margin: 0 0 8em; }
.footer__stores li { position: relative; width: 25%; border: 1px solid rgba(255, 255, 255, 0.15); border-right: none; }
.footer__stores li:first-child { border: none; }
.footer__stores .in { display: block; height: 100%; padding: 2vw; padding-bottom: 5vw; }
.footer__stores .icon { position: absolute; right: 2vw; bottom: 2vw; width: 1em; height: 1em; line-height: 1.1; }
.footer__stores .icon svg { fill: #666; width: 1em; height: 1em; }

.footer__body { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: flex-end; margin-bottom: 2em; }
.footer-menu { display: flex; position: relative; }
.footer-menu li { padding: 0.25em 0; margin-right: 4em; }
.footer-menu__title { position: absolute; right: 100%; top: 0; transform: rotate(-90deg) translateY(-300%); transform-origin: 100% 0; padding: 0.5em; opacity: 0.4; }
.footer-menu .icon { fill: #fff; width: 1.5em; height: 1.5em; }
.footer-menu .sns { display: flex; margin-top: 2em; }
.footer-menu .sns li { margin-right: 10px; }

.site__copyright { opacity: 0.4; }


/*
██╗      █████╗ ███╗   ██╗ ██████╗ ██╗   ██╗ █████╗  ██████╗ ███████╗
██║     ██╔══██╗████╗  ██║██╔════╝ ██║   ██║██╔══██╗██╔════╝ ██╔════╝
██║     ███████║██╔██╗ ██║██║  ███╗██║   ██║███████║██║  ███╗█████╗
██║     ██╔══██║██║╚██╗██║██║   ██║██║   ██║██╔══██║██║   ██║██╔══╝
███████╗██║  ██║██║ ╚████║╚██████╔╝╚██████╔╝██║  ██║╚██████╔╝███████╗
╚══════╝╚═╝  ╚═╝╚═╝  ╚═══╝ ╚═════╝  ╚═════╝ ╚═╝  ╚═╝ ╚═════╝ ╚══════╝
*/

/* home */
.language-switcher--area_home { position: absolute; right: 0; bottom: 50%; width: calc(4vw + 80px); height: calc(4% + 80px); }
.language-switcher--area_home ul { display: flex; transform: rotate(90deg) translate(0, 0.15em); white-space: nowrap; }
.language-switcher--area_home li { position: relative; padding: 0 0.5em; margin: 0 1em; line-height: 1; transition: all .2s ease-in-out; }
.language-switcher--area_home li:after { content: ''; display: block; width: 100%; height: 3px; background: #000; position: absolute; left: 0; bottom: 50%; margin-bottom: -2px; transform: scaleX(0); transform-origin: 0% 50%; transition: all .2s ease-in-out; }
.language-switcher--area_home li.current-lang a { color: #aaa; }
.language-switcher--area_home li.current-lang:after { transform: scaleX(1); }

/* menu */
.language-switcher--area_menu { position: absolute; left: 0; bottom: calc(2em - 20px); }
.language-switcher--area_menu a { display: block; padding: 0.25em 0; }
.language-switcher--area_menu ul { display: flex; white-space: nowrap; }
.site__header .header-sub .language-switcher--area_menu li { position: relative; padding: 0 0.5em; margin: 0 2em 0 0; line-height: 1; }
.language-switcher--area_menu li:after { content: ''; display: block; width: 100%; height: 3px; background: #000; position: absolute; left: 0; bottom: 50%; margin-bottom: -2px; transform: scaleX(0); transform-origin: 0% 50%; transition: all .2s ease-in-out; }
.language-switcher--area_menu li.current-lang:after { transform: scaleX(1); }

/* footer */
.language-switcher--area_footer,
.language-switcher--area_footer ul { display: flex; }
.language-switcher--area_footer li { margin-right: 2em; position: relative; padding: 0 2px; }
.language-switcher--area_footer > p { margin-right: 2em; }
.language-switcher--area_footer li:after { content: ''; display: block; width: 100%; height: 3px; background: #fff; position: absolute; left: 0; bottom: 50%; margin-bottom: -2px; transform: scaleX(0); transform-origin: 0% 50%; transition: all .2s ease-in-out; }
.language-switcher--area_footer li.current-lang a { opacity: 0.8; }
.language-switcher--area_footer li.current-lang:after { transform: scaleX(1); }

/*
 █████╗ ██████╗  ██████╗██╗  ██╗██╗██╗   ██╗███████╗
██╔══██╗██╔══██╗██╔════╝██║  ██║██║██║   ██║██╔════╝
███████║██████╔╝██║     ███████║██║██║   ██║█████╗
██╔══██║██╔══██╗██║     ██╔══██║██║╚██╗ ██╔╝██╔══╝
██║  ██║██║  ██║╚██████╗██║  ██║██║ ╚████╔╝ ███████╗
╚═╝  ╚═╝╚═╝  ╚═╝ ╚═════╝╚═╝  ╚═╝╚═╝  ╚═══╝  ╚══════╝
*/

/* PRODUCTS common */
.prod__textbox h3 { margin-bottom: 3rem }
.prod__textbox h3 .ja { font-weight: 600; margin-top: 1em; }
.prod__textbox h3 span { display: block; }
.prod__textbox .cat-mark {  }
.prod__textbox .cat-mark .icon { width: 1em; height: 1em; }
.products--latest_main { margin: 0 0 calc(80px + 4vw); }
.products--latest_main a { display: flex; align-items: center; }
.products--latest_main .prod__figure { position: relative; width: 75%; padding-bottom: 56.85%; }
.products--latest_main .prod__textbox { width: 25%; margin: 0 4vw; }
.productgroup--latest_sub { display: flex; padding: 0 4vw; }
.products--latest_sub { width: 50%; padding-right: 80px; }
.products--latest_sub .prod__figure { position: relative; width: 100%; width: calc(100% + 4vw); padding-bottom: 75.8%; }
.products--latest_sub:first-child .prod__figure { margin-left: -4vw; }
.products--latest_sub .prod__textbox { margin: 4rem 16% 0 0; }
.products--latest_sub a { display: block; }
/************************** PRODUCTS **************************/
.products__item { position: relative; display: block; width: 50%; margin: 60px auto 280px; }
.products__item .prod__figure { position: relative; width: 100%; padding-bottom: 120%; }
.products__item .prod__textbox { background: #fff; padding: 5.5em 3vw 4em; position: absolute; width: 55%; opacity: 1; }
.products__item .prod__thumbnail { position: absolute; width: 100%; height: 100%; left: 30%; top: -5%; }
.products__item:nth-child(2n) .prod__thumbnail { left: auto; right: 30%; }
.products__item .prod__thumbnail .ef-bg { opacity: 1; }
.products__item .bg-shadow { position: absolute; width: 90%; height: 90%; background: #eee; left: -35%; top: 10%; opacity: 1; }
.products__item:nth-child(2n) .bg-shadow { left: auto; right: -35%; }
.products__item .prod__textbox { right: 62.5%; top: 25%; }
.products__item:nth-child(2n) .prod__textbox { right: auto; left: 62.5%; }
.products__item .price { margin-top: 1em; }

/************************** NEWS **************************/
.home-news__body { display: flex; justify-content: space-between; }
.news-item { width: 30%; padding-bottom: 4em; }
.news-item__in { width: 100%; }
.news-item .thumb { position: relative; display: block; width: 100%; padding-bottom: 69%; margin-bottom: 2rem; }
.news-item .direction { margin-bottom: 1em; }
.news-item .date { margin-bottom: 1em; }
.news-item .title { margin-bottom: 1em; font-weight: 600; }
.news-item .category { display: inline-block; line-height: 1.6em; }
.news-item .category a,
.news-article .category a,
.news-item .category .tt,
.news-article .category .tt { display: inline-block; margin-right: 0.5em; }
.news-item .category a,
.news-article .category a { color: #888; }
.news-item .category a span,
.news-article .category a span { display: inline-block; }
.news-item .category a:after { content: ','; }
.news-item .category a:last-child:after { content: ''; }

.news-list { position: relative; }
.news-list .news-item__in { width: 80%; margin: 0 auto; }
.news-list .news-item { position: absolute; padding-bottom: 80px; transition: all .4s ease-in-out; width: 50%; }
.news-list .news-item .thumb { width: 100%; padding-bottom: 69%; margin-bottom: 1rem; }
.news-list .news-item .date,
.news-list .news-item .title { margin-bottom: 1em; }

.archvie-pager__head { padding: 0 5% 80px; text-align: right; }
.archvie-pager__head .tt { margin-right: 1em; }
.archvie-pager__head .slash { display: inline-block; margin: 0 0.25em; transform: scaleY(0.8); }
.archvie-pager__foot { padding: 0 5%; }
.archvie-pager__foot .button { margin-bottom: 0; }

/************************** SHOPS **************************/
.shop-list { position: relative; padding-top: 4vh; }
.shop__group { width: 100%; justify-content: space-between; }
.shop-areaname { width: 20%; font-weight: 600; }
.shop-items { width: 80%; }
.shop-item { margin-bottom: 120px; }
.shop-item__in { width: 100%; justify-content: space-between; }
.shop-item__data { width: 75%; padding-right: 10%; }
.shop-item__links { width: 25%; }
.shop-item__data .shop-item__title { margin-bottom: 0.5em; font-weight: 600; }

/* category */
.category-select__head { position: relative; border-bottom: 2px solid #000; padding: 0.5em 0.1em; width: 10em; margin: 1.5em 0 1em; }
.category-select__head .icon { position: absolute; right: 0.5em; top: 0; height: 100%; width: 0.3em; }
.category-select__body { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }


/*
███████╗██╗███╗   ██╗ ██████╗ ██╗     ███████╗
██╔════╝██║████╗  ██║██╔════╝ ██║     ██╔════╝
███████╗██║██╔██╗ ██║██║  ███╗██║     █████╗
╚════██║██║██║╚██╗██║██║   ██║██║     ██╔══╝
███████║██║██║ ╚████║╚██████╔╝███████╗███████╗
╚══════╝╚═╝╚═╝  ╚═══╝ ╚═════╝ ╚══════╝╚══════╝
*/
/************************** PRODUCTS **************************/
.product__detail { margin-bottom: 10vw; }
.product__figure { width: 60vw; /*height: calc(100vh - 120px);*/ }
.product__mainvisual { left: 0; width: 60vw; height: calc(100vh - 120px); }
.prod--column_fixed { position: fixed; top: 120px; }
.prod--column_absolute { position: absolute; top: auto; bottom: 0; }
.product__mainvisual .js-bg { top: 6.25%; padding-bottom: 75%; height: auto; }

.product__data { width: 40%; padding: 6vw 8vw 0 6vw; }
.product__data h2 { margin-bottom: 0.5em; }
.product__data h2 span { display: block; }
.product__data h2 .ja { font-weight: 600; margin-top: 2em; }
.product__data .excerpt { margin-bottom: 3rem; }
.product__data .price { margin-bottom: 4rem; display: inline-block; position: relative; }
/* store link */
.product__store-list { margin-bottom: 2rem; }
.product__store-list li a { position: relative; display: block; padding: 1em 0; }
.product__store-list li a:before,
.product__store-list li a:after { content: ''; display: block; width: 100%; height: 2px; background: #000; position: absolute; left: 0; bottom: 0; }
.product__store-list li a:before { background: #eee; }
.product__store-list li a:after { height: 3px; transform: scaleX(0); transform-origin: 0% 0%; transition: all .3s ease-out; }
.product__store-list li a > * { display: inline-block; vertical-align: middle; }
.product__store-list .icon { width: 1.4em; height: 1.4em; margin: 0 1em 0 0.5em; }
.product__store-link { width: 100%; justify-content: space-around; }
.product__store-link li { width: 33.3333%; padding: 2vw; text-align: center; }
.product__store-link .store-name { margin-bottom: 0.75em; }
.product__store-link li a { display: block; }
.product__store-link li a .button-block-icon { padding: 1em 0; border: 2px solid #eee; width: 100%; }
.product__store-link .icon { width: 3rem; height: 3rem; vertical-align: middle; }
/* slider */
.product-gallery { margin-bottom: 80px; }
.product-gallery .js-slider__proxy { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1 !important; }
.product-gallery__slider { position: relative; width: 100vw; overflow: hidden; }
.product-gallery__inner { white-space: nowrap; }
.product-gallery__slide { display: inline-block; position: relative; padding-right: calc(60 * (100vw / 1440)); }
.product-gallery__slide-img { width: auto; height: 55vh; }
.product-gallery__slide-img img { height: 100%; width: auto; }
.product-gallery__slide-content { display: none; position: absolute; top: 100%; left: 0; right: 0; padding-top: calc(35 * (100vw / 1440)); }
.product-gallery__control { padding: 2vw 2vw; justify-content: flex-end; }
.product-gallery__control svg { width: 3rem; height: 3rem; }
.product-gallery__navi-prev,
.product-gallery__navi-next { cursor: pointer; padding: 10px; }
.product-gallery__navi-prev .icon { transform: rotate(90deg); }
.product-gallery__navi-next .icon { transform: rotate(-90deg); }
.product-gallery__control svg { fill: none; stroke: #000; stroke-miterlimit: 10; stroke-width: 2px; fill-rule: evenodd; }
.product-gallery.first .product-gallery__navi-prev,
.product-gallery.last .product-gallery__navi-next { opacity: 0.1; }

.product-gallery__navi-prev:hover,
.product-gallery__navi-next:hover {}

/* more */
.products-spacer { height: 200px; }
.products-footer { position: relative; padding: 200px 8vw; }
.products-footer__bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; }
.prod-more { width: 50%; }
.prod-more a { position: relative; display: block; width: 50%; margin: 0 auto; }
.prod-more .prod__figure { position: relative; width: 100%; padding-bottom: 120%; }
.prod-more .prod__textbox { width: 50%; padding: 6em 4em; position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; text-align: center; }
.prod-more .prod__textbox h3 { margin-bottom: 0; }
.prod-more .prod__textbox h3 .cat-mark { position: absolute; left: 1em; top: 1em; width: 1.5rem; height: 1.5rem; }
.prod-more .prod__textbox h3 .cat-mark .icon { fill: #fff; position: absolute; left: 0; top: 0; width: 1.5rem; height: 1.5rem; }
/**/
.product__data table { margin-top: 4em; }
.product__data table tr td { padding-top: 1em; padding-bottom: 1em; vertical-align: top; border-bottom: 1px solid #eee; }
.product__data table tr td:nth-child(2n-1) { width: 9em; padding-right: 1em; text-transform: uppercase; font-weight: 600; }
.product__data .single__content h4 { margin-top: 2em; }
.product__data .single__content h4 + table { margin-top: 0; }

/************************** NEWS **************************/
.news-article { margin-bottom: 0; }
.single-news__head { margin: 0 0 6rem; border-bottom: 1px solid #ccc; padding-bottom: 4rem; }
.single-news__title { margin-bottom: 4rem; }
.news-article .single__content { margin-bottom: 8rem; }

.single-news__more { margin-right: -4vw; padding: 10vh 4vw 16vh 0; }
.single-news__more .news-item { width: 50%; padding: 0 5% 0 0; }
.single-news__head .date { margin-right: 3em; }

.single__share { position: relative; height: 6rem; width: 21rem; margin-bottom: 12rem; margin-top: 6rem; }
.single__share .i { width: 6rem; height: 6rem; background: #000; border-radius: 50%; }
.single__share .i .icon { fill: #fff; width: 2rem; height: 2rem; }
.single__share .tt { position: absolute; left: 9rem; top: 0; height: 100%; transition: all .3s ease-in-out; }
.single__share .share__body { position: absolute; left: 8rem; top: 25%; width: 15rem; overflow: hidden; }
.single__share .share__body li { width: 5rem; height: 6rem; opacity: 0; }
.single__share .share__body li a { width: 100%; height: 100%; padding: 25%; }
.single__share .share__body li a span,
.single__share .share__body li a .icon { width: 100%; height: 100%; }
.single__share .share__body li a .t .icon { fill: #000; }
.single__share .share__body li.item1 { transition: all .3s ease-in-out 0s; }
.single__share .share__body li.item2 { transition: all .3s ease-in-out .025s; }
.single__share .share__body li.item3 { transition: all .3s ease-in-out .05s; }

/**/
.single__content { font-size: 1.4rem; }
.news-article .single__content { font-size: 1.6rem; }
.single__content h3 { font-size: 1.4em; }
.single__content h4 { font-size: 1em; }
.single__content h5 { font-size: 1em; }

table { border-collapse: initial; }
table.ef-show { display: table; }
table, tbody, tr { border: none; width: 100%; }
th, td { border: none; padding: 1em 1em 1em 0; border-bottom: 1px solid #ccc; }
tr td:first-child { font-weight: 600; }
strong { font-weight: 600; }
em { font-style: italic; }
del { text-decoration: line-through; }
hr { border: none; border-bottom: 1px solid #eee; margin: 4em 0; }
.note { display: block; font-size: 0.9em; line-height: 1.8em; color: #666; }

.iframe__wrapper { position: relative; width: 100%; }
.iframe__wrapper iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.single__content { margin-bottom: 4rem; }
.single__content img { max-width: 100%; height: auto; margin-bottom: 2em; }
.single__content p img:last-child { margin-bottom: 0; }
.single__content > *,
.single__content p { max-width: 100%; margin-bottom: 1.5em; font-size: .95em; }
.single__content h3 { margin-top: 3em; margin-bottom: 1.5em; }
.single__content h4 { display: inline-block; position: relative; margin-top: 1em; margin-bottom: 1em; padding: 0.5em 0; line-height: 2em; }
/*.single__content h4:after { content: ''; display: block; width: 100%; height: 3px; background: #000; position: absolute; left: 0; bottom: -.5em; }*/
.single__content h5 { margin-top: 2em; margin-bottom: 1em; color: #666; }
.single__content a { word-break: break-all; position: relative; color: #333; border-bottom: 1px solid #999; }
.single__content a:hover { border-bottom: 1px solid #000; color: #333; }
.single__content li { margin-bottom: 1em; }
.single__content li ul { margin-left: 2em; margin-top: 1em; }
.single__content ul li { margin-left: 1.5em; line-height: 1.8; }
.single__content ul li:before { margin-left: -1.5em; margin-right: .5em; content: '・'; }
.single__content ul li .note { display: inline; font-size: 1em; }
.single__content hr { margin: 4em 0; }
.single__content blockquote { margin: 3em 0; padding-left: 1.5em; position: relative; border-left: 4px solid #f0f0f0; color: #333; font-style: italic; }
.single__content .format01 { padding: 1.5em; background: #eee; border-radius: 2px; }
.single__content .format02 { padding: 1.5em; border: 1px solid #ccc; border-radius: 2px; }
.single__content .format01 ul,
.single__content .format02 ul { font-size: .9em; }
.single__content .wp-caption img { margin-bottom: 0.5em; }
.single__content .wp-caption-text { color: #666; font-size: 0.9em; }

.single__content > *:first-child { margin-top: 0; }
.single__content > *:last-child { margin-bottom: 0; }
.single__content blockquote > *:first-child { margin-top: 0; }
.single__content blockquote > *:last-child { margin-bottom: 0; }

.single__content .format01 > *:first-child,
.single__content .format02 > *:first-child { margin-top: 0; }
.single__content .format01 > *:last-child,
.single__content .format02 > *:last-child { margin-bottom: 0; }
.single__content > *:first-child { margin-top: 0; }
.single__content > *:last-child { margin-bottom: 0; }

/**/
.lang-ja .single-news__title,
.lang-ja .single__content h3,
.lang-ja .single__content h4,
.lang-ja .single__content h5,
.lang-ko_KR .single-news__title,
.lang-ko_KR .single__content h3,
.lang-ko_KR .single__content h4,
.lang-ko_KR .single__content h5 { font-weight: 600; }


/*
 ██████╗ ██████╗ ███╗   ██╗████████╗ █████╗  ██████╗████████╗
██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝██╔══██╗██╔════╝╚══██╔══╝
██║     ██║   ██║██╔██╗ ██║   ██║   ███████║██║        ██║
██║     ██║   ██║██║╚██╗██║   ██║   ██╔══██║██║        ██║
╚██████╗╚██████╔╝██║ ╚████║   ██║   ██║  ██║╚██████╗   ██║
 ╚═════╝ ╚═════╝ ╚═╝  ╚═══╝   ╚═╝   ╚═╝  ╚═╝ ╚═════╝   ╚═╝
*/
.input-group { display: flex; margin: 0 0 2.5rem; }
.input-group .label { width: 24%; padding-top: 0.5em; }
.input-group .input { width: 76%; }
.input-group input,
.input-group textarea { width: 100%; border: none; background: #eee; padding: 1em 1.5em; margin-bottom: 0.5em; font-family: sans-serif; }
/*.confirm-check { position: relative; height: 6rem; margin-top: 4rem; margin-bottom: 2rem; }*/
.confirm-checkbox { opacity: 0; }
.mwform-checkbox-field { display: inline-block; margin-bottom: 9,5rem; }
.mwform-checkbox-field-text { font-weight: 500; padding-left: 3em; }
.submit-group { border-top: 2px solid #eee; padding-top: 4rem; display: flex; justify-content: space-between; }
.submit-group .g-recaptcha { margin: 0!important; }
.button-submit { cursor: pointer; border: none; background: none; -webkit-appearance: none; min-width: 200px; padding: 1em; border: 2px solid #eee; font-size: 2rem; }

.checkbox-appr { position: absolute; left: 0; top: 0; width: 3.5rem; height: 3.5rem; border: 2px solid #ccc; padding: 0.25em; border-radius: 4px; background: #fff; }
.checkbox-appr .icon { width: 2.5rem; height: 2.5rem; opacity: 0; fill: none; stroke: #000; stroke-width: 2px; }
.confirm-check.on .checkbox-appr .icon { opacity: 1; }

.layout--col_main .contactform { display: flex; flex-direction: column; }
.layout--col_main .contactform h3 { margin-bottom: 0.5em; font-size: 3vw; font-weight: 500; }
.layout--col_main .contactform p { margin-bottom: 0.5em; }

/*
██╗  ██╗ ██████╗ ██╗  ██╗
██║  ██║██╔═████╗██║  ██║
███████║██║██╔██║███████║
╚════██║████╔╝██║╚════██║
     ██║╚██████╔╝     ██║
     ╚═╝ ╚═════╝      ╚═╝
*/
.not-found__head { width: 100%; }
.not-found__body { position: relative; height: 30vw; margin-right: -4vw; margin-bottom: -10vw; }
.bounce { position: absolute; right: 0; bottom: 0; width: 100vw; height: 100vw; }



@media screen and (min-width:896px) {

/*
██╗  ██╗ ██████╗ ██╗   ██╗███████╗██████╗
██║  ██║██╔═══██╗██║   ██║██╔════╝██╔══██╗
███████║██║   ██║██║   ██║█████╗  ██████╔╝
██╔══██║██║   ██║╚██╗ ██╔╝██╔══╝  ██╔══██╗
██║  ██║╚██████╔╝ ╚████╔╝ ███████╗██║  ██║
╚═╝  ╚═╝ ╚═════╝   ╚═══╝  ╚══════╝╚═╝  ╚═╝
*/

	.text--clip_color { position: relative; display: block; }
	.text--clip_color .t { display: block; transition: all .5s ease-in-out; -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); }
	.text--clip_color .t-h { display: block; transition: all .5s ease-in-out; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #666; text-decoration: underline; -webkit-clip-path: inset(0% 100% 0% 0%); clip-path: inset(0% 100% 0% 0%); }
	.header-navi-link .text--clip_color .t-h { text-decoration: none; }
	.sns-link .text--clip_color .t,
	.sns-link .text--clip_color .t-h { transition: clip-path .3s ease-in-out; }
	.text--clip_color .t-h .icon { fill: #999; }
	.text--clip_color .t-h .icon.str { fill: none; stroke: #999; }
	a:hover .text--clip_color .t,
	button:hover .text--clip_color .t { -webkit-clip-path: inset(0% 0% 0% 100%); clip-path: inset(0% 0% 0% 100%); }
	a:hover .text--clip_color .t-h,
	button:hover .text--clip_color .t-h { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); }
	a.mouse_out .text--clip_color .t,
	button.mouse_out .text--clip_color .t { animation: t_out .4s ease-in-out 1; }
	a.mouse_out .text--clip_color .t-h,
	button.mouse_out .text--clip_color .t-h { animation: t-h_out .4s ease-in-out 1; }

	@keyframes t_out {
		0% { -webkit-clip-path: inset(0% 100% 0% 0%); clip-path: inset(0% 100% 0% 0%); }
		100% { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); }
	}
	@keyframes t-h_out {
		0% { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); }
		100% { -webkit-clip-path: inset(0% 0% 0% 100%); clip-path: inset(0% 0% 0% 100%); }
	}

		.is-ie .text--clip_color .t-h { opacity: 0; }
		.is-ie a:hover .text--clip_color .t-h,
		.is-ie button:hover .text--clip_color .text--clip_color .t-h { opacity: 1; }
		.is-ie a:hover .text--clip_color .t,
		.is-ie button:hover .text--clip_color .t { opacity: 0; }


	/* pulldown */
	.site__header .header-pulldown-link .l,
	.site__header .header-pulldown-link .text--clip_color { transition: all .4s ease-in-out; }
	.site__header .header-pulldown-link:hover .l { transform: scaleX(3); }
	.site__header .header-pulldown-link:hover .text--clip_color { transform: translateX(10px); }

	.language-switcher--area_footer li a,
	.language-switcher--area_home li a { transition: all .2s ease-in-out; }
	.language-switcher--area_footer li a:hover,
	.language-switcher--area_home li a:hover,
	.language-switcher--area_menu li a:hover { opacity: 0.6; }

	.news-list .news-item .title { transition: all .15s ease-in; }
	.news-list .news-item a:hover .title { color: #666; }

	.site__footer .text--clip_color .t-h { color: #666; }
	.footer__stores .icon .t-h svg { fill: #fff; width: 1em; height: 1em; }
	.footer__stores a:before { content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: all .3s ease-out; -webkit-clip-path: inset(0% 100% 0% 0%); clip-path: inset(0% 100% 0% 0%); background: #111; opacity: 0; }
	.footer__stores a:hover:before { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); opacity: 1; }
	.footer__stores a.mouse_out:before { animation: t-h_out .4s ease-in-out 1; }

	.product__store-link li a .button-block-icon .icon span,
	.product__store-link li a .button-block-icon .icon svg { width: 100%; height: 100%; }
	.product__store-link li a .button-block-icon .icon .t-h svg { fill: #fff; }
	.product__store-link li a .button-block-icon,
	.product__store-link li a .button-block-icon .icon { position: relative; transition: all .4s ease-in-out; margin: 0 auto; }
	.product__store-link li a .button-block-icon:before { content: ''; display: block; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); left: -2px; top: -2px; transition: all .3s ease-out; -webkit-clip-path: inset(0% 100% 0% 0%); clip-path: inset(0% 100% 0% 0%); background: #111; }
	.product__store-link li a:hover .button-block-icon:before { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); opacity: 1; }
	.product__store-link li a.mouse_out .button-block-icon:before { animation: t-h_out .4s ease-in-out 1; }

	.button-submit { position: relative; }
	.button-submit:before { content: ''; display: block; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); left: -2px; top: -2px; transition: all .3s ease-in-out; transform-origin: 0% 100%; transform: scaleX(0); background: #111; }
	.button-submit:hover:before,
	.button-submit:focus:before { transform: scaleX(1); opacity: 1; }

	.product__store-list li a:hover:after { transform: scaleX(1); }
	.prod-more .prod__figure:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #333; opacity: 0; transition: all .4s ease-in-out; }
	.prod-more a:hover .prod__figure:after { opacity: 0.7; }
	.prod-more .prod__textbox h3 span { transition: all .4s ease-in-out; transform: translateY(15px) scaleY(1.2); opacity: 0; }
	.prod-more a:hover .prod__textbox { opacity: 1; }
	.prod-more a:hover .prod__textbox h3 span { transform: translateY(0) scaleY(1); opacity: 1; }

	.single__share:hover .tt { transform: translateY(-25%); opacity: 0; }
	.single__share:hover .share__body li { transform: translateY(-25%); opacity: 1; }

	.section-products .prod__figure { transition: all .4s ease-in-out; }
	.section-products a:hover .prod__figure { transform: translateY(-20px) }
	.products-archive .products__item .prod__textbox { transition: all .4s ease-out; }
	.products-archive .products__item:hover .prod__textbox { transform: translateY(-20px) }
	.news-item a .thumb { transition: all .4s ease-out; }
	.news-item a:hover .thumb { transform: translateY(-8px) }





}


/*
██████╗ ██████╗  ██████╗ ██╗    ██╗███████╗███████╗██████╗
██╔══██╗██╔══██╗██╔═══██╗██║    ██║██╔════╝██╔════╝██╔══██╗
██████╔╝██████╔╝██║   ██║██║ █╗ ██║███████╗█████╗  ██████╔╝
██╔══██╗██╔══██╗██║   ██║██║███╗██║╚════██║██╔══╝  ██╔══██╗
██████╔╝██║  ██║╚██████╔╝╚███╔███╔╝███████║███████╗██║  ██║
╚═════╝ ╚═╝  ╚═╝ ╚═════╝  ╚══╝╚══╝ ╚══════╝╚══════╝╚═╝  ╚═╝
*/
@media screen and (min-width:1640px) {

	.concept__visual,
	.home-concept__head,
	.products--latest_main,
	.productgroup--latest_sub,
	.section__wrapper,
	.site__footer-in { max-width: 1480px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; }

	.page-head__txt { padding: 100px 4vw; }
	.message__body .message__body-bg { left: calc(50vw - 740px); width: 1480px; }

	.products--latest_main .prod__textbox { margin-left: 0; }
	.products--latest_sub { width: 46%; }
	.products--latest_sub .prod__figure { width: 100%; }
	.products--latest_sub:first-child .prod__figure { margin-left: 0; }
	.products--latest_sub .prod__textbox { margin-right: 8%; }
	.home-concept__head-in { margin: 6vw 8vw 6vw 4vw; }
	.home-concept__body-bg { width: calc(50vw + 740px); }
	.home-news__body { margin-right: 0; }

	/*.product__mainvisual { width: 50vw; left: 10vw; }*/
	.product__mainvisual .js-bg { left: auto; right: 0;top: 0; padding: 0; height: 100%; width: calc(133vh - 136px); max-width: 60vw; }
	/*.product__data { width: 30%; padding: 6vw 4vw 10vw 4vw; }*/

	.side--column_fixed { left: calc(50vw - 740px); }
	.col-side__in { width: calc(1480px * 0.3); }
	.single-news__more { margin-right: 0; padding-right: 0; }

	/* font size */

	.section-title,
	.next-banner__in .txt { font-size: 12rem; }
	.headline--for_catchcopy { font-size: 12rem; }
	.headline--for_catchcopy .sub { font-size: 3rem; }

	.page-title { font-size: 12rem; }
	.layout--col_side .page-title { font-size: 8rem; }

	.concept__message-head-in .headline--for_catchcopy { font-size: 12rem; }

	.site__footer { font-size: 1.4rem; }
	.footer__stores h3,
	.footer__stores li { font-size: 2.6rem; }
	.footer-menu li { font-size: 1.8rem; }

	.language-switcher--area_home { font-size: 1.2rem; }
	.language-switcher--area_menu { font-size: 1.4rem; }

	.product__data h2 { font-size: 8rem; }
	.prod__textbox h3 { font-size: 4rem; }
	.products--latest_main h3 { font-size: 5.6rem; }

	.news-item { width: 28%; }

	.shop-areaname { font-size: 2.8rem; }
	.shop-item__data .shop-item__title { font-size: 3.2rem; }


}
@media screen and (max-width:1080px) {

	/* font size */

	.site__header .header-body { font-size: 2rem; }
	.section-title,
	.next-banner__in .txt { font-size: 6vw; }
	.page-title { font-size: 10vw; }
	.concept__message-head-in .headline--for_catchcopy { font-size: 10vw; }
	.site__footer h3,
	.footer__stores li { font-size: 2.2vw; }
	.footer-menu li { font-size: 1.6vw; }
	.prod__textbox h3 { font-size: 3vw; }
	.products--latest_main h3 { font-size: 4vw; }
	.products__item .prod__textbox { width: 65%; padding: 3.5em 3vw 3em; }
	.news-item .title,
	.news-list .news-item .title { font-size: 1.8vw; }

	/**/

	.site__header .header-navi-wrap { padding: 0 0 0 2em; }


}




/*.toggle { display: none; }*/
/*.mb-mb-show, .mb-show { display: none; }*/

/*
████████╗ █████╗ ██████╗ ██╗     ███████╗████████╗
╚══██╔══╝██╔══██╗██╔══██╗██║     ██╔════╝╚══██╔══╝
   ██║   ███████║██████╔╝██║     █████╗     ██║
   ██║   ██╔══██║██╔══██╗██║     ██╔══╝     ██║
   ██║   ██║  ██║██████╔╝███████╗███████╗   ██║
   ╚═╝   ╚═╝  ╚═╝╚═════╝ ╚══════╝╚══════╝   ╚═╝
*/
@media screen and (max-width:960px) {


	.mb-hide { display: none; }
	/* COMMON */
	input, button, textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }


	/*
	███████╗ ██████╗ ███╗   ██╗████████╗
	██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝
	█████╗  ██║   ██║██╔██╗ ██║   ██║
	██╔══╝  ██║   ██║██║╚██╗██║   ██║
	██║     ╚██████╔╝██║ ╚████║   ██║
	╚═╝      ╚═════╝ ╚═╝  ╚═══╝   ╚═╝
	*/

	body { font-size: 1.4rem; line-height: 2.1em; letter-spacing: 0.025em; }
	input, select { font-size: 1.6rem; }
	.button { font-size: 2.4rem; }

	.section-title { font-size: 8vw; }
	.next-banner__in .t { font-size: 6vw; }
	.headline--for_catchcopy { font-size: 8vw; }
	.headline--for_catchcopy .sub { font-size: 0.35em; line-height: 2em; }

	.page-title { font-size: 12vw; letter-spacing: 0.05em; }
	.layout--col_side .page-title { font-size: 8vw; }

	.concept__message-head-in .headline--for_catchcopy { font-size: 6vw; }
	.team__officers .role { font-size: 1.4rem; }
	.team__officers .name { font-size: 1.8rem; }

	.site__footer h3 { font-size: 1.4rem; }
	.footer__stores li { font-size: 2rem; }
	.footer-menu li { font-size: 1.6rem; }

	.prod__textbox h3 { font-size: 5.6vw; }
	.products--latest_main h3 { font-size: 6vw; }
	.products-archive .prod__textbox h3 { font-size: 8vw; }
	.prod__textbox .excerpt { font-size: 1.2rem; line-height: 1.8em; }
	.prod-more .prod__textbox h3 .en { font-size: 1.4rem; }

	.news-item,
	.news-list .news-item { font-size: 1.2rem; }
	.news-item .title,
	.news-list .news-item .title { font-size: 1.4rem; line-height: 1.6em; }
	.archvie-pager__head .num,
	.archvie-pager__head .slash { font-size: 3rem; }

	.shop-areaname { font-size: 2.2rem; }
	.shop-item { margin-bottom: 60px; }
	.shop-item__links { font-size: 1.4rem; }
	.shop-item__links p { font-size: 1em; }
	.shop-item__data .shop-item__title { font-size: 2rem; }

	.category-select__body { font-size: 3rem; }

	.product__data h2 { font-size: 6vw; }
	.product__store-link .store-name { font-size: 2.4rem; }

	.single-news__title { font-size: 2.4rem; }
	.layout--col_main .contactform h3 { font-size: 3rem; }





	/* common */

	/* intersection */
	.ef-bg,
	.ef-bg.done { transform: translateY(0) scale3d(1, 1, 1); opacity: 1; }
	.ef-tx,
	.ef-group .ef,
	.ef-tx.ef-show,
	.ef-group .ef.ef-show { opacity: 1; transform: translateY(0) scale3d(1, 1, 1); }

	.ef-bg { transition: opacity 0.6s linear, transform 1s cubic-bezier(0.000, 0.150, 0.000, 1.000); transform: translateY(0) scale3d(1, 1.2, 1); opacity: 0; }
	.ef-bg.done { transform: translateY(0) scale3d(1, 1, 1); opacity: 1; }
	.ef-bg .js-bg-img,
	.ef-bg.done .js-bg-img { transform: translateY(0) scale3d(1, 1, 1); }
	.ef-tx,
	.ef-group .ef { opacity: 0; transform: translateY(20px) scale3d(1, 1.1, 1); }
	.ef-tx.ef-show,
	.ef-group .ef.ef-show { opacity: 1; transform: translateY(0) scale3d(1, 1, 1); transition: all 0.8s ease-out; }


	/* BUTTON */
	.button-back { display: none; }

	/* layout */
	.xhr__body { padding-top: 80px; }
	.body { width: auto; min-width: auto; }
	.body-tiny { width: auto; min-width: auto; }
	.archive { padding: 0 8vw; }
	.layout--col_main { width: 100%; }
	.layout--col_side { width: 100%; margin-bottom: 2rem; padding-top: 4rem; }
	.col-side__in { width: 100%; height: auto; }
	.side--column_fixed,
	.side--column_absolute { position: relative; left: auto; top: auto; bottom: auto; }
	.section { margin-top: 8vw; margin-bottom: 8vw; }
	.layout--col_main > .section:first-child { margin-top: 0; height: 100%; }
	.section.pb { margin-bottom: 0; padding-bottom: 8vw; }
	.section.pt { margin-top: 0; padding-top: 8vw; }
	.section__wrapper { padding-left: 6vw; padding-right: 6vw; }
	.section__wrapper.layout--flex { flex-direction: column; }
	.section-title,
	.section-title__small { margin-bottom: .5em; }



	/*
	██╗  ██╗███████╗ █████╗ ██████╗ ███████╗██████╗
	██║  ██║██╔════╝██╔══██╗██╔══██╗██╔════╝██╔══██╗
	███████║█████╗  ███████║██║  ██║█████╗  ██████╔╝
	██╔══██║██╔══╝  ██╔══██║██║  ██║██╔══╝  ██╔══██╗
	██║  ██║███████╗██║  ██║██████╔╝███████╗██║  ██║
	╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚═════╝ ╚══════╝╚═╝  ╚═╝
	*/
	.site__header .header-navi, .site__header .header-sub { display: none; }
	.is-menu--open .site__header { overflow: scroll; -webkit-overflow-scrolling: touch; height: 100%; }
	.is-menu--open .site__header .header-navi { display: block; }
	.is-menu--open .site__header .header-sub { display: flex; }

	.site__header .header-bg { position: fixed; }
	.site__header { padding: 30px 0 100px; display: flex; /*align-items: center;*/ }
	.site__header .header-in { padding-right: 0; margin: 0 6vw; /*padding-top: 120px;*/ }
	.site__header .header-body { flex-direction: column; align-items: flex-start; }
	.site__header .header-logo { position: fixed; left: 6vw; top: 20px; width: 200px; height: 40px; }
	.site__header .header-navi-body { flex-direction: column; align-items: flex-start; padding-top: 10rem; }
	.site__header .header-navi-wrap { opacity: 0; justify-content: left; padding: 0.25em 6vw; }

	.site__header .header-pulldown-body { overflow: visible; margin-left: 0; padding-right: 0; padding-top: 0.5em; }
	.pulldown-link { color: #ccc; }
	.site__header .header-sub { flex-direction: column; justify-content: flex-start; }
	.site__header .header-sub ul.header-sub-menu { margin: 4rem 0 1rem 4vw; flex-wrap: wrap; }
	.site__header .header-sub ul.header-sub-sns { margin: 1rem 0 4rem 4vw; flex-wrap: wrap; }
	.site__header .header-sub ul li { margin: 0 2em 0 0; }
	.site__header .header-sub ul.header-sub-menu li { margin: 0 1.8em 0.6em 0; }
	.site__header .sns-link .icon { width: 2em; height: 2em; }

	.text--clip_color .t { transition: none; }
	.text--clip_color .t-h { display: none!important; transition: none; }

	/* TOGGLE */
	.toggle { cursor: pointer; height: 76px; width: 80px; position: fixed; z-index: 101; right: 0; top: 0; }


	/*
	███████╗███████╗ ██████╗████████╗██╗ ██████╗ ███╗   ██╗
	██╔════╝██╔════╝██╔════╝╚══██╔══╝██║██╔═══██╗████╗  ██║
	███████╗█████╗  ██║        ██║   ██║██║   ██║██╔██╗ ██║
	╚════██║██╔══╝  ██║        ██║   ██║██║   ██║██║╚██╗██║
	███████║███████╗╚██████╗   ██║   ██║╚██████╔╝██║ ╚████║
	╚══════╝╚══════╝ ╚═════╝   ╚═╝   ╚═╝ ╚═════╝ ╚═╝  ╚═══╝
	*/

	.page-head__txt { padding: 1em 4vw; }
	.page-title { text-align: left; margin-bottom: 0.25em; }
	.page-title br { display: none; }
	.layout--col_side .page-title { margin-bottom: 0.5em; }

	/* home */
	.section__mainvisual { height: 0; padding-bottom: 75%; }
	.section__mainvisual .visual__body { position: absolute; left: 0; top: 0; margin-right: 0; width: 100%; height: 100%; }
	.section__mainvisual .anchor__wrapper { display: none; }

	/* concept */
	.section__concept { margin-top: 4vw; }
	.concept__img--bg_2 { height: 0; padding-bottom: 120%; }
	.home-concept__head { position: relative; display: block; margin: 0 0 8rem; }
	.home-concept__head-txt { width: auto; margin: 0 6vw; }
	.home-concept__head-in { margin: 0; }
	.headline--for_catchcopy .sub { font-weight: 600; }
	.home-concept__head-figure { width: 35%; position: absolute; right: 0; top: 90%; }
	.home-concept__body-in > div {width: 45%; }
	.home-concept__body-bg { left: 0; top: 20%; width: 92%; height: 80%; }
	.home-concept__body-in { display: block; }
	.home-concept__body-figure .concept__img--bg_2 { margin: 0 0 0 10vw; }
	.home-concept__body-in .home-concept__body__txt { width: auto; margin: 2em 18vw 2em 10vw; padding: 0 0 4em; }

	/* concept page */
	.concept__message,
	.concept__team { margin-left: 6vw; margin-right: 6vw; }
	.message__body { padding: 0; }
	.message__body .message__body-bg { left: 0; width: 94vw }
	.message__body-in .body-tiny { width: auto; padding: 4em 0 4em 6vw; }
	/* comcept team */
	.team__company-logo { margin: 0 0 12vw; }
	.team__company-logo li { padding: 0vw 1vw; }
	/* comcept next */
	.next-banner__in { padding: 0; width: 100%; height: 200px; }
	.next-banner__in .js-bg,
	.next-banner__wrapper .next-banner__in:before { display: none; }


	/*
	███████╗ ██████╗  ██████╗ ████████╗███████╗██████╗
	██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗
	█████╗  ██║   ██║██║   ██║   ██║   █████╗  ██████╔╝
	██╔══╝  ██║   ██║██║   ██║   ██║   ██╔══╝  ██╔══██╗
	██║     ╚██████╔╝╚██████╔╝   ██║   ███████╗██║  ██║
	╚═╝      ╚═════╝  ╚═════╝    ╚═╝   ╚══════╝╚═╝  ╚═╝
	*/
	.site__footer { padding: 3em 6vw; }
	.footer__stores { margin: 0 0 4em; }
	.footer-menu { margin: 0 -3em 6em 6em; }
	.footer-menu__title { transform: rotate(-90deg) translateY(-6em); padding: 0 0.5em; }
	.footer-menu .sns li { margin-right: 1em; }



	/*
	██╗      █████╗ ███╗   ██╗ ██████╗ ██╗   ██╗ █████╗  ██████╗ ███████╗
	██║     ██╔══██╗████╗  ██║██╔════╝ ██║   ██║██╔══██╗██╔════╝ ██╔════╝
	██║     ███████║██╔██╗ ██║██║  ███╗██║   ██║███████║██║  ███╗█████╗
	██║     ██╔══██║██║╚██╗██║██║   ██║██║   ██║██╔══██║██║   ██║██╔══╝
	███████╗██║  ██║██║ ╚████║╚██████╔╝╚██████╔╝██║  ██║╚██████╔╝███████╗
	╚══════╝╚═╝  ╚═╝╚═╝  ╚═══╝ ╚═════╝  ╚═════╝ ╚═╝  ╚═╝ ╚═════╝ ╚══════╝
	*/
	/* home */
	.language-switcher--area_home { display: none; }

	/* menu */
	.language-switcher--area_menu { position: fixed; left: auto; bottom: auto; right: 0; top: 80px; width: 80px; height: 80px; }
	.language-switcher--area_menu ul { transform: rotate(90deg) translate(0, 0.15em); }
	.site__header .header-sub .language-switcher--area_menu li { margin: 0 1em; }


	/*
	 █████╗ ██████╗  ██████╗██╗  ██╗██╗██╗   ██╗███████╗
	██╔══██╗██╔══██╗██╔════╝██║  ██║██║██║   ██║██╔════╝
	███████║██████╔╝██║     ███████║██║██║   ██║█████╗
	██╔══██║██╔══██╗██║     ██╔══██║██║╚██╗ ██╔╝██╔══╝
	██║  ██║██║  ██║╚██████╗██║  ██║██║ ╚████╔╝ ███████╗
	╚═╝  ╚═╝╚═╝  ╚═╝ ╚═════╝╚═╝  ╚═╝╚═╝  ╚═══╝  ╚══════╝
	*/
	/* PRODUCTS common */
	.prod__textbox h3 { margin-bottom: 0.75em; }
	.prod__textbox h3 .ja { margin-top: 1em; }
	.products--latest_main { margin: 0 0 40px; }
	.products--latest_main a { flex-direction: column-reverse; }
	.products--latest_main .prod__figure { position: relative; width: 94%; padding-bottom: 78%; margin-right: -6vw; }
	.products--latest_main .prod__textbox { width: 100%; margin: 0; padding: 1.6em 6vw 0; }
	.productgroup--latest_sub { display: flex; padding: 0 6vw; }
	.products--latest_sub { padding-right: 0; }
	.products--latest_sub:first-child .prod__figure { margin-left: -6vw; }
	.products--latest_sub .prod__figure { width: 100%; }
	.products--latest_sub .prod__textbox { margin: 2rem 8% 0 0; }
	/************************** PRODUCTS **************************/
	.products-archive { margin-top: 40px; }
	.products__item { width: 75%; margin: 20px auto 3em; }
	.products__item .prod__textbox,
	.products__item.ef-show .prod__textbox,
	.products__item:nth-child(2n) .prod__textbox { background: none; padding: 4em 10vw; left: -17vw; right: auto; top: auto; position: relative; width: 100vw; }
	.products__item .prod__textbox .cat-mark { position: relative; left: auto; top: auto; }
	.products__item:nth-child(2n) .prod__textbox .cat-mark { right: auto; }
	.products__item .price { margin-top: 1em; }

	.products__item .prod__thumbnail { left: 11%; top: 3%; }
	.products__item .bg-shadow { left: -10%; top: 0; }
	.products__item:nth-child(2n) .prod__thumbnail { right: 11%; }
	.products__item:nth-child(2n) .bg-shadow { right: -15%; }

	/************************** NEWS **************************/
	.home-news__body { flex-wrap: wrap; margin: 0 -2rem 0 0; }
	.home-news__body .news-item:first-child { width: 92%; }
	.news-item { width: 50%; padding-bottom: 4em; margin-top: 1em; padding-right: 2rem; }
	/*.news-item__in { width: 80%; }*/
	.news-item .thumb { width: 100%; padding-bottom: 69%; margin-bottom: 1rem; }
	.news-item .date { margin-bottom: 0.5em; }
	.news-item .title { margin-bottom: 0.5em; font-weight: 600; }

	.news-list { margin: 0 -2vw; }
	.news-list .news-item__in { width: auto; padding: 0 2vw; }
	.news-list .news-item { padding: 0 0 4em; }
	.news-list .news-item .thumb { margin-bottom: 1rem; }
	.news-list .news-item .date,
	.news-list .news-item .title { margin-bottom: 0.5em; }
	.archvie-pager__head { padding: 20px 5px 30px;}
	.archvie-pager__foot { padding: 0; }


	/************************** SHOPS **************************/
	.shop-list { padding: 0; }
	.shop__group { flex-direction: column; margin-bottom: 0; }
	.shop-areaname { width: 100%; margin-top: 1em; }
	.shop-item { width: 90%; margin-left: auto; margin-top: 2em; }
	.shop-item__in { flex-direction: column; }
	.shop-item__data { width: 100%; padding-right: 0; margin-bottom: 1em; }
	.shop-item__links { width: 100%; }
	.shop-item__links p.ef { display: inline-block; margin-right: 1em; }
	.shop-item__links a { border-bottom: 2px solid #000; }

	/* category */
	.category-select__head { width: 100%; }



	/*
	███████╗██╗███╗   ██╗ ██████╗ ██╗     ███████╗
	██╔════╝██║████╗  ██║██╔════╝ ██║     ██╔════╝
	███████╗██║██╔██╗ ██║██║  ███╗██║     █████╗
	╚════██║██║██║╚██╗██║██║   ██║██║     ██╔══╝
	███████║██║██║ ╚████║╚██████╔╝███████╗███████╗
	╚══════╝╚═╝╚═╝  ╚═══╝ ╚═════╝ ╚══════╝╚══════╝
	*/

	/************************** PRODUCTS **************************/
	.product__detail { flex-direction: column; margin-bottom: 10vw; }
	.product__figure { position: relative; width: 100vw; height: 0; padding-bottom: 75%; }
	.product__mainvisual { width: 100%; height: 100%; }
	.product__mainvisual .js-bg { top: 0; }

	.product__data { width: 100%; padding: 2em 6vw; }
	/* store link */
	.product__store-list { margin-bottom: 4rem; }
	.product__store-list li a { padding: 0.5em 0; }
	.product__store-list .icon { width: 1em; height: 1em; }
	.product__store-link { flex-direction: column; margin-bottom: 4rem; margin-left: 6vw; margin-right: 6vw; width: auto; }
	.product__store-link li { width: 100%; padding: 0.5em 0; text-align: left; }
	.product__store-link .store-name { margin-bottom: 0; margin-right: 0.5em; }
	.product__store-link li a { display: flex; justify-content: space-between; align-items: center; padding: 0;}
	.product__store-link li a .button-block-icon { width: 6rem; height: 6rem; display: flex; justify-content: center; align-items: center; margin: 0; }
	.product__store-link .icon { width: 2.6rem; height: 2.6rem; }
	/* slider */
	.product-gallery { margin-bottom: 3em; }
	.product-gallery__slide-img { width: auto; max-width: 80vw; max-height: 25vh; }
	.product-gallery__control { padding: 1em 2vw; display: none; }
	.product-gallery .js-slider__proxy { display: none; }
	.product-gallery__inner { white-space: normal; width: 100%!important; }
	.product-gallery__slide { padding: 0 6vw 20px; width: 100%; text-align: center; }
	.product-gallery__slide-img { max-height: none; height: auto; max-width: 100%; width: 100%; }
	.product-gallery__slide-img img { height: auto; }
	/* more */
	.products-spacer { height: 40px; }
	.products-footer { padding: 40px 8vw; }
	.products-footer .layout--flex { margin: 0 -6%; }
	.prod-more a { width: 90%; margin: 0 auto; }
	.prod-more .prod__figure { width: 100%; padding-bottom: 130%; }
	.prod-more .prod__textbox { position: relative; text-align: left; color: #000; padding: 0.5em 0; }
	.prod-more .prod__textbox h3 { width: 100%; }
	.prod-more .prod__textbox h3 .cat-mark { position: relative; left: auto; top: auto; width: 1rem; height: 1em; margin-bottom: 0.15em; }
	.prod-more .prod__textbox h3 .cat-mark .icon { fill: #000; width: 1rem; height: 1em; }

	.prod-more a .prod__figure:after { opacity: 0.2; }
	.prod-more a .prod__textbox { opacity: 1; }
	.prod-more a .prod__textbox h3 span { transform: translateY(0) scaleY(1); opacity: 1; }


	/************************** NEWS **************************/
	.news-article { margin-bottom: 0; }
	.news-article .single__content { margin-bottom: 8rem; }

	.single-news__more { margin-right: -6vw; margin-left: -6vw; padding: 2em 2vw 4em 6vw; }
	.single-news__more .news-item { width: 50%; padding-right: 5%; }
	.single-news__head { padding-bottom: 2rem; }
	.single-news__title { margin-bottom: 2rem; }
	.single-news__head .date { margin-right: 1.5em; }

	.single__share { width: 100%; margin-bottom: 6rem; margin-top: 6rem; }
	.single__share .i { width: 6rem; height: 6rem; background: #eee; }
	.single__share .i .icon { fill: #000; width: 2rem; height: 2rem; }
	.single__share .tt { display: none; }
	.single__share .share__body li { transition: none; }
	.single__share .share__body li { transform: translateY(-25%); opacity: 1; }

	.single__content h3 { margin-top: 3em; }
	.single__content h4 { margin-top: 3em; }




	/*
	 ██████╗ ██████╗ ███╗   ██╗████████╗ █████╗  ██████╗████████╗
	██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝██╔══██╗██╔════╝╚══██╔══╝
	██║     ██║   ██║██╔██╗ ██║   ██║   ███████║██║        ██║
	██║     ██║   ██║██║╚██╗██║   ██║   ██╔══██║██║        ██║
	╚██████╗╚██████╔╝██║ ╚████║   ██║   ██║  ██║╚██████╗   ██║
	 ╚═════╝ ╚═════╝ ╚═╝  ╚═══╝   ╚═╝   ╚═╝  ╚═╝ ╚═════╝   ╚═╝
	*/
	.mw_wp_form { width: 100%; }
	.input-group { flex-direction: column; margin: 0 0 1rem; }
	.input-group .label { width: 100%; padding: 0 0 0.5em; }
	.input-group .input { width: 100%; }
	.input-group input,
	.input-group textarea { width: 100%; padding: 0.75em 1em; margin-bottom: 0.15em; }
	.submit-group { padding-top: 2rem; flex-direction: column; }
	.submit-group .g-recaptcha { margin: 20px 0 !important; }
	.layout--col_main .contactform { min-height: auto; flex-direction: column; align-items: flex-start; }
	.confirm-check { height: auto; }

	.button-submit:focus,
	.button-submit:active { background: #eee; }


	/*
	██╗  ██╗ ██████╗ ██╗  ██╗
	██║  ██║██╔═████╗██║  ██║
	███████║██║██╔██║███████║
	╚════██║████╔╝██║╚════██║
	     ██║╚██████╔╝     ██║
	     ╚═╝ ╚═════╝      ╚═╝
	*/
	.not-found__body { margin-bottom: 0; }



	a { transition: opacity .2s; }
	a:focus { opacity: 0.8!important; }
	a:active { opacity: 0.4!important; }


}



/*
███╗   ███╗ ██████╗ ██████╗ ██╗██╗     ███████╗
████╗ ████║██╔═══██╗██╔══██╗██║██║     ██╔════╝
██╔████╔██║██║   ██║██████╔╝██║██║     █████╗
██║╚██╔╝██║██║   ██║██╔══██╗██║██║     ██╔══╝
██║ ╚═╝ ██║╚██████╔╝██████╔╝██║███████╗███████╗
╚═╝     ╚═╝ ╚═════╝ ╚═════╝ ╚═╝╚══════╝╚══════╝
*/
@media screen and (max-width: 479px) {

	.mb-show { display: block; }

	/*
	███████╗ ██████╗ ███╗   ██╗████████╗
	██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝
	█████╗  ██║   ██║██╔██╗ ██║   ██║
	██╔══╝  ██║   ██║██║╚██╗██║   ██║
	██║     ╚██████╔╝██║ ╚████║   ██║
	╚═╝      ╚═════╝ ╚═╝  ╚═══╝   ╚═╝
	*/
	.section-title { font-size: 10vw; }
	.next-banner__in .t { font-size: 8vw; }
	.headline--for_catchcopy { font-size: 12vw; }
	.layout--col_side .page-title { font-size: 10vw; }
	.concept__message-head-in .headline--for_catchcopy { font-size: 12vw; }
	.products--latest_main h3 { font-size: 6.4vw; }
	.product__data h2 { font-size: 6.4vw; }
	.product__data h2 .ja { margin-top: 1em; }
	.product__data .price { font-size: 1.8rem; }

	/*
	███████╗███████╗ ██████╗████████╗██╗ ██████╗ ███╗   ██╗
	██╔════╝██╔════╝██╔════╝╚══██╔══╝██║██╔═══██╗████╗  ██║
	███████╗█████╗  ██║        ██║   ██║██║   ██║██╔██╗ ██║
	╚════██║██╔══╝  ██║        ██║   ██║██║   ██║██║╚██╗██║
	███████║███████╗╚██████╗   ██║   ██║╚██████╔╝██║ ╚████║
	╚══════╝╚══════╝ ╚═════╝   ╚═╝   ╚═╝ ╚═════╝ ╚═╝  ╚═══╝
	*/

	/* home */
	.section__mainvisual { height: 0; padding-bottom: 90%; }

	/* concept */
	.section__concept { margin-top: 8vw; }
	/* comcept team */
	.team__company-logo { flex-wrap: wrap; margin: 0 0 20vw; }
	.team__company-logo li { width: 50%; padding: 6vw 10vw; text-align: center;  }
	.team__company-logo li a { display: flex; }
	/* comcept next */
	.next-banner__in { padding: 0; width: 100%; height: 100%; }


	/*
	███████╗ ██████╗  ██████╗ ████████╗███████╗██████╗
	██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗
	█████╗  ██║   ██║██║   ██║   ██║   █████╗  ██████╔╝
	██╔══╝  ██║   ██║██║   ██║   ██║   ██╔══╝  ██╔══██╗
	██║     ╚██████╔╝╚██████╔╝   ██║   ███████╗██║  ██║
	╚═╝      ╚═════╝  ╚═════╝    ╚═╝   ╚══════╝╚═╝  ╚═╝
	*/
	.site__footer { padding: 2em 6vw; }
	.site__footer h3 { opacity: 0.4; }
	.footer__stores { flex-direction: column; border: none; margin: 0 -6vw 3em; }
	.footer__stores li { width: auto; border-right: none; border: none; border-bottom: 2px solid rgba(255, 255, 255, 0.2); }
	.footer__stores .in { display: flex; justify-content: space-between; padding: 0.75em 6vw; }
	.footer__stores li:first-child .in { padding-bottom: 0; }
	.footer__stores .icon,
	.footer__stores .icon svg { position: relative; right: auto; bottom: auto; width: 1.5em; height: 1.5em; }

	.footer__body { flex-direction: column; margin-bottom: 1em; align-items: initial; }
	.footer-menu { margin: 0 0 3em 18vw; }
	.footer-menu .col { width: 45%; }
	.footer-menu li { padding: 0.25em 0; margin-right: 0; }
	.footer-menu__title { transform: rotate(-90deg) translateY(-18vw); padding: 0 0.5em; }



}