@charset "UTF-8";
html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15}body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'}h1{font-size:2em;margin:.67em 0}hr{height:0}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,Courier,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[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-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{padding:0}progress{vertical-align:baseline}[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}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}

/* ========================================
	font 
======================================== */
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 300; /* light */
	src: url('font/CormorantGaramond-Light.woff') format('woff'), /* woff - Modern Browsers */
	     url('font/CormorantGaramond-Light.ttf') format('truetype'), /* truetype - Android, iOS, safari */
	     url('font/CormorantGaramond-Light.eot') format('embedded-opentype'); /* IE9 Compat Modes */
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 400; /* regular */
	src: url('font/CormorantGaramond-Regular.woff') format('woff'), /* woff - Modern Browsers */
	     url('font/CormorantGaramond-Regular.ttf') format('truetype'), /* truetype - Android, iOS, safari */
	     url('font/CormorantGaramond-Regular.eot') format('embedded-opentype'); /* IE9 Compat Modes */
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 500; /* medium */
	src: url('font/CormorantGaramond-Medium.woff') format('woff'), /* woff - Modern Browsers */
	     url('font/CormorantGaramond-Medium.ttf') format('truetype'), /* truetype - Android, iOS, safari */
	     url('font/CormorantGaramond-Medium.eot') format('embedded-opentype'); /* IE9 Compat Modes */
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 600; /* semi-bold */
	src: url('font/CormorantGaramond-SemiBold.woff') format('woff'), /* woff - Modern Browsers */
	     url('font/CormorantGaramond-SemiBold.ttf') format('truetype'), /* truetype - Android, iOS, safari */
	     url('font/CormorantGaramond-SemiBold.eot') format('embedded-opentype'); /* IE9 Compat Modes */
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 700;
	src: url('font/CormorantGaramond-Bold.woff') format('woff'), /* woff - Modern Browsers */
	     url('font/CormorantGaramond-Bold.ttf') format('truetype'), /* truetype - Android, iOS, safari */
	     url('font/CormorantGaramond-Bold.eot') format('embedded-opentype'); /* IE9 Compat Modes */
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: 300;
	src: url('font/CormorantGaramond-LightItalic.woff') format('woff'), /* woff - Modern Browsers */
	     url('font/CormorantGaramond-LightItalic.ttf') format('truetype'), /* truetype - Android, iOS, safari */
	     url('font/CormorantGaramond-LightItalic.eot') format('embedded-opentype'); /* IE9 Compat Modes */
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: 400;
	src: url('font/CormorantGaramond-Italic.woff') format('woff'), /* woff - Modern Browsers */
	     url('font/CormorantGaramond-Italic.ttf') format('truetype'), /* truetype - Android, iOS, safari */
	     url('font/CormorantGaramond-Italic.eot') format('embedded-opentype'); /* IE9 Compat Modes */
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: 500;
	src: url('font/CormorantGaramond-MediumItalic.woff') format('woff'), /* woff - Modern Browsers */
	     url('font/CormorantGaramond-MediumItalic.ttf') format('truetype'), /* truetype - Android, iOS, safari */
	     url('font/CormorantGaramond-MediumItalic.eot') format('embedded-opentype'); /* IE9 Compat Modes */
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: 600;
	src: url('font/CormorantGaramond-SemiBoldItalic.woff') format('woff'), /* woff - Modern Browsers */
	     url('font/CormorantGaramond-SemiBoldItalic.ttf') format('truetype'), /* truetype - Android, iOS, safari */
	     url('font/CormorantGaramond-SemiBoldItalic.eot') format('embedded-opentype'); /* IE9 Compat Modes */
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: 700;
	src: url('font/CormorantGaramond-BoldItalic.woff') format('woff'), /* woff - Modern Browsers */
	     url('font/CormorantGaramond-BoldItalic.ttf') format('truetype'), /* truetype - Android, iOS, safari */
	     url('font/CormorantGaramond-BoldItalic.eot') format('embedded-opentype'); /* IE9 Compat Modes */
}

@font-face {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 400;
	src: url('font/NotoSerifJP-Regular.woff') format('woff'), /* woff - Modern Browsers */
	     url('font/NotoSerifJP-Regular.ttf') format('truetype'), /* truetype - Android, iOS, safari */
	     url('font/NotoSerifJP-Regular.eot') format('embedded-opentype'); /* IE9 Compat Modes */
}
@font-face {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 500;
	src: url('font/NotoSerifJP-Medium.woff') format('woff'), /* woff - Modern Browsers */
	     url('font/NotoSerifJP-Medium.ttf') format('truetype'), /* truetype - Android, iOS, safari */
	     url('font/NotoSerifJP-Medium.eot') format('embedded-opentype'); /* IE9 Compat Modes */
}
@font-face {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 700;
	src: url('font/NotoSerifJP-Bold.woff') format('woff'), /* woff - Modern Browsers */
	     url('font/NotoSerifJP-Bold.ttf') format('truetype'), /* truetype - Android, iOS, safari */
	     url('font/NotoSerifJP-Bold.eot') format('embedded-opentype'); /* IE9 Compat Modes */
}





html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Cormorant Garamond', 'Noto Serif JP', serif;
	position: relative;
	letter-spacing: .05em;
	color: #333;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.714;
}
* {
	outline: none;
	tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	box-sizing: initial;
}
ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
}
button {
	border-style: none;
	background-color: transparent;
}
a {
	transition: all 0.3s ease-in-out;
}
a,a:active,a:visited,a:focus {
	text-decoration: none;
}
p {
	margin: 0;
	padding: 0;
	font-family: 'Noto Serif JP', 'Cormorant Garamond', serif;
}
p.en {
	font-family: 'Cormorant Garamond', serif !important;
}
p.ja {
	font-family: 'Noto Serif JP', serif !important;
}

@media screen and (max-width:810px) {
	.pc-none{display: block}
	.sp-none{display: none}
	.br-sp{display: block}
	.br-pc{display: none}
}
@media screen and (min-width:811px) {
	.pc-none{display: none}
	.sp-none{display: block}
	.br-sp{display: none}
	.br-pc{display: block}	
}

/*	No Script
--------------------------*/
.browser-alert {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 10;
}
.browser-alert p {
	color: #000;
	font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0.085em;	
}
.browser-alert a {
	text-decoration: none;
	color: #000;
}

/*	State
--------------------------*/
.h-resize {
	height: 100%;
}
.w-resize {
	width: 100%;
}
.is-hidden {
	display: none;
}
.scroller.is-hidden {
	display: none;
}
.contents.is-fadeout {
	opacity: 0;
}
.loading.is-fadeout {
	opacity: 0;
    transition: 2s ease-in-out;
	-webkit-transition: 2s ease-in-out;
}
.scroller.is-fadeout {
	opacity: 0;
}
.header.is-fadeout {
	opacity: 0;
}

/*	animation
--------------------------*/
@keyframes top_arrow {
  0%, 6% {
    -webkit-transform: translateY(-120px); /* for iOS and Chrome */
    -ms-transform: translateY(-120px); /* for IE */
    transform: translateY(-120px); }
  33%, 66% {
    -webkit-transform: translateY(0); /* for iOS and Chrome */
    -ms-transform: translateY(0); /* for IE */
    transform: translateY(0); }
  94%, 100% {
    -webkit-transform: translateY(120px); /* for iOS and Chrome */
    -ms-transform: translateY(120px); /* for IE */
    transform: translateY(120px); }
}
@-webkit-keyframes top_arrow {
  0%, 6% {
    -webkit-transform: translateY(-120px); /* for iOS and Chrome */
    -ms-transform: translateY(-120px); /* for IE */
    transform: translateY(-120px); }
  33%, 66% {
    -webkit-transform: translateY(0); /* for iOS and Chrome */
    -ms-transform: translateY(0); /* for IE */
    transform: translateY(0); }
  94%, 100% {
    -webkit-transform: translateY(120px); /* for iOS and Chrome */
    -ms-transform: translateY(120px); /* for IE */
    transform: translateY(120px); }
}

/*	scroller
--------------------------*/
.scroller {
	display: block;
	color: #fff;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: -60px;
    width: 10px;
    height: 120px;
    background-color: transparent;
    z-index: 4;
    -webkit-backface-visibility: "hidden"; /* for iOS and Chrome */
    backface-visibility: "hidden";
    -webkit-tap-highlight-color: transparent; /* for iOS and Chrome */
    opacity: 1;
    -moz-opacity: 1; /* for Firefox */
    -khtml-opacity: 1;
    filter: alpha(opacity=100); /* for IE6 and IE7 */
    -ms-filter: "alpha(opacity=100)"; /* for IE8 and IE9 */
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%); /* for iOS and Chrome */
    -ms-transform: translateX(-50%); /* for IE */
    -moz-transform: translateX(-50%); /* for Firefox */
    -o-transform: translateX(-50%); /* for Opera */
    overflow: hidden;
    cursor: pointer;
    transition: 0.8s ease-in-out;
	-webkit-transition: 0.8s ease-in-out;
}
.scroller__inner {
    position: absolute;
    top: 0;
    left: 5px;
    width: 1px;
    height: 120px;
    background-color: transparent;
    z-index: 3;
    overflow: hidden;
}
.scroller__inner_line {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 120px;
    background-color: #fff;
    z-index: 3;
    opacity: .4;
    -moz-opacity: .4; /* for Firefox */
    -khtml-opacity: .4;
    filter: alpha(opacity=40); /* for IE6 and IE7 */
    -ms-filter: "alpha(opacity=40)"; /* for IE8 and IE9 */
}
.scroller__inner_line::before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #999;
	margin: 0 auto;
	padding: 0;
}
.scroller__inner_line::after {
	content: '';
	display: block;
	padding: 0;
	width: 1px;
	height: 100%;
	background: #fff;
	margin: -120px auto 0;
	-webkit-animation: top_arrow 2.8s cubic-bezier(0.42, 0, 0.58, 1) infinite; /* for iOS and Chrome */
	animation: top_arrow 2.8s cubic-bezier(0.42, 0, 0.58, 1) infinite;	
}

/*	Swiper style
--------------------------*/
.swiper-container {
	width: 100%;
	height: 100%;
	overflow: visible;
	margin-left: auto;
	margin-right: auto;
	max-width: 1080px;	
}
.swiper-wrapper {
	overflow: visible;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.swiper-slide {
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.swiper-button {
	z-index: 11;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	font-size: 12px;
	cursor: pointer;
	color: #000;
}
.swiper-prev-button {
	position: absolute;
	top: 35%;
	left: -10vw;
	padding: 20px 20px 20px 0;
}
.swiper-next-button {
	position: absolute;
	top: 35%;
	right: -10vw;
	padding: 20px 0 20px 20px;
}
.swiper-button__line {
	width: 10vw;
	height: 1px;
	background: #888;
	vertical-align: middle;
	margin-top: -1px;
	display: inline-block;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
}
.swiper-prev-button__line {
	margin-right: 20px;
}
.swiper-next-button__line {
	margin-left: 20px;
}
@media screen and (max-width:991px) {
	.swiper-prev-button {
		left: -8vw;
	}
	.swiper-next-button {
		right: -8vw;
	}
	.swiper-button__line {
		width: 8vw;
	}
	.swiper-prev-button__line {
		margin-right: 10px;
	}
	.swiper-next-button__line {
		margin-left: 10px;
	}
}
.swiper-button-disabled,.swiper-button-disabled > .swiper-button__line {
	opacity: 0.4;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	width: auto;
	left: auto;
}
.swiper-pagination {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 12px;
	display: inline-block;
	color: #000;
}

/*  lading page
------------------------------------------ */
.loading {
	z-index: 2;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000;
}
.loading__inner {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	height: auto;
}
.loading__img {
	width:60px;
	height:100%;
}

/* contents / section
------------------------------------------ */
.contents {
    transition: 2s ease-in-out;
    -webkit-transition: 2s ease-in-out;
	position: relative;
	width: 100%;
	height: 100%; /* fall back */
    -webkit-backface-visibility: "hidden"; /* for iOS and Chrome */
    backface-visibility: "hidden";
    z-index: 1;
}
.section {
	padding: 120px 10%;
	overflow: hidden;
}
.section__inner {
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	position: relative;
}
@media screen and (max-width:991px) {
	.section {
		padding: 80px 8%;
	}	
}


/* ------------------------------------------
	header
------------------------------------------ */
.header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 4;
    transition: 0.8s ease-in-out;
	-webkit-transition: 0.8s ease-in-out;
}
.header__ttl {
	position: absolute;
	top: 20px;
	left: 40px;
	z-index: 3;
	font-weight: 400;
}
.header__ttl_link {
	font-size: 14px;
	transition: 0.25s linear;
	-webkit-transition: 0.25s linear;
}
.header__ttl_link.is-white {
	color: #fff;
}
.header__ttl_link.is-black {
	color: #222;
}
.header__aside {
	position: absolute;
	top: 20px;
	right: 40px;
	z-index: 3;	
	display: inline-block;
	text-align: left;
}
.header__aside_sns {
	display: inline-block;
	vertical-align: middle;
}
.header__aside_store {
	display: inline-block;
	vertical-align: bottom;
	transition: 0.25s linear;
	-webkit-transition: 0.25s linear;
	color: #fff;
}
.header__aside_line {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 30px;
	background-color: #ccc;
	margin-bottom: 4px;
	transition: 0.25s ease-in-out;
	-webkit-transition: 0.25s ease-in-out;
	margin: 0 15px 2px 15px;
}

.store-img {
	display: inline-block;
	width: 21px;
	height: 21px;
	margin-left: 5px;
	margin-bottom: -1px;
	background-size: contain;
	transition: 0.25s linear;
	-webkit-transition: 0.25s linear;
	background-repeat: no-repeat;
}
.store-txt {
	display: inline-block;
	font-size: 11px;
	line-height: 1;
	font-weight: 500;
	
}
.sns-txt {
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 1;
}
.sns-img__instagram {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background-size: contain;
	transition: 0.25s linear;
	-webkit-transition: 0.25s linear;
	background-repeat: no-repeat;
	margin-right: 5px;
}
.sns-img__instagram {
	opacity: 0.4;
}
.sns-img__youtube {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	background-size: contain;
	transition: 0.25s linear;
	-webkit-transition: 0.25s linear;
	background-repeat: no-repeat;
	margin-left: 5px;
	margin-bottom: -5px;
}

/* white */
.header__aside.is-white .header__aside_store {
	color: #fff;
}
.header__aside.is-white .header__aside_sns {
	color: #fff;
}
.header__aside.is-white .header__aside_line {
	background-color: #ccc;
}
.header__aside.is-white .store-img {
	background-image: url(../images/img_cart-white.png);
}
.header__aside.is-white .sns-img__instagram {
	background-image: url(../images/img_instagram-white.png);
}
.header__aside.is-white .sns-img__youtube {
	background-image: url(../images/img_youtube-white.png);
}

/* black */
.header__aside.is-black .header__aside_store {
	color: #000;
}
.header__aside.is-black .header__aside_line {
	background-color: #999;
}
.header__aside.is-black .store-img {
	background-image: url(../images/img_cart-black.png);
}
.header__aside.is-black .sns-img__instagram {
	background-image: url(../images/img_instagram-black.png);
}
.header__aside.is-black .sns-img__youtube {
	background-image: url(../images/img_youtube-black.png);
}

@media screen and (max-width:991px) {
	.header__ttl {
		left: 20px;
	}
	.header__aside {
		right: 20px;
	}
}

/* ------------------------------------------
	footer
------------------------------------------ */
.footer {
	padding: 60px 10% 30px;
	overflow: hidden;
	background-color: #676664;
	color: #000;
}
.footer__inner {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.footer__txt {
	font-size: 12px;
	margin-bottom: 20px;
}
.footer__txt_link {
	color: #000;
}
.footer__txt_link:hover {
	color: #fff;
}
.footer__copy {
	font-size: 10px;
}
.footer__txt_logo {
	width: 40px;
	position: absolute;
	bottom: 46px;
	right: 0;
}
@media screen and (max-width:991px) {
	.footer__txt_logo {
		width: 40px;
	}
	
}

/* Main Visual
------------------------------------------ */
.mv {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 3;
}
.mv__logo {
	height: auto;
}
.mv__logo_img {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width:60px;
	height:100%;
}

/* ------------------------------------------
	main
------------------------------------------ */

/* bg
------------------------------------------ */
video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%); /* for iOS and Chrome */
	-ms-transform: translate(-50%,-50%); /* for IE */
	-moz-transform: translate(-50%,-50%); /* for Firefox */
}
.bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh; /* fall back */
	overflow: hidden;
	backface-visibility: "hidden";
	-webkit-backface-visibility: "hidden"; /* for iOS and Chrome */
	z-index:-1;
	position: sticky;
	margin-top:-100vh;	
}
.bg__overlay {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.7);
	z-index: 1;
	opacity: 0;
}

/* concept section */
.concept {
	width: 100%;
	height: 100vh;
	position: relative;
}
.concept__txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	color: #fff;
	max-width: 520px;
	width: 84%;
	padding: 0 8%;
}

/* movie section */
.movie {
	padding: 120px 10%;
	overflow: hidden;
	background-color: #000;
}
.movie__inner {
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	position: relative;
}
@media screen and (max-width:991px) {
	.movie {
		padding: 80px 8%;
	}	
}
.movie__ttl_en {
	font-family: 'Cormorant Garamond', serif !important;
	font-size: 16px;
	margin-bottom: 60px;
	color: #ccc;
	text-align: center;
}
.movie__youtube {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
}
.movie__youtube_iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movie__credit_ja {
	font-family: 'Noto Serif JP', serif !important;
	font-size: 10px;
	text-align: center;
	color: #999;
	word-break: keep-all;
}
.movie__credit_en {
	font-family: 'Cormorant Garamond', serif !important;
	font-size: 11px;
	text-align: center;
	color: #999;
	word-break: keep-all;
}

/* products section */
.products {
	background: #f0f0f0;
	position: relative;
}
.products .section__inner {
	max-width: none;
}
/*
.products__item_inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	position: relative;
}
*/
.products__item_img {
	width: 80%;
	margin-left: 10%;
	margin-bottom: 80px;
}
.products__item_caption {
	display: inline-block;
	font-size: 12px;
	line-height: 1.25;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #000;
	opacity: 0;
	transition: 0.6s ease-in-out;
	-webkit-transition: 0.6s ease-in-out;
}
.swiper-slide-active .products__item_caption {
	opacity: 1;
}
@media screen and (max-width:991px) {
	.products {
		padding-top: 120px;
	}
	.products__item_caption {
		bottom: 0;
	}
	.swiper-pagination {
		bottom: 0;
	}
	.products__item_img {
		width: 100%;
		margin-left: 0;
	}
}

/* quality section */
.quality {
	background-color: #fff;
	padding-bottom: 40px;
}
.quality__module {
	width: calc(50% - 25px);
	margin-bottom: 80px;
	font-size: 13px;
}
.quality__module-left {
	float: left;
	margin-right: 50px;
}
.quality__module-right {
	float: left;
}
@media screen and (max-width:991px) {
	.quality {
		padding-bottom: 0;
	}
	.quality__module {
		width: 100%;
		float: none;
	}
	.quality__module-left {
		float: none;
		margin-right: 0px;
	}
	.quality__module-right {
		float: none;
	}
}
.quality__module_ttl {
	font-size: 20px;
	font-weight: 400;
}
.quality__module_ttl_en {
	font-size: 14px;
	margin-left: 10px;
	font-style: italic;
}
.quality__module_img {
	width: 100%;
}
.quality__module_body .ja {
}

/* onlinestore section */
.online {
	background-color: #fff;
	position: relative;
	overflow: visible;
	padding-bottom: 200px;
}
@media screen and (max-width:991px) {
	.online {
		padding-top: 150px;
		padding-bottom: 160px;
	}
}
.online__txt {
	text-align: center;
	margin-bottom: 40px;
	font-size: 15px;
	line-height: 1.5;
}
.online__btn {
	width: 260px;
	height: 60px;
	line-height: 60px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	border: solid 1px #999;
	position: relative;
	box-sizing: border-box;
	position: relative;
}
.online__btn_txt {
	position: relative;
	top: -1px;
}
.online__btn_line {
	height: 1px;
	width: 75px;
	position: absolute;
	top: 50%;
	right: 0;
	background-color: #999;
	display: inline-block;
	transition: all 0.22s linear;
	-webkit-transition: all 0.22s linear;
	transform: translatex(0);
	-webkit-transform: translatex(0);
	-ms-transform: translatex(0);
	-moz-transform: translatex(0);
}
.online__btn_inner {
	display: block;
}
.online__btn:hover .online__btn_line {
	transform: translatex(25px);
	-webkit-transform: translatex(25px);
	-ms-transform: translatex(25px);
	-moz-transform: translatex(25px);
}
.online__btn,.online__btn:active,.online__btn:visited,.online__btn:focus {
	color: #333;
}
.flow-line {
	height: 100px;
	width: 1px;
	background-color: #999;
	position: absolute;
	top: -150px;
	left: 50%;
}