@charset "UTF-8";
html {
	overflow-y: scroll;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
#header{
	background-color: #f5f5f5;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
main,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

object,
embed {
	border: 0;
	vertical-align: bottom;
	outline: none
}

[hidden],
template {
	display: none
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	outline: 0
}

a:active,
a:hover {
	outline: 0
}

a img {
	border: none;
	text-decoration: none;
	outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400
}

ul li {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

caption,
th {
	text-align: left
}

img {
	border: none;
	vertical-align: bottom
}

svg:not(:root) {
	overflow: hidden
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

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

input,
select {
	vertical-align: middle
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

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

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

label {
	cursor: pointer
}

input {
	line-height: normal
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

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

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

@font-face {
	font-family: MyYuGothic;
	src: local(YuGothic-Medium), local("Yu Gothic Medium")
}

@font-face {
	font-family: MyYuGothic;
	font-weight: 700;
	src: local(YuGothic-Bold), local("Yu Gothic")
}

*,
*:before,
*:after {
	box-sizing: border-box
}

html {
	font-size: 62.5%
}

body {
	text-rendering: optimizeLegibility
}

input,
textarea {
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif
}

* html body,
* html input,
* html textarea {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif
}

a {
	-webkit-tap-highlight-color: rgba(189, 185, 185, .2);
	-webkit-transition: opacity .1s ease-in-out 0s;
	transition: opacity .1s ease-in-out 0s;
	color: #505050;
	text-decoration: underline
}

a:visited {
	color: #505050
}

a:hover {
	text-decoration: none
}

a:active {
	color: #505050
}

::-moz-selection {
	background: rgba(112, 112, 112, .12)
}

::selection {
	background: rgba(112, 112, 112, .12)
}

html,
body {
	min-width: 375px;
	height: 100%
}

body {
	width: 100%;
	min-height: 568px;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
	color: #505050;
	line-height: 1.8;
	letter-spacing: .06em;
	background: #fffffc;
	font-size: 14px;
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent
}

/* .ua-desktop-windows body {
	font-family: "microsoft yahei";
} */

@media screen and (max-width:500px) {
	body {
		letter-spacing: .04em
	}
}

.g-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background-color: white;
	z-index: 800;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	overflow: hidden;
	-webkit-transition: opacity .4s cubic-bezier(.215, .61, .355, 1) .1s, height 0s cubic-bezier(.215, .61, .355, 1) .4s;
	transition: opacity .4s cubic-bezier(.215, .61, .355, 1) .1s, height 0s cubic-bezier(.215, .61, .355, 1) .4s
}

@media screen and (max-width:960px) {
	.is-nav-open .g-overlay {
		-webkit-transition: opacity .4s cubic-bezier(.215, .61, .355, 1) .1s, height 0s cubic-bezier(.215, .61, .355, 1) 0s;
		transition: opacity .4s cubic-bezier(.215, .61, .355, 1) .1s, height 0s cubic-bezier(.215, .61, .355, 1) 0s;
		height: 100%;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
	}
}

.g-loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fffffc;
	overflow: hidden;
	z-index: 10000
}

.g-loading_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-top: -15px
}

.g-loading_logo img {
	width: 120px;
	height: auto
}

.g-loading_bar-container {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1;
	margin-top: 15px
}

.g-loading_bar {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #e4e4e4;
	width: 0;
	height: 1px;
	-webkit-transition: width .4s ease-out 0s;
	transition: width .4s ease-out 0s;
	z-index: 10
}

@media screen and (max-width:960px) {
	.g-loading_logo {
		margin-top: -13px
	}
	.g-loading_logo img {
		width: 102px;
		height: auto
	}
}

.overflow-scrolling {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch
}

button {
	-webkit-transition: opacity .1s ease-in-out 0s;
	transition: opacity .1s ease-in-out 0s
}

.ua-desktop button:hover {
	opacity: .8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.message-404 {
	margin-top: 49vh;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 2;
	font-size: 11px;
	font-size: 1.1rem
}

.l-wrapper {
	position: relative;
	width: 100%;
	min-height: 100%
}

.g-mb-footer {
	display: none;
	position: relative;
	width: 100%;
	padding-left: 180px
}

@media screen and (max-width:960px) {
	.g-mb-footer {
		display: block;
		height: 30px;
		margin-top: -30px;
		padding-left: 0
	}
}

.g-mb-copyright {
	display: none;
	width: 100%;
	padding-top: 4px;
	text-align: center;
	font-weight: 400;
	font-size: 10px;
	font-size: 1rem;
	color: gray;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif
}

@media screen and (max-width:960px) {
	.g-mb-copyright {
		display: block
	}
}

.g-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 260px;
	height: 100%;
	min-height: 530px;
	background-color: rgba(255, 255, 252, .94);
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	z-index: 10;
	/* font-family: "microsoft yahei"; */
	-webkit-transition: height .3s cubic-bezier(.215, .61, .355, 1) 0s, min-height .3s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s ease 0s;
	transition: height .3s cubic-bezier(.215, .61, .355, 1) 0s, min-height .3s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s ease 0s;
	transition: transform .4s ease 0s, height .3s cubic-bezier(.215, .61, .355, 1) 0s, min-height .3s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: transform .4s ease 0s, height .3s cubic-bezier(.215, .61, .355, 1) 0s, min-height .3s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s ease 0s;
	overflow: hidden;
	z-index: 5000
}

@media screen and (max-width:960px) {
	.g-header {
		width: 100%;
		height: 47px;
		min-height: 0
	}
	.is-header-hide .g-header {
		-webkit-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		transform: translateY(-50px)
	}
	.is-header-hide.is-nav-open .g-header {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	.is-nav-open .g-header {
		height: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch
	}
}

.g-logo {
	padding: 45px 0 0 77px;
	line-height: 1
}

.g-logo img {
	width: 110px;
	height: auto
}

@media screen and (max-width:960px) {
	.g-logo {
		padding: 16px 0 0 10px;
		text-align: center
	}
	.g-logo img {
		width: 102px;
		height: auto
	}
}
.g-sns_item{
	padding: 0 5px;
}
.g-nav {
	    text-align: -webkit-center;
	display: block;
	width: 100%;
	margin-top: 45px;
	line-height: 1.1;
	letter-spacing: .04em;
	-webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s
}

.g-nav a {
	position: relative;
	color: #333;
	text-decoration: none;
	-webkit-transition: opacity .4s ease 0s;
	transition: opacity .4s ease 0s
}

.g-nav_item {
	position: relative;
	margin-bottom: 18px;
	-webkit-transition: opacity .3s ease 0s;
	transition: opacity .3s ease 0s;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: .06em
}

.g-nav_item:last-child {
	margin-bottom: 0
}

.g-nav_item_child {
	display: none;
	margin-bottom: 12px;
	font-weight: 300;
	text-transform: none;
	font-size: 11.4px;
	font-size: 1.14rem;
	-webkit-transition: opacity .3s ease 0s;
	transition: opacity .3s ease 0s
}

.g-nav_item_child:first-child {
	margin-top: 10px
}

.g-nav_item_child:last-child {
	margin-bottom: 15px
}

.g-nav_item_child a {
	color: #a4a4a4;
	-webkit-transition: color .6s ease 0s;
	transition: color .6s ease 0s
}

.ua-desktop .g-nav_item_child a:hover {
	color: #505050
}

.g-nav_options a {
	position: relative;
	overflow: hidden
}

.g-nav_options._primary .g-nav_item {
	font-weight: 600
}


.g-nav_options._primary .g-nav_link:hover:before {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.g-nav_options._primary ._current .g-nav_link:before {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.g-nav_options._secondary {
	position: absolute;
	bottom: 82px;
	left: 0
}

.ua-desktop .g-nav_options._secondary a:hover {
	opacity: .6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.g-nav_options._secondary .g-nav_item {
	font-size: 11px;
	font-size: 1.1rem
}

.g-nav_options._secondary a {
	color: #505050
}

.g-sns {
	position: absolute;
	bottom: 56px;
	left: 96px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.g-sns_item a {
	display: block;
	width: 16px;
	height: 22px;
	text-indent: -900em
}

.g-sns_item a:hover {
	opacity: .6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.g-sns_item._facebook {
	margin-right: 6px
}

.g-sns_item._facebook a {
	background: url(../img/ico_facebook.svg) 50% 50% no-repeat
}

.g-sns_item._twitter a {
	background: url(../img/ico_twitter.svg) 50% 50% no-repeat
}

@media screen and (max-width:960px) {
	.g-nav {
		max-width: 600px;
		margin: 32px auto 0;
		padding: 0 6.25%
	}
	.g-nav a {
		width: 100%
	}
	.g-nav_body {
		height: 0;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		transform: translate(0, -20px);
		-webkit-transition: height 0s cubic-bezier(.215, .61, .355, 1) .4s, opacity .2s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .2s cubic-bezier(.215, .61, .355, 1) 0s;
		transition: height 0s cubic-bezier(.215, .61, .355, 1) .4s, opacity .2s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .2s cubic-bezier(.215, .61, .355, 1) 0s;
		transition: height 0s cubic-bezier(.215, .61, .355, 1) .4s, opacity .2s cubic-bezier(.215, .61, .355, 1) 0s, transform .2s cubic-bezier(.215, .61, .355, 1) 0s;
		transition: height 0s cubic-bezier(.215, .61, .355, 1) .4s, opacity .2s cubic-bezier(.215, .61, .355, 1) 0s, transform .2s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .2s cubic-bezier(.215, .61, .355, 1) 0s;
		overflow: hidden
	}
	.g-nav_item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 0;
		border-bottom: 1px solid #dadada;
		line-height: 1
	}
	.g-nav_item a {
		padding: 9px 0
	}
	.g-nav_item_child {
		display: block;
		margin-bottom: 0;
		font-weight: 300;
		font-size: 12px;
		font-size: 1.2rem;
		border-bottom: 1px solid #dadada
	}
	.g-nav_item_child:first-child {
		margin-top: 0
	}
	.g-nav_item_child:last-child {
		border-bottom: none;
		margin-bottom: 0
	}
	.g-nav_item_child a {
		display: block;
		color: #505050
	}
	.ua-desktop .g-nav_item_child a:hover {
		color: #505050
	}
	.g-nav_options._primary a,
	.g-nav_options._secondary a {
		padding-left: 0
	}
	.g-nav_options._primary .g-nav_link:before {
		display: none
	}
	.g-nav_options._primary .g-nav_item._brand .g-nav_link,
	.g-nav_options._primary .g-nav_item._company .g-nav_link,
	.g-nav_options._primary ul {
	}
	.g-nav_options._secondary {
		position: relative;
		bottom: auto;
		left: auto
	}
	.g-nav_options._secondary .g-nav_item:first-child {
		border-top: none
	}
	.g-sns {
		position: relative;
		bottom: auto;
		left: auto;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 10px 0
	}
	.g-sns_item a {
		width: 19.2px;
		height: 26.4px
	}
	.g-sns_item._facebook {
		margin-right: 10px
	}
	.is-nav-open .g-nav_body {
		height: auto;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: height 0s cubic-bezier(.215, .61, .355, 1) 0s, opacity .4s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
		transition: height 0s cubic-bezier(.215, .61, .355, 1) 0s, opacity .4s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
		transition: height 0s cubic-bezier(.215, .61, .355, 1) 0s, opacity .4s cubic-bezier(.215, .61, .355, 1) .1s, transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
		transition: height 0s cubic-bezier(.215, .61, .355, 1) 0s, opacity .4s cubic-bezier(.215, .61, .355, 1) .1s, transform .4s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s
	}
}

@media screen and (max-width:500px) {
	.g-nav {
		margin-top: 13px
	}
	.g-nav_item {
		font-size: 11px;
		font-size: 1.1rem
	}
	.g-nav_item a {
		padding: 9px 0 10px
	}
	.g-nav_item_child {
		font-size: 10px;
		font-size: 1rem
	}
	.g-nav_options._secondary .g-nav_item {
		font-size: 10px;
		font-size: 1rem
	}
}

.p-brand .g-nav_item._brand .g-nav_link:before,
.p-news .g-nav_item._news .g-nav_link:before,
.p-company .g-nav_item._company .g-nav_link:before,
.p-shop-list .g-nav_item._shop-list .g-nav_link:before,
.p-blog .g-nav_item._blog .g-nav_link:before {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.p-retailer .g-nav_item._retailer .g-nav_link,
.p-recruit .g-nav_item._recruit .g-nav_link,
.p-contact .g-nav_item._contact .g-nav_link {
	color: #000
}

.p-brand .g-nav_item._brand .g-nav_item_child,
.p-company .g-nav_item._company .g-nav_item_child {
	display: block
}

.g-nav_item_child a.is-current,
.p-company-profile .g-nav_item_child._company-profile a,
.p-company-message .g-nav_item_child._message a,
.p-company-history .g-nav_item_child._history a,
.p-company-access .g-nav_item_child._access a,
.p-company-factory .g-nav_item_child._factory a {
	color: #505050
}

.g-copyright {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center;
	font-weight: 400;
	font-size: 10px;
	font-size: 1rem;
	color: gray
}

@media screen and (max-width:960px) {
	.g-copyright {
		display: none
	}
}

.g-nav-toggle {
	position: fixed;
	top: 11px;
	left: 17px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	-webkit-transition: width .3s cubic-bezier(.215, .61, .355, 1) 0s, opacity .3s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s ease 0s;
	transition: width .3s cubic-bezier(.215, .61, .355, 1) 0s, opacity .3s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s ease 0s;
	transition: transform .4s ease 0s, width .3s cubic-bezier(.215, .61, .355, 1) 0s, opacity .3s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: transform .4s ease 0s, width .3s cubic-bezier(.215, .61, .355, 1) 0s, opacity .3s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s ease 0s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	z-index: -10
}

.is-header-hide .g-nav-toggle {
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px)
}

.is-header-hide.is-nav-open .g-nav-toggle {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.g-nav-toggle.step1 .g-nav-toggle_line._first {
	width: 50%
}

.g-nav-toggle.step1 .g-nav-toggle_line._third {
	width: 50%
}

.g-nav-toggle.step2 .g-nav-toggle_line._first {
	width: 50%;
	-webkit-transform: translate3d(1.5px, 3px, 0) rotate(45deg);
	transform: translate3d(1.5px, 3px, 0) rotate(45deg)
}

.g-nav-toggle.step2 .g-nav-toggle_line._second {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.g-nav-toggle.step2 .g-nav-toggle_line._third {
	width: 50%;
	-webkit-transform: translate3d(12.3px, -2.5px, 0) rotate(45deg);
	transform: translate3d(12.3px, -2.5px, 0) rotate(45deg)
}

@media screen and (max-width:960px) {
	.g-nav-toggle {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		z-index: 6000
	}
}

.g-nav-toggle_line {
	position: absolute;
	left: 0;
	display: block;
	width: 30px;
	height: 1px;
	background: #505050;
	-webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1) 0s, background-color .3s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: opacity .3s cubic-bezier(.215, .61, .355, 1) 0s, background-color .3s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: transform .3s cubic-bezier(.215, .61, .355, 1) 0s, opacity .3s cubic-bezier(.215, .61, .355, 1) 0s, background-color .3s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: transform .3s cubic-bezier(.215, .61, .355, 1) 0s, opacity .3s cubic-bezier(.215, .61, .355, 1) 0s, background-color .3s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) 0s
}

.g-nav-toggle_line._first {
	top: 4px
}

.g-nav-toggle_line._second {
	top: 12px
}

.g-nav-toggle_line._third {
	top: 20px
}

.l-main {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 45px 0 50px 180px
}

.p-home .l-main,
.p-brand .l-main,
.p-404 .l-main {
	padding-top: 0
}

.p-brand .l-main {
	padding-bottom: 0
}

@media screen and (max-width:960px) {
	.l-main {
		padding: 80px 0 60px
	}
	.p-home .l-main,
	.p-brand .l-main {
		padding-top: 47px
	}
	.p-brand .l-main {
		padding-bottom: 30px
	}
}

.l-content {
	position: relative;
	max-width: 656px;
	margin: 0 auto;
	padding: 0 20px
}

.l-content._wide {
	max-width: 100%;
	padding: 0
}

@media screen and (max-width:960px) {
	.l-content {
		width: 100%;
		padding-right: 5%;
		padding-left: 5%
	}
	.l-content._wide {
		padding-right: 0;
		padding-left: 0
	}
}

.l-section-body {
	padding-left: 20px;
	padding-right: 20px
}

@media screen and (max-width:500px) {
	.l-section-body {
		padding-left: 0;
		padding-right: 0
	}
}

@media print {
	* html body {
		zoom: .7
	}
	body {
		background-color: #fff;
		font-size: 12px
	}
}

.c-line-anim-btn {
	position: relative
}

.c-line-anim-btn._white .anim-line {
	background-color: #ccc
}

.c-line-anim-btn._black .anim-line {
	background-color: gray
}

.c-line-anim-btn .anim-line {
	position: absolute;
	z-index: 10
}

.c-line-anim-btn .anim-line._top {
	top: -1px;
	right: 0
}

.c-line-anim-btn .anim-line._right {
	bottom: 0;
	right: -1px
}

.c-line-anim-btn .anim-line._bottom {
	bottom: -1px;
	left: 0
}

.c-line-anim-btn .anim-line._left {
	top: 0;
	left: -1px
}

.c-line-anim-btn .anim-line._horizontal {
	width: 0;
	height: 1px
}

.c-line-anim-btn .anim-line._vertical {
	width: 1px;
	height: 0
}

a.c-btn,
.c-btn {
	position: relative;
	display: block;
	max-width: 280px;
	padding: 7px 0 8px;
	border: 1px solid #ccc;
	text-decoration: none;
	text-align: center;
	z-index: 1;
	-webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
	line-height: 1
}

a.c-btn._arrow,
.c-btn._arrow {
	padding: 8px 10px 9px 0
}

a.c-btn._arrow:after,
.c-btn._arrow:after {
	position: absolute;
	top: 50%;
	right: 11px;
	content: '';
	width: 30px;
	height: 10px;
	background: url(../img/btn_arrow-r.svg) 50% 50%/cover no-repeat;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: right .3s ease 0s;
	transition: right .3s ease 0s
}

a.c-btn.tch-active,
.ua-desktop a.c-btn:hover,
.c-btn.tch-active,
.ua-desktop .c-btn:hover {
	color: #000
}

@media screen and (max-width:500px) {
	a.c-btn,
	.c-btn {
		margin: auto;
		font-size: 11px;
		font-size: 1.1rem
	}
}

a.c-btn2,
.c-btn2 {
	position: relative;
	display: block;
	max-width: 280px;
	padding: 5px 0 6px;
	border: 1px solid #616161;
	background-color: #616161;
	text-decoration: none;
	text-align: center;
	z-index: 1;
	-webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: all .3s cubic-bezier(.215, .61, .355, 1) 0s;
	color: #fff;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif
}

a.c-btn2.tch-active,
.ua-desktop a.c-btn2:hover,
.c-btn2.tch-active,
.ua-desktop .c-btn2:hover {
	background-color: #797979
}

@media screen and (max-width:500px) {
	a.c-btn2,
	.c-btn2 {
		margin: auto;
		font-size: 11px;
		font-size: 1.1rem
	}
}

.c-form-btn {
	display: block;
	width: 100%;
	padding: 8px 2%;
	border-radius: 6px;
	color: #fff;
	background-color: gray;
	border: 1px solid gray;
	text-align: center;
	line-height: 1;
	text-decoration: none;
	line-height: 1.4;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: opacity .3s cubic-bezier(.215, .61, .355, 1) 0s
}

.ua-desktop .c-form-btn:hover {
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.c-form-btn._white {
	background-color: #fffffc;
	color: gray
}

@media screen and (max-width:500px) {
	.c-form-btn {
		padding: 2.7% 2%;
		font-weight: 700;
		font-size: 11px;
		font-size: 1.1rem
	}
}

.m-btn-container {
	margin: 0 auto;
	text-align: center
}

.m-btn-container._single .c-form-btn {
	width: 100%
}

.m-btn-container._double {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.m-btn-container._double .c-form-btn {
	width: 48%
}

@media screen and (max-width:500px) {
	.p-contact-input .m-btn-container {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.c-input {
	padding: 4px 6px;
	border: 1px solid #ccc;
	outline: none;
	-webkit-transition: border .3s ease 0s;
	transition: border .3s ease 0s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	background-color: transparent
}

.c-input:focus {
	border-color: gray
}

.c-input._company-name,
.c-input._name,
.c-input._furigana,
.c-input._tel,
.c-input._email,
.c-input._textarea {
	width: 100%
}

.c-input._textarea {
	height: 20em
}

.c-select {
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	padding: 4px 23px 4px 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	outline: none;
	cursor: pointer;
	background-color: #fff;
	-webkit-transition: boder .3s ease 0s;
	transition: boder .3s ease 0s;
	background: url(../img/ico_pulldown.svg) 97.5% 50%/10.12px 6.28px no-repeat
}

.c-select:focus {
	border-color: gray
}

.c-blank-link:after {
	content: '';
	position: relative;
	top: -1px;
	display: inline-block;
	width: 9px;
	height: 8px;
	margin-left: 3px;
	margin-right: 5px;
	background: url(../img/ico_blank.svg) 50% 50%/cover no-repeat
}

.c-blank-link._white:after {
	background: url(../img/ico_blank-white.svg) 50% 50%/cover no-repeat
}

.c-arrow-link:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 9px;
	margin-right: 7px;
	background: url(../img/ico_arrow-r.svg) 50% 50%/cover no-repeat
}

.c-separator {
	margin: 2em 0
}

.c-separator._dotted {
	border-top: 1px dotted #ccc
}

.m-wysiwyg .alignright {
	float: right;
	margin: 0 0 1em 1em
}

.m-wysiwyg .alignleft {
	float: left;
	margin: 0 1em 1em 0
}

.m-wysiwyg a {
	text-decoration: underline;
	color: #505050
}

.m-wysiwyg a:hover {
	text-decoration: none
}

.m-wysiwyg h1,
.m-wysiwyg h2,
.m-wysiwyg h3,
.m-wysiwyg h4,
.m-wysiwyg h5,
.m-wysiwyg h6 {
	clear: both;
	font-weight: 700;
	margin-bottom: 16px;
	line-height: 1.4
}

.m-wysiwyg h1 {
	font-size: 16px;
	font-size: 1.6rem
}

.m-wysiwyg h2 {
	font-size: 15px;
	font-size: 1.5rem
}

.m-wysiwyg h3 {
	font-size: 14px;
	font-size: 1.4rem
}

.m-wysiwyg h4 {
	font-size: 13px;
	font-size: 1.3rem
}

.m-wysiwyg h5 {
	font-size: 12px;
	font-size: 1.2rem
}

.m-wysiwyg h6 {
	font-size: 11px;
	font-size: 1.1rem
}

.m-wysiwyg ul,
.m-wysiwyg ol {
	line-height: 1.5
}

.m-wysiwyg ul {
	margin-left: 1.5em
}

.m-wysiwyg ol {
	margin-left: 1.5em
}

.m-wysiwyg ul li {
	list-style: disc outside;
	margin-bottom: .4em
}

.m-wysiwyg ol li {
	list-style: decimal outside;
	margin-bottom: .4em
}

.m-wysiwyg blockquote {
	padding: 1.0em 1.2em;
	border: 1px solid #333;
	line-height: 1.6
}

.m-wysiwyg blockquote p,
.m-wysiwyg blockquote ul,
.m-wysiwyg blockquote ol,
.m-wysiwyg blockquote h1,
.m-wysiwyg blockquote h2,
.m-wysiwyg blockquote h3,
.m-wysiwyg blockquote h4,
.m-wysiwyg blockquote h5,
.m-wysiwyg blockquote h6,
.m-wysiwyg blockquote img {
	margin: 0;
	padding: 0
}

.m-wysiwyg blockquote *:last-child {
	margin-bottom: 0
}

.m-wysiwyg blockquote:nth-last-child(1) {
	margin-bottom: 0
}

.m-wysiwyg img {
	display: block;
	margin: .5em 0;
	max-width: 100%;
	height: auto
}

.m-wysiwyg p {
	clear: both;
	margin-bottom: 2em;
	line-height: 1.9
}

.m-wysiwyg ul,
.m-wysiwyg ol,
.m-wysiwyg dl,
.m-wysiwyg blockquote {
	clear: both;
	margin-bottom: 1.4em
}

.m-wysiwyg hr {
	margin: 2em 0;
	boder: none;
	border-top: 1px solid #ccc
}

.m-wysiwyg table {
	width: 100%
}

.m-wysiwyg table th,
.m-wysiwyg table td {
	vertical-align: top;
	padding: 1.4em 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}

.m-wysiwyg table th {
	width: 9em
}

.m-wysiwyg table td *:last-child {
	margin-bottom: 0
}

.m-wysiwyg .wp-caption {
	max-width: 100%;
	height: auto
}

.m-wysiwyg .wp-caption-text {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5
}

.m-wysiwyg iframe {
	width: 100%
}

@media screen and (max-width:500px) {
	.m-wysiwyg table th,
	.m-wysiwyg table td {
		padding: 1.6em 0
	}
	.m-wysiwyg .wp-caption-text {
		font-size: 11px;
		font-size: 1.1rem
	}
}

.m-tab-content-wrapper {
	position: relative
}

.m-tab-menu {
	position: relative
}

.m-tab-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	z-index: -2;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	overflow: hidden;
	-webkit-transition: opacity .4s ease 0s, height 0s ease .5s, -webkit-transform .4s ease 0s;
	transition: opacity .4s ease 0s, height 0s ease .5s, -webkit-transform .4s ease 0s;
	transition: transform .4s ease 0s, opacity .4s ease 0s, height 0s ease .5s;
	transition: transform .4s ease 0s, opacity .4s ease 0s, height 0s ease .5s, -webkit-transform .4s ease 0s
}

.m-tab-content.is-active {
	position: relative;
	height: auto;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	z-index: 10;
	-webkit-transition: opacity 1s ease 0s, height 0s ease 0s, -webkit-transform 1s ease 0s;
	transition: opacity 1s ease 0s, height 0s ease 0s, -webkit-transform 1s ease 0s;
	transition: transform 1s ease 0s, opacity 1s ease 0s, height 0s ease 0s;
	transition: transform 1s ease 0s, opacity 1s ease 0s, height 0s ease 0s, -webkit-transform 1s ease 0s
}

.m-box,
.retailer-step {
	padding: 26px 35px;
	border: 1px solid #a0a0a0
}

@media screen and (max-width:500px) {
	.m-box,
	.retailer-step {
		padding: 18px
	}
}

.m-box2 {
	padding: 26px 35px;
	background-color: #f6f6f2
}

@media screen and (max-width:500px) {
	.m-box2 {
		padding: 18px
	}
}

.m-container-2col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.m-container-2col_leftBlock,
.m-container-2col_rightBlock {
	width: 50%
}

.m-container-2col_leftBlock {
	padding-right: 30px;
	border-right: 1px solid #ccc
}

.m-container-2col_rightBlock {
	padding-left: 30px
}

@media screen and (max-width:500px) {
	.m-container-2col_leftBlock,
	.m-container-2col_rightBlock {
		width: 100%
	}
	.m-container-2col_leftBlock {
		padding-right: 0;
		border-right: none
	}
	.m-container-2col_rightBlock {
		margin-top: 20px;
		padding-left: 0
	}
}

.m-list>.list-item {
	margin-bottom: .2em;
	line-height: 1.5
}

.m-list ._circle {
	padding-left: 1.3em
}

.m-list ._circle:before {
	content: '●';
	margin-left: -1.3em;
	padding-right: .3em;
	color: #fffffc;
	font-size: 12px;
	font-size: 1.2rem
}

.m-list ._disc {
	list-style: disc outside;
	margin-left: 1.7em
}

.m-list ._decimal {
	list-style: decimal outside;
	margin-left: 1.3em
}

.m-codicils {
	font-size: 10px;
	font-size: 1rem
}

.m-codicils_item {
	margin-bottom: .4em;
	line-height: 1.5;
	padding-left: 1em;
	text-indent: -1em
}

.m-codicils_item:last-child {
	margin-bottom: 0
}

.m-heading1 {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 2.5em;
	font-size: 22px;
	line-height: 1;
	font-weight: 500;
	/* font-family: "microsoft yahei"; */
	text-transform: uppercase;
	z-index: 1
}
a:hover{
	color: #C0C0C0;
}
.p-home .m-heading1 {
	margin-bottom: 1.4em
}

.m-heading1._en {
	font-weight: 500
}

.m-heading1._ja {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 700
}

.m-heading1 span {
	display: inline-block;
	padding-right: 10px;
	background-color: #fffffc
}

.m-heading1:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 0;
	border-top: 1px solid #505050;
	overflow: hidden;
	z-index: -1
}

.m-heading2 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4
}

.m-heading3 {
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	padding-bottom: 4px;
	border-bottom: 1px solid #000
}

.m-heading4 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	padding-bottom: 7px;
	border-bottom: 1px solid #000;
	font-weight: 700
}

.m-heading5 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.1
}

.m-heading5 .m-heading5_separator {
	position: relative;
	top: -1px;
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 .5em;
	background-color: #505050;
	vertical-align: middle
}

.m-heading6 {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.4
}

.m-heading7 {
	display: inline-block;
	min-width: 130px;
	padding: .7em 1em;
	border: 1px solid #ccc;
	font-weight: 700;
	text-align: center;
	line-height: 1.1
}

@media screen and (max-width:500px) {
	.m-heading7 {
		display: block;
		width: 50%;
		margin-left: auto;
		margin-right: auto
	}
}

.m-pagination {
	position: relative;
	width: 100%;
	padding-top: 28px;
	border-top: 1px solid #505050;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif
}

.m-pagination a {
	display: inline-block;
	text-decoration: none;
	color: #505050
}

.m-pagination_current,
.m-pagination_inactive {
	margin: 0 5px;
	padding: 0 2px 2px
}

.m-pagination_current {
	border-bottom: 1px solid #505050
}

.m-pagination_prev {
	position: absolute;
	bottom: 0;
	left: 0
}

.m-pagination_prev a:before {
	content: '';
	position: relative;
	top: -1px;
	display: inline-block;
	width: 13px;
	height: 15px;
	margin-right: .5em;
	background: url(../img/ico_arrow-prev.svg) 50% 50%/cover no-repeat;
	vertical-align: middle
}

.m-pagination_next {
	position: absolute;
	bottom: 0;
	right: 0
}

.m-pagination_next a:after {
	content: '';
	position: relative;
	top: -1px;
	display: inline-block;
	width: 13px;
	height: 15px;
	margin-left: .5em;
	background: url(../img/ico_arrow-next.svg) 50% 50%/cover no-repeat;
	vertical-align: middle
}

.m-table {
	width: 100%;
	text-align: left;
	line-height: 1.6;
	border-collapse: separate;
	border-spacing: 0
}

.m-table th,
.m-table td {
	padding: 12px 2px 11px;
	vertical-align: top;
	border-bottom: 1px dotted #ccc
}

.m-table th {
	padding-right: 1.5em;
	font-weight: 400;
	white-space: nowrap
}

.m-table._company-profile .m-table_cell._header,
.m-table._company .m-table_cell._header {
	min-width: 92px
}

.m-table._company-history .m-table_cell._header {
	min-width: 190px
}

.m-table._recruit .m-table_cell,
.m-table._recruit th,
.m-table._recruit td {
	padding-right: 1em;
	padding-left: 1em
}

.m-table._recruit .m-table_cell._header,
.m-table._recruit th {
	font-weight: 700
}

.m-table._recruit .m-table_cell._header {
	min-width: 155px
}

.m-table._recruit .m-table_row:first-child {
	border-top: 1px solid #ccc
}

.m-table._recruit tr:first-child .m-table_cell,
.m-table._recruit tr:first-child th,
.m-table._recruit tr:first-child td {
	border-top: 1px solid #ccc
}

.m-table._recruit .m-table_row:last-child {
	border-bottom: 1px solid #ccc
}

.m-table._recruit tr:last-child .m-table_cell,
.m-table._recruit tr:last-child th,
.m-table._recruit tr:last-child td {
	border-bottom: 1px solid #ccc
}

.m-table_row {
	width: 100%;
	border-bottom: 1px dotted #ccc
}

.m-table_cell {
	display: table-cell;
	padding: 12px 2px 11px;
	vertical-align: top
}

.m-table_cell._header {
	padding-right: 1.5em;
	font-weight: 400;
	white-space: nowrap
}

@media screen and (max-width:500px) {
	.m-table th,
	.m-table td {
		padding: 10px 10px 10px 2px
	}
	.m-table th {
		padding-right: 1.5em
	}
	.m-table._mb-1col .m-table_cell,
	.m-table._mb-1col th,
	.m-table._mb-1col td {
		display: block
	}
	.m-table._mb-1col .m-table_cell._header,
	.m-table._mb-1col th {
		padding-bottom: 0;
		font-weight: 700;
		border-bottom: none
	}
	.m-table._mb-1col .m-table_cell._body,
	.m-table._mb-1col td {
		padding-top: .2em
	}
	.m-table._recruit .m-table_row:first-child .m-table_cell._header,
	.m-table._recruit .m-table_row:first-child td,
	.m-table._recruit tr:first-child .m-table_cell._header,
	.m-table._recruit tr:first-child td {
		border-top: none
	}
	.m-table._recruit .m-table_row:last-child .m-table_cell._header,
	.m-table._recruit .m-table_row:last-child th,
	.m-table._recruit tr:last-child .m-table_cell._header,
	.m-table._recruit tr:last-child th {
		border-bottom: none
	}
	.m-table_cell {
		padding: 10px 10px 10px 2px
	}
	.m-table_cell._header {
		padding-right: 1.5em
	}
}

.m-table2 {
	width: 100%;
	text-align: left;
	line-height: 1.6;
	border-collapse: separate;
	border-spacing: 0
}

.m-table2 th,
.m-table2 td {
	padding: 12px 0 11px;
	vertical-align: top
}

.m-table2 th {
	padding-right: 1.5em;
	font-weight: 400;
	white-space: nowrap
}

@media screen and (max-width:500px) {
	.m-table2 th,
	.m-table2 td {
		padding: 10px 10px 10px 2px
	}
	.m-table2 th {
		padding-right: 1.5em
	}
	.m-table2._mb-1col th,
	.m-table2._mb-1col td {
		display: block;
		padding: 10px 0
	}
	.m-table2._mb-1col th {
		padding-bottom: 0;
		font-weight: 700;
		border-bottom: none
	}
	.m-table2._mb-1col td {
		padding-top: .5em
	}
}

.m-table3 {
	text-align: left;
	line-height: 1.6;
	border-collapse: collapse;
	border-spacing: 0
}

.m-table3 th,
.m-table3 td {
	padding: 12px 20px 11px;
	vertical-align: top;
	border: 1px solid #a0a0a0
}

.m-table3 .bdr-t-dotted {
	border-top-style: dotted
}

.m-table3 .bdr-b-dotted {
	border-bottom-style: dotted
}

.m-table3 th {
	padding-right: 1.5em;
	font-weight: 400;
	white-space: nowrap
}

@media screen and (max-width:500px) {
	.m-table3 th,
	.m-table3 td {
		padding: 12px 16px 11px
	}
}

.u-cf:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.u-cf {
	display: inline-block
}

* html .u-cf {
	height: 1%
}

.u-cf {
	display: block
}

.u-d-none {
	display: none
}

.u-d-block {
	display: block
}

.u-d-inline {
	display: inline
}

.u-clear {
	clear: both
}

.u-fl {
	display: inline;
	float: left
}

.u-fr {
	display: inline;
	float: right
}

.u-al {
	text-align: left
}

.u-ar {
	text-align: right
}

.u-ac {
	text-align: center
}

@media screen and (min-width:500px) {
	.u-dt-ac {
		text-align: center
	}
}

@media screen and (max-width:500px) {
	.u-mb-ac {
		text-align: center
	}
}

.u-m-a {
	margin: auto
}

.u-vt {
	vertical-align: top!important
}

.u-vm {
	vertical-align: middle!important
}

.u-vb {
	vertical-align: bottom!important
}

.u-pos-t {
	position: absolute;
	top: 0
}

.u-pos-b {
	position: absolute;
	bottom: 0
}

.u-pos-l {
	position: absolute;
	left: 0
}

.u-pos-r {
	position: absolute;
	right: 0
}

.u-indent1 {
	padding-left: 1em!important;
	text-indent: -1em!important
}

.u-indent2 {
	padding-left: 2em!important;
	text-indent: -2em!important
}

.u-indent3 {
	padding-left: 3em!important;
	text-indent: -3em!important
}

.u-fz-s {
	font-size: 85%
}

.u-fw-nml {
	font-weight: 400!important
}

.u-fw-bld {
	font-weight: 700!important
}

.u-break-word {
	word-wrap: break-word;
	overflow-wrap: break-word
}

.u-disable-event {
	pointer-events: none
}

.u-bdr-t-none {
	border-top: none!important
}

.u-bdr-l-none {
	border-left: none!important
}

.u-bdr-r-none {
	border-right: none!important
}

.u-bdr-b-none {
	border-bottom: none!important
}

@media screen and (max-width:500px) {
	.u-dt-br {
		display: none
	}
}

.u-mb-br {
	display: none
}

@media screen and (max-width:500px) {
	.u-mb-br {
		display: inline
	}
}

.u-alpha-over {
	-webkit-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out
}

.u-alpha-over:hover {
	opacity: .85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"
}

.ua-android p,
.ua-android li,
.ua-android dt,
.ua-android dd,
.ua-android h1,
.ua-android h2,
.ua-android h3,
.ua-android h4,
.ua-android span {
	max-height: 100%
}

p,
li,
dt,
dd,
h1,
h2,
h3,
h4,
span {
	background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
}

.u-textfix {
	background: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
}

.u-fz10 {
	font-size: 10px;
	font-size: 1rem
}

.u-fz11 {
	font-size: 11px;
	font-size: 1.1rem
}

.u-fz12 {
	font-size: 12px;
	font-size: 1.2rem
}

.u-fz13 {
	font-size: 13px;
	font-size: 1.3rem
}

.u-fz14 {
	font-size: 14px;
	font-size: 1.4rem
}

.u-fz15 {
	font-size: 15px;
	font-size: 1.5rem
}

.u-fz16 {
	font-size: 16px;
	font-size: 1.6rem
}

.u-fz17 {
	font-size: 17px;
	font-size: 1.7rem
}

.u-fz18 {
	font-size: 18px;
	font-size: 1.8rem
}

.u-fz19 {
	font-size: 19px;
	font-size: 1.9rem
}

.u-fz20 {
	font-size: 20px;
	font-size: 2rem
}

.u-fz21 {
	font-size: 21px;
	font-size: 2.1rem
}

.u-fz22 {
	font-size: 22px;
	font-size: 2.2rem
}

.u-fz23 {
	font-size: 23px;
	font-size: 2.3rem
}

.u-fz24 {
	font-size: 24px;
	font-size: 2.4rem
}

.u-fz25 {
	font-size: 25px;
	font-size: 2.5rem
}

.u-fz26 {
	font-size: 26px;
	font-size: 2.6rem
}

.u-fz27 {
	font-size: 27px;
	font-size: 2.7rem
}

.u-fz28 {
	font-size: 28px;
	font-size: 2.8rem
}

.u-fz29 {
	font-size: 29px;
	font-size: 2.9rem
}

.u-fz30 {
	font-size: 30px;
	font-size: 3rem
}

.u-mgn-t0 {
	margin-top: 0!important
}

.u-mgn-r0 {
	margin-right: 0!important
}

.u-mgn-b0 {
	margin-bottom: 0!important
}

.u-mgn-l0 {
	margin-left: 0!important
}

.u-pdg-t0 {
	padding-top: 0!important
}

.u-pdg-r0 {
	padding-right: 0!important
}

.u-pdg-b0 {
	padding-bottom: 0!important
}

.u-pdg-l0 {
	padding-left: 0!important
}

.u-mgn-t4 {
	margin-top: 4px!important
}

.u-mgn-r4 {
	margin-right: 4px!important
}

.u-mgn-b4 {
	margin-bottom: 4px!important
}

.u-mgn-l4 {
	margin-left: 4px!important
}

.u-pdg-t4 {
	padding-top: 4px!important
}

.u-pdg-r4 {
	padding-right: 4px!important
}

.u-pdg-b4 {
	padding-bottom: 4px!important
}

.u-pdg-l4 {
	padding-left: 4px!important
}

.u-mgn-t8 {
	margin-top: 8px!important
}

.u-mgn-r8 {
	margin-right: 8px!important
}

.u-mgn-b8 {
	margin-bottom: 8px!important
}

.u-mgn-l8 {
	margin-left: 8px!important
}

.u-pdg-t8 {
	padding-top: 8px!important
}

.u-pdg-r8 {
	padding-right: 8px!important
}

.u-pdg-b8 {
	padding-bottom: 8px!important
}

.u-pdg-l8 {
	padding-left: 8px!important
}

.u-mgn-t12 {
	margin-top: 12px!important
}

.u-mgn-r12 {
	margin-right: 12px!important
}

.u-mgn-b12 {
	margin-bottom: 12px!important
}

.u-mgn-l12 {
	margin-left: 12px!important
}

.u-pdg-t12 {
	padding-top: 12px!important
}

.u-pdg-r12 {
	padding-right: 12px!important
}

.u-pdg-b12 {
	padding-bottom: 12px!important
}

.u-pdg-l12 {
	padding-left: 12px!important
}

.u-mgn-t16 {
	margin-top: 16px!important
}

.u-mgn-r16 {
	margin-right: 16px!important
}

.u-mgn-b16 {
	margin-bottom: 16px!important
}

.u-mgn-l16 {
	margin-left: 16px!important
}

.u-pdg-t16 {
	padding-top: 16px!important
}

.u-pdg-r16 {
	padding-right: 16px!important
}

.u-pdg-b16 {
	padding-bottom: 16px!important
}

.u-pdg-l16 {
	padding-left: 16px!important
}

.u-mgn-t20 {
	margin-top: 20px!important
}

.u-mgn-r20 {
	margin-right: 20px!important
}

.u-mgn-b20 {
	margin-bottom: 20px!important
}

.u-mgn-l20 {
	margin-left: 20px!important
}

.u-pdg-t20 {
	padding-top: 20px!important
}

.u-pdg-r20 {
	padding-right: 20px!important
}

.u-pdg-b20 {
	padding-bottom: 20px!important
}

.u-pdg-l20 {
	padding-left: 20px!important
}

.u-mgn-t24 {
	margin-top: 24px!important
}

.u-mgn-r24 {
	margin-right: 24px!important
}

.u-mgn-b24 {
	margin-bottom: 24px!important
}

.u-mgn-l24 {
	margin-left: 24px!important
}

.u-pdg-t24 {
	padding-top: 24px!important
}

.u-pdg-r24 {
	padding-right: 24px!important
}

.u-pdg-b24 {
	padding-bottom: 24px!important
}

.u-pdg-l24 {
	padding-left: 24px!important
}

.u-mgn-t28 {
	margin-top: 28px!important
}

.u-mgn-r28 {
	margin-right: 28px!important
}

.u-mgn-b28 {
	margin-bottom: 28px!important
}

.u-mgn-l28 {
	margin-left: 28px!important
}

.u-pdg-t28 {
	padding-top: 28px!important
}

.u-pdg-r28 {
	padding-right: 28px!important
}

.u-pdg-b28 {
	padding-bottom: 28px!important
}

.u-pdg-l28 {
	padding-left: 28px!important
}

.u-mgn-t32 {
	margin-top: 32px!important
}

.u-mgn-r32 {
	margin-right: 32px!important
}

.u-mgn-b32 {
	margin-bottom: 32px!important
}

.u-mgn-l32 {
	margin-left: 32px!important
}

.u-pdg-t32 {
	padding-top: 32px!important
}

.u-pdg-r32 {
	padding-right: 32px!important
}

.u-pdg-b32 {
	padding-bottom: 32px!important
}

.u-pdg-l32 {
	padding-left: 32px!important
}

.u-mgn-t36 {
	margin-top: 36px!important
}

.u-mgn-r36 {
	margin-right: 36px!important
}

.u-mgn-b36 {
	margin-bottom: 36px!important
}

.u-mgn-l36 {
	margin-left: 36px!important
}

.u-pdg-t36 {
	padding-top: 36px!important
}

.u-pdg-r36 {
	padding-right: 36px!important
}

.u-pdg-b36 {
	padding-bottom: 36px!important
}

.u-pdg-l36 {
	padding-left: 36px!important
}

.u-mgn-t40 {
	margin-top: 40px!important
}

.u-mgn-r40 {
	margin-right: 40px!important
}

.u-mgn-b40 {
	margin-bottom: 40px!important
}

.u-mgn-l40 {
	margin-left: 40px!important
}

.u-pdg-t40 {
	padding-top: 40px!important
}

.u-pdg-r40 {
	padding-right: 40px!important
}

.u-pdg-b40 {
	padding-bottom: 40px!important
}

.u-pdg-l40 {
	padding-left: 40px!important
}

.u-mgn-t44 {
	margin-top: 44px!important
}

.u-mgn-r44 {
	margin-right: 44px!important
}

.u-mgn-b44 {
	margin-bottom: 44px!important
}

.u-mgn-l44 {
	margin-left: 44px!important
}

.u-pdg-t44 {
	padding-top: 44px!important
}

.u-pdg-r44 {
	padding-right: 44px!important
}

.u-pdg-b44 {
	padding-bottom: 44px!important
}

.u-pdg-l44 {
	padding-left: 44px!important
}

.u-mgn-t48 {
	margin-top: 48px!important
}

.u-mgn-r48 {
	margin-right: 48px!important
}

.u-mgn-b48 {
	margin-bottom: 48px!important
}

.u-mgn-l48 {
	margin-left: 48px!important
}

.u-pdg-t48 {
	padding-top: 48px!important
}

.u-pdg-r48 {
	padding-right: 48px!important
}

.u-pdg-b48 {
	padding-bottom: 48px!important
}

.u-pdg-l48 {
	padding-left: 48px!important
}

.u-mgn-t52 {
	margin-top: 52px!important
}

.u-mgn-r52 {
	margin-right: 52px!important
}

.u-mgn-b52 {
	margin-bottom: 52px!important
}

.u-mgn-l52 {
	margin-left: 52px!important
}

.u-pdg-t52 {
	padding-top: 52px!important
}

.u-pdg-r52 {
	padding-right: 52px!important
}

.u-pdg-b52 {
	padding-bottom: 52px!important
}

.u-pdg-l52 {
	padding-left: 52px!important
}

.u-mgn-t56 {
	margin-top: 56px!important
}

.u-mgn-r56 {
	margin-right: 56px!important
}

.u-mgn-b56 {
	margin-bottom: 56px!important
}

.u-mgn-l56 {
	margin-left: 56px!important
}

.u-pdg-t56 {
	padding-top: 56px!important
}

.u-pdg-r56 {
	padding-right: 56px!important
}

.u-pdg-b56 {
	padding-bottom: 56px!important
}

.u-pdg-l56 {
	padding-left: 56px!important
}

.u-mgn-t60 {
	margin-top: 60px!important
}

.u-mgn-r60 {
	margin-right: 60px!important
}

.u-mgn-b60 {
	margin-bottom: 60px!important
}

.u-mgn-l60 {
	margin-left: 60px!important
}

.u-pdg-t60 {
	padding-top: 60px!important
}

.u-pdg-r60 {
	padding-right: 60px!important
}

.u-pdg-b60 {
	padding-bottom: 60px!important
}

.u-pdg-l60 {
	padding-left: 60px!important
}

.u-mgn-t64 {
	margin-top: 64px!important
}

.u-mgn-r64 {
	margin-right: 64px!important
}

.u-mgn-b64 {
	margin-bottom: 64px!important
}

.u-mgn-l64 {
	margin-left: 64px!important
}

.u-pdg-t64 {
	padding-top: 64px!important
}

.u-pdg-r64 {
	padding-right: 64px!important
}

.u-pdg-b64 {
	padding-bottom: 64px!important
}

.u-pdg-l64 {
	padding-left: 64px!important
}

.u-mgn-t68 {
	margin-top: 68px!important
}

.u-mgn-r68 {
	margin-right: 68px!important
}

.u-mgn-b68 {
	margin-bottom: 68px!important
}

.u-mgn-l68 {
	margin-left: 68px!important
}

.u-pdg-t68 {
	padding-top: 68px!important
}

.u-pdg-r68 {
	padding-right: 68px!important
}

.u-pdg-b68 {
	padding-bottom: 68px!important
}

.u-pdg-l68 {
	padding-left: 68px!important
}

.u-mgn-t72 {
	margin-top: 72px!important
}

.u-mgn-r72 {
	margin-right: 72px!important
}

.u-mgn-b72 {
	margin-bottom: 72px!important
}

.u-mgn-l72 {
	margin-left: 72px!important
}

.u-pdg-t72 {
	padding-top: 72px!important
}

.u-pdg-r72 {
	padding-right: 72px!important
}

.u-pdg-b72 {
	padding-bottom: 72px!important
}

.u-pdg-l72 {
	padding-left: 72px!important
}

.u-mgn-t76 {
	margin-top: 76px!important
}

.u-mgn-r76 {
	margin-right: 76px!important
}

.u-mgn-b76 {
	margin-bottom: 76px!important
}

.u-mgn-l76 {
	margin-left: 76px!important
}

.u-pdg-t76 {
	padding-top: 76px!important
}

.u-pdg-r76 {
	padding-right: 76px!important
}

.u-pdg-b76 {
	padding-bottom: 76px!important
}

.u-pdg-l76 {
	padding-left: 76px!important
}

.u-mgn-t80 {
	margin-top: 80px!important
}

.u-mgn-r80 {
	margin-right: 80px!important
}

.u-mgn-b80 {
	margin-bottom: 80px!important
}

.u-mgn-l80 {
	margin-left: 80px!important
}

.u-pdg-t80 {
	padding-top: 80px!important
}

.u-pdg-r80 {
	padding-right: 80px!important
}

.u-pdg-b80 {
	padding-bottom: 80px!important
}

.u-pdg-l80 {
	padding-left: 80px!important
}

.u-mgn-t84 {
	margin-top: 84px!important
}

.u-mgn-r84 {
	margin-right: 84px!important
}

.u-mgn-b84 {
	margin-bottom: 84px!important
}

.u-mgn-l84 {
	margin-left: 84px!important
}

.u-pdg-t84 {
	padding-top: 84px!important
}

.u-pdg-r84 {
	padding-right: 84px!important
}

.u-pdg-b84 {
	padding-bottom: 84px!important
}

.u-pdg-l84 {
	padding-left: 84px!important
}

.u-mgn-t88 {
	margin-top: 88px!important
}

.u-mgn-r88 {
	margin-right: 88px!important
}

.u-mgn-b88 {
	margin-bottom: 88px!important
}

.u-mgn-l88 {
	margin-left: 88px!important
}

.u-pdg-t88 {
	padding-top: 88px!important
}

.u-pdg-r88 {
	padding-right: 88px!important
}

.u-pdg-b88 {
	padding-bottom: 88px!important
}

.u-pdg-l88 {
	padding-left: 88px!important
}

.u-mgn-t92 {
	margin-top: 92px!important
}

.u-mgn-r92 {
	margin-right: 92px!important
}

.u-mgn-b92 {
	margin-bottom: 92px!important
}

.u-mgn-l92 {
	margin-left: 92px!important
}

.u-pdg-t92 {
	padding-top: 92px!important
}

.u-pdg-r92 {
	padding-right: 92px!important
}

.u-pdg-b92 {
	padding-bottom: 92px!important
}

.u-pdg-l92 {
	padding-left: 92px!important
}

.u-mgn-t96 {
	margin-top: 96px!important
}

.u-mgn-r96 {
	margin-right: 96px!important
}

.u-mgn-b96 {
	margin-bottom: 96px!important
}

.u-mgn-l96 {
	margin-left: 96px!important
}

.u-pdg-t96 {
	padding-top: 96px!important
}

.u-pdg-r96 {
	padding-right: 96px!important
}

.u-pdg-b96 {
	padding-bottom: 96px!important
}

.u-pdg-l96 {
	padding-left: 96px!important
}

.u-mgn-t100 {
	margin-top: 100px!important
}

.u-mgn-r100 {
	margin-right: 100px!important
}

.u-mgn-b100 {
	margin-bottom: 100px!important
}

.u-mgn-l100 {
	margin-left: 100px!important
}

.u-pdg-t100 {
	padding-top: 100px!important
}

.u-pdg-r100 {
	padding-right: 100px!important
}

.u-pdg-b100 {
	padding-bottom: 100px!important
}

.u-pdg-l100 {
	padding-left: 100px!important
}

@-webkit-keyframes loading {
	0% {
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px)
	}
	3% {
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px)
	}
	47% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	53% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	97% {
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px)
	}
	100% {
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px)
	}
}

@keyframes loading {
	0% {
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px)
	}
	3% {
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px)
	}
	47% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	53% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	97% {
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px)
	}
	100% {
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px)
	}
}

@-webkit-keyframes down {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	70% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	75% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px)
	}
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	85% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px)
	}
	90% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes down {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	70% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	75% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px)
	}
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	85% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px)
	}
	90% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.home-mainVisual {
	width: 100%;
	height: 100%
}

.home-mainVisual_scrollDown {
	position: absolute;
	bottom: 20px;
	left: 50%;
	width: 88px;
	height: 26px;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	line-height: 1;
	z-index: 10
}

.home-mainVisual_scrollDown a {
	position: relative;
	display: block;
	width: 88px;
	height: 28px;
	color: #fff;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
	font-weight: 500;
	font-size: 11px;
	font-size: 1.1rem;
	letter-spacing: .06em;
	text-decoration: none
}

.home-mainVisual_scrollDown a:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	display: block;
	width: 15px;
	height: 8px;
	margin-left: -7.5px;
	background: url(../img/ico_scroll-down.svg) 50% 50%/cover no-repeat;
	-webkit-animation: down 4s ease 0s infinite;
	animation: down 4s ease 0s infinite
}

.home-news,
.home-brands,
.home-banners {
	padding-top: 58px
}

.home-slider {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden
}

.home-slider_item {
	width: 100%;
	padding-bottom: 100vh;
	background: 50% 50% /cover no-repeat
}
.home-slider_item {
	background-size: cover !important;
}
.home-slider_item img {
	display: none!important;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media screen and (max-width:960px) {
	.home-slider {
		height: calc(100vh - 47px)
	}
	.home-slider_item {
		padding-bottom: calc(100vh - 47px)
	}
}

.home-news-article {
	line-height: 1.4;
	margin-bottom: .5em;
	text-align: left
}

.home-news-article:last-child {
	margin-bottom: 0
}

.home-news-article_link {
	display: table;
	text-decoration: none
}

.ua-desktop .home-news-article_link:hover .home-news-article_title {
	text-decoration: underline
}

.home-news-article_date {
	display: table-cell;
	width: 88px;
	color: gray
}

.home-news-article_title {
	display: table-cell
}

@media screen and (max-width:500px) {
	.home-news-article_date,
	.home-news-article_title {
		display: block;
		width: 100%;
		margin-bottom: .4em
	}
	.home-news-article_date {
		font-size: 10px;
		font-size: 1rem
	}
}

.home-brands-article {
	margin-bottom: 10px;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif
}

.home-brands-article:last-child {
	margin: 0
}

.home-brands-article_link {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 25%;
	text-decoration: none;
	overflow: hidden
}

.home-brands-article_link:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
	-webkit-transition: opacity .6s ease-in-out 0s;
	transition: opacity .6s ease-in-out 0s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.home-brands-article_link.tch-active:after,
.ua-desktop .home-brands-article_link:hover:after {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.home-brands-article_link.tch-active .home-brands-article_img,
.ua-desktop .home-brands-article_link:hover .home-brands-article_img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.home-brands-article_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: 50% 50% /cover no-repeat;
	-webkit-transition: -webkit-transform .6s ease-in-out 0s;
	transition: -webkit-transform .6s ease-in-out 0s;
	transition: transform .6s ease-in-out 0s;
	transition: transform .6s ease-in-out 0s, -webkit-transform .6s ease-in-out 0s;
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.home-brands-article_title {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
	line-height: 1;
	font-size: 16px;
	font-size: 1.6rem;
	z-index: 10
}

@media screen and (max-width:500px) {
	.home-brands-article_title {
		font-size: 13px;
		font-size: 1.3rem
	}
}

.home-banners_body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%
}

.home-banners-item {
	width: 32.5%
}

.home-banners-item_link {
	position: relative;
	display: block;
	text-decoration: none;
	overflow: hidden
}

.home-banners-item_link:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .2);
	-webkit-transition: opacity .6s ease-in-out 0s;
	transition: opacity .6s ease-in-out 0s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.home-banners-item_link.tch-active:after,
.ua-desktop .home-banners-item_link:hover:after {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.home-banners-item_link.tch-active .home-banners-item_img,
.ua-desktop .home-banners-item_link:hover .home-banners-item_img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.home-banners-item_img {
	width: 100%;
	padding-bottom: 100%;
	background: 50% 50% /cover no-repeat;
	-webkit-transition: -webkit-transform .6s ease-in-out 0s;
	transition: -webkit-transform .6s ease-in-out 0s;
	transition: transform .6s ease-in-out 0s;
	transition: transform .6s ease-in-out 0s, -webkit-transform .6s ease-in-out 0s;
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.home-banners-item_title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	-ms-flex-line-pack: center;
	align-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 0;
	text-align: center;
	z-index: 10
}

.home-banners-item_title img {
	margin: auto
}

@media screen and (max-width:640px) {
	.home-banners_body {
		margin-top: 20px
	}
	.home-banners-item {
		width: 100%;
		margin-bottom: 10px
	}
	.home-banners-item:last-child {
		margin-bottom: 0
	}
	.home-banners-item_img {
		padding-bottom: 22%
	}
	.home-banners-item_title {
		-webkit-transform: scale(.7);
		-ms-transform: scale(.7);
		transform: scale(.7)
	}
}

.brand-brandList-article_link {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 25.45455%;
	text-decoration: none;
	overflow: hidden
}

.brand-brandList-article_link.tch-active,
.ua-desktop .brand-brandList-article_link:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.brand-brandList-article_link.tch-active .brand-brandList-article_img,
.ua-desktop .brand-brandList-article_link:hover .brand-brandList-article_img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.brand-brandList-article_link.tch-active .brand-brandList-article_name,
.ua-desktop .brand-brandList-article_link:hover .brand-brandList-article_name {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.brand-brandList-article_link.tch-active .brand-brandList-article_overlay,
.ua-desktop .brand-brandList-article_link:hover .brand-brandList-article_overlay {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.brand-brandList-article_link.tch-active .brand-brandList-article_overlay_body,
.ua-desktop .brand-brandList-article_link:hover .brand-brandList-article_overlay_body {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.brand-brandList-article_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: 50% 50% /cover no-repeat;
	-webkit-transition: -webkit-transform .6s ease-in-out 0s;
	transition: -webkit-transform .6s ease-in-out 0s;
	transition: transform .6s ease-in-out 0s;
	transition: transform .6s ease-in-out 0s, -webkit-transform .6s ease-in-out 0s;
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.brand-brandList-article_link::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0, 0, 0, 0.5);
}
.brand-brandList-article_name {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	line-height: 1;
	font-size: 16px;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .06em;
	-webkit-transition: opacity .6s ease-in-out 0s;
	transition: opacity .6s ease-in-out 0s;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 10;
}

.brand-brandList-article_overlay {
	position: absolute;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-size: 1.1rem;
	z-index: 10;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity .6s ease-in-out 0s;
	transition: opacity .6s ease-in-out 0s
}

.brand-brandList-article_overlay_body {
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity .7s cubic-bezier(.165, .84, .44, 1) .2s, -webkit-transform .7s cubic-bezier(.165, .84, .44, 1) .2s;
	transition: opacity .7s cubic-bezier(.165, .84, .44, 1) .2s, -webkit-transform .7s cubic-bezier(.165, .84, .44, 1) .2s;
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .2s, opacity .7s cubic-bezier(.165, .84, .44, 1) .2s;
	transition: transform .7s cubic-bezier(.165, .84, .44, 1) .2s, opacity .7s cubic-bezier(.165, .84, .44, 1) .2s, -webkit-transform .7s cubic-bezier(.165, .84, .44, 1) .2s
}

.brand-brandList-article_overlay_logo {
	width: 100%;
	text-align: center;
	line-height: 0;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.brand-brandList-article_overlay_logo img {
	width: 100%;
	height: 100%;
	max-width: 185px;
	max-height: 115px
}

.brand-brandList-article_overlay_name {
	margin: 1.2em 0 1em;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif
}

@media screen and (max-width:960px) {
	.brand-brandList-article_link {
		padding-bottom: 28%
	}
	.brand-brandList-article_name {
		font-weight: 500
	}
	.brand-brandList-article_overlay_logo img {
		max-width: 145px;
		max-height: 100px
	}
	.brand-brandList-article_overlay_name {
		margin-bottom: 0
	}
	.brand-brandList-article_overlay_description {
		display: none
	}
}

@media screen and (max-width:500px) {
	.brand-detail-logo img {
		max-width: 125px;
		max-height: 80px
	}
	.brand-brandList-article_overlay_name,
	.brand-brandList-article_overlay_description {
		display: none
	}
}

.p-brand-single .l-content {
	color: #8f7756
}

.p-brand-single .l-content a {
	color: #8f7756
}

.p-brand-single .l-content path {
	fill: #8f7756
}

.p-brand-single .brand-slider-controller_separator {
	background-color: #8f7756
}

.brand-onepage-pagination {
	position: fixed;
	top: 50%;
	right: 15px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 9px;
	font-size: .9rem
}

.brand-onepage-pagination a {
	color: #8f7756;
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-webkit-transition: opacity .4s ease 0s;
	transition: opacity .4s ease 0s;
	text-decoration: none
}

.brand-onepage-pagination a.is-active {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	pointer-events: none
}

.brand-onepage-pagination_item {
	margin: 10px 0
}

@media screen and (max-width:820px) {
	.brand-onepage-pagination {
		right: 12px;
		font-size: 6px;
		font-size: .6rem
	}
	.brand-onepage-pagination_item {
		margin: 15px 0
	}
}

.brand-section {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 700px;
	/* overflow: hidden */
}

@media screen and (max-width:820px) {
	.brand-section {
		min-height: 0
	}
	.brand-section:not(._primary) .brand-section_img {
		background-size: 100% auto
	}
	.brand-section .brand-section_brand-name {
		display: block
	}
}

.brand-section_title {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	font-size: 20px;
	font-size: 2rem;
	z-index: 20;
	padding-top: 0;
	color: #fff;
	line-height: 1;
	letter-spacing: .06em;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
	text-align: center
}

@media screen and (max-width:500px) {
	.brand-section_title {
		font-size: 17px;
		font-size: 1.7rem;
		font-weight: 500
	}
}

.brand-section_brand-name {
	display: none;
	position: absolute;
	bottom: 2%;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 10px;
	font-size: 1rem;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
	font-weight: 500
}

.brand-section_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: 50% 50% no-repeat;
	background-size: cover
}

.brand-section_body {
	max-width: 800px;
	height: 100%;
	margin: 0 auto;
	text-align: left
}

.brand-section._collection {
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif
}

.brand-section._collection .brand-section_body {
	position: relative;
	max-width: 100%;
	height: 100%
}

.brand-slider {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.brand-slider_body {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.brand-slider-item.slick-slide {
	height: 100vh;
	padding: 40px;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif
}

.brand-slider-item_img {
	float: left;
	width: 50%;
	height: 100%;
	background: 50% 50% no-repeat;
	background-size: auto 100%;
	text-align: center
}

.brand-slider-item_textBlock {
	float: right;
	position: relative;
	width: 50%;
	height: 100%;
	text-align: center
}

.brand-slider-item_collectionTitle {
	position: absolute;
	top: 25%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 100%;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1.6;
	font-weight: 500
}

.brand-slider-item_collectionItemList {
	position: absolute;
	bottom: 30%;
	left: 0;
	-webkit-transform: translate(0, 50%);
	-ms-transform: translate(0, 50%);
	transform: translate(0, 50%);
	width: 100%
}

.brand-slider-item_collectionItemList li {
	margin-top: 8px;
	line-height: 1.2
}

@media screen and (max-width:820px) {
	.brand-slider-item.slick-slide {
		padding: 20px 0 0
	}
	.brand-slider-item_img {
		float: none;
		width: 62.5%;
		height: 0;
		margin: auto;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding-bottom: 82.5%
	}
	.brand-slider-item_textBlock {
		float: none;
		width: 100%;
		height: auto;
		margin-top: 1.3em;
		padding: 0 4%
	}
	.brand-slider-item_collectionTitle {
		position: relative;
		top: auto;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		width: 100%;
		margin-top: 20px;
		font-size: 13px;
		font-size: 1.3rem
	}
	.brand-slider-item_collectionItemList {
		position: relative;
		bottom: 0;
		left: 0;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		margin-top: 27px;
		font-size: 11px;
		font-size: 1.1rem
	}
	.brand-slider-item_collectionItemList li {
		margin-top: 5px;
		line-height: 1.2
	}
}

.brand-slider-controller {
	position: absolute;
	bottom: 50px;
	right: 0;
	width: 50%;
	padding-right: 40px;
	text-align: center;
	z-index: 10;
	font-weight: 200
}

.brand-slider-controller path {
	fill: none;
	stroke: #8f7756
}

.brand-slider-controller .slick-arrow {
	-webkit-transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s;
	cursor: pointer
}

.brand-slider-controller .slick-disabled {
	cursor: default;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.brand-slider-controller_prev,
.brand-slider-controller_next {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 60px;
	height: 17px;
	z-index: 10
}

.brand-slider-controller_prev svg,
.brand-slider-controller_next svg {
	width: 100%;
	height: 100%
}

.brand-slider-controller_prev {
	left: 40px
}

.ua-desktop .brand-slider-controller_prev:hover {
	margin-left: -3px
}

.brand-slider-controller_next {
	right: 40px
}

.ua-desktop .brand-slider-controller_next:hover {
	margin-right: -3px
}

.brand-slider-controller_number {
	position: relative;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 200
}

.brand-slider-controller_separator {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 43px;
	height: 1px;
	text-indent: -999em;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.brand-slider-controller_current-num {
	position: relative;
	top: -8px;
	left: -8px
}

.brand-slider-controller_total-num {
	position: relative;
	top: 8px;
	left: 8px
}

@media screen and (max-width:820px) {
	.brand-slider-controller {
		bottom: 2%;
		left: 0;
		right: auto;
		width: 100%;
		padding-right: 0
	}
	.brand-slider-controller_prev,
	.brand-slider-controller_next {
		top: 30%;
		width: 36px;
		height: 10.2px
	}
	.brand-slider-controller_prev {
		left: 4%
	}
	.brand-slider-controller_next {
		right: 4%
	}
	.brand-slider-controller_number {
		font-size: 12px;
		font-size: 1.2rem
	}
	.brand-slider-controller_separator {
		width: 26px
	}
	.brand-slider-controller_current-num {
		top: -6px;
		left: -4px
	}
	.brand-slider-controller_total-num {
		top: 6px;
		left: 4px
	}
}

.brand-section._brand-detail .brand-section_body {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 100%;
	max-width: 100%;
	/* height: auto; */
	padding: 0 300px;
	/* text-align: center */
}

.brand-section._brand-detail .brand-section_logo {
	text-align: center
}

.brand-section._brand-detail .brand-section_logo img {
	max-width: 200px;
	max-height: 140px
}

.brand-section._brand-detail .brand-section_brandName {
	margin-top: 1.2em;
	line-height: 1.5;
	font-size: 18px;
	font-size: 1.8rem;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif
}

.brand-section._brand-detail .brand-section_brandName._jp {
	margin-top: 2px;
	font-size: 13px;
	font-size: 1.3rem
}

.brand-section._brand-detail .brand-section_description {
	margin-top: 42px
}

.p-brand-mb .brand-section._brand-detail .brand-section_description {
	margin-top: 41px
}

.brand-section._brand-detail .brand-section_description_title {
	margin-bottom: 24px;
	font-weight: 700;
	font-size: 14px;
	font-size: 1.4rem
}

.brand-section._brand-detail .brand-section_description_text._mobile {
	display: none
}

.brand-section._brand-detail .brand-sns {
	margin-top: 50px;
	padding-top: 41px;
	border-top: 1px dotted #ccc;
	text-transform: uppercase;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
	line-height: 1
}

.brand-section._brand-detail .brand-sns a {
	display: inline-block;
	text-decoration: none;
	-webkit-transition: opacity .4s ease 0s;
	transition: opacity .4s ease 0s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.ua-desktop .brand-section._brand-detail .brand-sns a:hover {
	opacity: .75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"
}

.brand-section._brand-detail .brand-sns svg {
	text-align: center
}

.brand-section._brand-detail .brand-sns path {
	fill-rule: evenodd
}

.brand-section._brand-detail .brand-sns .brand-sns_name {
	display: block;
	margin-top: .4em;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 500
}

@media screen and (max-width:820px) {
	.brand-section._brand-detail .brand-section_body {
		width: 100%;
		padding: 4% 4% 0
	}
	.brand-section._brand-detail .brand-section_logo img {
		max-width: 160px;
		max-height: 110px
	}
	.brand-section._brand-detail .brand-section_brandName {
		margin-top: 20px;
		font-size: 12px;
		font-size: 1.2rem
	}
	.brand-section._brand-detail .brand-section_brandName._jp {
		font-size: 11px;
		font-size: 1.1rem
	}
	.brand-section._brand-detail .brand-section_description {
		margin-top: 15px;
		font-size: 11px;
		font-size: 1.1rem
	}
	.brand-section._brand-detail .brand-section_description_title {
		margin-bottom: 15px;
		font-size: 12px;
		font-size: 1.2rem
	}
	.brand-section._brand-detail .brand-sns {
		margin-top: 20px;
		padding-top: 20px
	}
	.brand-section._brand-detail .brand-sns svg {
		width: 20px;
		height: 20px
	}
	.brand-section._brand-detail .brand-sns .brand-sns_name {
		font-size: 10px;
		font-size: 1rem
	}
}

@media screen and (max-width:500px) {
	.brand-section._brand-detail .rand-section_description_text._desktop {
		display: none
	}
	.brand-section._brand-detail .rand-section_description_text._mobile {
		display: block
	}
}

.brand-section._shop {
	background-color: #f9f9f7
}

.brand-section._shop .brand-section_body {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 800px;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.brand-section._shop .brand-section-shop_title {
	margin-bottom: 18px;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
	font-weight: 500;
	font-size: 16px;
	font-size: 1.6rem
}

@media screen and (max-width:820px) {
	.brand-section._shop {
		height: auto!important
	}
	.brand-section._shop .brand-section_body {
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		width: 100%;
		padding: 8% 5%
	}
}

.brand-section_shopList {
	margin-bottom: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.brand-section_shopList._online-store {
	margin-bottom: 0
}

.brand-section_shopList._online-store a {
	text-decoration: none
}

.ua-desktop .brand-section_shopList._online-store a:hover {
	opacity: .8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.brand-section_shopList_item {
	width: 48.1%;
	margin: -1px 0 0;
	padding: 15px 0;
	border-top: 1px dotted #8f7756;
	border-bottom: 1px dotted #8f7756
}

.brand-section_shopList_item_name {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500
}

.brand-section_shopList_item_info {
	margin-top: .3em
}

.brand-section_shopList_item_zipcode {
	display: inline
}

.brand-section_shopList_item_address {
	display: inline
}

.brand-section_shopList_item_tel {
	margin-top: .4em
}

@media screen and (max-width:820px) {
	.brand-section_shopList_item {
		width: 100%
	}
	.brand-section_shopList_item_zipcode {
		text-decoration: none
	}
	.brand-section_shopList_item_name {
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 600
	}
	.brand-section_shopList_item_info {
		font-size: 11px;
		font-size: 1.1rem
	}
}

.brand-section._other {
	height: auto;
	min-height: 0
}

.brand-section._other .brand-section_body {
	max-width: 800px;
	margin: 0 auto;
	text-align: left
}

.brand-section._other .brand-other-section_link a {
	color: #fff
}

@media screen and (max-width:820px) {
	.brand-section_body {
		padding: 0 4%
	}
}

.brand-other-section_content {
	padding: 20px 0;
	border-bottom: 1px dotted #ccc
}

.brand-other-section_content:nth-of-type(1) {
	border-top: 1px dotted #ccc
}

.brand-other-section_content .image-block,
.brand-other-section_content .text-block {
	width: 50%
}

.brand-other-section_content .image-block {
	text-align: center
}

.brand-other-section_content .image-block img {
	max-width: 100%;
	height: auto
}

.brand-other-section_content .text-block {
	max-width: 330px;
	margin: 0 auto;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 2
}

.brand-other-section_content .text-block_title {
	padding-top: 60px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.4;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif;
	text-align: center
}

.brand-other-section_content .text-block_text1 {
	margin-top: 6px;
	text-align: center;
	margin-bottom: 50px;
	font-size: 12px;
	font-size: 1.2rem
}

.brand-other-section_link {
	max-width: 380px;
	margin: 50px auto 0;
	text-align: center;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif
}

.brand-other-section_link a {
	display: block;
	width: 100%;
	padding: 1em;
	background-color: #1a4969;
	color: #fff;
	text-decoration: none;
	-webkit-transition: opacity .4s ease-in-out 0s;
	transition: opacity .4s ease-in-out 0s
}

.ua-desktop .brand-other-section_link a:hover {
	opacity: .8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.brand-other-section_message {
	padding: 40px 0;
	line-height: 2.2;
	text-align: center
}

@media screen and (max-width:820px) {
	.brand-other-section_content .image-block,
	.brand-other-section_content .text-block {
		width: 100%
	}
	.brand-other-section_content .text-block_title {
		padding-top: 22px;
		font-size: 16px;
		font-size: 1.6rem
	}
	.brand-other-section_content .text-block_text1 {
		margin-top: 4px;
		font-size: 11px;
		font-size: 1.1rem
	}
	.brand-other-section_content .text-block_text2 {
		margin-top: 22px
	}
	.brand-other-section_message {
		font-size: 11px;
		font-size: 1.1rem
	}
}

.brand-section._more-brand {
	position: relative;
	max-width: 800px;
	height: auto;
	min-height: 0;
	margin: 0 auto;
	padding: 40px 0;
	text-align: left
}

.brand-section._more-brand .m-heading1 {
	margin-bottom: 0
}

@media screen and (max-width:820px) {
	.brand-section._more-brand {
		padding: 40px 4% 0
	}
}

.brand-moreBrandList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 800px;
	padding: 2em 0 1em;
	text-align: center;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif
}

.brand-moreBrandList-item {
	width: 49.375%;
	margin-bottom: 10px;
	line-height: 1
}

.brand-moreBrandList-item_link {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 27.8481%;
	text-decoration: none;
	overflow: hidden
}

.brand-moreBrandList-item_link:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
	-webkit-transition: opacity .6s ease-in-out 0s;
	transition: opacity .6s ease-in-out 0s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.brand-moreBrandList-item_link.tch-active:after,
.ua-desktop .brand-moreBrandList-item_link:hover:after {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.brand-moreBrandList-item_link.tch-active .brand-moreBrandList-item_img,
.ua-desktop .brand-moreBrandList-item_link:hover .brand-moreBrandList-item_img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.ua-safari .brand-moreBrandList-item_link:hover .brand-moreBrandList-item_img {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}

.brand-moreBrandList-item_img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: 50% 50% /cover no-repeat;
	-webkit-transition: -webkit-transform .6s ease-in-out 0s;
	transition: -webkit-transform .6s ease-in-out 0s;
	transition: transform .6s ease-in-out 0s;
	transition: transform .6s ease-in-out 0s, -webkit-transform .6s ease-in-out 0s;
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
	-webkit-backface-visibility: hidden
}

.brand-moreBrandList-item_title {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-align: center;
	color: #fff;
	line-height: 1;
	font-weight: 300;
	font-size: 16px;
	font-size: 1.6rem;
	z-index: 10
}

@media screen and (max-width:500px) {
	.brand-moreBrandList-item {
		width: 100%
	}
	.brand-moreBrandList-item_title {
		font-size: 14px;
		font-size: 1.4rem
	}
}

.news-article {
	padding: 35px 0 25px
}

.news-article:not(:nth-last-of-type(1)) {
	border-bottom: 1px dotted #9c9c9b
}

.news-article:nth-of-type(1) {
	padding-top: 0
}

.news-article_date {
	color: gray
}

.news-article_title {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700
}

.news-article_title a {
	text-decoration: none
}

.news-article_title a:hover {
	text-decoration: underline
}

.news-article_body {
	margin-top: 30px
}

.message-content {
	line-height: 2
}

.message-content_text {
	line-height: 2.8
}

@media screen and (max-width:500px) {
	.message-content_text {
		line-height: 2.5
	}
}

.access-googlemap {
	width: 100%;
	height: 320px
}

.access-googlemap iframe {
	width: 100%;
	height: 320px
}

.access-list {
	margin-top: 1em
}

/* .shop-shopList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap
}

.shop-shopList-article {
	width: 29%;
	margin-right: 6.5%;
	margin-bottom: 40px
} */
 .shop-shopList {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 20px;
 }
 .shop-shopList-article {
	width: 100%;
	margin-right: 6.5%;
	margin-bottom: 20px
 }
.shop-shopList-article:nth-child(3n+0) {
	margin-right: 0
}

.shop-shopList-article_logo {
	width: 100%;
	height: 60px;
	background: 50% 50% no-repeat;
	text-indent: -999em
}

.shop-shopList-article_img {
	margin-top: .2em
}

.shop-shopList-article_img img {
	width: 100%;
	height: auto
}

.shop-shopList-article_name {
	margin-top: .8em;
	line-height: 1.4;
	font-weight: 700
}

.shop-shopList-article_info {
	margin-top: .3em;
	line-height: 1.5;
	color: gray
}

.shop-shopList-article_info a {
	color: gray
}

.shop-shopList-article_tel {
	margin-top: .6em
}

@media screen and (max-width:500px) {
	.shop-shopList-article {
		width: 47%;
		margin-bottom: 35px;
		margin-right: 6%
	}
	.shop-shopList-article:nth-child(3n+0) {
		margin-right: 6%
	}
	.shop-shopList-article:nth-child(2n+0) {
		margin-right: 0
	}
}

.blog-article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
	border: 1px solid #d7d7d7
}

.blog-article:last-child {
	margin-bottom: 0
}

@media screen and (max-width:750px) {
	.blog-article {
		margin-bottom: 30px;
		padding-bottom: 20px
	}
}

.blog-article_img {
	position: relative;
	width: 48.71795%;
	height: 100%;
	background: 50% 50% /cover no-repeat
}

.blog-article_img a {
	display: block;
	width: 100%;
	height: 100%
}

.blog-article_img a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: background-color .3s ease 0s;
	transition: background-color .3s ease 0s
}

.ua-desktop .blog-article_img a:hover:after {
	background-color: rgba(255, 255, 255, .2)
}

.blog-article_img img {
	max-width: 100%;
	height: auto
}

@media screen and (max-width:750px) {
	.blog-article_img {
		width: 100%
	}
}

.blog-article_textBlock {
	width: 48%;
	padding: 2%;
	text-align: center
}

@media screen and (max-width:750px) {
	.blog-article_textBlock {
		width: 100%
	}
}

.blog-article_title {
	line-height: 1.4;
	font-size: 18px;
	font-size: 1.8rem;
	font-family: "Noto Sans JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif
}

@media screen and (max-width:750px) {
	.blog-article_title {
		margin-top: 1em
	}
}

.blog-article_description {
	margin-top: 1.9em
}

@media screen and (max-width:750px) {
	.blog-article_description {
		margin-top: 1em
	}
}

.retailer-step-next {
	width: 100%;
	height: 26px;
	margin: .4em 0;
	background: url(../img/ico_step-next.svg) 50% 50% no-repeat;
	text-indent: -999em
}

.retailer-brand-logos {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%
}

.retailer-brand-logos_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 48%;
	min-height: 150px;
	padding: 9% 0;
	background-color: #fafaf7;
	text-align: center
}

.retailer-brand-logos_item img {
	max-width: 100%;
	height: auto
}

.recruit-localNav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	line-height: 1.1
}

.recruit-localNav_item {
	min-width: 130px;
	margin: 0 10px 10px 0;
	font-weight: 500
}

.recruit-localNav_item:last-child {
	margin-right: 0
}

.recruit-localNav_item a {
	position: relative;
	display: block;
	width: 100%;
	padding: .75em 1em;
	text-decoration: none;
	background-color: #505050;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	-webkit-transition: background .3s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: background .3s cubic-bezier(.215, .61, .355, 1) 0s
}

.recruit-localNav_item a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	width: 5px;
	height: 9px;
	background: url(../img/ico_btn_arrow-r.svg) 50% 50%/cover no-repeat;
	margin-top: -4px;
	-webkit-transition: -webkit-transform .3s ease 0s;
	transition: -webkit-transform .3s ease 0s;
	transition: transform .3s ease 0s;
	transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

.recruit-localNav_item a.tch-active,
.ua-desktop .recruit-localNav_item a:hover {
	background-color: #797979
}

.recruit-localNav_item a.is-active {
	opacity: .75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	pointer-events: none
}

.recruit-localNav_item a.is-active:after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

@media screen and (max-width:500px) {
	.recruit-localNav_item {
		min-width: 32%;
		margin: 0 2% 2% 0;
		font-size: 11px;
		font-size: 1.1rem
	}
	.recruit-localNav_item:last-child {
		margin-right: 0
	}
	.recruit-localNav_item a:after {
		right: 8px
	}
}

.recruit-jobList-article {
	margin-bottom: 2.5em
}

.recruit-jobList-article:last-child {
	margin-bottom: 0
}

.readme-read {
	line-height: 2
}

@-webkit-keyframes fluidboxLoading {
	0% {
		-webkit-transform: translate(-50%, -50%) rotateX(0) rotateY(0);
		transform: translate(-50%, -50%) rotateX(0) rotateY(0)
	}
	50% {
		-webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
		transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0)
	}
	100% {
		-webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
		transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg)
	}
}

@keyframes fluidboxLoading {
	0% {
		-webkit-transform: translate(-50%, -50%) rotateX(0) rotateY(0);
		transform: translate(-50%, -50%) rotateX(0) rotateY(0)
	}
	50% {
		-webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
		transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0)
	}
	100% {
		-webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
		transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg)
	}
}

.fluidbox {
	outline: none
}

.fluidbox__overlay {
	background-color: rgba(255, 255, 255, .85);
	cursor: pointer;
	cursor: zoom-out;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.fluidbox--opened .fluidbox__overlay {
	pointer-events: auto
}

.fluidbox__wrap {
	background-position: center center;
	background-size: cover;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.fluidbox__thumb {
	-webkit-transition: opacity 0s ease-in-out 0s;
	transition: opacity 0s ease-in-out 0s
}

.fluidbox--closed .fluidbox__thumb {
	-webkit-transition: opacity 0s ease-in-out 0s;
	transition: opacity 0s ease-in-out 0s
}

.fluidbox__ghost {
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	transition-duration: 0s, .5s;
	transition-delay: 0s;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform
}

.fluidbox--opened .fluidbox__ghost {
	cursor: pointer;
	cursor: zoom-out
}

.fluidbox--closed .fluidbox__ghost {
	-webkit-transition-delay: .5s, 0s;
	transition-delay: .5s, 0s
}

.fluidbox__loader {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-perspective: 200px;
	perspective: 200px;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.fluidbox__loader:before {
	background-color: rgba(255, 255, 255, .85);
	content: '';
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20%;
	padding-bottom: 20%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.fluidbox--loading .fluidbox__loader {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity .5s ease-in-out .5s;
	transition: opacity .5s ease-in-out .5s
}

.fluidbox--loading .fluidbox__loader:before {
	-webkit-animation: fluidboxLoading 1s 0s infinite ease-in-out forwards;
	animation: fluidboxLoading 1s 0s infinite ease-in-out forwards
}

.slick-loading .slick-list {
	background: #fff center center no-repeat
}

.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	margin-top: -10px\9;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"
}

.slick-prev:before,
.slick-next:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	color: white;
	opacity: .75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: -25px
}

[dir=rtl] .slick-prev {
	left: auto;
	right: -25px
}

.slick-prev:before {
	content: "←"
}

[dir=rtl] .slick-prev:before {
	content: "→"
}

.slick-next {
	right: -25px
}

[dir=rtl] .slick-next {
	left: -25px;
	right: auto
}

.slick-next:before {
	content: "→"
}

[dir=rtl] .slick-next:before {
	content: "←"
}

.slick-dots {
	position: absolute;
	bottom: 10px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%;
	z-index: 10
}

@media screen and (max-width:500px) {
	.slick-dots {
		bottom: 3px
	}
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 28px;
	margin: 0 3px;
	padding: 0;
	cursor: pointer;
	letter-spacing: 0
}

@media screen and (max-width:500px) {
	.slick-dots li {
		margin: 0 2px
	}
}

.slick-dots li button {
	display: block;
	position: relative;
	width: 37px;
	height: 100%;
	padding: 0;
	background: none;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	border: 0;
	cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.slick-dots li button:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: "•";
	width: 100%;
	height: 8px;
	background-color: #c2c2c2;
	font-family: slick;
	font-size: 6px;
	line-height: 0;
	text-align: center;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	border-radius: 2px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: all .4s cubic-bezier(.215, .61, .355, 1) 0s
}

@media screen and (max-width:500px) {
	.slick-dots li button {
		width: 28px
	}
	.slick-dots li button:before {
		height: 6px
	}
}

.slick-dots li.slick-active button:before {
	background-color: #606060;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}
.home-banners-item_title img{
	width: 159px;
	height: 71px;
}
@media screen and (max-width:768px){
	.home-banners-item_title img{
		width: 30px;
		height: 30px
	}
} 
.g-snsmf li{display: inline-block;display: flex;width: 100%;justify-content: center;}
.g-snsmf{
	position: absolute;
	bottom: 0px;
	/* left: 70px; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
.g-snsmf li a{
color: #d12e2e;
text-decoration: none;
font-weight: 600;
font-size: 14px;
}
.g-snsmf li a:hover{
color: #d12e2e;
}
.l-content{
	text-align: justify;
	padding-left: 15px;
	padding-right: 15px;
}
.g-copyrights {
    position: absolute;
    bottom: 17px;
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 10px;
    font-size: 1rem;
    color: gray;
}

/* ============================================================
 * Contact page: form message & company info
 * ============================================================ */
.contact-form-msg {
	margin-top: 16px;
	padding: 12px 14px;
	font-size: 14px;
	line-height: 1.5;
	border-radius: 2px;
}
.contact-form-msg._ok {
	display: block !important;
	background: #e8f5e9;
	color: #1b5e20;
	border: 1px solid #a5d6a7;
}
.contact-form-msg._err {
	display: block !important;
	background: #ffebee;
	color: #b71c1c;
	border: 1px solid #ef9a9a;
}

.company-info {
	padding: 20px 24px;
	background: #f7f9fc;
	border-radius: 2px;
}
.company-info__name {
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}
.company-info__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.company-info__item {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 6px 0;
	font-size: 14px;
	line-height: 1.6;
	color: #333;
}
.company-info__label {
	flex: 0 0 80px;
	font-weight: 600;
	color: #555;
}
.company-info__value {
	flex: 1;
	min-width: 0;
	word-break: break-word;
}
.company-info__value a {
	text-decoration: none;
}
.company-info__value a:hover {
	text-decoration: underline;
}
@media (max-width: 640px) {
	.company-info {
		padding: 16px;
	}
	.company-info__label {
		flex: 0 0 70px;
	}
}

/* ===== Fix: _brand-detail 内容溢出导致 _more-brand 被覆盖 ===== */
/* 原因：.brand-section_body 用了 position:absolute + translate(-50%) 强制垂直居中，
   但 description 里包含大图和长文，内容远超 700px，溢出后压在 _more-brand 上方 */

.p-brand-single .brand-section._brand-detail {
	min-height: 0;
	height: auto !important;
	padding: 80px 0 60px;
	overflow: visible;
}

.p-brand-single .brand-section._brand-detail .brand-section_body {
	position: static;
	top: auto;
	left: auto;
	display: block;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	width: 100%;
	max-width: 900px;
	height: auto;
	margin: 0 auto;
	padding: 0 40px;
}

/* 让 description 内部的正文图片随容器缩放，避免溢出 */
.p-brand-single .brand-section._brand-detail .brand-section_description img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 16px auto;
}

.p-brand-single .brand-section._brand-detail .brand-section_description p {
	margin: 0 0 12px;
	line-height: 1.8;
}

/* 让 more-brand 始终在 brand-detail 完整内容下方 */
.p-brand-single .brand-section._more-brand {
	position: relative;
	clear: both;
	margin: 0 auto;
	z-index: 1;
}

@media screen and (max-width: 820px) {
	.p-brand-single .brand-section._brand-detail {
		padding: 40px 0 30px;
	}
	.p-brand-single .brand-section._brand-detail .brand-section_body {
		padding: 0 4%;
	}
}

/* Privacy policy agreement checkbox */
.m-privacy-agree {
	display: flex;
	align-items: center;
	margin: 0 0 8px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
	color: #333;
}

.m-privacy-agree__label {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	user-select: none;
}

.m-privacy-agree__checkbox {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
	margin: 0 8px 0 0;
	border: 1px solid #888;
	border-radius: 2px;
	background-color: #fff;
	cursor: pointer;
	flex-shrink: 0;
	position: relative;
	vertical-align: middle;
	transition: border-color .2s ease, background-color .2s ease;
}

.m-privacy-agree__checkbox:hover {
	border-color: #555;
}

.m-privacy-agree__checkbox:checked {
	background-color: #555;
	border-color: #555;
}

.m-privacy-agree__checkbox:checked::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 1px;
	width: 4px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.m-privacy-agree__checkbox:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgba(85, 85, 85, .2);
}

.m-privacy-agree__text {
	display: inline-block;
}

.m-privacy-agree__text a {
	color: #1a73e8;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color .2s ease;
}

.m-privacy-agree__text a:hover {
	border-bottom-color: #1a73e8;
}

.contact-form-msg.is-error {
	margin: 12px 0;
	padding: 10px 14px;
	color: #c0392b;
	background-color: #fdecea;
	border: 1px solid #f5c6cb;
	border-radius: 4px;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: center;
}

@media screen and (max-width: 500px) {
	.m-privacy-agree {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 0 4%;
		text-align: left;
	}
	.m-privacy-agree__label {
		align-items: flex-start;
	}
	.m-privacy-agree__checkbox {
		margin-top: 2px;
	}
}