/* (='X'=) Escart CSS */

/* Noto Sans www.google.com/get/noto/ */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 200;
  src: url('/fonts/NotoSans-ExtraLight-Subset.woff2?092118') format('woff2'),
       url('/fonts/NotoSans-ExtraLight-Subset.woff?092118') format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/NotoSans-Light-Subset.woff2?092118') format('woff2'),
       url('/fonts/NotoSans-Light-Subset.woff?092118') format('woff');
}
@font-face {
  font-family: 'Noto Sans CJK JP';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/NotoSansCJKjp-Thin-Subset.woff2?092118') format('woff2'),
       url('/fonts/NotoSansCJKjp-Thin-Subset.woff?092118') format('woff');
}
@font-face {
  font-family: 'Noto Sans CJK JP';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/NotoSansCJKjp-Light-Subset.woff2?032519') format('woff2'),
       url('/fonts/NotoSansCJKjp-Light-Subset.woff?032519') format('woff');
}
@font-face {
  font-family: 'Noto Sans CJK JP';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/NotoSansCJKjp-Regular-Subset.woff2?092118') format('woff2'),
       url('/fonts/NotoSansCJKjp-Regular-Subset.woff?092118') format('woff');
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figcaption, figure, footer, header, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	outline: none;
}
article, aside, details, figcaption, figure, 
footer, header, menu, nav, section {
	display: block;
}

html {
	font-size: 62.5%;
}
body {
	color: #363636;
	background: #fff;
	font-size: 1.6rem;
	line-height: 1.7;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', YuGothic, 游ゴシック, Meiryo, メイリオ, 'ＭＳ Ｐゴシック', 'MS PGothic',  sans-serif;
	width: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* EN */
html[lang='en'] body {
	font-family: 'Avenir Next', 'Helvetica Neue', 'Helvetica', "Segoe UI", Arial, YuGothic, Meiryo, 'MS PGothic',  sans-serif;
}
	
html[lang='en'] h2, html[lang='en'] h3, html[lang='en'] h4, html[lang='en'] h5 {
	font-family: 'Helvetica Neue', 'Helvetica', "Segoe UI", Arial, YuGothic, Meiryo, 'MS PGothic',  sans-serif;
	
}
/* heading
----------------------------------------*/
h1, h2, h3, h4, h5 {
	line-height: 1.4;
	margin-bottom: 20px;
	font-weight: bold;
}
h1 {
	color: #aaa;
	font-size: 1.8rem;
}
h2, h2.small {
	/*color: #84cee6;*/
	color: #435057;
	font-size: 2.0rem;
}
h2.small {
	font-size: 1.8rem;
}
p + h2, ul + h2{
	margin-top: 2em;
}
h3 {
	color: #435057;
	font-size: 1.8rem;
}
h4 {
	color: #666;
	font-size: 1.6rem;
}
h5 {
	color: #e41e20;
	font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
	h1 {
		font-size: 2.4rem;
	}
	h2 {
		font-size: 2.8rem;
	}
	h2.small {
		font-size: 2.4rem;
	}
}
@media screen and (min-width: 1068px) {
	h1 {
		font-size: 2.8rem;
	}
	h2 {
		font-size: 3.2rem;
	}
}

/* paragraph
----------------------------------------*/
p {
	margin-bottom: 20px;
}
.alignright {
	text-align: right;
}
.alignleft {
	text-align: left;
}
.aligncenter {
	text-align: center;
}
.clear {
	clear: both;
}

/* links
----------------------------------------*/
a {
	color: #e41e20;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.more {
	position: relative;
}
.more::after {
	display: inline-block;
	position: relative;
	top: -.1em;
	left: .3em;
	margin: 0;
	content: '';
	width: 6px;
	height: 6px;
	border: 1px solid #e41e20;
	border-width: 1px 1px 0 0;
	-ms-transform: rotate(45deg);/*IE9*/
	transform: rotate(45deg);
}
.dark .more::after {
	border-color: #39c;
}
a.btn {
	margin: 0 auto;
	padding: 10px;
	display: block;
	text-decoration: none;
	color: #363636;
	background: #fff;
	max-width: 400px;
	text-align: center;
	font-weight: bold;
	border-bottom: 3px solid #dfdfdf;
	border-radius: 5px;
	position: relative;
	transition: .25s;
}
a.btn:hover {
	opacity:.8;
}
a.btn::after{
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	margin: -4px 0 0 0;
	content: '';
	width: 6px;
	height: 6px;
	border: 2px solid #999;
	border-width: 2px 2px 0 0;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
a.blue {
	color: #fff;
	background: #84cee6;
	border-color: #2198bf;
}
a.blue::after {
	border-color: #fff;
}
@media screen and (min-width: 768px) {
	a.btn {
		margin: 0;
	}
}

/* images
----------------------------------------*/
img {
	max-width: 100%;
	height: auto;
}

/* svg */
defs {
	display: none;
}
svg {
	vertical-align: middle; 
	fill: #363636;
}
svg .arteicon {
	fill: #ff0004;
}

/* youtube */
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	margin-bottom: 20px;
}
.youtube iframe {
	position: absolute;
	/*left:0;*/
	width: 100%;
	height: 100%;
}

/* magnific popup
----------------------------------------*/
.image-popup {
	display: inline-block;
	position: relative;
	overflow: hidden;
}
/* append JS */
.image-popup .zoom {
	position: absolute;
	content: '';
	display: block;
	background: rgba(255,255,255,.4) 50% 50% url(/img/enlarge.svg) no-repeat;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	top: 12px;
	right: 10px;
	background-size: 16px 16px;
}
.image-popup img {
	transition: transform 0.5s;
}
.image-popup:hover img {
	transform: scale(1.05);
}
/* overlay at start */
.mfp-bg {
  opacity: 0;
  transition: .25s ease-out;
}
/* overlay animate in */
.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.mfp-wrap .mfp-content {
  opacity: 0;
  transition: .25s ease-out;
}
/* content animate it */
.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* lists
----------------------------------------*/
ul {
	list-style: none;
	margin-bottom: 20px;
}
ol {
	padding-left: 1.5em;
	margin-bottom: 20px;
}
/* ul */
ul.disc li, ul.circle li {
	position: relative;
	padding-left: 1em;
}
ul.disc li:before, ul.circle li:before {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	width: .5em;
	height: .5em;
	background: #d84b44;
	border-radius: 50%;
}
ul.circle li:before {
	background: transparent;
	border: 1px solid #d84b44;
}
/* ol */
ol.disc {
	padding: 0;
	list-style: none;
	counter-reset: li;
}
ol.disc li {
	position: relative;
	padding-left: 3em;
	/*min-height: 3em;*/
	margin: 0 0 2em;
}
ol.disc li:before {
	position: absolute;
	top: -.25em;
	left: 0;
	display: block;
	width: 2.5em;
	height: 2.5em;
	color: #fff;
	background: #506978;
	border-radius: 50%;
	font-size: 1.4rem;
	line-height: 2.5em;
	text-align: center;
	content: counter(li);
	counter-increment: li;
}

ol.disc h2, ol.disc h3, ol.disc h4, ol.disc h5 {
	margin: 0;
	color: #506978;
	font-size: 1.8rem;
}
/*upper-alpha*/
ol.upper-alpha {
	list-style: upper-alpha;
}

/* dl */
dl {
	margin-bottom: 20px;
}
dt {
	font-weight: bold;
	/*color: #84cee6;*/
}
dd {
	margin-bottom: 20px;
}
/* horizontal */
.horizontal {
	border-top: 1px solid #f2f3f0;
}
.horizontal dt {
	padding: 16px 0 0;
}
.horizontal dd {
	margin: 0;
	padding: 0 0 16px;
	border-bottom: 1px solid #f2f3f0;
}
@media screen and (min-width: 768px) {
	.horizontal {
		display: -ms-flexbox;-ms-flex-flow: wrap;/* IE10 */
		display: flex;
		flex-wrap: wrap;
	}
	.horizontal dt {
		padding: 16px 0;
		-ms-flex: 1 1 30%;/*IE10*/
		flex: 1 1 30%;
		border-bottom: 1px solid #f2f3f0;
	}
	.horizontal dd {
		margin: 0;
		padding: 16px 0;
		-ms-flex: 1 1 70%;/*IE10*/
		flex: 1 1 70%;
		
	}
}

/* table
----------------------------------------*/
.table-outer {
	overflow: auto;
	margin-bottom: 10px;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.table-outer table {
	margin-bottom: 10px;
}
table {
	margin-bottom: 20px;
	table-layout: auto;
	border-collapse: collapse;
	font-size: 100%;
	line-height: 1.4;
}
table caption {}
th, td {
	padding: 6px 12px;
	empty-cells: show;
	vertical-align: middle;
	text-align: left;
}
th {
	border: 1px solid #84cee6;
	border-width: 1px 0;
	color: #84cee6;
	/*font-weight: bold;*/
}
tbody th {
	color: #666;
	border-color: #f2f3f0;
}
td {
	border-bottom: 1px solid #f2f3f0;
}
.dark th {
		border-color: #fff;
		color: #fff;
	}

.dark tbody th {
	color: #999e;
	border-color: #666;
}
.dark td {
	color:#999e;
	border-color: #666;
}
.ws-norm { white-space: normal;}

/*
----------------------------------------*/
em {
	font-style: normal;
}
strong {
	font-weight: bold;
}
@media screen {
	.marker {
		background: linear-gradient(transparent 40%,rgba(255,255,160,.5) 40%);
	}
}
address {
	font-style: normal;
}
abbr, acronym {
	border-bottom: 1px dashed #ccc;
	cursor: help;
}
hr {
	display: none;
}
iframe {
	margin-bottom: 16px;
}
pre {
	margin-bottom: 16px;
	padding: 16px;
	background: #fcfcfc;
	border-left: 5px solid #eee;
	font: 100%/1.4 Menlo, Consolas, 'Courier New', Courier, monospace;
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}
code {}
dfn {}
sup {
	vertical-align: super;
}
blockquote {
	margin-bottom: 16px;
	padding: 1.5em 3.5em 0;
	position: relative;
	color: #435057;
}
blockquote::before, blockquote::after {
	position: absolute;
	color: #f2f3f0;
	font: bold 500%/1 Times, serif;
}
blockquote::before{
	content:'\201c';
	top: 0;
	left: 0;
}
blockquote::after{  
	content:'\201d';
	bottom: 0;
	right: 0;
}
blockquote p{}
cite {
	display: block;
	text-align: right;
	font-style: italic;
}
cite::before {
	content:'\2014 \20';  
}
.fb-xfbml-parse-ignore blockquote {padding: 0;}
.fb-xfbml-parse-ignore blockquote::before, .fb-xfbml-parse-ignore blockquote::after {content:'';}
q {
	color: #435057;
}
q::before, q::after {
	color: #f2f3f0;
}

/* form
----------------------------------------*/
form {
	margin-bottom: 20px;
	position: relative;
}
fieldset {}
legend {}
.required {
	color: #e41e20;
	font-size: 1.2rem;
}
input[type="text"], input[type="button"], input[type="email"], input[type="submit"], input[type="tel"], input[type="number"], textarea, select {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	line-height: 1.7;
}
/* select */
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	box-sizing: content-box;
	text-indent: 0.01px;
	text-overflow: '';
	width: 100%;
	color: #363636;
	background: #fff;
	font-size: 100%;
	border: none;
}
select::-ms-expand {
	display: none;
}
select:-moz-focusring { 
	color: transparent; 
	text-shadow: 0 0 0 #828c9a;
}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}
select option{
	color: #363636;
	background: #fff;
}
.select-wrap {
	position: relative;
}
.select-wrap::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	margin: -6px 0 0 0;
	content: '';
	width: 8px;
	height: 8px;
	border: 1px solid #999;
	border-width: 0 1px 1px 0;
	transform: rotate(45deg);
	pointer-events: none;
}
/* radio */
.radio input[type=radio] {
	display: none;
}
.radio label {
	position: relative;
	display:inline-block;
	margin-left: 24px;
	margin-right: 12px;
}
.radio label::before {
	position: absolute;
	content: '';
	display: block;
	top: 50%;
	left: -24px;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #ccc;
	border-radius: 50%;
	background: #ccc;
	box-shadow: 0 0 0 4px #fff inset;
	transition:  .25s;
}
.radio input:checked ~ label::before {
	border-color: #09c;
	background: #09c;
}
/* focus */
input:focus, textarea:focus, select:focus {
	color: #363636;
	background: #fff;
	border-color: #84cee6;
	outline: 0;
}
.text, .password, .textarea, select {}
.field {}

/*----------------------------------------*/
/* tabs
/*----------------------------------------*/
.tabs {
	position: relative;
	margin-bottom: 20px;
	font-size: 1.4rem;
	z-index: 0;
	background: #fff;
}
.dark .tabs {background: #151515;}
.tab-content {
	padding: 16px;
}
@media screen and (min-width: 768px) {
	.tabs {
		font-size: 1.6rem;
	}
	.tab-content {
		padding: 40px 22px;
	}
}
.tabs input[name="tab"] {
	display: none;
}
/* tab-nav */
.tab-nav {
	display: -ms-flexbox;/* IE10 */
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #f2f3f0;
	font-weight: bold;
	line-height: 44px;
}
.dark .tab-nav {background: #272727;}
@media print {
	.tab-nav {
		display: none;
	}
}
/* tab label */
.tab-nav label {
	display: block;/*IE10 */
	-ms-flex: 1 1 0%;/* IE10 */
	flex: 1 1 0%;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
	transition: .25s ease;
}
.tab-nav label + label {
	margin-left: 5px;
}
@media screen and (min-width: 640px) {
	.tab-nav {
		justify-content: flex-start;
	}
	.tab-nav label {
		-ms-flex: 0 1 15%;/* IE10 */
		flex: 0 1 15%;
	}
}
.tab-nav label:hover {
	color: #84cee6;
	background: #fff;	
}
.dark .tab-nav label:hover {
	color: #fff;
	background: #151515;	
}
#tab1:checked ~ .tab-nav label:nth-child(1),  #tab2:checked ~ .tab-nav label:nth-child(2), #tab3:checked ~ .tab-nav label:nth-child(3), #tab4:checked ~ .tab-nav label:nth-child(4), #tab5:checked ~ .tab-nav label:nth-child(5) {
	color: #363636;
	background: #fff;
	cursor: default;
}
.dark #tab1:checked ~ .tab-nav label:nth-child(1), .dark #tab2:checked ~ .tab-nav label:nth-child(2), .dark #tab3:checked ~ .tab-nav label:nth-child(3), .dark #tab4:checked ~ .tab-nav label:nth-child(4), .dark #tab5:checked ~ .tab-nav label:nth-child(5) {
	color: #fff;
	background: #151515;
}
/* tab content */
#tab1:checked ~ .tab1, #tab2:checked ~ .tab2, #tab3:checked ~ .tab3, #tab4:checked ~ .tab4, #tab5:checked ~ .tab5 {
	display: block;
	animation-duration: 0.25s;
	animation-name: fade-in;
}
@keyframes fade-in {
	0%, 50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@media screen {
	.tab-content, .tab-content h3 {
		display: none;
	}
}

/*----------------------------------------*/
/* accordion */
/*----------------------------------------*/
.accordion {
	margin-bottom: 20px;
	font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
	.accordion {
		font-size: 1.6rem;
	}
}
.accordion input[name="accordion"] {
    display: none;
}
/* accordion panel */
.accordion label {
    display: block;
    position: relative;
	padding: 8px 0;
    cursor: pointer;
	opacity: 0.8;
	transition: opacity .25s;
	border-bottom: 1px solid #ddd;
}
.accordion label:hover {
	opacity: 1;
}
/* arrow */
.accordion label::before, .accordion label::after {
	position: absolute;
	content: '';
	display: block;
	top: 50%;
	right: 11px;
	margin: 0 0 0 0;
	width: 8px;
	height: 1px;
	background: #666;
	-ms-transform: rotate(45deg);/* IE9 */
	transform: rotate(45deg);
	transition: .4s ease-in-out;
}
.accordion label::after {
	right: 6px;
	-ms-transform: rotate(-45deg);/* IE9 */
	transform: rotate(-45deg);
}
.accordion input:checked + label::before {
	right: 8px;
	-ms-transform: rotate(-45deg);/* IE9 */
	transform: rotate(-45deg);
}
.accordion input:checked + label::after {
	right: 8px;
	-ms-transform: rotate(45deg);/* IE9 */
	transform: rotate(45deg);
}
/* label */
.accordion input:checked + label {
    border: none;
	opacity: 1;
}
.accordion label h2 {
	margin: 0;
	color: #333;
	font-size: 1.4rem;
	line-height: 1.7;
	font-weight: normal;
}
@media screen and (min-width: 768px) {
	.accordion label h2 {
		font-size: 1.6rem;
	}
}
.accordion input:checked + label h2 {
	font-weight: bold;
}

/* list */
.accordion input + label + ul {
	margin: 0;
    padding: 0;
	height: 0;
	font-size: 1.4rem;
    overflow: hidden;
}
.accordion input:checked + label + ul {
	padding: 10px 0 20px;
	height: auto;
	border-bottom: 1px solid #ddd;
}
.accordion input + label + ul li {
	position: relative;
	top: -100px;
	transition: .25s;
}
.accordion input:checked + label + ul li {
    top: 0;
}
.accordion ul li a {
	display: block;
	padding: 5px 10px;
	color: #333;
	text-decoration: none;
	border-bottom: none;
	transition: .25s;
}
.accordion ul li a:hover {
	color: #e41e20;
}

/* inline */
.accordion .inline li {
	display: inline-block;
	margin-right: 10px;
}
.accordion .inline li a {
	padding: 5px 0;
}

/* stores list wrap*/
.accordion input + label + .stores {
	margin: 0;
    padding: 0;
	height: 0;
	overflow: hidden;
}
.accordion input:checked + label + .stores {
    height: auto;
	padding: 10px 0 20px;
	border-bottom: 1px solid #ddd;
}
.accordion input + label + .stores table {
	position: relative;
	top: -100px;
	transition: .4s ease-in-out;
}
.accordion input:checked + label + .stores table {
    top: 0;
}

/* accodion disable */
@media screen and (min-width: 768px) {
	.accordion.disable input + label {
		border-bottom: 1px solid #ddd;
		opacity: 1;
		pointer-events: none;
	}
	.accordion.disable label h2 {
		font-weight: bold;
	}
	.accordion.disable label::before, .accordion.disable label::after {
		display: none;
	}
	.accordion.disable input + label + ul {
		height: auto;
		padding: 10px 0 0;
		border: none;
	}
	.accordion.disable input + label + ul li {
		top: 0;
	}
	.accordion.disable ul li a {
		padding: 5px 0;
	}
}

/*--------------------------------------*/
/* header
----------------------------------------*/
/* sp */
#header {
	position: fixed;
	top: 0;
	height: 48px;
	width: 100%;
	background: rgba(255,255,255,.95);
	z-index: 1;
}
@media screen and (max-width: 767px) {
	#nav-state:checked ~ #header {
		height: 100%;
		background: rgba(255,255,255,.85);
		transition: .4s ease-in-out;/*-webkit-backdrop-filter: blur(20px) saturate(180%);backdrop-filter: blur(20px) saturate(180%);*/
	}
	
	/*#nav-state:checked ~ #title, #nav-state:checked ~ .slider, #nav-state:checked ~ #content, #nav-state:checked ~ #footer ,*/
	#nav-state:checked ~ *:not(#header) {
		filter: blur(20px) saturate(180%);
		transition: .4s ease-in-out;
	}
}
@media screen\0 {
  #nav-state:checked ~ #header {
    background: rgba(255,255,255,1);/* IE9-11*/
  }
}
#header h1 {
	margin: 0 auto;
	height: 48px;
	width: 76px;
	font-size: 100%;
	line-height: 48px;
	z-index: 5;
}
#header h1 a {
	display: block;
}
#header h1 svg {
	width: 76px;
	height: 20px;
	fill: #000;
}
#header a {
	transition: opacity .25s;
	-webkit-tap-highlight-color: transparent;
}
#header a:hover {
	opacity: 0.75;
}
#header h1 span {
	display: none;
}

/* pc */
@media screen and (min-width: 768px) {
	#header {
		position: absolute;
		height: 82px;
	}
	.home #header {
		background: transparent;
	}
	#header h1 {
		position: absolute;
		top: 15px;
		margin: 0;
		width: 86px;
	}
	#header h1 svg {
		width: 86px;
		height: 23px;
	}

	/* fixed JS */
	#header.fixed {
		position: fixed;
		top: 0;
		height: 48px;
		animation: slide-in ease-out .6s;
		background: rgba(255,255,255,.95);
	}
	#header.fixed h1 {
		top: 0;
	}
}
@keyframes slide-in {
	0% {
		top: -48px;
		opacity: 0;
	}
	100% {
		top: 0;
		opacity: 1;
	}
}

/*--------------------------------------*/
/* nav
----------------------------------------*/
/* input nav-state */
#nav-state {
	display: none;
}
/* label nav-btn */
#nav-btn {
	position: absolute;
	top: -48px;
	left: 0;
	display: block;
	height: 48px;
	width: 48px;
	cursor: pointer;
	z-index: 20;
	outline: none;
	text-indent: -9999px;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
}
/* nav icon */
#nav-btn::before, #nav-btn::after, #nav::before {
	position: absolute;
	left: 14px;
	display: block;
	content: '';
	width: 18px;
	height: 1px;
	background: #333;
	transition: .4s ease-in-out;
}
#nav-btn::before {
	top: 16px;
}
#nav-btn::after{
	top: 30px;
}
#nav::before{
	top: -25px;
}
#nav-state:checked ~ #header #nav-btn::before {
	top: 24px;
	-ms-transform: rotate(225deg);/* IE9 */
	transform: rotate(135deg);
}
#nav-state:checked ~ #header #nav-btn::after {
	top: 24px;
	-ms-transform: rotate(-225deg);/* IE9 */
	transform: rotate(-135deg);
}
#nav-state:checked ~ #header #nav::before  {
	width: 0;
	left: 23px;
}
@media screen and (min-width: 768px) {
	#nav-btn, #nav::before {
		display: none;
	}
}

/* nav sp
----------------------------------------*/
#nav {
	position: absolute;
	top: 48px;
	height: 0;
	width: 100%;
	font-size: 1.4rem;
	z-index: 5;
}
#nav > ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 0;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	#nav-state:checked ~ #header #nav {
		bottom: 0;
		height: auto;
	}
	#nav-state:checked ~ #header #nav > ul {
		padding: 12px 48px 0;
		height: auto;
		bottom: 0;
		overflow: auto;
	}
	/* nav ul margin-bottom */
	#nav ul::after {
		display: block;
		content: '';
		height: 48px;
	}
}
#nav li {
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
#nav a {
	display: block;
	padding: 10px 0;
	color: #363636;
	text-decoration: none;
	position: relative;
}

/* dropdown */
.dropdown-state {
	display: none;
}
.dropdown-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 46px;
	height: 44px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.dropdown-btn::before, .dropdown-btn::after {
	position: absolute;
	content: '';
	display: block;
	top: 50%;
	right: 20px;
	margin: 0 0 0 0;
	width: 12px;
	height: 1px;
	background: #666;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);/* IE9 */
	transition: .4s ease-in-out;
}
.dropdown-btn::after {
	right: 12px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);/* IE9 */
}
.dropdown-state:checked + .dropdown-btn::before {
	right: 16px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);/* IE9 */
}
.dropdown-state:checked + .dropdown-btn::after {
	right: 16px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);/* IE9 */
}
.dropdown-state + .dropdown-btn + ul {
	position: relative;
	margin: 0;
	padding: 0 22px;
	max-height: 0;
	overflow: hidden;
}
.dropdown-state:checked + .dropdown-btn + ul {
	max-height: 300px;
	transition: max-height .4s ease-in-out;
}
/* nav products logo */
#nav svg {
	fill: #363636;
}
#nav svg.arte {
	width: 63px;
	height: 16px;
}
#nav svg.vento {
	width: 57px;
	height: 26px;
}
#nav svg.mistral {
	width: 80px;
	height: 11px;
}

/* nav PC*/
@media screen and (min-width: 768px) {
	#nav {
		margin: 0 auto;
		position: relative;
		top: 0;
		width: auto;
		max-width: 980px;
		padding: 0 22px;
		line-height: 48px;
	}
	#nav > ul {
		margin-left: 180px;/* logo width */
		position: relative;
		top: 15px;
		height: 48px;
		/*max-width: 988px;*/
		text-align: center;
		overflow: visible;
		display: -ms-flexbox;-ms-justify-content: flex-end;/* IE10 */
		display: flex;
		justify-content: flex-end;
	}
	/* EN */
	html[lang='en'] #nav > ul {
		margin-left: 50%;
	}
	#nav li {
		-ms-flex: 1 1 auto;/* IE10 */
		flex: 1 1 auto;
		border: none;
	}
	#nav a {
		padding: 0;
	}
	
	/* fixed */
	.fixed #nav {
		/*padding: 0 22px;/**/
		/*max-width: 980px;/**/
		font-size: 1.4rem;
	}
	.fixed #nav > ul {
		top: 0;
	}
	/* nav products logo */
	#nav svg {
		fill: #fff;
	}
	
	/* dropdown */
	.dropdown-btn {
		display: none;
	}
	/* arrow */
	/*.dropdown::after {
	display: inline-block;
	position: relative;top:2px;left: 8px;
	content: '';
	background: none;
	border: 5px solid transparent;
	border-top: 5px solid rgba(0,0,0,.6);
}*/

	.dropdown-state + .dropdown-btn + ul {/*#nav ul ul*/
		position: absolute;
		top: 43px;left: 50%;
		-ms-transform: translateX(-50%);/* IE9 */
		transform: translateX(-50%);
		padding: 0;
		height: auto;
		max-height: 0;
		background: rgba(0,0,0,.7);
		opacity: 0;
		overflow: visible;
		visibility: hidden;font-size: 1.4rem;
		transition: none;/* sp -> pc resize w/o JS */
	}
	.fixed #nav ul ul {/*.fixed .dropdown-state + .dropdown-btn + ul*/
	}
	/*#nav li:hover ul*/ .dropdown:hover .dropdown-state + .dropdown-btn + ul {
		max-height: 200px;/**/
		opacity: 1;
		visibility: visible;
		transition: .25s;
	}
	/*#nav ul ul a*/ #nav .dropdown ul a {
		color: #fff;
		padding: 0px 40px;
	}
	/* ballon */
	/*#nav ul ul::before*/ .dropdown ul::before {
		position: absolute;
		content: '';
		display: block;
		top: -20px;
		left: 50%;
		margin-left: -10px;
		border: 10px solid transparent;
		border-bottom: 10px solid rgba(0,0,0,.7);
		pointer-events: none;
	}
	.fixed #nav ul ul::before {}
	.fixed #nav ul ul a {}
}
@media screen and (min-width: 1024px) {
	#nav {
		font-size: 1.6rem;
	}
}
/*--------------------------------------*/
/* select language
----------------------------------------*/
/* nav language */
#nav li:last-child {
	border: none;
}
#nav .langs .dropdown-btn {
	display: block;
	padding: 10px 0;text-indent: 20px;
	height: auto;
	width: 100%;
	color: #363636;
	background: 0 calc(50% + 54px) url(/img/sphere.svg) no-repeat;
	background-size: 16px 128px;
	transition: opacity .25s;
	position: relative;
}
#nav .langs .dropdown-btn:hover {
	opacity: 0.75;
}
.langs .dropdown-btn::before, .langs .dropdown-btn::after {
	display: none;
}
.langs a {
	white-space: pre;
}
.langs .jp::after {
	content: "\20\2d\20\4a\50";
}
.langs .en::after {
	content: "\20\2d\20\45\4e";
}

@media screen and (min-width: 768px) {
	#nav .langs .dropdown-btn {
		padding: 0;text-indent: 14px;
		background-position-x: calc(50% - 16px);
	}
	.fixed #nav .langs .dropdown-btn {
		text-indent: -9999px;
		background-position-x: 50%
	}
	#nav .langs ul {
		-ms-transform: translateX(-60%);/* IE9 */
		transform: translateX(-60%);
		left: auto;right: 50%;
		-ms-transform: translateX(30%);/* IE9 */
		transform: translateX(30%);
		padding: 12px 0;
	}
	.fixed #nav .langs ul {
		-ms-transform: translateX(-80%);/* IE9 */
		transform: translateX(-80%);
		-ms-transform: translateX(20%);/* IE9 */
		transform: translateX(20%);
	}
	#nav .langs ul a {
		padding: 0 20px;
	}
	/* ballon */
	#nav .langs ul::before {
		left: 65%;
		margin-left: -10px;
	}
	.fixed #nav .langs ul::before {
		left: 80%;
	}
	#nav .langs ul a {
		line-height: 36px;
	}
}

/* footer language */
#footer .dropdown {
	position: relative;
}
#footer .dropdown li::before {
	display: none;
}
#footer .langs .dropdown-btn {
	position: relative;
	height: auto;
	top: auto;
	right: auto;
	width: auto;
	display: inline-block;
	padding-left: 24px;
	color: #fff;
	background: 4px calc(50% - 8px) url(/img/sphere.svg) no-repeat;
	background-size: 16px 128px;
}
#footer .dropdown-state + .dropdown-btn + ul {
	position: absolute;
	top: 26px;left: 50%;
	-ms-transform: translateX(-50%);/* IE9 */
	transform: translateX(-50%);
	padding: 8px 0;
	height: auto;
	max-height: 0;
	background: rgba(0,0,0,.7);
	opacity: 0;
	overflow: visible;
	visibility: hidden;font-size: 1.2rem;
	transition: none;/* sp -> pc resize w/o JS */
}
#footer .dropdown ul a {
	color: #fff;
	padding: 0px 10px;
	line-height: 36px;
}
#footer .dropdown ul::before {
	position: absolute;
	content: '';
	display: block;
	top: -20px;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-bottom: 10px solid rgba(0,0,0,.7);
	pointer-events: none;
}
@media screen and (max-width: 767px) {
	#footer .dropdown .dropdown-state:checked + .dropdown-btn + ul {
		max-height: 100px;
		opacity: 1;
		visibility: visible;
		transition: .25s;
	}
}
@media screen and (min-width: 768px) {
	#footer .dropdown:hover {
		padding-bottom: 10px;
	}
	#footer .dropdown:hover .dropdown-state + .dropdown-btn + ul {
		max-height: 100px;
		opacity: 1;
		visibility: visible;
		transition: .25s;
	}
}

/*--------------------------------------*/
/* wrapper
----------------------------------------*/
#wrapper {
	padding-top: 48px;
}
@media screen and (min-width: 768px) {
	#wrapper {
		padding-top: 82px;
	}
	#wrapper.home {
		padding: 0;
	}
}

/*--------------------------------------*/
/* section
----------------------------------------*/
section {
	padding: 40px 0;
	overflow: hidden;
}
@media screen and (min-width: 768px) {
	section {
		padding: 60px 0;
	}
}
@media screen and (min-width: 1068px) {
	section {
		padding: 80px 0;
	}
}
#main section:nth-child(even) {}
section.specs {
	background: #f2f3f0;
}
.dark section.specs {
	background: #272727;
}
.error {
	background: #f2f3f0;
}
section.time {
	/*background: url() 50% 20%;*/
	background-size: cover;
	position: relative;
}
/* bg opacity */
.time::before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,.7);
}

/*--------------------------------------*/
/* container
----------------------------------------*/
.container {
	margin: 0 auto;
	padding: 0 16px;
	width: 87.5%;
	position: relative;
}
#header .container, #footer .container, .page-title .container, .breadcrumbs .container, .products-nav .container, .specs .container, .categorylist .container, #room-acoustics .container, .maps .container {
	width: auto;
}
.page-title .container {
	padding: 20px 16px;
}
.about .container {
	max-width: 692px;
}
.maps .container {
	max-width: 1306px;
}
@media screen and (min-width: 768px) {/*735*/
	.container {
		padding: 0 22px;
		width: 692px;max-width:980px;/**/
	}
	.page-title .container {
		padding: 30px 22px;
	}
}
@media screen and (min-width: 1068px) {
	.container {
		width: auto;
		/*max-width: 980px;*/
	}
}

/*full-width */
.full-width {
	position: relative;
	left: 50%;
	-ms-transform: translateX(-50%);/* IE9 */
    transform: translateX(-50%);
	width: 100vw;
	max-width: 980px;
}
.xs {
	max-width: 816px;
}
.sm {
	max-width: 1350px;
}
.md {
	max-width: 1440px;
}
.lg {
	max-width: 1920px;
}

/* flex layout col-1, sm, md, lg */

.row {
	display: -ms-flexbox;/* IE10 */
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.row.center {
	-ms-flex-align: center;/* IE10 */
	align-items: center;justify-content: center;
}
.row.reverse {
	flex-direction: row-reverse;
}

.col-1, .col-sm-1, .col-md-1, .col-lg-1, .col-2, .col-sm-2, .col-md-2, .col-lg-2, .col-3, .col-sm-3, .col-md-3, .col-lg-3, .col-4, .col-sm-4, .col-md-4, .col-lg-4, .col-5, .col-sm-5, .col-md-5, .col-lg-5, .col-6, .col-sm-6, .col-md-6, .col-lg-6, .col-7, .col-sm-7, .col-md-7, .col-lg-7, .col-8, .col-sm-8, .col-md-8, .col-lg-8, .col-9, .col-sm-9, .col-md-9, .col-lg-9, .col-10, .col-sm-10, .col-md-10, .col-lg-10, .col-11, .col-sm-11, .col-md-11, .col-lg-11, .col-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
	padding-right: 15px;
	padding-left: 15px;
}
.copy-wrap {}
.row .image-wrap {z-index:-1;}

.col-12 {
	width: 100%;
}
.col-11 {
	width: 91.66666667%;
}
.col-10 {
	width: 83.33333333%;
}
.col-9 {
	width: 75%;
}
.col-8 {
	width: 66.66666667%;
}
.col-7 {
	width: 58.33333333%;
}
.col-6 {
	width: 50%;
}
.col-5 {
	width: 41.66666667%;
}
.col-4 {
	width: 33.33333333%;
}
.col-3 {
	width: 25%;
}
.col-2 {
	width: 16.66666667%;
}
.col-1 {
	width: 8.33333333%;
}
@media (min-width: 768px) {
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}
}
@media (min-width: 992px) {
	.col-md-12 {
		width: 100%;
	}
	.col-md-11 {
		width: 91.66666667%;
	}
	.col-md-10 {
		width: 83.33333333%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-8 {
		width: 66.66666667%;
	}
	.col-md-7 {
		width: 58.33333333%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-5 {
		width: 41.66666667%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-2 {
		width: 16.66666667%;
	}
	.col-md-1 {
		width: 8.33333333%;
	}
}
@media (min-width: 1200px) {
	.col-lg-12 {
		width: 100%;
	}
	.col-lg-11 {
		width: 91.66666667%;
	}
	.col-lg-10 {
		width: 83.33333333%;
	}
	.col-lg-9 {
		width: 75%;
	}
	.col-lg-8 {
		width: 66.66666667%;
	}
	.col-lg-7 {
		width: 58.33333333%;
	}
	.col-lg-6 {
		width: 50%;
	}
	.col-lg-5 {
		width: 41.66666667%;
	}
	.col-lg-4 {
		width: 33.33333333%;
	}
	.col-lg-3 {
		width: 25%;
	}
	.col-lg-2 {
		width: 16.66666667%;
	}
	.col-lg-1 {
		width: 8.33333333%;
	}
}
.badge {position: absolute;right:5px;top: 5px;}
.row .badge{right:20px;}
/*--------------------------------------*/
/* breadcrumbs
----------------------------------------*/
.breadcrumbs {}
.breadcrumbs ol {
	margin: 0;
	padding: 10px 0;
	list-style: none;
	font-size: 1.2rem;
	color: #999;
}
@media screen and (min-width: 768px) {
	.breadcrumbs ol {
		text-align: center;
	}
}
.breadcrumbs li {
	display: inline;
	margin-right: 16px;
	position: relative;
}
.breadcrumbs li + li:before {
	position: relative;
	left: -10px;
	content: '\2f';
}

.breadcrumbs li:first-child {
	text-indent: -9999px;
}
.breadcrumbs a {
	color: #999;
}
.breadcrumbs a:hover {
	color: #666;
}
.breadcrumbs li:first-child a {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/img/home.svg) no-repeat;
	background-size: 16px 48px;
	vertical-align: -1px;
}
.breadcrumbs li:first-child a:hover {
	background-position-y: -16px;
}
.dark .breadcrumbs {
	background: #151515;
}
.dark .breadcrumbs a {
	color: #999;
}
.dark .breadcrumbs a:hover {
	color: #ccc;
}
.dark .breadcrumbs li:first-child a:hover {
	background-position-y: -32px;
}
	
/*--------------------------------------*/
/* content
----------------------------------------*/
#content {}
#main {}
#sub {}
/* 2column */
@media screen and (min-width: 768px) {
	#content.col-2 {
		margin: 0 auto;
		padding: 0;
		max-width: 1068px;
		display: -ms-flexbox;-ms-flex-pack: justify;/* IE10 */
		display: flex;
		justify-content: space-between;
	}
	#content.col-2 #sub .container {
		padding-right: 0;
	}
	#main {
		order: 2;
		flex: 3;
	}
	#sub {
		order: 1;
		flex: 1;
	}
}

/*--------------------------------------*/
/* main content
----------------------------------------*/
/* logo default size*/
svg.arte {
	width: 71px;
	height: 18px;
}
svg.vento {
	width: 64px;
	height: 30px;
}
svg.mistral {
	width:94px;
	height:13px;
}
@media screen and (min-width: 768px) {
	svg.arte {
		width: 86px;
		height: 22px;
	}
	svg.vento {
		width: 73px;
		height: 34px;
	}
	svg.mistral {
		width:116px;
		height:16px;
	}
}

/* page title +
----------------------------------------*/
.page-title {
	padding: 3% 0;
	background: #ebece6;
}
.page-title h1 {
	margin: 0;
	font-size: 2.2rem;
	text-align: center;
	color: #363636;
	font-family: 'Noto Sans', 'Noto Sans CJK JP', sans-serif;
	font-weight: 200;
}
.page-title h1 span {
	display: block;
	font-size: 1.4rem;
}
.page-title svg {
	vertical-align: baseline;
}
.page-title svg.arte {
	width: 100px;
	height: 26px;
}
.page-title svg.vento {
	width: 80px;
	height: 37px;
}
.page-title svg.mistral {
	width: 120px;
	height: 17px;
}
@media screen and (min-width: 768px) {
	.page-title h1 {
		font-size: 3.4rem;
	}
	.page-title h1 span {
		font-size: 1.6rem;
	}
	.page-title svg.arte {
		width: 120px;
		height: 31px;
	}
	.page-title svg.vento {
		width: 100px;
		height: 47px;
	}
	.page-title svg.mistral {
		width: 140px;
		height: 20px;
	}
}
@media screen and (min-width: 1068px) {
	.page-title {
		padding: 32px 0;
	}
	.page-title h1 {
		font-size: 4.0rem;
	}
	.page-title h1 span {
		font-size: 1.8rem;
	}
	.page-title svg.arte {
		width: 160px;
		height: 41px;
	}
	.page-title svg.vento {
		width: 140px;
		height: 65px;
	}
	.page-title svg.mistral {
		width: 180px;
		height: 25px;
	}
}

/*--------------------------------------*/
/* home content */
/* pickup products +
----------------------------------------*/
.pickup .container {
	padding: 0 12px;
	width: auto;
	max-width: 1236px;
}
.pickup {
	font-family: 'Noto Sans','Noto Sans CJK JP', sans-serif;
	font-weight: 300;
}
.pickup ul {
	margin: 0;
	font-size: 1.8rem;
	text-align: center;
}
.pickup li {
	margin-bottom: 12px;
}
.pickup a {
	display: block;
	height: 100%;
	color: #363636;
	text-decoration: none;
	overflow: hidden;
}
.pickup img {
	display: block;
	width: 100%;
	transition: transform 0.5s;
}
.pickup .copy {
	padding: 10px 0 12px;
	background: #fff;
	position: relative;
}
.pickup p {
	margin: 0;
}
.pickup svg.arte {
	width: 64px;
	height: 17px;
}
.pickup svg.vento {
	width: 60px;
	height: 28px;
}
.pickup svg.mistral {
	width: 90px;
	height: 13px;
}
@media screen and (min-width: 768px) {
	.pickup .container {
		padding: 0 22px;
	}
	.pickup ul {
		display: -ms-flexbox;-ms-flex-wrap: wrap;-ms-flex-pack: justify;/* IE10 */
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.pickup li {
		margin-bottom: 22px;
		width: calc(50% - 11px);
	}
	.pickup a:hover img {
		transform: scale(1.05);
	}
}

/* whats new +
----------------------------------------*/
section.whatsnew {
	background: #f2f3f0;
}
.whatsnew ul {
	margin: 0;
}
.whatsnew li {
	margin-bottom: 6.25%;
	background: #fff;
	border-bottom: 3px solid #dfdfdf;position: relative;
}
.whatsnew ul a {
	display: block;
	padding: 20px 20px 30px;
	height: calc(100% - 50px);
	color: #333;
	text-decoration: none;
	transition: .25s;
	position: relative;
}
.whatsnew ul a:hover {
	opacity: .7;
}
.whatsnew .date {
	color: #435057;
	font-size: 1.2rem;
}
/* event day */
.whatsnew .day {
	margin-left: 1em;
}
.whatsnew img {
	display: block;
	margin: 0 auto;
	max-height: 120px;
}
@media screen and (min-width: 768px) {
	.whatsnew ul {
		display: -ms-flexbox;-ms-flex-wrap: wrap;-ms-flex-pack: justify;/* IE10 */
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.whatsnew li {
		margin-bottom: 22px;
		width: calc(50% - 11px);
	}
	.whatsnew li:nth-child(6n+1), .whatsnew li:nth-child(6n+4) {
		width: calc(60% - 11px);
	}
	.whatsnew li:nth-child(6n+2), .whatsnew li:nth-child(6n+3) {
		width: calc(40% - 11px);
	}
}
/* category */
.whatsnew li a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	content: '\4e\65\77\73';
	padding: 8px;
	color: #fff;
	background: #84cee6;
	font-size: 1.4rem;
	line-height: 1;
	text-align: center;
}
.whatsnew li a[href*='news/events']::after {
	content: '\45\76\65\6e\74';
	background: #bed200;
}
.whatsnew li a[href^='http']::after {
	content: '\4c\69\6e\6b';
	background: #e6437b;
}
.whatsnew li a[href$='.pdf']::after {
	content: '\50\44\46';
	background: #e41e20;
}
.whatsnew li a[data-type='update']::after {
	content: '\55\70\64\61\74\65';
	background: #aaa59b;
}

/* news +
----------------------------------------*/
.news {
	margin: 0;
}
.news li {
	padding: 40px 0;
	border-bottom: 1px solid #f2f3f0;
	font-size: 1.4rem;
	clear: both;
	overflow: hidden;
}
.news .date {
	margin-bottom: 10px;
	color: #999;
	font-weight: bold;
}
.news .day::after {
	content: ',';
}
.news h2 {
	margin: 0 0 5px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #84cee6;
}
.news h2 a {
	color: #84cee6;
	text-decoration: underline;
}
.news h2 a:hover {
	text-decoration: none;
}
.news p, .news dd {
	margin: 0;
}
.news .thumb {
	float: right;
	border: 1px solid #f2f3f0;
	width: 80px;
	margin-left: 20px;
}
.news .thumb img {
	display: block;
	margin: 0 auto;
	max-height: 120px;
	width: auto;
}
@media screen and (min-width: 768px) {
	.news li {
		font-size: 1.6rem;
	}
	.news h2 {
		margin-right: 200px;
		font-size: 1.8rem;
	}
	.news .thumb {
		width: 200px;
		margin-top: calc(-1.8em - 5px);
	}
}
.releasedate {
	text-align: right;
}

/* events -
----------------------------------------*/
.events {
	font-size: 1.4rem;
}
.events li {
	margin-bottom: 40px;
	padding: 0 16px 16px;
	background: #f2f3f0;overflow: hidden;
}
.events h2 {
	margin: 0 -16px 16px;
	padding: 16px;
	color: #fff;
	background: #84cee6;
	font-size: 1.8rem;
}
/* events table */
.schedule {
	border-top: 1px solid #d7d9d0;
}
.schedule td {
	border-color: #d7d9d0;
}
.schedule .date {
	text-align: right;
}
@media screen and (max-width: 640px) {
	.schedule td {
		padding: 6px 0;
	}
}
@media screen and (min-width: 768px) {
	.events {
		font-size: 1.6rem;
	}
	.events li {
		padding: 0 40px 40px;
	}
	.events h2 {
		margin: 0 -40px 40px;
		padding: 20px 40px;
		font-size: 2.4rem;
	}
}
.events .thumb {
	text-align: center;
}
.events .thumb img{
	display: block;
	max-width: 200px;
}
@media screen and (min-width: 480px) {
	.events .thumb {
		float: right;
		margin: 0 0 6px 16px;
	}
}
.events .thumb a {
	display: inline-block;
	transition: .25s;
}
.events .thumb a:hover {
	/*opacity: .7;*/
}

/* brands nav +-
----------------------------------------*/
.brands-nav {
	padding: 20px 0;
	background: #fff;
}
.brands-nav ul {
	margin: 0;
	display: -ms-flexbox;
	display: flex;
}
.brands-nav li {
	-ms-flex: 1 0 auto;/* IE10 */
	flex: 1;
}
.brands-nav a {
	display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;/* IE10 */
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.brands-nav svg {
	padding: 10px 0;
	fill: #d7d9d0;
	transition: .25s;
}
.brands-nav a:hover svg {
	fill: #333;
}
.brands-nav .arteicon {
	fill: #d7d9d0;
	transition: .25s;
}
.brands-nav a:hover .arteicon {
	fill: #ff0004;
}
.brands-nav .arte svg {
	width: 72px;
	height: 19px;
}
.brands-nav .vento svg {
	width: 64px;
	height: 30px;
}
.brands-nav .mistral svg {
	width: 96px;
	height: 14px;
}
@media screen and (min-width: 640px) {
	.brands-nav .arte svg {
		width: 110px;
		height: 29px;
	}
	.brands-nav .vento svg {
		width: 110px;
		height: 51px;
	}
	.brands-nav .mistral svg {
		width: 160px;
		height: 22px;
	}
}

/* products list +-
----------------------------------------*/
.product {
	margin: 0;
}
.product li {
	margin-bottom: 6.25%;
	background: #fff;
}
.product a {
	display: block;
	text-decoration: none;
	transition: .25s;
}
.product a:hover {
	opacity: .7;
}
.product .item-img {
	text-align: center;
}
.product .item-img img {
	width: 100%;
	display: block;
}
.product .text {
	padding: 10px;
}
.product h3, .product p {
	margin: 0;
	color: #333;
	font-size: 1.6rem;
	line-height: 1.7;
	text-align: center;
}
.product p {
	display: none;
}
@media screen and (min-width: 768px) {
	.product li {
		margin-bottom: 22px;
		padding: 0;
	}
	.product a {
		display: -ms-flexbox;-ms-flex-align: center;/* IE10 */
		display: flex;
		align-items: center;
		background: #f2f3f0;
	}
	.product li:nth-child(3n + 3) a {
		-ms-flex-flow: row-reverse;/* IE10 */
		flex-direction: row-reverse;
	}
	.product .text, .product .item-img {
		-ms-flex: 1 1 0%;/* IE10 */
		flex: 1;
		padding: 0;
	}
	.product h3 {
		margin-bottom: 10px;
		padding: 0 44px;
		font-size: 1.8rem;
	}
	.product p {
		display: block;
		padding: 0 44px;
		text-align: left;
	}
}


/* category list +
----------------------------------------*/
.categorylist {
	background: #f2f3f0;
}
.categorylist ul {
	display: -ms-flexbox;-ms-flex-wrap: wrap;-ms-flex-pack: justify;/* IE10 */
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;/*addClass:.row justify-content: space-between;*/
	margin: 0;
}	
.categorylist li {
	width: calc(50% - 5px);
	margin-bottom: 10px;
	background: #fff;
	text-align: center;
}
.categorylist a {
	display: block;
	color: #363636;
	text-decoration: none;
	transition: .25s;
}
.categorylist a:hover {
	opacity: .7;
}
.categorylist p {
	margin: 0;
	padding: 10px 0;
	font-size: 1.4rem;
}
.categorylist img {
	display: block;
	width: 100%;
}
@media screen and (min-width: 768px) {
	.categorylist li {
		width: calc(33.33% - 6.5px);
	}
	.categorylist p {
		font-size: 1.6rem;
	}
	.categorylist ul::after{
		content:'';
		display: block;
		width: calc(33.33% - 6.5px);
	}
}
/* room-acoustics */
#room-acoustics a {
	display: block;
	text-decoration: none;
	transition: .25s;
}
#room-acoustics a:hover {
	opacity: .7;
}
#room-acoustics img {
	margin: 0 auto;
	display: block;
	max-width: 300px;
}
@media screen and (min-width: 768px) {
	#room-acoustics a {
		display: -ms-flexbox;-ms-flex-align: center;/* IE10 */
		display: flex;
		align-items: center;
	}
	#room-acoustics h2 {
		width: 50%;
		order: 2;
		-ms-flex-order: 2; /*IE10*/
		text-align: center;
	}
	#room-acoustics img {
		padding: 0 2%;
		width: 46%;
		max-width: none;
	}
}

/* products specification */
/* specs color sample */
.colorsample {
	display: -ms-flexbox;/* IE10 */
	display: flex;
}
.colorsample li {
	width: 33.33%;
	max-width: 150px;
	text-align: center;
}
.colorsample li + li {
	margin-left: 10px;
}
.colorsample img {
	display: block;
}
@media screen and (min-width: 640px) {
	.colorsample li + li {
		margin-left: 20px;
	}
}

/* notice */
.notice {
	clear: both;
	margin: 0 auto 32px;
	padding: 12px;
	background: #f2f3f0;
	border-radius: 3px;
}
.notice p {
	margin: 0;
}

/* note */
.note {
	color: #787878;
	font-size: 1.4rem;
}
.note a, .dark .note a {
	color: #999;
}
.note a:hover {
	color: #e41e20;
}
ul.note {
	list-style: disc;
	padding: 8px 8px 8px 24px;
}
.specs ul.note {
	color: #666;
	font-size: 1.2rem;
	border: 1px solid #eee;
	border-radius: 3px;
}
.dark .specs ul.note {
	border-color: #303030;
}

/* spec
----------------------------------------*/
.spec dt {
	margin: 0;
}
table.spec {
	width: 99%;
	border: none;
}
.spec th, .spec td {
	padding: 12px 8px;
	color: #666;
	border-color: #eee;
	vertical-align: top;border-top: none;
}
.spec td {
	border-left: 1px solid #eee;
}

/* price list
----------------------------------------*/
.pricelist tbody tr:hover {
	background: #ffe;
}
.dark .pricelist tbody tr:hover {
	background: #202020;
}
.price {
	text-align: right;
}
.pricelist th, .pricelist td {
	padding: 8px;
}
.pricelist tbody th {
	font-weight: normal;
}
/* Awards -
----------------------------------------*/
.awards {
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	font-size: 1.2rem;
}
.awards img {
	margin-right: 10px;
	vertical-align: middle;
	max-width: 36px;
}
.awards li {
	margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
	.awards {
		font-size: 1.6rem;
	}
	.awards img {
		max-width: 100%;
	}
}

/*--------------------------------------*/
/* arte
----------------------------------------*/
/* Record Cleaner */
.rccf-img, .rcff-img {
	text-align: center;
}
.rccf-img img, .rcff-img img {
	width: 93px;
	height: 320px;
}
@media screen and (min-width: 768px) {
.rccf-img, .rc-ff-img {
		margin-left: 0px;
		
	}
	.rccf-img img, .rcff-img img {
		margin-left: 0px;
		width: 185px;
		height: 640px;
	}
	#RC-FF .col-sm-8 {
		order: 2;
		-ms-flex-order: 2; /*IE10*/
	}
}

/*--------------------------------------*/
/* mistral
----------------------------------------*/
/* EVA */
@media screen and (min-width: 768px) {
	.mba-img {
		width: 720px;
		margin-left: -250px;
	}
	.mini-img {
		width: 600px;
		margin-left: -100px;
	}
}
@media screen and (min-width: 1068px) {
	.mba-img {
		width: 800px;
		margin-left: -200px;
	}
	.mini-img {
		width: 760px;
	}
}
/*--------------------------------------*/
/* vento
----------------------------------------*/
/* wallpanel */
.wp-structure {
	padding: 80px 0;margin: 40px 0;
	background-position: 50% 50%;
	background-image: url('/products/vento/wallpanel/img/02-small.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (min-width: 768px) {
	.wp-structure {
		padding: 200px 0;margin: 60px 0;
		background-image: url('/products/vento/wallpanel/img/02-large.jpg');
	}
}
@media screen and (min-width: 1068px) {
	.wp-structure {
		padding: 300px 0;margin: 80px 0;
	}
}
.wp-structure p {
	padding: 40px;
	color: #fff;
	background: rgba(0,0,0,.4);
}
/* wp-figure */
.wp-fig {
	background: url("/products/vento/wallpanel/img/fig-small.jpg") no-repeat;
	background-size: 600px;
	height: 812px;
	width: 600px;
	margin: -100px 0 0 -340px;
}
.wp-fig p {
	position: absolute;
	margin: 0;
	font-size: 1.2rem;
}
.pin::before, .pin::after {
	background: #39c;
	display: block;
	content: '';
	width: 1px;
	position: absolute;
	left: 7px;
}
p.pin::after {
	height: 5px;
	width: 5px;
	border-radius: 50%;
	margin-left: -2px;
}
.veneer {
	bottom: 670px;
	left: 112px;
}
.mdf {
	bottom: 632px;
	left: 144px;
}
.slit {
	bottom: 597px;
	left: 176px;
}
.felt {
	bottom: 561px;
	left: 208px;
}
.hole {
	bottom: 525px;
	left: 240px;
}
.veneer::before, .veneer::after {
	height: 140px;
	bottom: -140px;
}
.mdf::before, .mdf::after {
	height: 102px;
	bottom: -102px;
}
.slit::before, .slit::after {
	height: 90px;
	bottom: -90px;
}
.felt::before, .felt::after {
	height: 56px;
	bottom: -56px;
}
.hole::before, .hole::after {
	height: 68px;
	bottom: -68px;
}
@media screen and (min-width: 640px) {
	.wp-fig {
		margin: 0 0 0 -100px;
	}
	.veneer {
		left: 352px;
	}
	.mdf {
		left: 384px;
	}
	.slit {
		left: 416px;
	}
	.felt {
		left: 448px;
	}
	.hole {
		left: 480px;
	}
}
@media screen and (min-width: 768px) {
	.wp-fig {
		background: url("/products/vento/wallpanel/img/fig-large.jpg") no-repeat;
		background-size: 1200px;
		height: 1623px;
		width: 1200px;
		margin: -100px 0 0 -550px;
	}
	.wp-fig p {
		font-size: 1.6rem;
	}
	.veneer {
		bottom: 1350px;
		left: 350px;
	}
	.mdf {
		bottom: 1260px;
		left: 415px;
	}
	.slit {
		bottom: 1194px;
		left: 480px;
	}
	.felt {
		bottom: 1115px;
		left: 545px;
	}
	.hole {
		bottom: 1030px;
		left: 610px;
	}
	.veneer::before, .veneer::after {
		height: 300px;
		bottom: -300px;
	}
	.mdf::before, .mdf::after {
		height: 200px;
		bottom: -200px;
	}
	.slit::before, .slit::after {
		height: 180px;
		bottom: -180px;
	}
	.felt::before, .felt::after {
		height: 105px;
		bottom: -105px;
	}
	.hole::before, .hole::after {
		height: 120px;
		bottom: -120px;
	}
}
@media screen and (min-width: 1068px) {
	.wp-fig {
		margin: 0 0 0 -300px;
	}
	.veneer {
		left: 600px;
	}
	.mdf {
		left: 665px;
	}
	.slit {
		left: 730px;
	}
	.felt {
		left: 795px;
	}
	.hole {
		left: 860px;
	}
}
/* veneer */
.wp-veneer {
	display: -ms-flexbox;/* IE10 */
	display: flex;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.wp-veneer li {
		padding: 0 5px;
		font-size: 1.2rem;
	}
}
/* finish */
.wp-finish {
	padding-bottom: 0;
}
.wp-example li {
	position: relative;
}
.wp-example img {
	width: 100%;
}
.wp-example p {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 5px 10px;
	font-size: 1.2rem;
	color: #fff;
	background: rgba(0,0,0,.4);
}
@media screen and (min-width: 768px) {
	.wp-example p {
		font-size: 1.6rem;
	}
}
@media screen and (min-width: 1680px) {
	.wp-example li {
		width: 1350px;
	}
	.wp-example li {/*noscript*/
		margin: 0 auto;
	}
}

/* cases */
.cases-comment {}
/* cases gallery */
.cases-gallery {
	padding-top: 0;
}
.cases-gallery li:nth-child(even) {
	margin: 10%;
}
.cases-gallery li:last-child {
	margin-bottom: 0;
}
.cases-gallery img {
	display: block;
	width: 100%;/*XS*/
}
/* cases list */
.cases-list ul {
	margin: 0;
}
.cases-list li {
	margin-bottom: 6.25%;
}
.cases-list a {
	display: block;
	text-decoration: none;
	color: #363636;
	overflow: hidden;
}
.cases-list p {
	margin: 0;
	padding: 20px;
	background: #f8f8f8;
	position: relative;
}
.cases-list img {
	display: block;
	transition: transform 0.5s;
	width: 100%;/*XS*/
}
@media screen and (min-width: 768px) {
	.cases-list ul {
		display: -ms-flexbox;-ms-flex-wrap: wrap;-ms-flex-pack: justify;/* IE10 */
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.cases-list li {
		width: calc(50% - 11px);
		margin-bottom: 22px;
	}
	.cases-list a:hover img {
		transform: scale(1.05);
	}
}

/* dark theme */
/*151515 202020 272727 313131*/
.dark .page-title {
	background: #202020;
}
.dark .page-title h1 {
	color: #8d8d8d;
}
.dark #content {
	color: #cbcbcb;
	background: #151515;
}
.dark h2, .dark h3 {
	color: #fff;
}
.dark a {
	color: #39c;
}
.dark .cases-list {
	background: #202020;
}
.dark .cases-list h1 {
	color: #fff;
	font-weight: bold;
	font-size: 2.4rem;
}
.dark .cases-list li {}
.dark .cases-list p {
	background: #151515;
}
.dark .cases-list a {
	color: #fff;
}
/* reflect point
----------------------------------------*/
#reflection-point {
	margin-bottom: 40px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
#reflection-point form {
	margin: 0;
	position: relative;
	background: -30px -50px url("/products/room-acoustics/img/reflection-point.svg") no-repeat;
	background-color: #cde0e1;
	background-size: 500px;
	width: 414px;
	height: 300px;
}
#reflection-point div {
	position: absolute;
	transition: transform .25s;
}
#reflection-point label {
	font-weight: bold;
}
#l1:focus-within, #l3:focus-within, #l2:focus-within {
	transform: none;
}
#l1 {
	top: 76px;
	left: 152px;
	transform: skew(0, 30deg) scale(.75);
}
#l3 {
	top: 165px;
	left: 171px;
	transform: skew(0, -30deg) scale(.75);
}
#l2 {
	top: 168px;
	left: 45px;
	transform: skew(0, 30deg) scale(.75);
}
#reflection-point input {
	width: 40px;
	border: 2px solid #7dac97;
	padding: 2px;
	border-radius: 3px;
	background: #fff;
}
#reflection-point output {
	position: absolute;
	font-size: 1.2rem;
	text-align: center;
	transform-origin: left top;
}
#o1 {
	top: 63px;
	left: 114px;
	min-width: 40px;
	transform: skew(0, -30deg);
}
#o2 {
	top: 114px;
	left: 26px;
	min-width: 80px;
	transform: skew(0, -30deg);
}
#reflection-point .result {
	animation: fade-in .5s .5s ease-in backwards;
}
.hidden {
	display: none;
}
@media screen and (min-width: 415px) {
	#reflection-point form {
		background-size: 936px;
		background-position: 22px -60px;
		width: 980px;
		height: 600px;
	}
	#l1 {
		top: 184px;
		left: 380px;
		transform: skew(0, 30deg) scale(1);
	}
	#l3 {
		top: 353px;
		left: 413px;
		transform: skew(0, -30deg) scale(1);
	}
	#l2 {
		top: 356px;
		left: 180px;
		transform: skew(0, 30deg) scale(1);
	}
	#reflection-point input {
		width: 50px;
		padding: 5px;
	}
	#reflection-point output {
		font-size: 1.6rem;
	}
	#o1 {
		top: 167px;
		left: 289px;
		min-width: 80px;
	}
	#o2 {
		top: 260px;
		left: 128px;
		min-width: 152px;
	}
}

/* products nav, news archives +
----------------------------------------*/
.products-nav, .archives {
	padding: 20px 0;
}
@media screen and (min-width: 768px) {
	.products-nav .accordion {
		display: -ms-flexbox;-ms-flex-wrap: wrap;-ms-flex-pack: justify;/* IE10 */
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
	}
	.products-nav .col {
		width: calc(33.33% - 11px);
	}
	.products-nav .accordion::after {
		content: '';
		display: block;
		width: calc(33.33% - 11px);
	}
}
/* svg */
.products-nav h1 {
	margin: 0;
}
.products-nav .arte {
	width: 71px;
	height: 18px;
}
.products-nav .vento {
	width: 64px;
	height: 30px;
}
.products-nav .mistral {
	width:94px;
	height:13px;
}
@media screen and (min-width: 768px) {
	.products-nav .arte {
		width: 86px;
		height: 22px;
	}
	.products-nav .vento {
		width: 73px;
		height: 34px;
	}
	.products-nav .mistral {
		width:116px;
		height:16px;
	}
}

/* sitemap +
----------------------------------------*/
.sitemap a {
	color: #666;
}
.sitemap h4 {
	color: #363636;
}
.category {margin-bottom: 20px;}

/*--------------------------------------*/
/* footer +-
----------------------------------------*/
#footer {
	padding: 40px 0;
	color: #fff;
	background: #435057;
	font-size: 1.4rem;
	font-family:'Avenir next', 'Noto Sans', sans-serif;
	font-weight: normal;
	line-height: 1.1;line-height: 1.7;
	text-align: center;
	position: relative;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer ul li {
	display: inline;
}
#footer ul li + li::before {
	content:'\7c\20';
}
#footer .social {
	margin-bottom: 40px;
}
#footer .social li {
	display: inline-block;
	margin: 0 10px;
}
#footer .social li::before {
	content:'';
}
#footer .icon {
	fill: #fff;
	width: 24px;
	height: 24px;
}
@media screen and (min-width: 768px) {
	#footer {
		padding: 60px 0;
	}
}
/* top-btn */
.top-btn a {
	position: absolute;
	top: -32px;
	right: 12px;
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background:#d84b44;background: rgba(67,80,87,1);
	text-indent: -9999px;
}
/* fixed */
.top-btn a.fixed {
    position: fixed;
	top: auto;
	bottom: 12px;
	opacity: .8;
	transition: .25s;
}
.top-btn a:hover {
	opacity: 1;
}
@media screen and (min-width: 768px) {
	.top-btn a {
		right: 22px;
	}
	.top-btn a.fixed {
		bottom: 22px;
	}
}
/* arrow */
.top-btn a::before {
	display: block;
	position: absolute;
	top: 50%;
	right: 17px;
	margin: -4px 0 0 0;
	content: '';
	width: 10px;
	height: 10px;
	border: 3px solid #fff;
	border-width: 3px 3px 0 0;
	-ms-transform: rotate(-45deg);/*IE9*/
	transform: rotate(-45deg);
}

/* stores map +-
----------------------------------------*/
.stores-note {
	background: #f2f3f0;
}
#googlemaps {}
#map-canvas {
	padding-bottom: 78%;
	line-height: 1.4;
	z-index: 0;
}
@media screen and (max-width: 736px) and (orientation: landscape) {
	#map-canvas {
		padding-bottom: 40%;
	}
}
#map-canvas p {
	margin-bottom: 5px;
}
#map-canvas a {
	color: #84cee6;
	font-weight: bold;
}
#map-canvas .ext-map {
	background: #527ef2 2px 50% url(/img/location.svg)no-repeat;
	background-size: 12px 12px;
	padding: 4px 4px 4px 18px;
	color: #fff;
	font-weight: normal;
	font-size: 1.0rem;
}
#side-bar {
	overflow: auto;
	height: 200px;
	font-size: 1.2rem;
	-webkit-overflow-scrolling: touch;
}
#side-bar div {
	padding: 10px;
	cursor: pointer;
}
#side-bar div:nth-child(even) {
	background: #f2f3f0;
}
#side-bar div:hover strong {}

#area {
	background: #84cee6;
	overflow: hidden;
	position: relative;
	width:100%;
}
#area form {
	margin: 0;
	padding: 5px;
	/*font-size: 1.2rem;*/
}
#area select {
	padding: 6px;
	width: calc(100% - 12px);
}
@media screen and (min-width: 768px) {
	#googlemaps {
		display: -ms-flexbox;-ms-flex-wrap: wrap;/* IE10 */
		display: flex;
		flex-wrap: wrap;
	}
	#map-canvas {
		order: 1;
		width: 70%;
		height: 520px;
		color: #333;
		padding:0;
	}
	#side-bar {
		order: 2;
		width: 30%;
		height: 520px;
		font-size: 1.4rem;
	}
	#side-bar strong {}
	#area form {
		font-size: 1.6rem;
	}
}

/* stores list +-
----------------------------------------*/
.stores table {
	width: 100%;
	border: none;
}
.stores thead th {
	color: #fff;
	background: #84cee6;
	padding: 6px 12px;
}
.stores th, .stores td {
	border: none;
	vertical-align: top;
	line-height: 1.7;
	padding: 12px;
	font-size: 1.4rem;
}
.stores tbody th {
	font-weight: normal;
	color: #333;
}
.stores a {
	color: #333;
	text-decoration: none;
	display:block;
}
.stores a:hover {
	color: #e41e20;
}
.stores th a:after{
	content: '\20\bb';
	color: #84cee6;
	font-weight: bold;
}
.stores a:hover:after {
	color: #e41e20;
}
.stores tbody tr:nth-child(odd) {
	background: #f2f3f0;
}
.name {
	width: 31%;
}
.address {
	width: 46%;
}
.phone {}

@media screen and (max-width: 480px) {
	.stores thead {
		display: none;
	}
	.stores tr {
		display: block;
		margin-bottom: 10px;
		border: none;
		background: #f2f3f0;
	}
	.stores th, .stores td {
		line-height: 1.5;
		padding: 6px 12px;
	}
	.stores br {
		display: none;
	}
	.stores td {
		display: list-item;
		margin-left: 0;
		list-style: none;
	}
	.stores td {
		padding-bottom: 0;
	}
	.stores td + td {
		padding: 0 12px 6px;
	}
	.stores tbody th, .stores th a {
		display: block;
		color: #fff;
		background: #84cee6;
	}
	.stores th a:after {
		color: #fff;
	}
	/* tel */
	.stores tr td:nth-of-type(2) a::before {
		content: '\54\65\6c\20';
	}
}

/* contact
----------------------------------------*/
.contact-info {
	padding-bottom: 0;
}

/* Mail form +-
----------------------------------------*/
.mailform {
	background: #f2f3f0;
}
.mailform .field {
	margin-bottom: 15px;
}

.mailform .field label, .mailform p.label {
	display: inline-block;
}
.mailform p.label {
	margin: 0;
}
.mailform .text, .mailform .password, .mailform textarea, .mailform select {
	padding: 6px; 
}
.mailform select {
	width: calc(100% - 12px);
}

.mailform  .text, .mailform .password, .mailform .textarea/*, .mailform .select-wrap*/ {
	display: block;
	width: 40% !important;
}
.mailform .select-wrap {
	width: calc(40% + 12px) !important;
}
.mailform .radio {
	margin-bottom: 0;
	padding: 6px 0;
}
#email, #city, #address {
	width: 90% !important;
}
.mailform .textarea {
	width: 90% !important;
	height: 120px;
}
html[lang='en'] .text, html[lang='en'] .textarea {
	width: 90% !important;
}
.mailform .btn {
	margin: 0;
	padding: 12px 24px;
	display:block;
	border: none;
	font-size: 100%;
	color: #fff;
	background: #435057;
	cursor: pointer;
	border-radius: 24px;
	transition: .25s;
}
.mailform .btn:hover {
	background: #e41e20;
}
@media screen and (min-width: 768px) {
	.mailform .field {
		padding-top: 6px;
	}
	.mailform .field label, .mailform p.label {
		position: absolute;
		left: 0;
		width: 26%;
		text-align: right;
	}
	.mailform .radio label {
		position: relative;
		width: auto;
	}
	.mailform .text, .mailform .password, .mailform .textarea, .mailform .select-wrap {
		margin: -6px 0 0 30% !important;
		width: 40% !important;
	}
	.mailform .select-wrap {
		width: calc(40% + 12px) !important;
	}
	#email, #city, #address {
		width: 40% !important;
	}
	.mailform .textarea {
		width: 64% !important;
	}
	.mailform .radio {
		margin: -6px 0 20px 30%;
	}
	.mailform .radio li {
		display: inline-block;
		white-space: nowrap;
	}
	html[lang='en'] .text {
		width: 40% !important;
	}
	html[lang='en'] .textarea {
		width: 64% !important;
	}
	.mailform .btn {
		margin-left: 30%;
	}
}

/* waypoints */
.hide {
	opacity: 0;
}
.fadeinup {
    animation: fadeInUp .5s ease both;
}
@media screen and (min-width: 768px) {
	.whatsnew .fadeinup:nth-child(even), .cases-list .fadeinup:nth-child(even)  {
		animation-delay: .25s;
	}
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* old products page */
/* products item page
-----------------------*/

#gallery {
	clear: both;
}
/* Award Badges */
#badges {
	float: right;
	display: inline;
	margin-top: -32px;
}
#badges ul {
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#badges li {
	float: left;
	margin-left: 6px;
}
#badges img {
	display: block;
}
@media screen and (max-width: 640px) {
	#badges img {
		max-width: 31px;
	}
	#badges img.ellipse {
		max-width: 36px;
	}
}
/* producs old style*/
.floatright {
	float: right;
	margin-left: 24px;
}
.floatleft {
	float: left;
	margin-right: 24px;
}
.floatright, .floatleft {
	min-width: 200px;
	width: 50%;
}
p.vert {
	min-width: 150px;
	width: 35%;
}
p.small {
	width: auto;
	min-width: 0;
	max-width: 50%;
}
@media screen and (max-width: 640px) {
	.floatright, .floatleft {
		float: none;
		margin: 0 auto 16px;
		width: 80%;
		max-width: 100%;
		text-align: center;
	}
	.floatright a, .floatleft a {
		display: block;
	}
	p.small {
		width: auto;
		max-width:100%;
	}
}