@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Pathway+Gothic+One&display=swap');

.brand-header,
.ir,
.oh {
	overflow: hidden;
}
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}
.pocket-btn .horizontal,
.pocket-btn iframe {
	display: inline-block !important;
	width: 90px;
	vertical-align: sub;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	border: 0;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
	font-family: Noto Sans Japanese;
	font-weight: 100;
	src: url(../fonts/noto/noto-thin.eot);
	src: url(https://andlockers.com/html/template/default/assets/common/fonts/noto/noto-thin.eot?#iefix)
			format('embedded-opentype'),
		url(../fonts/noto/noto-thin.woff) format('woff'),
		url(../fonts/noto/noto-thin.ttf) format('truetype');
}
@font-face {
	font-family: Noto Sans Japanese;
	src: url(../fonts/noto/noto-regular.eot);
	src: url(https://andlockers.com/html/template/default/assets//common/fonts/noto/noto-regular.eot?#iefix)
			format('embedded-opentype'),
		url(../fonts/noto/noto-regular.woff) format('woff'),
		url(../fonts/noto/noto-regular.ttf) format('truetype');
}
@font-face {
	font-family: fontello;
	src: url(../fonts/P75086332_fontello.eot);
	src: url(../fonts/P75086332_fontello.eot#iefix) format('embedded-opentype'),
		url(../fonts/P75086332_fontello.woff) format('woff'),
		url(../fonts/P75086332_fontello.ttf) format('truetype'),
		url(https://andlockers.com/html/template/default/assets/common/fonts/fontello.svg?75086332#fontello)
			format('svg');
}

[class*=' icon-']:before,
[class^='icon-']:before {
	font-family: fontello;
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0.2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: 0.2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-twt:before {
	content: '\e800';
}
.icon-insta:before {
	content: '\e801';
}
.icon-fb:before {
	content: '\e802';
}
.icon-search:before {
	content: '\e803';
}
.ec-layoutRole__mainBottom,
.ec-layoutRole__main .ec-productRole {
}
@media screen and (min-width: 768px) {
	.sp {
		display: none !important;
	}
	.ec-layoutRole .ec-layoutRole__contents {
		max-width: 100%;
		margin-top: 108px;
	}
	#page_homepage .ec-layoutRole .ec-layoutRole__contents {
		margin-top: 0;
	}
	.ec-layoutRole__mainBottom,
	.ec-layoutRole__main {
		position: relative;
		min-width: 924px;
		min-height: 100%;
		padding: 0px 50px 0;
		box-sizing: border-box;
	}
	.ec-layoutRole__main .ec-productRole {
		margin-top: 32px;
	}
	.ec-layoutRole__mainBottom {
		margin-top: 30px;
	}
}
.ec-productRole .ec-productRole__description {
	color: #000;
	font-size: 14px;
	padding: 0 20px;
}
.ec-productRole {
	max-width: 100%;
}
.ec-sliderItemRole .slideThumb {
	width: 20%;
	border: 1px solid #eee;
}
.ec-sliderItemRole .slideThumb img {
	width: 100%;
}
.ec-productRole .ec-productRole__title h1.ec-headingTitle {
	font-size: 22px;
	color: #2d2d2d;
}
.ec-price .ec-price__price {
	font-size: 0.9em;
}
.ec-price .ec-price__tax {
	font-size: 0.45em;
}
.ec-productRole .ec-productRole__priceRegularPrice {
	font-size: 14px;
}
.ec-productRole .ec-productRole__category ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.ec-productRole .ec-productRole__category a {
	/*
	font-size: 14px;
	border: 1px solid #888;
	color: #888;
	border-radius: 50px;
	padding: 5px 10px;
	margin: 5px 7px 5px 0;
	display: inline-block;
	*/
}
.ec-productRole .ec-productRole__category a:hover {
	background: #888;
	color: #fff;
	text-decoration: none;
}
.ec-productRole .ec-productRole__description h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.ec-productRole .ec-productRole__description .item_type li {
	text-indent: 0em;
	padding-left: 1em;
	position: relative;
}
.ec-productRole .ec-productRole__description .item_type li::before {
	content: '';
	border-radius: 5px;
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0;
	top: 4px;
	background: #000;
}
.ec-productRole .ec-productRole__description a {
	color: #1cb57b;
	border-bottom: 1px solid #1cb57b;
}
.ec-productRole .ec-productRole__description .item_name_jp {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
}
.ec-productRole .ec-productRole__description .subtext {
	font-size: 16px;
	margin-bottom: 25px;
}
.ec-productRole .ec-productRole__description ul.item_type {
	font-size: 14px;
	margin-bottom: 25px;
}
.ec-productRole .ec-productRole__description .sub_spec {
	font-size: 14px;
	color: #555;
	background: #f8f8f8;
	padding: 15px;
	display: inline-block;
}
@media screen and (max-width: 767px) {
	.ec-productRole .ec-productRole__description {
		padding-bottom: 25px;
		border-bottom: 1px solid #ddd;
		padding: 0 0 25px;
	}
	.pc {
		display: none !important;
	}
	.ec-layoutRole .ec-layoutRole__contents {
		max-width: 100%;
		margin-top: 105px;
	}
	#page_homepage .ec-layoutRole .ec-layoutRole__contents {
		margin-top: 0;
	}

	.ec-shelfGrid a {
		word-wrap: break-word;
		font-family: 'Pathway Gothic One';
		color: #000;
	}
	#page_product_detail .ec-productRole {
		padding-left: 0;
		padding-right: 0;
	}

	#page_product_detail .ec-grid2__cell {
		padding-left: 20px;
		padding-right: 20px;
	}
	#page_product_detail .ec-grid2__cell_slide {
		padding-left: 0;
		padding-right: 0;
	}
	#page_product_detail .ec-grid2__cell_slide .ec-sliderItemRole {
		padding-left: 0;
		padding-right: 0;
	}
	#page_product_detail
		.ec-productRole__description.ec-productRole__description_freearea {
		margin: 0 20px;
	}
	.ec-productRole .ec-productRole__description h3 {
		font-size: 18px;
	}
	.ec-productRole .ec-productRole__description h2.item_name_en {
		font-size: 18px;
	}
	.ec-productRole .ec-productRole__description h2.item_name_jp {
		font-size: 16px;
	}
}
.cf:after,
.cf:before {
	content: '';
	display: table;
}
.cf:after {
	clear: both;
}
.ir {
	text-indent: 100%;
	white-space: nowrap;
}
.fz10 {
	font-size: 10px !important;
}
.fz11 {
	font-size: 11px !important;
}
.fz12 {
	font-size: 12px !important;
}
.fz13 {
	font-size: 13px !important;
}
.fz14 {
	font-size: 14px !important;
}
.fz15 {
	font-size: 15px !important;
}
.fz16 {
	font-size: 16px !important;
}
.fz17 {
	font-size: 17px !important;
}
.fz18 {
	font-size: 18px !important;
}
.fz19 {
	font-size: 19px !important;
}
.fz20 {
	font-size: 20px !important;
}
.fwb {
	font-weight: 700 !important;
}
.fwn {
	font-weight: 400 !important;
}
.tac {
	text-align: center !important;
}
.tal {
	text-align: left !important;
}
.tar {
	text-align: right !important;
}
.cm {
	color: #fcfff5 !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}

@media screen and (min-width: 768px) {
	.mb-xs {
		margin-bottom: 7.5px !important;
	}
	.mb-s {
		margin-bottom: 15px !important;
	}
	.mb-m {
		margin-bottom: 30px !important;
	}
	.mb-l {
		margin-bottom: 60px !important;
	}
	.mb-xl {
		margin-bottom: 80px !important;
	}
}

@media screen and (max-width: 767px) {
	.mb-xs {
		margin-bottom: 5px !important;
	}
	.mb-s {
		margin-bottom: 10px !important;
	}
	.mb-m {
		margin-bottom: 20px !important;
	}
	.mb-l {
		margin-bottom: 40px !important;
	}
	.mb-xl {
		margin-bottom: 50px !important;
	}
}
.mr0 {
	margin-right: 0 !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr45 {
	margin-right: 45px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.p0 {
	margin-right: 0 !important;
}
.p5 {
	margin-right: 5px !important;
}
.p10 {
	margin-right: 10px !important;
}
.p15 {
	margin-right: 15px !important;
}
.p20 {
	margin-right: 20px !important;
}
.p25 {
	margin-right: 25px !important;
}
.p30 {
	margin-right: 30px !important;
}
.p35 {
	margin-right: 35px !important;
}
.p40 {
	margin-right: 40px !important;
}
.p45 {
	margin-right: 45px !important;
}
.p50 {
	margin-right: 50px !important;
}
.fl {
	float: left !important;
}
.fr {
	float: right !important;
}
.imgfl {
	float: left;
	margin: 0 5 5 0 !important;
}
.imgfr {
	float: right;
	margin: 0 0 5 5 !important;
}
.cb {
	clear: both !important;
}
.ib {
	display: inline-block;
}
.hvop:hover {
	opacity: 0.8 !important;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
}
@keyframes vertical {
	0% {
		transform: translateY(-3px);
	}
	100%,
	80% {
		transform: translateY(0);
	}
}
.sp_mt_50 {
	margin-top: 50px;
}
body {
	line-height: 1;
	color: #444;
	background-color: #fff;
	font: 14px/1.61 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
		'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	text-justify: inter-ideograph;
	text-align: left;
}
.brand-header .more,
.en {
	font-family: Pathway Gothic One, sans-serif;
}
.ja {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
		'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
}
a {
	color: #525263;
}
.ov-sp a {
	color: #fff;
	text-decoration: none;
}
.link01 {
	color: #444;
	text-decoration: underline;
}
.brand-header .more,
.link01:hover {
	text-decoration: none;
}
.attention {
	color: #f73b6c;
}
.listmark {
	padding-left: 1em;
	text-indent: -1em;
}
.news-body a {
	color: #1cb57b;
}
@media screen and (min-width: 768px) {
	a:hover {
		/*opacity: 0.7;*/
		color: #1cb57b;
	}
	body {
		position: relative;
		min-width: 1024px;
		overflow-x: hidden;
	}
	.page-top.h_100vh {
		height: 100vh;
	}
	.page-top .first-visual,
	.page-top .first-visual-wrap,
	.page-top .main,
	.page-top .top-slide,
	.page-top .top-slide-wrap,
	body,
	html {
		height: 100%;
		min-height: 100%;
	}
	.page-top .main {
		max-height: 1080px;
	}
}

@media screen and (max-width: 767px) {
	img {
		max-width: 100%;
		height: auto;
	}
}
.brand-header {
	position: relative;
	height: 440px;
}
.brand-header .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 440px;
	box-sizing: border-box;
}
.brand-header .brand-logo {
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -120px;
	width: 240px;
	height: 240px;
	text-align: center;
	transition: all 0.2s linear;
}
.brand-header .brand-logo img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
}
.brand-header .more {
	position: absolute;
	top: 350px;
	left: 0;
	width: 100%;
	font-size: 18px;
	letter-spacing: 0.05em;
	color: #fff;
	text-align: center;
	transition: all 0.2s linear 0.1s;
}
.brand-header .more span {
	display: inline-block;
	padding-right: 20px;
	background: url(../img/img-circle-arw-wht-r_off.png) center right no-repeat;
	background-size: 12px;
	cursor: pointer;
	transition: all 0.2s linear;
}
.brand-header .more span:hover {
	color: #1cb57b;
	background: url(../img/img-circle-arw-r_on.png) center right no-repeat;
	background-size: 12px;
}
.brand-detail-wrap {
	opacity: 0;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	z-index: 5000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s linear;
}
.brand-detail-wrap .brand-overlay {
	z-index: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}
.brand-detail-wrap .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	transition: all 0.14s linear;
	background: url(https://andlockers.com/html/user_data/assets/img/sample/img-brand-bg.jpg)
		center center no-repeat;
	background-size: cover;
}
.brand-detail-wrap .inner {
	position: relative;
	height: 100%;
}
.brand-detail-wrap .brand-logo {
	position: absolute;
	top: 10%;
	left: 5%;
	margin-left: 0;
	width: 20%;
	height: 240px;
	text-align: center;
	transition: all 0.2s linear;
}
.brand-detail-wrap .brand-logo img {
	max-width: 100%;
}
.brand-detail-wrap .more {
	position: absolute;
	top: 350px;
	left: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s linear 0.1s;
}
.brand-detail-wrap .brand-detail {
	overflow-y: auto;
	margin-left: 28%;
	margin-bottom: 10px;
	width: 68%;
	height: 80%;
	color: #fff;
	transition: all 0.2s linear;
}
.is-about-show,
.is-brand-detail-show {
	overflow: hidden;
}
.brand-detail-wrap .brand-detail .brand-name {
	font-size: 40px;
	letter-spacing: 0.1em;
}
.brand-detail-wrap .brand-detail .brand-name span {
	font-size: 20px;
}
.brand-detail-wrap .brand-detail .explain > p {
	margin-bottom: 25px;
	line-height: 2;
}
.brand-detail-wrap .brand-close {
	z-index: 9999;
	opacity: 1;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	cursor: pointer;
	transition: all 0.1s;
}
.brand-detail-wrap .brand-close:hover {
	color: #1cb57b;
}
.brand-detail-wrap .brand-close:after,
.brand-detail-wrap .brand-close:before {
	content: '';
	position: absolute;
	top: 26px;
	left: 15px;
	width: 23px;
	height: 0;
	border-top: 2px solid;
}
.brand-detail-wrap .brand-close:before {
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.brand-detail-wrap .brand-close:after {
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.is-brand-detail-show .brand-detail-wrap {
	opacity: 1;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform: scale(1);
}
.is-brand-detail-show .brand-lockers {
	display: none !important;
}
.is-about-show .brand-lockers {
	opacity: 1;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform: scale(1);
}

@media screen and (min-width: 768px) {
	.brand-detail-wrap .middle {
		position: absolute;
		width: 100%;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
	.main {
		height: 100%;
		transition: transform 0.2s cubic-bezier(0.25, 0.68, 0.45, 0.99),
			opacity 0.2s cubic-bezier(0.25, 0.68, 0.45, 0.99);
	}
	.header,
	.left-nav,
	.main,
	.right-nav {
		-ms-transform: translateY(-50px);
		transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	}
	.loaded .header,
	.loaded .left-nav,
	.loaded .main,
	.loaded .right-nav {
		-ms-transform: translateY(0);
		transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 1;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	}
	.fadeOut .header,
	.fadeOut .left-nav,
	.fadeOut .main,
	.fadeOut .right-nav {
		-ms-transform: translateY(-50px);
		transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	}
}

@media screen and (max-width: 767px) {
	.brand-header,
	.brand-header .bg {
		height: 180px;
	}
	.brand-header .brand-logo {
		width: 100px;
		height: 120px;
		margin-left: -50px;
		top: 20px;
	}
	.brand-header .more {
		top: 140px;
	}
	.brand-detail-wrap .brand-logo {
		position: relative;
		top: 0;
		left: 0;
		margin: 20% 0 10%;
		width: 100%;
		height: auto;
		text-align: center;
	}
	.brand-detail-wrap .brand-logo img {
		width: 25%;
	}
	.brand-detail-wrap .brand-detail {
		width: 90%;
		height: 50%;
		margin: 0 5%;
	}
	.brand-detail-wrap .middle {
		height: 100%;
	}
}

@media screen and (min-width: 768px) {
	.header,
	.page-top .header.black {
		background: rgba(0, 0, 0, 0.75);
	}
	.global-nav a,
	.header .logo a {
		text-decoration: none;
		display: inline-block;
	}
	.header {
		z-index: 10;
	}
	.left-nav-overlay {
		display: none;
	}
	.is-left-nav-show .left-nav-overlay {
		display: block;
		z-index: 101;
	}
	.is-left-nav-show.fadeOut .left-nav-overlay {
		display: none;
	}
	.left-nav {
		z-index: 102;
	}
	.right-nav {
		z-index: 100;
	}
	.wrapper {
		position: relative;
		min-width: 924px;
		min-height: 100%;
		padding: 0px 50px 0;
		margin-top: 100px;
		box-sizing: border-box;
	}
	.wp_wrapper {
		position: relative;
		min-width: 924px;
		min-height: 100%;
		padding: 0px 50px 0;
		margin-top: 100px;
		box-sizing: border-box;
	}
	.header {
		position: fixed;
		top: 0 !important;
		left: 0;
		padding: 0 50px;
		min-width: 1024px;
		width: 100%;
		height: 54px;
		box-sizing: border-box;
		transition: background 0.3s,
			transform 0.2s cubic-bezier(0.25, 0.68, 0.45, 0.99),
			opacity 0.2s cubic-bezier(0.25, 0.68, 0.45, 0.99);
		z-index: 1002;
	}
	.header.camp {
		display: table;
		vertical-align: middle;
		margin-top: 53px;
		padding: 10px 0;
		background-color: #e20064;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
	}
	.header.camp div.inner {
		display: table-cell;
		vertical-align: middle;
	}
	.header .logo {
		width: 440px;
		height: 54px;
		font-size: 0;
		position: absolute;
		top: 0;
		left: 80px;
	}
	.header .logo .hd_logo_img {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		width: 100%;
		height: 100%;
	}
	.header .logo .hd_logo_img img {
		max-width: 140px;
	}
	.header .logo a {
		height: auto;
		color: #fff;
		font-size: 0;
		height: 100%;
	}
	.global-nav,
	.global-nav a {
		position: relative;
		color: #fff;
	}
	.header .logo a b,
	.header .logo a span {
		display: inline-block;
		vertical-align: middle;
		line-height: 1em;
		letter-spacing: 0.08em;
	}
	.header .logo a b {
		font-size: 24px;
		line-height: 54px;
	}
	.header .logo a span {
		font-size: 12px;
		margin-left: 10px;
	}
	.global-nav {
		float: right;
		margin-right: 20px;
		padding-top: 15px;
		letter-spacing: 0.1em;
		z-index: 1;
	}
	.global-nav a {
		padding: 0 15px;
		font-family: Pathway Gothic One, sans-serif;
		font-size: 18px;
		text-align: center;
	}
	.global-nav a:hover {
		color: #1cb57b;
	}
	.global-nav a:hover span:first-of-type {
		transform: rotateX(90deg);
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	}
	.global-nav a:hover span:nth-of-type(2) {
		opacity: 1;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
		transform: rotateX(0) translateZ(0);
	}
	.global-nav a span {
		width: 100%;
		height: 100%;
		display: block;
		opacity: 1;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
		transform-style: preserve-3d;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
		transition: all 0.4s ease-out;
	}
	.global-nav a span:nth-of-type(2) {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
		padding-top: 3px;
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
			'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
		font-size: 12px;
		transform: rotateX(-90deg) translateZ(30px);
	}
	.global-nav a.gnav06 {
		margin-left: 10px;
	}
	.global-nav .divide {
		margin: 0;
		vertical-align: text-bottom;
	}
}

@media screen and (max-width: 767px) {
	.header {
		z-index: 102;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		color: #fff;
		height: 50px;
		background: #000;
	}
	#sp_hd_item.hideClass {
		top: -70px;
		transition: 0.5s;
	}
	.header_item {
		z-index: 102;
		position: fixed;
		top: 100px;
		left: 0;
		width: 100%;
		color: #fff;
		background: #2d2d2d;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: none;
		justify-content: space-around;
		-ms-align-items: center;
		align-items: center;
		transition: 0.5s;
	}
	.header_item .header_item_box {
		width: calc(100% / 5 - 30px);
		line-height: 0;
		padding-bottom: 2px;
		padding-top: 5px;
		margin-bottom: 4px;
		max-width: 55px;
	}
	.header_item .current_menu {
		border-bottom: 4px solid #fff;
		margin-bottom: 0;
	}
	.header .sp-nav-trigger {
		position: absolute;
		top: 10px;
		padding: 8px 10px 10px 15px;
		width: 18px;
		height: 18px;
		right: 30px;
	}
	.header .sp-nav-trigger span,
	.header .sp-nav-trigger:after,
	.header .sp-nav-trigger:before {
		content: '';
		position: absolute;
		border-top: 2px solid;
		transition: all 0.13s linear 0.15s;
	}
	.header .sp-nav-trigger span {
		top: 5px;
		width: 25px;
	}
	.header .sp-nav-trigger:before {
		top: 13px;
		width: 25px;
	}
	.header .sp-nav-trigger:after {
		top: 21px;
		width: 25px;
	}
	.header.h_sp_flex {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
	}
	.header.camp {
		display: table;
		vertical-align: middle;
		margin-top: 50px;
		padding: 14px 0;
		background-color: #e20064;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 1.2em;
	}
	.header.camp div.inner {
		display: table-cell;
		vertical-align: middle;
	}
	.header .h_sp_item {
		width: 34%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-end;
		-ms-align-items: center;
		align-items: center;
		margin-right: 40px;
		margin-top: 5px;
	}
	.header .h_sp_item .h_sp_search_on {
		position: relative;
	}
	.header .h_sp_item .h_sp_search_on::after {
		content: '';
		width: 25px;
		height: 5px;
		position: absolute;
		left: 0;
		bottom: -10px;
		background: #fff;
	}
	.header .h_sp_item .h_sp_item_box {
		width: 25px;
		margin-right: 20px;
	}
	.header .logo {
		width: 35%;
		margin-left: 10px;
	}
	.header .logo a {
		color: #fff;
		text-decoration: none;
	}
	.header .logo a b {
		display: block;
		font-size: 18px;
		line-height: 1em;
		letter-spacing: 0.08em;
	}
	.header .logo a span {
		display: block;
		font-size: 11px;
	}
	.header .sp-search,
	.header .sp-sns {
		position: absolute;
		right: 10px;
		top: 10px;
		width: 30px;
		height: 30px;
	}
	.header .sp-sns img {
		width: 80%;
		margin: 10%;
	}
	.header .sp-search span {
		display: block;
		transition: all 0.1s linear;
	}
	.header .sp-search .circle {
		position: absolute;
		top: 3px;
		left: 5px;
		display: block;
		width: 15px;
		height: 15px;
		border: 2px solid #fff;
		border-radius: 50%;
	}
	.header .sp-search .bar {
		position: absolute;
		top: 21px;
		left: 19px;
		width: 10px;
		border-top: 2px solid #fff;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	.is-sp-search-show .sp-search .circle {
		position: absolute;
		top: 13px;
		left: 3px;
		width: 23px;
		height: 0;
		border: none;
		border-top: 2px solid #fff;
		border-radius: 0;
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	.is-sp-search-show .sp-search .bar {
		position: absolute;
		top: 13px;
		left: 3px;
		width: 23px;
		border-top: 2px solid #fff;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	.sp-search-wrap {
		z-index: 120;
		margin-top: 50px;
		width: 100%;
		background: #000;
		transition: all 0.3s;
	}
	.sp-search-wrap .inner {
		padding: 0 20px 20px;
	}
	.sp-search-wrap input[type='search'] {
		padding: 10px;
		width: 100%;
		color: #fff;
		font-family: inherit;
		border: none;
		border-bottom: 1px solid #fff;
		box-sizing: border-box;
		background: url(../img/ico-search.png) 98% center no-repeat;
		background-size: 20px;
	}
	.sp-search-wrap button[type='submit'] {
		padding-left: 30px;
		background: url(../img/ico-search.png) 16% center no-repeat #1cb57c;
		background-size: 20px;
	}
	.search-btn {
		font-size: 14px;
		height: 40px;
	}
	.is-sp-search-show .sp-search-wrap {
		top: 50px;
	}
	.sp-search-wrap .search-more {
		display: none;
	}
	.sp-search-wrap .select-wrap {
		margin: 15px;
		color: #fff;
	}
	.sp-search-wrap .select-wrap label {
		display: inline-block;
		width: 30%;
	}
	.sp-search-wrap .select-wrap select {
		display: inline-block;
		color: #888;
		font-family: inherit;
		width: 66%;
		border: 1px solid #888;
		background: url(../img/img-select-arw-wht.png) right center no-repeat;
		background-size: 15px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.global-nav {
		display: none;
	}
	.is-left-nav-show .sp-nav-trigger span {
		top: 14px;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	.is-left-nav-show .sp-nav-trigger:after {
		top: 14px;
		width: 25px;
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	.is-left-nav-show .sp-nav-trigger:before {
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	}
	#h_newitem.menu_item_open {
		display: block;
		margin-top: 58px;
	}
	#h_newitem {
		display: none;
	}
	#h_about.menu_item_open {
		display: block;
		margin-top: 58px;
	}
	#h_about {
		display: none;
	}
	#h_magazine.menu_item_open {
		display: block;
		margin-top: 58px;
	}
	#h_magazine {
		display: none;
	}
	#h_guide.menu_item_open {
		display: block;
		margin-top: 58px;
	}
	#h_guide {
		display: none;
	}
	#h_news.menu_item_open {
		display: block;
		margin-top: 58px;
	}
	#h_news {
		display: none;
	}
	.menu_block {
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
		padding-top: 4vw;
		position: fixed;
		z-index: 101;
		background: #fff;
		box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.6);
		-webkit-box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.6);
		background: #fff;
	}
	.menu_block .slider_box {
		width: 100%;
		overflow: auto;
		padding-bottom: 10px;
		margin-bottom: 20px;
		border-bottom: 1px solid #ccc;
		margin-top: 10px;
	}
	#h_magazine .slider_box {
		border-bottom: none;
	}
	.menu_block #newitem_block {
		width: 450%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-start;
	}
	#newitem_block .new_item {
		width: calc(50% - 10px);
		margin-right: 20px;
		max-width: 200px;
	}
	#newitem_block .new_item .img {
		margin-bottom: 10px;
		overflow: hidden;
		text-align: center;
		display: block;
		position: relative;
		border: 1px solid #ccc;
	}
	#newitem_block .new_item .img .ico_pink {
		color: #fff;
		font-size: 10px;
		background: #f62f63;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		padding: 5px 7px;
	}
	#newitem_block .new_item .img .ico_green {
		color: #fff;
		font-size: 10px;
		background: #1cb57b;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		padding: 5px 7px;
	}
	#newitem_block .new_item .detail {
		width: 100%;
	}
	#newitem_block .new_item .detail .en {
		font-size: 14px;
		color: #fff;
		background: #000;
		padding: 2px 7px;
		margin-bottom: 5px;
		display: inline-block;
	}
	#newitem_block .new_item .detail .ja {
		font-size: 12px;
		color: #000;
		background: #f3f0f0;
		padding: 5px 10px;
		margin-bottom: 5px;
		display: inline-block;
	}
	#newitem_block .new_item .detail .price {
		font-size: 16px;
		color: #000;
		background: #fff;
		padding: 5px 10px;
		margin-bottom: 5px;
		display: inline-block;
		font-family: 'Pathway Gothic One', sans-serif;
		font-weight: bold;
		letter-spacing: 1px;
	}
	#newitem_block .new_item .detail .price .tax {
		font-size: 12px;
	}
	.menu_block #about_block {
		width: 450%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-start;
	}
	#about_block .new_item {
		width: calc(50% - 10px);
		margin-right: 20px;
		max-width: 200px;
	}
	#about_block .new_item .img {
		margin-bottom: 10px;
		overflow: hidden;
		text-align: center;
		display: block;
		position: relative;
		border: 1px solid #ccc;
	}
	#about_block .new_item .img .ico_pink {
		color: #fff;
		font-size: 10px;
		background: #f62f63;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		padding: 5px 7px;
	}
	#about_block .new_item .img .ico_green {
		color: #fff;
		font-size: 10px;
		background: #1cb57b;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		padding: 5px 7px;
	}
	#about_block .new_item .detail {
		width: 100%;
	}
	#about_block .new_item .detail .en {
		font-size: 14px;
		color: #fff;
		background: #000;
		padding: 2px 7px;
		margin-bottom: 5px;
		display: inline-block;
	}
	#about_block .new_item .detail .ja {
		font-size: 12px;
		color: #000;
		background: #f3f0f0;
		padding: 5px 10px;
		margin-bottom: 5px;
		display: inline-block;
	}
	#about_block .new_item .detail .price {
		font-size: 16px;
		color: #000;
		background: #fff;
		padding: 5px 10px;
		margin-bottom: 5px;
		display: inline-block;
	}
	#about_block .new_item .detail .price .tax {
		font-size: 12px;
	}
	.menu_block .h_about_link {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-around;
		margin-bottom: 20px;
	}
	.menu_block .h_about_link a {
		color: #707070;
		padding-bottom: 10px;
		border-bottom: 1px solid #707070;
		margin-right: 10px;
		position: relative;
		font-size: 12px;
		display: block;
		width: calc(50% - 10px);
	}
	.menu_block .h_about_link a::after {
		content: '';
		position: absolute;
		right: 0;
		top: calc(50% - 7px);
		width: 6px;
		height: 6px;
		border-top: 1px solid #1cb57b;
		border-right: 1px solid #1cb57b;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.menu_block #news_item {
		width: 300%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-start;
	}
	#news_item .slide {
		width: calc(50vw - 15px);
		margin-right: 10px;
		max-width: 200px;
	}
	#news_item .slide img {
		border: 1px solid #ccc;
	}
	#news_item .detail {
		position: relative;
		padding: 10px;
		background: #fff;
		transition: all 0.1s linear;
	}
	#news_item .detail .explain {
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
			'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	}
	/*
#news_item .detail:after {
	bottom: 100%;
	left: 80%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255,255,255,0);
	border-bottom-color: #FFF;
	border-width: 10px;
	margin-left: -10px
}
	*/
	#news_item .date {
		position: relative;
		font-family: Pathway Gothic One, sans-serif;
		letter-spacing: 0.05em;
		margin-bottom: 5px;
		font-size: 18px;
		text-align: right;
	}

	.menu_block #magazine_item {
		width: 300%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-start;
	}
	#magazine_item .slide {
		width: calc(50% - 10px);
		margin-right: 20px;
		max-width: 200px;
	}
	#magazine_item .detail {
		position: relative;
		padding: 10px;
		background: #fff;
		transition: all 0.1s linear;
	}
	#magazine_item .detail .explain {
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
			'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	}
	#magazine_item .detail:after {
		bottom: 100%;
		left: 80%;
		border: solid transparent;
		content: ' ';
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
		border-width: 10px;
		margin-left: -10px;
	}
	#magazine_item .title {
		position: relative;
		font-family: 'Pathway Gothic One', sans-serif;
		letter-spacing: 0.05em;
		margin-bottom: 5px;
		font-size: 18px;
		border-bottom: 1px solid #e7e7e7;
	}
	#magazine_item .title:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 40px;
		border-top: 1px solid #1cb57b;
	}
	#h_guide .guide_item {
		margin-bottom: 30px;
	}
	#h_guide .guide_item ul {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	#h_guide .guide_item ul li {
		width: calc(50% - 5px);
		margin-right: 10px;
		padding: 15px 0;
		border-bottom: 1px solid #ddd;
		font-size: 12px;
		position: relative;
	}
	#h_guide .guide_item ul li::after {
		position: absolute;
		content: '';
		width: 8px;
		height: 15px;
		background: url(../img/btn_arrow_02.png);
		right: 5px;
		top: calc(50% - 7.5px);
		background-size: contain;
	}
	#h_guide .guide_item ul li:nth-child(2n) {
		margin-right: 0px;
	}
	.menu_block .menu_list_btn {
		width: 100%;
		position: relative;
	}

	.menu_block .menu_list_btn .close_btn {
		right: 3px;
		bottom: 0;
		position: absolute;
		width: 40px;
		height: 40px;
	}
	.menu_block .menu_list_btn a {
		display: block;
		width: 68%;
		margin: 0 auto;
		background: #1cb57b;
		padding: 10px;
		position: relative;
		color: #fff;
		text-decoration: none;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.menu_block .menu_list_btn .btn01 {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #ccc;
	}
	.menu_block .menu_list_btn .btn01 a {
		margin-bottom: 0;
	}
	.menu_block .menu_list_btn a::after {
		content: '';
		width: 20px;
		height: 20px;
		position: absolute;
		top: calc(50% - 10px);
		right: 12px;
		background: url(../img/btn_arrow.png) no-repeat center;
		background-size: contain;
	}
}

@media screen and (min-width: 768px) {
	.left-nav,
	.left-nav-overlay {
		position: fixed;
		top: 0;
		height: 100%;
	}
	.left-nav-overlay {
		left: 0;
		width: 100%;
		background: rgba(0, 0, 0, 0.6);
	}
	.left-nav,
	.right-nav {
		z-index: 1003 !important;
	}
	.left-nav {
		left: -30%;
		width: 30%;
		/*background: #FFF;*/
		transition: left 0.5s, transform 0.2s cubic-bezier(0.25, 0.68, 0.45, 0.99),
			opacity 0.2s cubic-bezier(0.25, 0.68, 0.45, 0.99);
	}
	.left-nav .inner {
		overflow: hidden;
		position: relative;
		height: 100%;
		background: rgba(0, 0, 0, 0.75);
		font-family: 'Pathway Gothic One', sans-serif;
	}
	.left-nav .trigger {
		position: absolute;
		right: -50px;
		width: 50px;
		height: 100%;
		min-height: 100%;
		background: #fff;
		cursor: pointer;
	}
	.left-nav .trigger:hover {
		background: #f7f7f7;
	}
	.left-nav .trigger:hover .lines span,
	.left-nav .trigger:hover .lines:after,
	.left-nav .trigger:hover .lines:before {
		width: 18px;
	}
	.left-nav .trigger:before {
		position: absolute;
		right: 0;
		content: '';
		border-left: 1px solid #e6e6e6;
		height: 100%;
	}
	.left-nav .trigger .ico-trigger {
		display: inline-block;
		position: absolute;
		top: 2%;
		width: 100%;
		text-align: center;
	}
	.left-nav .trigger img {
		transition: all 0.15s linear 0.25s;
	}
	.left-nav .trigger .lines {
		position: relative;
		display: block;
		margin: 5px auto 0;
		width: 18px;
		height: 18px;
	}
	.left-nav .trigger .lines span,
	.left-nav .trigger .lines:after,
	.left-nav .trigger .lines:before {
		content: '';
		position: absolute;
		left: 0;
		border-top: 2px solid;
		transition: all 0.13s linear 0.15s;
	}
	.left-nav .trigger .lines span {
		top: 0;
		width: 18px;
	}
	.left-nav .trigger .lines:before {
		top: 8px;
		width: 12px;
	}
	.left-nav .trigger .lines:after {
		top: 16px;
		width: 8px;
	}
	.left-nav .left-nav-body {
		padding: 20px 0 20px 20px;
		margin: 6% 2% 2% 4%;
		width: 94%;
		height: 94%;
		color: #575757;
		box-sizing: border-box;
	}
	.left-nav .left-nav-body .left-nav-body-inner {
		position: relative;
		overflow-y: auto;
		padding-right: 30px;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}
	.left-nav .left-nav-body a {
		color: #fff;
	}
	.left-nav .left-nav-body .sale a {
		color: #f73b6c;
	}
	.left-nav .category-list .side-nav-en:hover {
		color: #ab2a4c;
	}
	.left-nav .left-nav-body a:hover {
		color: #1cb57b;
	}
	.left-nav .left-nav-body .side-box {
		margin-bottom: 64px;
	}
	.left-nav .left-nav-body .side-box a {
		text-decoration: none;
	}
	.left-nav .left-nav-body .side-box .brand-list {
		margin-top: 20px;
		border-top: 1px solid #1e1e1e;
	}
	.left-nav .left-nav-body .side-box .brand-list ul li {
		font-size: 20px;
		padding: 14px 0;
		border-bottom: 1px solid #1e1e1e;
	}
	.left-nav .left-nav-body .side-box .brand-list img {
		margin-right: 20px;
		margin-bottom: 20px;
		vertical-align: middle;
		height: auto;
	}
	.left-nav .left-nav-body .side-box .color-list a {
		display: inline-block;
		margin-right: 15px;
		padding: 0;
		width: 30px;
		height: 30px;
		border-radius: 50%;
	}
	.left-nav .left-nav-body .side-box .color-list a:before {
		display: none;
	}
	.left-nav .left-nav-body .side-box .color-list .blu {
		background: #0f6ad0;
	}
	.left-nav .left-nav-body .side-box .color-list .red {
		background: #e60012;
	}
	.left-nav .left-nav-body .side-box .color-list .blk {
		width: 28px;
		height: 28px;
		background: #000;
		border: 1px solid #fff;
	}
	.left-nav .left-nav-body .side-box-header,
	.left-nav .left-nav-body .side-nav {
		margin-bottom: 10px;
		padding-right: 3px;
		color: #1cb57b;
		font-size: 16px;
		letter-spacing: 0.1em;
		padding-bottom: 15px;
	}
	.left-nav .left-nav-body .side-box .color-list .gry {
		background: #686868;
	}
	.left-nav .left-nav-body .side-box .color-list .wht {
		background: #fff;
	}
	.left-nav .left-nav-body .side-box .color-list .grn {
		background: #26d314;
	}
	.left-nav .left-nav-body .side-box .color-list .yel {
		background: #fff100;
	}
	.left-nav .left-nav-body .side-box .color-list .brw {
		background: #9b7613;
	}
	.left-nav .left-nav-body .side-box .color-list .pnk {
		background: #ea68a2;
	}
	.left-nav .left-nav-body .side-box-header span {
		padding-right: 3px;
		color: #1cb57b;
		font-family: Pathway Gothic One, sans-serif;
		font-size: 42px;
		letter-spacing: 0.1em;
	}
	.left-nav .left-nav-body .js-accordion dt {
		position: relative;
		cursor: pointer;
	}
	.left-nav .left-nav-body .js-accordion dt:after {
		display: block;
		content: '';
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -6px;
		width: 11px;
		height: 7px;
		background: url(../img/ico-wht-arw-top.png) center center no-repeat;
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}
	.left-nav .left-nav-body .js-accordion dt.open:after {
		-ms-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
	.left-nav .left-nav-body .js-accordion dd {
		display: none;
	}
	.left-nav .left-nav-body .side-nav {
		padding-bottom: 10px;
	}
	.left-nav .left-nav-body .side-nav .ja {
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
			'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
		font-size: 13px;
	}
	.left-nav .left-nav-body .side-nav .en,
	.left-nav .left-nav-body .side-nav dd a,
	.left-nav .left-nav-body .side-nav dt {
		font-family: Pathway Gothic One, sans-serif;
		font-size: 18px;
	}
	.left-nav .left-nav-body .side-nav li {
		margin-bottom: 5px;
	}
	.left-nav .left-nav-body .side-nav dt {
		color: #fff;
		letter-spacing: 0.1em;
	}
	.left-nav .left-nav-body .side-nav .sale {
		padding: 17px 0;
		border-top: 1px solid #1e1e1e;
		border-bottom: 1px solid #1e1e1e;
	}
	.left-nav .left-nav-body .side-nav dd {
		overflow: hidden;
		zoom: 1;
		padding-top: 20px;
	}
	.left-nav .left-nav-body .side-nav dd .divide {
		float: left;
		width: 50%;
	}
	.left-nav .left-nav-body .side-nav dd a {
		position: relative;
		display: block;
		padding-left: 20px;
		letter-spacing: 0.1em;
	}
	.left-nav .left-nav-body .side-nav dd a:before {
		position: absolute;
		left: 0;
		top: 50%;
		content: '';
		width: 10px;
		border-top: 1px solid #fff;
	}
	.left-nav .left-nav-body .side-nav dd .sub {
		font-size: 12px;
		padding-left: 20px;
	}
	.is-left-nav-show .main,
	.is-left-nav-show .move {
		-ms-transform: translateX(100px) !important;
		transform: translateX(100px) !important;
		-webkit-transform: translateX(100px) !important;
	}
	.is-left-nav-show {
		overflow: hidden;
	}
	.is-left-nav-show .left-nav {
		left: 0;
	}
	.is-left-nav-show .left-nav .trigger img {
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
		-ms-transform: translateY(-100px);
		transform: translateY(-100px);
		-webkit-transform: translateY(-100px);
	}
	.is-left-nav-show .left-nav .trigger .lines span {
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	.is-left-nav-show .left-nav .trigger .lines:before {
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	}
	.is-left-nav-show .left-nav .trigger .lines:after {
		top: 0;
		width: 18px;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	.page-top .left-nav {
		margin-left: -55px;
		z-index: 1003;
	}
	.page-top .right-nav {
		right: -55px;
		z-index: 1003;
	}
}

@media screen and (max-width: 767px) {
	.left-nav,
	.sns-list {
		position: fixed;
		z-index: 101;
		transition: all 0.3s;
		left: 0;
	}
	.is-sns-list-show .sns-list {
		top: 50px;
	}
	.sns-list {
		top: -400%;
		width: 100%;
		height: 100%;
		background: 0 0;
	}
	.sns-list p {
		display: table;
		width: 100%;
	}
	.sns-list p a,
	.sns-list p > span {
		display: table-cell;
		padding: 10px 0;
		width: 33.333%;
		height: 70px;
		font-size: 24px;
		color: #fff;
		text-align: center;
		vertical-align: middle;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		background: #272727;
	}
	.is-left-nav-show {
		overflow: hidden;
	}
	.is-left-nav-show .left-nav {
		top: 17px;
	}
	.left-nav {
		top: -400%;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
	}
	.left-nav a {
		text-decoration: none;
	}
	.left-nav .trigger {
		display: none;
	}
	.left-nav .tab-left-nav {
		overflow: hidden;
		zoom: 1;
		background: #fff;
	}
	.left-nav .tab-left-nav li {
		float: left;
		width: 33.3333%;
		height: 50px;
		border-right: 1px solid #000;
		box-sizing: border-box;
	}
	.left-nav .tab-left-nav li:last-child {
		border-right: none;
	}
	.left-nav .tab-left-nav li a {
		display: block;
		width: 100%;
		height: 100%;
	}
	.left-nav .tab-left-nav .tab01 {
		background: url(../img/ico-spnav01_off.png) center center no-repeat;
		background-size: 30px;
	}
	.left-nav .tab-left-nav .tab01.selected {
		background: url(../img/ico-spnav01_on.png) center center no-repeat;
		background-size: 30px;
	}
	.left-nav .tab-left-nav .tab02 {
		background: url(../img/ico-spnav02_off.png) center center no-repeat;
		background-size: 18px;
	}
	.left-nav .tab-left-nav .tab02.selected {
		background: url(../img/ico-spnav02_on.png) center center no-repeat;
		background-size: 18px;
	}
	.left-nav .tab-left-nav .tab03 {
		background: url(../img/ico-spnav04_off.png) center center no-repeat;
		background-size: 22px;
	}
	.left-nav .tab-left-nav .tab03.selected {
		background: url(../img/ico-spnav04_on.png) center center no-repeat;
		background-size: 22px;
	}
	.left-nav .tab-left-nav .tab04 {
		background: url(../img/ico-spnav05_off.png) center center no-repeat;
		background-size: 22px;
	}
	.left-nav .tab-left-nav .tab04.selected {
		background: url(../img/ico-spnav05_on.png) center center no-repeat;
		background-size: 22px;
	}
	.left-nav .total-nav {
		font-family: Pathway Gothic One, sans-serif;
		font-size: 16px;
	}
	.left-nav .total-nav p {
		display: table;
		width: 100%;
	}
	.left-nav .total-nav p.row2 a {
		background: #272727;
		border-right: 1px solid #000;
	}
	.left-nav .total-nav p.row3 a,
	.left-nav .total-nav p.row3 > span {
		height: 70px;
	}
	.left-nav .total-nav p a,
	.left-nav .total-nav p > span {
		display: table-cell;
		padding: 10px 0;
		width: 33.333%;
		color: #fff;
		text-align: center;
		vertical-align: middle;
		border-right: 1px solid #272727;
		border-bottom: 1px solid #272727;
		background: #000;
	}
	.left-nav .total-nav p a:last-child,
	.left-nav .total-nav p > span:last-child {
		border-right: none;
	}
	.left-nav .sns-list a {
		font-size: 24px;
	}
	.left-nav .category-list {
		overflow-y: auto;
		width: 100%;
		height: 450px;
		color: #575757;
		background: #000;
		box-sizing: border-box;
		font-family: 'Pathway Gothic One', sans-serif;
		margin-top: 58px;
	}
	.left-nav .category-list a {
		display: block;
		color: #fff;
		padding: 15px 0;
		text-align: center;
	}
	.left-nav .category-list .side-nav-en {
		text-align: left;
		padding: 20px 3%;
		font-size: 17px;
	}
	.left-nav .category-list .side-nav-en:hover {
		color: #ab2a4c;
	}
	.left-nav .category-list .sale a {
		color: #f73b6c;
	}
	.left-nav .category-list a:hover {
		color: #1cb57b;
	}
	.left-nav .category-list .side-box .brand-list img {
		vertical-align: middle;
	}
	.left-nav .category-list .side-box .brand-list a {
		display: inline-block;
		width: 100%;
		padding: 12px 3%;
		text-align: left;
		font-size: 22px;
		border-bottom: 1px solid #1e1e1e;
	}
	.left-nav .category-list .side-box .color-list a {
		display: inline-block;
		margin-right: 15px;
		padding: 0;
		width: 30px;
		height: 30px;
		border-radius: 50%;
	}
	.left-nav .category-list .side-box .color-list a:before {
		display: none;
	}
	.left-nav .category-list .side-box .color-list .blu {
		background: #0f6ad0;
	}
	.left-nav .category-list .side-box .color-list .red {
		background: #e60012;
	}
	.left-nav .category-list .side-box .color-list .blk {
		width: 28px;
		height: 28px;
		background: #000;
		border: 1px solid #fff;
	}
	.left-nav .category-list .side-box-header,
	.left-nav .category-list .side-nav {
		margin-bottom: 10px;
		font-size: 20px;
		color: #1cb57b;
	}
	.left-nav .category-list .side-box .color-list .gry {
		background: #686868;
	}
	.left-nav .category-list .side-box .color-list .wht {
		background: #fff;
	}
	.left-nav .category-list .side-box .color-list .grn {
		background: #26d314;
	}
	.left-nav .category-list .side-box .color-list .yel {
		background: #fff100;
	}
	.left-nav .category-list .side-box .color-list .brw {
		background: #9b7613;
	}
	.left-nav .category-list .side-box .color-list .pnk {
		background: #ea68a2;
	}
	.left-nav .category-list .side-box-header span {
		padding-right: 3px;
		color: #1cb57b;
		font-family: Pathway Gothic One, sans-serif;
		font-size: 42px;
	}
	.left-nav .category-list .side-box-header .side-box-header-en {
		font-size: 24px;
		padding-right: 1px;
	}
	.left-nav .category-list .js-accordion dt {
		position: relative;
	}
	.left-nav .category-list .js-accordion dt:after {
		display: block;
		content: '';
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -6px;
		width: 11px;
		height: 7px;
		background: url(../img/ico-wht-arw-top.png) center center no-repeat;
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}
	.left-nav .category-list .js-accordion dt.open:after {
		-ms-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
	.left-nav .category-list .js-accordion dd {
		display: none;
	}
	.left-nav .category-list .side-nav {
		margin-bottom: 0;
	}
	.left-nav .category-list .side-nav .ja {
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
			'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
		font-size: 13px;
	}
	.left-nav .category-list .side-nav .en,
	.left-nav .category-list .side-nav dd a,
	.left-nav .category-list .side-nav dt {
		font-family: Pathway Gothic One, sans-serif;
		font-size: 18px;
	}
	.left-nav .category-list .side-nav li {
		margin-bottom: 5px;
	}
	.left-nav .category-list .side-nav dt {
		color: #fff;
	}
	.left-nav .category-list .side-nav .sale {
		position: relative;
		border-top: 1px solid #1e1e1e;
		border-bottom: 1px solid #1e1e1e;
	}
	.left-nav .category-list .side-nav .sale:before {
		display: block;
		content: '';
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -2px;
		width: 11px;
		height: 7px;
		background: url(../img/ico-wht-arw-top.png) center center no-repeat;
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}
	.left-nav .category-list .side-nav dd {
		overflow: hidden;
		zoom: 1;
		padding-top: 20px;
	}
	.left-nav .category-list .side-nav dd .divide {
		float: left;
		width: 50%;
	}
	.left-nav .category-list .side-nav dd a {
		position: relative;
		display: block;
		padding-left: 20px;
	}
	.left-nav .category-list .side-nav dd a:before {
		position: absolute;
		left: 0;
		top: 50%;
		content: '';
		width: 10px;
		border-top: 1px solid #fff;
	}
	.left-nav .category-list .side-nav dd .sub {
		font-size: 12px;
		padding-left: 20px;
	}
}

@media screen and (min-width: 768px) {
	.right-nav {
		position: fixed;
		top: 0;
		right: 0;
		width: 50px;
		height: 100%;
		background: #fff;
		transition: transform 0.2s cubic-bezier(0.25, 0.68, 0.45, 0.99),
			opacity 0.2s cubic-bezier(0.25, 0.68, 0.45, 0.99);
		z-index: 999;
	}
	.right-nav:before {
		position: absolute;
		content: '';
		border-left: 1px solid #e6e6e6;
		height: 100%;
	}
	.right-nav .shopping-nav {
		position: relative;
	}
	.right-nav .shopping-nav a {
		position: relative;
		z-index: 11;
		display: block;
		width: 100%;
		height: 53px;
		background: #000;
	}
	.right-nav .shopping-nav a.snav01 {
		background: #1cb57b;
	}
	.right-nav .shopping-nav a.snav01:hover {
		background: #179767;
	}
	.right-nav .shopping-nav a.snav02 {
		position: relative;
		background: #434343;
	}
	.right-nav .shopping-nav a.snav02:hover {
		background: #000;
	}
	.right-nav .shopping-nav a.snav02 > span {
		display: block;
		transition: all 0.1s linear;
	}
	.right-nav .shopping-nav a.snav02 .circle {
		position: absolute;
		top: 17px;
		left: 16px;
		display: block;
		width: 16px;
		height: 16px;
		border: 2px solid #fff;
		border-radius: 50%;
	}
	.right-nav .shopping-nav a.snav02 .bar {
		position: absolute;
		top: 32px;
		left: 28px;
		width: 8px;
		border-top: 2px solid #fff;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	.right-nav .shopping-nav a img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 20px;
	}
	.right-nav .shopping-nav .search-wrap {
		position: absolute;
		top: 53px;
		right: -310px;
		padding: 0 15px;
		width: 310px;
		background: rgba(0, 0, 0, 0.8);
		box-sizing: border-box;
		transition: all 0.1s;
	}
	.right-nav .shopping-nav .search-wrap input[type='radio'] {
		display: none;
	}
	.right-nav .shopping-nav .search-wrap input[type='checkbox'] {
		display: none;
	}
	.right-nav .shopping-nav .search-wrap .color_btn_box .label {
		/*display: block;	 ブロックレベル要素化する */
		float: left; /* 要素の左寄せ・回り込を指定する */
		margin: 5px; /* ラベル外側の余白を指定する */
		width: calc(100% / 5 - 10px); /* ラベルの横幅を指定する */
		height: 33px; /* ラベルの高さを指定する */
		text-align: center; /* テキストのセンタリングを指定する */
		/*line-height: 35px;	 行の高さを指定する */
		padding-left: 5px; /* ラベル内左側の余白を指定する */
		padding-right: 5px; /* ラベル内右側の余白を指定する */
		cursor: pointer; /* マウスカーソルの形（リンクカーソル）を指定する */
		color: #fff; /* フォントの色を指定 */
		border-radius: 5px; /* 角丸を指定する */
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
	}
	.right-nav .shopping-nav .search-wrap .cate_box .label {
		/*display: block;	 ブロックレベル要素化する */
		float: left; /* 要素の左寄せ・回り込を指定する */
		margin: 5px; /* ラベル外側の余白を指定する */
		height: 33px; /* ラベルの高さを指定する */
		text-align: center; /* テキストのセンタリングを指定する */
		/*line-height: 31px;	 行の高さを指定する */
		padding-left: 5px; /* ラベル内左側の余白を指定する */
		padding-right: 5px; /* ラベル内右側の余白を指定する */
		cursor: pointer; /* マウスカーソルの形（リンクカーソル）を指定する */
		color: #fff; /* フォントの色を指定 */
		border-radius: 5px; /* 角丸を指定する */
		border: 2px solid #fff;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
	}
	.right-nav .shopping-nav .search-wrap .cate_box {
		width: 100%;
		overflow: auto;
		padding-bottom: 10px;
		border-bottom: 1px solid #878787;
	}
	.right-nav .shopping-nav .search-wrap .cate_box_slide {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-start;
	}
	.right-nav .shopping-nav .search-wrap .color_btn_box {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.right-nav .shopping-nav .search-wrap .label.label_black {
		background: #000;
	}
	.right-nav .shopping-nav .search-wrap .label.label_white {
		background: #fff6e0;
		color: #000;
	}
	.right-nav .shopping-nav .search-wrap .label.label_blue {
		background: #21267b;
	}
	.right-nav .shopping-nav .search-wrap .label.label_red {
		background: #d12d36;
	}
	.right-nav .shopping-nav .search-wrap .label.label_green {
		background: #576a3d;
	}
	.right-nav .shopping-nav .search-wrap .label.label_yellow {
		background: #eeda5d;
		color: #000;
	}
	.right-nav .shopping-nav .search-wrap .label.label_gray {
		background: #444444;
	}
	.right-nav .shopping-nav .search-wrap .label.label_brown {
		background: #674927;
	}
	.right-nav .shopping-nav .search-wrap .label.label_pink {
		background: #e63c7a;
	}

	.right-nav .shopping-nav .search-wrap .btna-wrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
	}
	.right-nav .shopping-nav .search-wrap .label.label_cate {
		background: #fff;
		color: #000;
	}
	.right-nav .shopping-nav .search-wrap .select-wrap {
		margin: 15px;
		color: #fff;
	}
	.right-nav .shopping-nav .search-wrap .select-wrap .cate_box label {
		display: inline-block;
		width: 30%;
	}
	.right-nav .shopping-nav .search-wrap .select-wrap .cate_box select {
		display: inline-block;
		color: #888;
		font-family: inherit;
		width: 66%;
		border: 1px solid #888;
		background: url(../img/img-select-arw-wht.png) right center no-repeat;
		background-size: 15px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.right-nav .shopping-nav .search-wrap input[type='radio']:checked + label {
		opacity: 0.7;
		border: 2px solid #fff;
		line-height: 31px;
	}
	.right-nav .shopping-nav .search-wrap .select-wrap .color_btn_box label {
		display: inline-block;
		width: 30%;
	}
	.right-nav .shopping-nav .search-wrap .select-wrap .color_btn_box select {
		display: inline-block;
		color: #888;
		font-family: inherit;
		width: 66%;
		border: 1px solid #888;
		background: url(../img/img-select-arw-wht.png) right center no-repeat;
		background-size: 15px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.right-nav .shopping-nav .search-wrap input[type='checkbox']:checked + label {
		opacity: 0.7;
		border: 2px solid #fff;
		line-height: 31px;
	}
	.right-nav .shopping-nav .search-wrap input[type='search'] {
		width: 100%;
		margin-top: 8px;
		margin-bottom: 15px;
		padding: 12px 0 6px;
		font-family: inherit;
		color: #fff;
		background: 0 0;
		border: none;
		border-bottom: 1px solid #878787;
	}
	.right-nav .shopping-nav .search-wrap .cate_box {
		margin-bottom: 10px;
	}
	.right-nav .shopping-nav .search-wrap .cate_box .ec-headerSearch__category {
		float: none;
		width: 100%;
	}
	.right-nav
		.shopping-nav
		.search-wrap
		.cate_box
		.ec-headerSearch__category
		.ec-select.ec-select_search {
		background: #fff;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 0px;
	}
	.right-nav
		.shopping-nav
		.search-wrap
		.cate_box
		.ec-headerSearch__category
		.ec-select.ec-select_search::before {
		border-top: 6px solid #000;
		top: 0.9em;
	}
	.right-nav
		.shopping-nav
		.search-wrap
		.cate_box
		.ec-headerSearch__category
		.ec-select.ec-select_search
		select {
		color: #000;
		max-width: 100%;
		height: 33px;
		width: 100%;
	}
	.right-nav .shopping-nav .search-wrap input[type='search']:focus {
		outline: 0;
	}
	.right-nav .shopping-nav .search-wrap button[type='submit'] {
		padding: 10px 10px 10px 30px;
		width: 180px;
		border: none;
		color: #fff;
		background: url(../img/ico-search.png) 26% center no-repeat #1cb57c;
		background-size: 20px;
		margin: 20px auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		position: relative;
		transform: none;
	}
	.right-nav .shopping-nav .search-wrap .btn-wrap {
		margin: 30px 30px 20px;
	}
	.right-nav .shopping-nav .search-overlay {
		z-index: 10;
		position: fixed;
		top: 106px;
		left: 0;
		width: 100%;
		height: 50%;
		background: #fff;
	}
	.right-nav .social {
		position: absolute;
		bottom: 24px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	.right-nav .social a {
		position: relative;
		display: block;
	}
	.right-nav .social a span {
		display: block;
		padding-top: 10px;
		width: 50px;
		height: 45px;
		font-size: 20px;
		color: #000;
		box-sizing: border-box;
		transform-style: preserve-3d;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
		transition: all 0.4s ease-out;
	}
	.right-nav .social a span:nth-of-type(2) {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
		color: #1da1f2;
		transform: rotateY(90deg) translateZ(30px);
	}
	.right-nav .social a span.icon-fb:nth-of-type(2) {
		color: #3b5998;
	}
	.right-nav .social a span.icon-insta:nth-of-type(2) {
		color: #c1329e;
	}
	.right-nav .social a:hover span:first-of-type {
		transform: rotateY(-90deg);
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	}
	.right-nav .social a:hover span:nth-of-type(2) {
		opacity: 1;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
		transform: rotateY(0) translateZ(0);
	}
	.is-search-show .shopping-nav a.snav02 .circle {
		position: absolute;
		top: 26px;
		left: 15px;
		width: 23px;
		height: 0;
		border: none;
		border-top: 2px solid #fff;
		border-radius: 0;
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	.is-search-show .shopping-nav a.snav02 .bar {
		position: absolute;
		top: 26px;
		left: 15px;
		width: 23px;
		border-top: 2px solid #fff;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	.is-search-show .shopping-nav .search-wrap {
		z-index: 0;
		width: 600px;
		right: 50px;
	}
	.is-right-nav-absolute .right-nav {
		position: absolute;
		top: 0;
		right: 0;
	}
}

@media screen and (max-width: 767px) {
	.right-nav a {
		display: none;
	}
	.right-nav .social {
		display: none;
	}
	.h_search_box {
		display: none;
	}
	.h_sp_search_open .h_search_box {
		display: block;
	}
	.h_search_box .search-wrap {
		position: fixed;
		top: 60px;
		left: 0;
		padding: 0 15px;
		width: 100%;
		background: #2d2d2d;
		box-sizing: border-box;
		transition: all 0.1s;
		z-index: 105;
		max-height: 450px;
		overflow: auto;
	}
	.h_search_box .search-wrap input[type='radio'] {
		display: none;
	}
	.h_search_box .search-wrap input[type='checkbox'] {
		display: none;
	}
	.h_search_box .search-wrap .color_btn_box .label {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
		float: left; /* 要素の左寄せ・回り込を指定する */
		margin: 5px; /* ラベル外側の余白を指定する */
		width: calc(100% / 3 - 10px); /* ラベルの横幅を指定する */
		height: 35px; /* ラベルの高さを指定する */
		text-align: center; /* テキストのセンタリングを指定する */
		/*line-height: 35px;	 行の高さを指定する */
		padding-left: 5px; /* ラベル内左側の余白を指定する */
		padding-right: 5px; /* ラベル内右側の余白を指定する */
		cursor: pointer; /* マウスカーソルの形（リンクカーソル）を指定する */
		color: #fff; /* フォントの色を指定 */
		border-radius: 5px; /* 角丸を指定する */
		font-family: 'Pathway Gothic One', sans-serif;
		font-size: 14px;
		letter-spacing: 1.2px;
	}
	.h_search_box .search-wrap .cate_box .label {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
		float: left; /* 要素の左寄せ・回り込を指定する */
		margin: 5px 5px; /* ラベル外側の余白を指定する */
		height: 35px; /* ラベルの高さを指定する */
		text-align: center; /* テキストのセンタリングを指定する */
		/*line-height: 31px;	 行の高さを指定する */
		padding-left: 5px; /* ラベル内左側の余白を指定する */
		padding-right: 5px; /* ラベル内右側の余白を指定する */
		cursor: pointer; /* マウスカーソルの形（リンクカーソル）を指定する */
		color: #fff; /* フォントの色を指定 */
		border-radius: 5px; /* 角丸を指定する */
		border: 2px solid #fff;
		font-family: 'Pathway Gothic One', sans-serif;
		font-size: 14px;
		letter-spacing: 1.2px;
	}
	.h_search_box .search-wrap .color_btn_box {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ddd;
	}
	.h_search_box .search-wrap .label.label_black {
		background: #000;
	}
	.h_search_box .search-wrap .label.label_white {
		background: #fff6e0;
		color: #000;
	}
	.h_search_box .search-wrap .label.label_blue {
		background: #21267b;
	}
	.h_search_box .search-wrap .label.label_red {
		background: #d12d36;
	}
	.h_search_box .search-wrap .label.label_green {
		background: #576a3d;
	}
	.h_search_box .search-wrap .label.label_yellow {
		background: #eeda5d;
		color: #000;
	}
	.h_search_box .search-wrap .label.label_gray {
		background: #444444;
	}
	.h_search_box .search-wrap .label.label_brown {
		background: #674927;
	}
	.h_search_box .search-wrap .label.label_pink {
		background: #e63c7a;
	}
	.h_search_box .search-wrap .label.label_cate {
		background: #fff;
		color: #000;
	}
	.h_search_box .search-wrap .btna-wrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
	}
	.h_search_box .search-wrap .select-wrap {
		margin: 15px;
		color: #fff;
	}
	.h_search_box .search-wrap .menu_list_btn {
		width: 100%;
		position: relative;
	}

	.h_search_box .search-wrap .menu_list_btn .close_btn {
		right: 3px;
		top: calc(50% - 20px);
		position: absolute;
		width: 40px;
		height: 40px;
	}
	.h_search_box .search-wrap .select-wrap .color_btn_box label {
		display: inline-block;
		width: 30%;
	}
	.h_search_box .search-wrap .select-wrap .color_btn_box select {
		display: inline-block;
		color: #888;
		font-family: inherit;
		width: 66%;
		border: 1px solid #888;
		background: url(../img/img-select-arw-wht.png) right center no-repeat;
		background-size: 15px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.h_search_box .search-wrap .select-wrap .cate_box label {
		display: inline-block;
		width: 30%;
	}
	.h_search_box .search-wrap .select-wrap .cate_box select {
		display: inline-block;
		color: #888;
		font-family: inherit;
		width: 66%;
		border: 1px solid #888;
		background: url(../img/img-select-arw-wht.png) right center no-repeat;
		background-size: 15px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.h_search_box .search-wrap input[type='checkbox']:checked + label {
		opacity: 0.7;
		border: 2px solid #fff;
		line-height: 31px;
	}
	.h_search_box .search-wrap input[type='search'] {
		width: 100%;
		margin-top: 8px;
		margin-bottom: 10px;
		padding: 10px;
		font-family: inherit;
		color: #000;
		background: #fff;
		border-right: 5px;
		border: none;
		border-bottom: 1px solid #878787;
	}
	.h_search_box .search-wrap input[type='radio']:checked + label {
		opacity: 0.7;
		border: 2px solid #fff;
		line-height: 31px;
	}
	.h_search_box .search-wrap .cate_box {
		padding-bottom: 10px;
		padding-top: 10px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		width: 100%;
		padding-bottom: 10px;
	}
	.h_search_box .search-wrap .cate_box .cate_box_slide {
		width: 100%;
		overflow: auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-start;
	}
	.h_search_box .search-wrap .cate_box .ec-headerSearch__category {
		float: none;
		width: 100%;
	}
	.h_search_box
		.search-wrap
		.cate_box
		.ec-headerSearch__category
		.ec-select.ec-select_search {
		background: #fff;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 0px;
	}
	.h_search_box
		.search-wrap
		.cate_box
		.ec-headerSearch__category
		.ec-select.ec-select_search::before {
		border-top: 6px solid #000;
		top: 0.9em;
	}
	.h_search_box
		.search-wrap
		.cate_box
		.ec-headerSearch__category
		.ec-select.ec-select_search
		select {
		color: #555;
		max-width: 100%;
		height: 33px;
		width: 100%;
	}
	.h_search_box .search-wrap input[type='search']:focus {
		outline: 0;
	}
	.h_search_box .search-wrap button[type='submit'] {
		padding: 10px 10px 10px 30px;
		width: 65%;
		padding: 10px;
		border: none;
		color: #fff;
		background: #1cb57c;
		background-size: 20px;
		margin: 20px auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		position: relative;
		transform: none;
	}

	.h_search_box .search-wrap button[type='submit']::before {
		content: '';
		width: 20px;
		height: 20px;
		position: absolute;
		top: calc(50% - 10px);
		right: 12px;
		background: url(../img/btn_arrow.png) no-repeat center;
		background-size: contain;
	}
	.h_search_box .search-wrap .btn-wrap {
		margin: 30px 30px 20px;
	}
}

@media screen and (min-width: 768px) {
	/*
	.footer-wrap .ft_fix{
		bottom: 80px;
		transition: .5s;
		width: 300px;
		position: fixed;
		right: 60px;
		z-index: 9999;
	}

.footer-wrap .ft_fix p{
	display: none;
}
	.footer-wrap .ft_fix a{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
	}
	.footer-wrap .ft_fix a img{
		max-width: 300px;
	}
	.footer-wrap .ft_fix .ft_fix_bnr{
		padding: 0%;
		background: #fff;
		max-width: 750px;
	}
	*/
	.footer-wrap .ft_fix {
		bottom: -134px;
		left: 0;
		position: fixed;
		width: 100%;
		transition: 0.5s;
		z-index: 1000002;
	}
	#bnr_mask.mask_on {
		width: 100%;
		height: 100%;
		z-index: 1000001;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #000;
		opacity: 0.5;
	}
	.footer-wrap .ft_fix.ft_fix_open {
		bottom: 0;
		transition: 0.5s;
	}
	.footer-wrap .ft_fix p {
		height: 40px;
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
		background: #000;
		color: #fff;
		padding: 1%;
		padding-left: 5%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: flex-start;
		position: relative;
		cursor: pointer;
	}
	.footer-wrap .ft_fix p::before {
		content: '';
		width: 15px;
		height: 15px;
		border: 0px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -4px;
	}
	.footer-wrap .ft_fix.ft_fix_open p::before {
		content: '';
		width: 15px;
		height: 15px;
		border: 0px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -10px;
	}
	.footer-wrap .ft_fix a {
		display: block;
		width: 100%;
		max-width: 300px;
	}
	.footer-wrap .ft_fix a img {
		max-width: 300px;
	}
	.footer-wrap .ft_fix .ft_fix_bnr {
		padding: 20px;
		background: #fff;
		width: 100%;
		box-sizing: border-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
	}
	.footer-wrap .ft_fix .ft_fix_bnr a {
		margin-right: 20px;
		margin-bottom: 5px;
	}
	.footer-wrap .ft_fix .ft_fix_bnr a:last-child {
		margin-right: 0;
	}
	.footer-wrap .ft_fix .ft_fix_bnr a:hover {
		opacity: 0.7;
	}

	.footer-wrap {
		position: relative;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: right;
		box-sizing: border-box;
		margin-top: 50px;
	}
	.footer-wrap .pagetop {
		padding: 8px 0;
		font-size: 20px;
		font-weight: 700;
		color: #ddd;
		text-align: center;
		background: #fff;
		cursor: pointer;
		border-top: 1px solid #e6e6e6;
	}
	.footer-wrap .pagetop:hover {
		color: #000;
	}
	.footer-wrap .footer {
		position: relative;
		background: #000;
		min-width: 924px;
		min-height: 100%;
		padding: 0px 50px 0;
		box-sizing: border-box;
	}
	.footer-wrap .footer .inner {
		overflow: hidden;
		zoom: 1;
		padding: 80px 0;
	}
	.footer-wrap .footer .inner > * {
		float: left;
	}
	.footer-wrap .footer .inner .flogo {
		text-align: left;
		padding-left: 80px;
		width: 23%;
		box-sizing: border-box;
	}
	.footer-wrap .footer .inner .flogo img {
		margin-bottom: 30px;
		max-width: 100%;
		opacity: 0.6;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
	}
	.footer-wrap .footer .inner .flogo strong {
		display: block;
		color: #fff;
		font-size: 11px;
	}
	.footer-wrap .fnav,
	.footer-wrap .footer .inner .fnav-wrap > * {
		display: inline-block;
		vertical-align: top;
	}
	.footer-wrap .footer .inner .fnav-wrap {
		float: right;
		padding-right: 50px;
		width: 77%;
		box-sizing: border-box;
	}
	.footer-wrap .footer .inner .fnav-wrap .left {
		border-right: 1px solid #1e1e1e;
		margin-right: 20px;
	}
	.footer-wrap .footer .inner .fnav-wrap .right .fnav:last-child {
		width: 60px;
	}
	.footer-wrap .fnav {
		padding: 0 10px;
		width: 115px;
		line-height: 2;
		font-family: Pathway Gothic One, sans-serif;
		font-size: 18px;
		text-align: left;
		letter-spacing: 0.1em;
		box-sizing: content-box;
	}
	.footer-wrap .fnav a {
		display: block;
		margin-right: 20px;
		color: #fff;
		text-decoration: none;
	}
	.footer-wrap .fnav a:hover {
		color: #1cb57b;
	}
	.footer-wrap .regular {
		text-align: center;
		color: #fff;
	}
	.footer-wrap .coryright {
		color: #878787;
		font-size: 10px;
		letter-spacing: 0.1em;
		line-height: 53px;
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.footer-wrap {
		margin-top: 50px;
	}
	.footer-wrap .ft_fix {
		bottom: -115px;
		left: 0;
		position: fixed;
		z-index: 9999;
		width: 100%;
		transition: 0.5s;
	}
	.footer-wrap .ft_fix.ft_fix_open {
		bottom: 0;
		transition: 0.5s;
	}
	.footer-wrap .ft_fix p {
		height: 40px;
		width: 100%;
		background: #000;
		color: #fff;
		padding: 1%;
		padding-left: 5%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: flex-start;
		position: relative;
	}
	.footer-wrap .ft_fix p::before {
		content: '';
		width: 15px;
		height: 15px;
		border: 0px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -4px;
	}
	.footer-wrap .ft_fix.ft_fix_open p::before {
		content: '';
		width: 15px;
		height: 15px;
		border: 0px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -10px;
	}
	.footer-wrap .ft_fix a {
		display: block;
		width: 100%;
		max-width: 300px;
	}
	.footer-wrap .ft_fix a img {
		max-width: 300px;
	}
	.footer-wrap .ft_fix .ft_fix_bnr {
		padding: 3%;
		background: #fff;
		max-width: 750px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-start;
		overflow: auto;
	}
	.footer-wrap .ft_fix .ft_fix_bnr a {
		margin-right: 15px;
	}

	.footer-wrap .pagetop {
		padding: 2px 0;
		color: #ddd;
		font-size: 16px;
		font-weight: 700;
		text-align: center;
		background: #fff;
		cursor: pointer;
		border-top: 1px solid #e6e6e6;
	}
	.footer-wrap .footer {
		position: relative;
		background: #000;
	}
	.footer-wrap .footer .inner {
		padding: 30px 0;
	}
	.footer-wrap .flogo {
		margin-bottom: 30px;
		text-align: center;
	}
	.footer-wrap .flogo img {
		margin-bottom: 20px;
		width: 80px;
		opacity: 0.6;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
	}
	.footer-wrap .flogo strong {
		display: block;
		padding-left: 10px;
		text-align: left;
		color: #fff;
		font-size: 12px;
	}
	.footer-wrap .fnav {
		margin-bottom: 5px;
		padding: 0 10px;
		font-family: Pathway Gothic One, sans-serif;
		font-size: 18px;
	}
	.footer-wrap .fnav a {
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 5px;
		color: #fff;
		text-decoration: none;
	}
	.footer-wrap .regular {
		margin-bottom: 30px;
		text-align: center;
		color: #fff;
	}
	.footer-wrap .coryright {
		padding-bottom: 20px;
		text-align: center;
		color: #878787;
		font-size: 10px;
		letter-spacing: 0.1em;
	}
}

@media screen and (min-width: 768px) {
	.bread {
		border-bottom: 1px solid #e6e6e6;
		padding: 18px 40px;
		color: #838383;
		font-size: 10px;
		background: #fff;
	}
	.bread a {
		color: #838383;
		text-decoration: underline;
	}
	.bread-list li {
		display: inline-block;
	}
	.subpage-image-header {
		overflow: hidden;
		position: relative;
		height: 500px;
	}
	.subpage-image-header .bg-parallax {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.subpage-image-header .overlay-parallax {
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		transition: all 0.1s;
		-webkit-transition: all 0.1s;
	}
	.subpage-image-header .bg {
		width: 100%;
		height: 100%;
		vertical-align: top;
	}
	.subpage-image-header .hgroup {
		position: absolute;
		top: 50%;
		right: 0;
		width: 100%;
		color: #fff;
		text-align: center;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.subpage-image-header .hgroup .en {
		font-size: 66px;
		letter-spacing: 0.1em;
	}
	.subpage-image-header .hgroup .ja {
		font-size: 20px;
	}
	.subpage-image-header .hgroup .sub-title-ja {
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
			'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
		position: relative;
		top: -40px;
	}
	.subpage-content {
		padding: 60px 40px;
	}
	.subpage-header {
		margin-bottom: 30px;
		text-align: center;
	}
	.subpage-header .title {
		font-size: 24px;
		color: #bcbcbc;
		letter-spacing: 0.05em;
	}
	.subpage-header .title.en {
		font-size: 30px;
	}
	.subpage-header .title-left {
		font-size: 24px;
		text-align: left;
	}
	.subpage-header .title-left.en {
		font-size: 30px;
	}
	.subpage-header .explain {
		text-align: left;
	}
	.subpage-header .get-coupon {
		margin: 20px auto 0;
		width: 46%;
	}
	.subpage-header .get-coupon img {
		width: 100%;
	}
}
.subpage-content .blog-content .blog-header .date {
	color: #878787;
}
.blog-header .date .icn {
	display: none;
}
.subpage-content .blog-content h1 {
	font-size: 32px;
	font-weight: bold;
	color: #000;
	position: relative;
	padding-left: 15px;
	margin-bottom: 25px;
}
.subpage-content .blog-content h2 {
	font-size: 28px;
	font-weight: bold;
	color: #000;
	position: relative;
	padding-left: 15px;
	margin-bottom: 20px;
}
.subpage-content .blog-content h2::before {
	content: '';
	width: 3px;
	height: 40px;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
}
.subpage-content .blog-content h3 {
	font-size: 24px;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	margin-top: 20px;
}
.subpage-content .blog-content h4 {
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 10px;
	color: #000;
}
.subpage-content .blog-content p {
	font-size: 14px;
	color: #000;
}
.subpage-content .blog-content a {
	text-decoration: none;
	color: #1cb57b;
}
.subpage-content .blog-content a:hover {
	opacity: 0.7;
}
.subpage-content .blog-content p a {
	text-decoration: none;
	color: #1cb57b;
	/*border-bottom: 1px solid #1cb57b;*/
}
.subpage-content .blog-content ul {
	margin: 10px auto;
}
.subpage-content .blog-content ul li {
	font-size: 14px;
	text-indent: -1em;
	padding-left: 1em;
}
.subpage-content .blog-content ol {
	counter-reset: my-counter;
}
.subpage-content .blog-content ol li {
	padding-left: 30px;
	margin-bottom: 5px;
	font-size: 14px;
}
.subpage-content .blog-content ol li::before {
	content: counter(my-counter);
	counter-increment: my-counter;
	/*background-color: #bada55;*/
	color: #222;
	display: block;
	float: left;
	line-height: 22px;
	margin-left: -30px;
	text-align: center;
	height: 22px;
	width: 22px;
	border-radius: 50%;
}

@media screen and (max-width: 767px) {
	.bread,
	.bread a {
		color: #838383;
	}
	.main.mt105 {
		margin-top: 105px;
	}
	.main.mt120 {
		margin-top: 120px;
	}
	.wp_main {
		margin-top: 54px;
	}
	.bread {
		border-bottom: 1px solid #e6e6e6;
		padding: 5px 10px;
		font-size: 10px;
		background: #fff;
		margin-top: 10px;
	}
	.bread-list li {
		display: inline-block;
	}
	.subpage-image-header {
		position: relative;
		height: 180px;
		margin-top: 0;
	}
	.subpage-image-header.sns_header_img {
		height: 250px;
	}
	.subpage-image-header .bg-parallax {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.subpage-image-header .bg {
		width: 100%;
		height: 100%;
		vertical-align: top;
	}
	.subpage-image-header .hgroup {
		position: absolute;
		top: 50%;
		right: calc(50% - 100px);
		width: 200px;
		color: #fff;
		text-align: center;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.subpage-image-header .hgroup .en {
		font-size: 33px;
		line-height: 1.3;
	}
	.subpage-image-header .hgroup .ja {
		font-size: 14px;
	}
	.subpage-content {
		padding: 20px 10px;
	}
	.subpage-header {
		margin-bottom: 5px;
		text-align: center;
	}
	.subpage-header .title,
	.subpage-header .title-left {
		font-size: 24px;
		color: #bcbcbc;
		letter-spacing: 0.05em;
	}
	.subpage-header .title-left.en,
	.subpage-header .title.en {
		font-size: 22px;
		text-align: left;
		color: #1cb57b;
		font-weight: bold;
	}
	.subpage-header .title.en .title-jpn {
		font-size: 18px;
	}
	.subpage-header .title-left {
		margin-bottom: 10px;
		font-size: 18px;
		color: #585858;
	}
	.subpage-header .txt {
		font-size: 12px;
	}
	.subpage-header .get-coupon {
		margin: 10px auto 20px;
	}
	.subpage-header .get-coupon img {
		width: 100%;
	}
}

@media screen and (min-width: 768px) {
	.btn-wrap,
	.btn-wrap-popup,
	.pay-card {
		text-align: center;
	}
	.btn-wrap {
		margin-bottom: 30px;
	}
	.btn-wrap-popup {
		margin-bottom: 0;
	}
	.pay-card span {
		padding: 3px;
	}
	.cart-card {
		border: 2px solid #1cb57b;
		color: #1cb57b;
		margin-right: 10px;
	}
	.cart-direct {
		border: 2px solid #f73b6c;
		color: #f73b6c;
	}
	.pay-card img {
		width: 390px;
	}
	.mt20 {
		margin-top: 20px;
	}
	.wp_main {
		margin-top: 50px;
	}
	.btn {
		display: inline-block;
		margin-bottom: 5px;
		cursor: pointer;
		font-family: inherit;
		border: none;
		background: 0 0;
		text-decoration: none;
		border-radius: 0;
	}
	.btn[disabled='disabled'] {
		opacity: 0.5;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
		cursor: default;
	}
	.btn.en {
		font-family: Pathway Gothic One, sans-serif;
		font-size: 120%;
		letter-spacing: 0.1em;
	}
	.btn.fixed-size,
	.btn.l-size {
		line-height: 50px;
		font-size: 16px;
	}
	.btn.fixed-size {
		width: 100%;
	}
	.btn.l-size {
		padding: 0 20px;
		min-width: 300px;
	}
	.btn.m-size {
		padding: 0 10px;
		min-width: 200px;
		line-height: 40px;
	}
	.btn-cart,
	.btn-outsale {
		width: 220px;
		line-height: 50px;
		font-size: 14px;
		letter-spacing: 0.05em;
		color: #fff;
		text-align: center;
	}
	.btn.btn-primary {
		color: #fff;
		background: #1cb57b;
	}
	.btn.btn-primary:hover {
		background: #179767;
	}
	.btn.btn-green {
		color: #fff;
		background: #1cb57b;
	}
	.btn.btn-green:hover {
		background: #0e905f;
	}
	.btn.btn-gry {
		color: #fff;
		background: #5a5a5a;
	}
	.btn.btn-gry:hover {
		background: #222;
	}
	.btn-cart {
		background: #1cb57b;
	}
	.btn-cart:hover {
		background: #179767;
	}
	.btn-outsale {
		font-weight: 100;
		background: #999;
	}
}

@media screen and (max-width: 767px) {
	.btn.fixed-size,
	.btn.l-size {
		width: 100%;
		line-height: 50px;
	}
	.btn-wrap {
		margin-bottom: 10px;
		text-align: center;
	}
	.btn-wrap-popup {
		margin-bottom: 0;
		text-align: center;
	}
	.btn {
		display: inline-block;
		margin-bottom: 5px;
		cursor: pointer;
		font-family: inherit;
		border: none;
		text-decoration: none;
		background: 0 0;
		box-sizing: border-box;
		vertical-align: top;
	}
	.btn[disabled='disabled'] {
		opacity: 0.5;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
		cursor: default;
	}
	.btn.en {
		font-family: Pathway Gothic One, sans-serif;
		font-size: 120%;
	}
	.btn.fixed-size {
		font-size: 16px;
	}
	.btn.l-size {
		padding: 0 20px;
	}
	.btn.m-size {
		padding: 0 10px;
		min-width: 120px;
		line-height: 40px;
		vertical-align: middle;
	}
	.btn-cart,
	.btn-outsale {
		width: 100%;
		line-height: 50px;
		font-size: 14px;
		letter-spacing: 0.05em;
		color: #fff;
		text-align: center;
	}
	.btn.btn-green,
	.btn.btn-primary {
		color: #fff;
		background: #1cb57b;
		border-radius: 0;
	}
	.btn.btn-gry {
		color: #fff;
		background: #5a5a5a;
	}
	.btn-cart {
		background: #1cb57b;
	}
	.btn-outsale {
		background: #999;
	}
	.pay-card p {
		text-align: center;
	}
	.pay-card span {
		padding: 3px;
	}
	.cart-card {
		border: 2px solid #1cb57b;
		color: #1cb57b;
		margin-right: 10px;
	}
	.cart-direct {
		border: 2px solid #f73b6c;
		color: #f73b6c;
	}
}

@media screen and (min-width: 768px) {
	.box .box-header,
	.filter-selected {
		font-family: Pathway Gothic One, sans-serif;
		letter-spacing: 0.05em;
	}
	.box {
		border-top: 1px solid #e6e6e6;
	}
	.box .box-header {
		position: relative;
		padding: 10px 26px 6px;
		font-size: 22px;
		border-bottom: 1px solid #e6e6e6;
	}
	.box .box-header .update {
		position: absolute;
		top: 0;
		right: 40px;
		padding-top: 18px;
		color: #878787;
		font-size: 14px;
	}
	.box .box-header .more {
		position: absolute;
		top: 0;
		right: 0;
		padding: 16px 40px 16px 30px;
		color: #fff;
		font-size: 13px;
		text-decoration: none;
		background: url(../img/img-circle-arw-r_wht.png) center right 20px no-repeat
			#1cb57b;
		background-size: 12px;
	}
	.box .box-header .more:hover {
		color: #fff;
		background: url(../img/img-circle-arw-r_wht.png) center right 20px no-repeat
			#179767;
		background-size: 12px;
	}
	.box .box-body.is-padding {
		padding: 60px 26px 60px;
	}
	.filter-content-wrap {
		overflow: hidden;
		margin: 0 -1%;
	}
	.filter-selected {
		margin-bottom: 40px;
		font-size: 18px;
	}
	.filter-selected li {
		display: inline-block;
		margin: 0 30px 0 0;
	}
	.filter-selected li.stit {
		display: none;
	}
	.filter-selected .tab-nav {
		color: #c5c5c5;
		cursor: pointer;
	}
	.filter-selected .tab-nav.selected,
	.filter-selected .tab-nav:hover {
		color: #000;
	}
	.filter-selected .tab-nav a {
		color: #c5c5c5;
		text-decoration: none;
	}
	.filter-selected .tab-nav a.selected,
	.filter-selected .tab-nav a:hover {
		color: #000;
	}
	.filter-selected.in-goods-list {
		padding: 20px 0;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
	}
	.box-border .campaign-txt {
		text-align: center;
		font-size: 18px;
		color: #f73b6c;
	}
	.box-border .left,
	.box-border .right {
		display: inline-block;
		padding: 30px 50px;
		width: 46%;
		vertical-align: top;
		text-align: left;
		border: 1px solid #e6e6e6;
		box-sizing: border-box;
	}
	.box-border .right {
		margin-left: 4%;
	}
	.box-gry {
		margin-bottom: 10px;
		padding: 35px;
		background: #f7f7f7;
	}
	.reg_m {
		padding: 10px 0 0;
	}
	.filter-selected .tnav01 a {
		color: #000;
	}
	.theme2 .tnav01 a {
		color: #c5c5c5;
	}
	.theme2 .tnav02 a {
		color: #000;
	}
	.theme4 .tnav01 a {
		color: #c5c5c5;
	}
	.theme4 .tnav03 a {
		color: #000;
	}
	.theme3 .tnav01 a {
		color: #c5c5c5;
	}
	.theme3 .tnav04 a {
		color: #000;
	}
	.large1 .tnav01 a,
	.large2 .tnav01 a,
	.large3 .tnav01 a,
	.large4 .tnav01 a,
	.large5 .tnav01 a,
	.large6 .tnav01 a,
	.large7 .tnav01 a,
	.large8 .tnav01 a,
	.large9 .tnav01 a,
	.large10 .tnav01 a,
	.large11.tnav01 a,
	.large12 .tnav01 a,
	.large13 .tnav01 a,
	.large14 .tnav01 a,
	.large15 .tnav01 a,
	.large16 .tnav01 a,
	.large17 .tnav01 a,
	.large18 .tnav01 a,
	.large19 .tnav01 a,
	.large20 .tnav01 a {
		color: #c5c5c5;
	}
	.large1 .nav-47brand a {
		color: #000;
	}
	.large2 .nav-newera a {
		color: #000;
	}
	.large3 .nav-champion a {
		color: #000;
	}
	.large4 .nav-ebbets a {
		color: #000;
	}
	.large5 .nav-few a {
		color: #000;
	}
	.large6 .nav-challenger a {
		color: #000;
	}
	.large7 .nav-rar a {
		color: #000;
	}
	.large8 .nav-balabushka a {
		color: #000;
	}
	.large9 .nav-sayhello a {
		color: #000;
	}
	.large10 .nav-starer a {
		color: #000;
	}
	.large11 .nav-hombre-nino a {
		color: #000;
	}
	.large12 .nav-majestic a {
		color: #000;
	}
	.large13 .nav-xlarge a {
		color: #000;
	}
	.large20 .nav-x-girl a {
		color: #000;
	}
	.large14 .nav-redkap a {
		color: #000;
	}
	.large15 .nav-adidas a {
		color: #000;
	}
	.large16 .nav-kangol a {
		color: #000;
	}
	.large19 .nav-converse a {
		color: #000;
	}
	.large18 .nav-fila a {
		color: #000;
	}
	.large17 .nav-lee a {
		color: #000;
	}
}

@media screen and (max-width: 767px) {
	.box .box-header,
	.filter-selected {
		font-family: Pathway Gothic One, sans-serif;
		letter-spacing: 0.05em;
	}
	.box,
	.box-border .right {
		border-top: 1px solid #e6e6e6;
	}
	.box .box-header {
		position: relative;
		padding: 10px;
		font-size: 20px;
		border-bottom: 1px solid #e6e6e6;
	}
	.box .box-header .title {
		color: #000;
	}
	.box .box-header .update {
		position: absolute;
		top: 0;
		right: 10px;
		padding-top: 14px;
		color: #878787;
		font-size: 15px;
	}
	.box .box-header .more {
		position: absolute;
		top: 0;
		right: 0;
		padding: 16px 40px 16px 30px;
		color: #fff;
		font-size: 13px;
		background: url(../img/img-circle-arw-r_wht.png) center right 20px no-repeat
			#1cb57b;
		background-size: 12px;
	}
	.box .box-body.is-padding {
		padding: 10px;
	}
	.filter-selected {
		margin-bottom: 10px;
		overflow: hidden;
		position: relative;
		color: #000;
		font-size: 16px;
		background: #f7f7f7;
	}
	.filter-selected .stit {
		position: relative;
		padding: 10px 5px;
		z-index: 5;
		background: #f7f7f7;
	}
	.filter-selected .stit:after {
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -4px;
		content: '';
		width: 10px;
		height: 8px;
		background: url(../img/ico-blk-arw-down.png) center center no-repeat;
		background-size: 10px 8px;
		-ms-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform: rotate(0);
		transition: all 0.1s;
	}
	.filter-selected .divide {
		display: none;
	}
	.filter-selected .tab-nav {
		position: absolute;
		top: 0;
		padding: 2px 5px;
		transition: all 0.1s;
	}
	.filter-selected .tab-nav.selected {
		color: #1cb57b;
	}
	.filter-selected .tab-nav a {
		display: block;
	}
	.filter-selected.open .tab-nav {
		position: relative;
	}
	.filter-selected.open .stit:after {
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}
	.box-border {
		padding: 20px;
		border: 1px solid #e6e6e6;
	}
	.box-border .campaign-txt {
		text-align: center;
		font-size: 12px;
		color: #f73b6c;
		padding: 10px 0 20px;
	}
	.box-border .left {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.box-border .right {
		margin: 20px 0;
		padding: 20px 0;
		border-bottom: 1px solid #e6e6e6;
	}
	.box-gry {
		margin-bottom: 10px;
		padding: 20px;
		background: #f7f7f7;
	}
}

@media screen and (min-width: 768px) {
	.tbl-size tbody,
	.tbl-size thead th {
		font-family: Pathway Gothic One, sans-serif;
		font-size: 20px;
	}
	.tbl-size tbody td,
	.tbl-size thead th {
		letter-spacing: 0.05em;
		border-left: 1px solid #e6e6e6;
	}
	.tbl-size-wrap {
		margin: 0 auto;
		max-width: 1116px;
	}
	.tbl-size-wrap .brand-image img {
		width: 80px;
	}
	.tbl-size-wrap .size {
		max-width: 100%;
	}
	.tbl-size {
		width: 100%;
		border: 1px solid #e6e6e6;
	}
	.tbl-size td,
	.tbl-size th {
		padding: 0;
		text-align: center;
	}
	.tbl-size thead {
		background: #e1e1e1;
	}
	.tbl-size thead th {
		color: #444;
	}
	.tbl-size tbody tr:last-child td,
	.tbl-size tbody tr:last-child th {
		border-bottom: none;
	}
	.tbl-size tbody th {
		border-bottom: 1px solid #e6e6e6;
	}
	.tbl-size tbody td {
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	.tbl-size tbody td.grn {
		background: #19a872;
	}
	.tbl-size tbody td.lgrn {
		background: #23c889;
	}
}

@media screen and (max-width: 767px) {
	.tbl-size tbody td,
	.tbl-size thead th {
		letter-spacing: 0.05em;
		border-left: 1px solid #e6e6e6;
	}
	.tbl-size-wrap {
		overflow: auto;
		white-space: nowrap;
	}
	.tbl-size-wrap::-webkit-scrollbar {
		height: 5px;
	}
	.tbl-size-wrap::-webkit-scrollbar-track {
		background: #f1f1f1;
	}
	.tbl-size-wrap::-webkit-scrollbar-thumb {
		background: #bcbcbc;
	}
	.brand-image img {
		display: block;
		margin: 0 auto;
		width: 60px;
	}
	.tbl-size {
		width: 100%;
		font-size: 10px;
		border: 1px solid #e6e6e6;
	}
	.tbl-size tbody,
	.tbl-size thead th {
		font-family: Pathway Gothic One, sans-serif;
		font-size: 14px;
	}
	.tbl-size td,
	.tbl-size th {
		padding: 3px;
		text-align: center;
	}
	.tbl-size thead {
		background: #e1e1e1;
	}
	.tbl-size thead th {
		color: #444;
	}
	.tbl-size tbody tr:last-child td,
	.tbl-size tbody tr:last-child th {
		border-bottom: none;
	}
	.tbl-size tbody th {
		border-bottom: 1px solid #e6e6e6;
	}
	.tbl-size tbody td {
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	.tbl-size tbody td.grn {
		background: #19a872;
	}
	.tbl-size tbody td.lgrn {
		background: #23c889;
	}
}

@media screen and (min-width: 768px) {
	.item-list,
	.pager {
		overflow: hidden;
	}
	.item-list-wrap .position {
		margin-bottom: 40px;
		text-align: center;
	}
	.item-list {
		zoom: 1;
		font-family: Pathway Gothic One, 'ヒラギノ角ゴ Pro W3',
			'Hiragino Kaku Gothic Pro', 'メイリオ', 'Lucida Grande', Verdana,
			'ＭＳ Ｐゴシック', sans-serif;
		letter-spacing: 0.05em;
	}
	.item-list a {
		color: #000;
		text-decoration: none;
		font-family: Pathway Gothic One, 'ヒラギノ角ゴ Pro W3',
			'Hiragino Kaku Gothic Pro', 'メイリオ', 'Lucida Grande', Verdana,
			'ＭＳ Ｐゴシック', sans-serif;
		font-size: 12px;
	}
	.item-list a:hover {
		color: #1cb57b;
	}
	.item-list a:hover .image img,
	.item-list a:hover img {
		-ms-transform: scale(1.03);
		transform: scale(1.03);
		-webkit-transform: scale(1.03);
	}
	.item-list li {
		float: left;
		position: relative;
		margin: 10px 3.5% 80px;
		width: 18%;
	}
	.item-list li.show {
		display: item-list;
	}
	.item-list li .icn-wrap {
		z-index: 1000;
		position: absolute;
		top: 0px;
		/*left: 20px*/
	}
	.item-list li .icn-wrap .icn {
		padding: 4px 8px;
		background: #f62f63;
		color: #fff;
		font-size: 18px;
		margin-right: 1px;
	}
	.item-list li .icn-wrap .icn-sale {
		background: red;
		color: #fff;
		padding: 4px 8px;
		font-size: 18px;
	}
	.item-list li .icn-wrap .icn-re {
		background: #1cb57c;
		color: #fff;
		padding: 4px 8px;
		font-size: 18px;
	}
	.item-list li .icn-wrap .icn-soldout {
		background: #777;
		color: #fff;
		padding: 4px 8px;
		font-size: 18px;
	}
	.pager a,
	.pager a:hover {
		color: #fff;
	}
	.item-list li .image {
		margin-bottom: 10px;
		overflow: hidden;
		text-align: center;
		display: block;
	}
	.item-list li .image img {
		width: 100%;
		vertical-align: top;
		transition: all 0.14s;
	}
	.item-list li .detail {
		font-size: 18px;
		/*text-align: center;*/
		line-height: 1.3;
	}
	.item-list li .detail .brand span {
		padding: 2px 6px;
		color: #fff;
		background: #000;
	}
	.item-list li .detail .brand .ja {
		background: #f3f0f0;
		color: #000;
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
			'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
		font-size: 14px;
	}
	.item-list li .detail p.name {
		margin: 12px 0;
	}
	.item-list li .detail .tax {
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
			'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
		font-size: 12px;
	}
	.pager a {
		display: block;
		font-size: 16px;
		text-decoration: none;
	}
	.pager .next {
		float: right;
	}
	.pager .next a {
		padding: 8px 33px 8px 15px;
		background: url(../img/img-circle-arw-wht-r_off.png) 90% center no-repeat
			#1cb57b;
		background-size: 12px;
	}
	.pager .next a:hover {
		background: url(../img/img-circle-arw-wht-r_off.png) 90% center no-repeat
			#179767;
		background-size: 12px;
	}
	.pager .prev {
		float: left;
	}
	.pager .prev a {
		padding: 8px 15px 8px 33px;
		background: url(../img/img-circle-arw-wht-l_off.png) 10% center no-repeat
			#1cb57b;
		background-size: 12px;
	}
	.pager .prev a:hover {
		background: url(../img/img-circle-arw-wht-l_off.png) 10% center no-repeat
			#179767;
		background-size: 12px;
	}
}

@media screen and (max-width: 767px) {
	.ec-shelfRole.item-list-wrap {
		padding-left: 0;
		padding-right: 0;
	}
	.item-list-wrap .position {
		margin-bottom: 15px;
		text-align: center;
		font-size: 12px;
	}
	.item-list {
		overflow: hidden;
		zoom: 1;
		font-family: Pathway Gothic One, sans-serif;
		letter-spacing: 0.05em;
	}
	.item-list a {
		color: #000;
		text-decoration: none;
	}
	.item-list .name a {
		/*text-decoration: underline*/
	}
	.item-list li {
		float: left;
		position: relative;
		margin: 24px 4% 24px;
		width: 42%;
	}
	.item-list li.show {
		display: item-list;
	}
	.item-list li .icn-wrap {
		position: absolute;
		top: 0px;
		left: 5px;
		display: inline-block;
		text-align: left;
	}
	.item-list li .icn-wrap .icn {
		padding: 2px 6px;
		background: #f62f63;
		color: #fff;
		font-size: 14px;
		margin-right: 1px;
	}
	.item-list li .icn-wrap .icn-sale {
		background: red;
		color: #fff;
		padding: 2px 6px;
		font-size: 14px;
	}
	.item-list li .icn-wrap .icn-re {
		background: #1cb57c;
		color: #fff;
		padding: 2px 6px;
		font-size: 14px;
	}
	.item-list li .icn-wrap .icn-soldout {
		background: #777;
		color: #fff;
		padding: 2px 6px;
		font-size: 14px;
	}
	.pager a,
	.pager a:hover {
		color: #fff;
	}
	.item-list li .image {
		text-align: center;
	}
	.item-list li .image img {
		max-width: 100%;
	}
	.item-list li .detail {
		font-size: 14px;
		/*text-align: center;*/
		line-height: 1.4;
	}
	.item-list li .detail .brand {
		margin: 0 0 10px;
	}
	.item-list li .detail .brand span {
		padding: 1px 4px;
		color: #fff;
		background: #000;
	}
	.item-list li .detail .brand .ja {
		background: #f3f0f0;
		color: #000;
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
			'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
		font-size: 12px;
	}
	.item-list li .detail p.price {
		margin: 10px 0;
		color: #000;
		text-align: right;
	}
	.item-list li .detail .tax {
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
			'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
		font-size: 10px;
	}
	.pager {
		overflow: hidden;
		padding: 0 10px;
	}
	.pager a {
		display: block;
		font-size: 14px;
		text-decoration: none;
	}
	.pager .next {
		float: right;
	}
	.pager .next a {
		padding: 8px 25px 8px 15px;
		background: url(../img/img-circle-arw-wht-r_off.png) 90% center no-repeat
			#1cb57b;
		background-size: 12px;
	}
	.pager .prev {
		float: left;
	}
	.pager .prev a {
		padding: 8px 15px 8px 25px;
		background: url(../img/img-circle-arw-wht-l_off.png) 10% center no-repeat
			#1cb57b;
		background-size: 12px;
	}
}

@media screen and (min-width: 768px) {
	.list-card {
		overflow: hidden;
		zoom: 1;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: wrap;
		flex-flow: wrap;
	}
	.list-card li {
		width: 33.333%;
		border-right: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
		box-sizing: border-box;
	}
	.list-card li:nth-child(3n) {
		border-right: none;
	}
	.list-card li a {
		color: #444;
		text-decoration: none;
	}
	.list-card li .image img {
		width: 100%;
		vertical-align: top;
		height: auto;
	}
	.list-card li .detail {
		position: relative;
		padding: 20px 40px;
		background: #fff;
		transition: all 0.1s linear;
	}
	.list-card li .detail:after {
		bottom: 100%;
		left: 80%;
		border: solid transparent;
		content: ' ';
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
		border-width: 10px;
		margin-left: -10px;
	}
	.list-card li:hover .detail {
		transform: translateY(-20px) translateZ(0);
		-webkit-transform: translateY(-20px) translateZ(0);
	}
	.list-card li .title {
		position: relative;
		font-family: Pathway Gothic One, sans-serif;
		letter-spacing: 0.05em;
		margin-bottom: 8px;
		padding-bottom: 8px;
		font-size: 20px;
		border-bottom: 1px solid #e7e7e7;
	}
	.list-card li .no1,
	.list-card li .no2,
	.list-card li .no3 {
		padding: 0 0 4px 40px !important;
	}
	.list-card li .title:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 40px;
		border-top: 1px solid #1cb57b;
	}
	.list-card li .no1 {
		background: url(../img/no.1.png) left center/27px auto no-repeat;
	}
	.list-card li .no2 {
		background: url(../img/no.2.png) left center/27px auto no-repeat;
	}
	.list-card li .no3 {
		background: url(../img/no.3.png) left center/27px auto no-repeat;
	}
}

@media screen and (max-width: 767px) {
	.list-card li {
		box-sizing: border-box;
	}
	.list-card li:last-child .detail {
		border-bottom: none;
	}
	.list-card li a {
		color: #444;
		text-decoration: none;
		display: block;
	}
	.list-card li .image img {
		width: 100%;
		vertical-align: top;
	}
	.list-card li .detail {
		position: relative;
		padding: 15px 10px;
		font-size: 13px;
		display: block;
		margin: 0 0 30px;
	}
	.list-card li .no1,
	.list-card li .no2,
	.list-card li .no3,
	.list-card li .no4,
	.list-card li .no5 {
		padding: 0 0 4px 40px !important;
	}
	.list-card li .detail:after {
		bottom: 100%;
		left: 80%;
		border: solid transparent;
		content: ' ';
		height: 0;
		width: 0;
		position: absolute;
		top: -18px;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
		border-width: 10px;
		margin-left: -10px;
	}
	.list-card li .title {
		position: relative;
		font-family: Pathway Gothic One, sans-serif;
		letter-spacing: 0.05em;
		margin-bottom: 5px;
		font-size: 18px;
		border-bottom: 1px solid #e7e7e7;
	}
	.list-card li .title:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 40px;
		border-top: 1px solid #1cb57b;
	}
	.list-card li .no1 {
		background: url(../img/no.1.png) left center/27px auto no-repeat;
	}
	.list-card li .no2 {
		background: url(../img/no.2.png) left center/27px auto no-repeat;
	}
	.list-card li .no3 {
		background: url(../img/no.3.png) left center/27px auto no-repeat;
	}
	.list-card li .no4 {
		background: url(../img/no.4.png) left center/27px auto no-repeat;
	}
	.list-card li .no5 {
		background: url(../img/no.5.png) left center/27px auto no-repeat;
	}
}
.wp-pagenavi {
	display: flex;
	justify-content: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
	padding: 3px 10px !important;
}
.wp-pagenavi span.pages {
	display: none;
}
@media screen and (min-width: 768px) {
	.news-header .date,
	.news-list li .date {
		font-family: Pathway Gothic One, sans-serif;
		letter-spacing: 0.05em;
	}
	.news-list li {
		margin-bottom: 15px;
		padding-bottom: 15px;
		font-size: 16px;
		border-bottom: 1px solid #e6e6e6;
	}
	.news-list li:last-child {
		border-bottom: none;
	}
	.news-list li a {
		display: block;
		text-decoration: none;
		overflow: hidden;
	}
	.news-list li a:hover {
		color: inherit;
		opacity: 0.7;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
	}
	.news-list li a .top-news-area {
		display: inline-block;
		width: 82%;
	}
	.news-header .date .icn,
	.news-header .icn,
	.news-list li .date .icn,
	.news-list li .icn {
		display: none;
	}
	.news-list li a .top-news-area-img {
		float: left;
		width: 11%;
		margin-right: 20px;
		max-width: 190px;
		padding-top: 8px;
	}
	.news-image img,
	.news-list li a .top-news-area-img img {
		width: 100%;
	}
	.news-list li .date {
		color: #878787;
	}
	.news-list li .title {
		margin-bottom: 5px;
	}
	.news-list li .title span {
		color: #fff;
		background: #000;
		padding: 3px;
	}
	.news-list li .txt {
		color: #444;
		font-size: 16px;
		width: 82%;
		display: inline-block;
	}
	.news-header {
		margin-bottom: 40px;
	}
	.news-header .date {
		color: #878787;
	}
	.news-header .title {
		margin-bottom: 5px;
	}
	.news-header .title span {
		color: #fff;
		background: #000;
	}
	.news-image {
		margin-bottom: 50px;
	}
	.news-body {
		margin-bottom: 80px;
	}
	.news-body p {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	.news-header .date,
	.news-list li .date {
		font-family: Pathway Gothic One, sans-serif;
		letter-spacing: 0.05em;
	}
	.news-list li {
		margin-bottom: 15px;
		padding-bottom: 15px;
		font-size: 16px;
		border-bottom: 1px solid #e6e6e6;
	}
	.news-list li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}
	.news-list li a {
		text-decoration: none;
		overflow: hidden;
	}
	.news-list li a .top-news-area-img {
		display: inline-block;
		width: 30%;
		float: left;
		padding: 8px 3% 0 0;
	}
	.news-list li a .top-news-area {
		display: inline-block;
		width: 67%;
	}
	.news-header .date .icn,
	.news-list li .date .icn {
		display: none;
	}
	.news-list li .date {
		color: #000;
	}
	.news-list li .title {
		margin-bottom: 5px;
		line-height: 20px;
	}
	.news-list li .title span {
		color: #fff;
		background: #000;
		font-size: 12px;
	}
	.news-list li .txt {
		color: #444;
		font-size: 13px;
		display: inline-block;
	}
	.news-header {
		margin-bottom: 30px;
	}
	.news-header .date {
		color: #878787;
	}
	.news-header .title {
		margin-bottom: 5px;
	}
	.news-header .title span {
		color: #fff;
		background: #000;
	}
	.news-image {
		margin-bottom: 30px;
	}
	.news-image img {
		width: 100%;
	}
	.news-body {
		margin-bottom: 50px;
	}
	.news-body p {
		margin-bottom: 10px;
	}
	.news-body .seal {
		text-align: center;
		padding: 10px 0;
	}
}

@media screen and (min-width: 768px) {
	.box-brand .stit {
		padding: 50px 0 30px;
		font-family: Pathway Gothic One, sans-serif;
		font-size: 28px;
		color: #878787;
		text-align: center;
		letter-spacing: 0.05em;
	}
	.box-brand .brand-list {
		text-align: left;
		margin: 0 auto 80px;
		width: 80%;
		min-width: 1000px;
	}
	.box-brand .brand-list li {
		display: inline-block;
		margin: 20px 4.444%;
		text-align: center;
		max-width: 130px;
	}
	.box-brand .brand-list li:last-child {
		margin: 20px 4%;
	}
	.box-brand .brand-list li a img {
		opacity: 0.45;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=45)';
		vertical-align: middle;
		width: 100%;
		max-width: 110px;
	}
	.box-brand .brand-list li a:hover img {
		opacity: 1;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	}
}

@media screen and (max-width: 767px) {
	.box-brand .stit {
		padding: 20px 0;
		font-family: Pathway Gothic One, sans-serif;
		font-size: 28px;
		color: #878787;
		text-align: center;
		letter-spacing: 0.05em;
	}
	.box-brand .brand-list {
		max-width: 300px;
		margin: 0 auto 40px;
	}
	.box-brand .brand-list li {
		display: inline-block;
		width: 20%;
		margin: 10px 6%;
	}
	.box-brand .brand-list li a img {
		opacity: 0.45;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=45)';
		vertical-align: middle;
		max-width: 100%;
	}
	.box-brand .brand-list li a:hover img {
		opacity: 1;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	}
}

@media screen and (min-width: 768px) {
	.sns-wrap dd,
	.sns-wrap dd a,
	.sns-wrap dt,
	.sns-wrap li {
		display: inline-block;
	}
	.sns-wrap {
		margin-bottom: 30px;
	}
	.news_sns {
		margin: 20px 0 !important;
	}
	.sns-wrap dt {
		margin-right: 5px;
		color: #b9b9b9;
		font-family: Pathway Gothic One, sans-serif;
		font-size: 16px;
		letter-spacing: 0.05em;
	}
	.sns-wrap dd {
		vertical-align: middle;
	}
	.sns-wrap dd a {
		font-size: 18px;
	}
	.sns-wrap dd a:hover .icon-twt {
		color: #1da1f2;
	}
	.sns-wrap dd a:hover .icon-fb {
		color: #3b5998;
	}
	.sns-wrap li {
		padding-right: 5px;
	}
	.ssl-wrap {
		margin: 15px 0;
	}
}

@media screen and (max-width: 767px) {
	.sns-wrap {
		margin-bottom: 10px;
	}
	.sns-wrap dt {
		display: none;
	}
	.sns-wrap dd {
		text-align: center;
	}
	.sns-wrap dd a {
		display: inline-block;
		padding: 0 3px;
		font-size: 18px;
	}
	.sns-wrap dd a:hover .icon-twt {
		color: #1da1f2;
	}
	.sns-wrap dd a:hover .icon-fb {
		color: #3b5998;
	}
	.ssl-wrap {
		margin: 15px 0;
	}
}

@media screen and (min-width: 768px) {
	.first-visual .slide-count,
	.first-visual .top-news-wrap .date {
		color: #fff;
		font-family: Pathway Gothic One, sans-serif;
	}
	.top-animation {
		z-index: 9000;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: #000;
		transition-property: transform, opacity;
		-webkit-transition-property: transform, opacity;
		transition-duration: 0.9s, 0.4s;
		-webkit-transition-duration: 0.9s, 0.4s;
		transition-delay: 0.3s, 0.3s;
		-webkit-transition-delay: 0.3s, 0.3s;
	}
	.top-animation .animate-logo {
		position: absolute;
		margin-top: -65px;
		margin-left: -126px;
		top: 50%;
		left: 50%;
		text-align: center;
	}
	.top-animation .animate-logo .logo01 {
		margin-bottom: 10px;
		animation-name: shake-base;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
		animation-delay: 0s;
		animation-play-state: running;
	}
	.loaded .top-animation {
		-ms-transform: translateX(2500px);
		transform: translateX(2500px);
		-webkit-transform: translateX(2500px);
	}
	.top-animation-body {
		min-height: 100%;
		height: 100%;
		transform: translateX(-1000px) translateZ(0);
		-webkit-transform: translateX(-1000px) translateZ(0);
		transition-property: transform;
		transition-duration: 0.6s;
	}
	.loaded .top-animation-body {
		transform: translateX(0) translateZ(0);
		-webkit-transform: translateX(0) translateZ(0);
	}
	.page-top .header {
		background: 0 0;
	}
	.page-top .header.black {
		background: #000;
	}
	.page-top .wrapper {
		padding-top: 54px;
		margin-top: -54px;
	}
	.slide-control {
		z-index: 20;
		position: absolute;
		bottom: 30px;
		right: 70px;
		width: 144px;
	}
	.slide-control a {
		display: inline-block;
		width: 20px;
		height: 20px;
	}
	.slide-control a:after,
	.slide-control a:before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		width: 11px;
		border-top: 1px solid #fff;
	}
	.slide-control a:before {
		margin-top: 4px;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	.slide-control a:after {
		margin-top: -4px;
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	.slide-control a.bx-next {
		float: right;
	}
	.slide-control a.bx-next:before {
		margin-top: -4px;
	}
	.slide-control a.bx-next:after {
		margin-top: 4px;
	}
	.tablet .first-visual,
	.tablet .top-slide,
	.tablet .top-slide-wrap {
		height: 600px;
	}
	.first-visual {
		overflow: hidden;
		position: relative;
		min-width: 916px;
		margin-top: 107px;
	}
	.first-visual .slide-count {
		z-index: 20;
		position: absolute;
		bottom: 30px;
		right: 70px;
		margin: 0 30px;
		width: 90px;
		font-size: 17px;
		text-align: center;
	}
	.first-visual .slide-count span {
		display: inline-block;
		padding: 0 10px;
	}
	.first-visual .top-slide {
		position: relative;
	}
	.first-visual .top-slide > div {
		position: absolute;
		min-height: 100%;
		overflow: hidden;
		top: 0;
		left: 0;
		width: 10%;
		height: 100%;
		transition: width 1s cubic-bezier(0.19, 1, 0.22, 1),
			transform 1s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.first-visual .top-slide .bg {
		width: 100%;
		height: 100%;
		-ms-transform: translate(-10%, 0);
		transform: translate(-10%, 0);
		transition: transform 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	.first-visual .top-slide .animate {
		width: 100%;
	}
	.first-visual .top-slide .animate .bg {
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	}
	.first-visual .top-slide .out {
		z-index: 0;
		width: 100%;
	}
	.first-visual .top-slide .out .bg {
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	}
	.first-visual .top-slide .now {
		z-index: 5;
		width: 100%;
	}
	.first-visual .top-slide .now .bg {
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	}
	.first-visual .top-slide .in {
		z-index: 10;
	}
	.first-visual .scroll {
		z-index: 20;
		position: absolute;
		bottom: 30px;
		left: 50%;
		margin-left: -10px;
		cursor: pointer;
	}
	.first-visual .scroller {
		display: inline-block;
		position: absolute;
		bottom: 20px;
		left: 50%;
		margin-left: -0.5px;
		width: 2px;
		height: 4px;
		background: #fff;
		animation: vertical 0.5s ease-in-out infinite alternate;
	}
	.first-visual .top-news-wrap .txt,
	.first-visual .top-news-wrap li:nth-child(n + 3) {
		display: none;
	}
	.first-visual .top-news-wrap {
		position: absolute;
		z-index: 20;
		bottom: 85px;
		left: 90px;
		width: 40%;
	}
	.first-visual .top-news-wrap .top-news {
		position: relative;
	}
	.first-visual .top-news-wrap li {
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.first-visual .top-news-wrap li.animate .date,
	.first-visual .top-news-wrap li.animate .title {
		width: 100%;
	}
	.first-visual .top-news-wrap li.out {
		z-index: 0;
	}
	.first-visual .top-news-wrap li.out .date,
	.first-visual .top-news-wrap li.out .title {
		width: 0;
	}
	.first-visual .top-news-wrap li.now {
		z-index: 5;
	}
	.first-visual .top-news-wrap li.now .date,
	.first-visual .top-news-wrap li.now .title {
		width: 100%;
	}
	.first-visual .top-news-wrap li.in {
		z-index: 10;
	}
	.first-visual .top-news-wrap .date {
		overflow: hidden;
		width: 0;
		letter-spacing: 0.05em;
		white-space: nowrap;
		transition: all 0.6s linear;
	}
	.first-visual .top-news-wrap .date span {
		padding: 2px 5px;
		display: inline-block;
		font-size: 16px;
		letter-spacing: 0.1em;
		background: #000;
	}
	.first-visual .top-news-wrap .date .icn-new {
		background: #f73b6c;
	}
	.first-visual .top-news-wrap .title {
		overflow: hidden;
		width: 0;
		transition: all 0.6s linear 0.2s;
	}
	.first-visual .top-news-wrap .title span {
		display: inline-block;
		padding: 2px 5px;
		color: #000;
		background: #fff;
		white-space: nowrap;
	}
	.box-news {
		margin-top: -1px;
	}
}

@media screen and (max-width: 767px) {
	.top-animation {
		display: none;
	}

	/*
.top-animation {
	z-index: 9000;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #000;
	transition-property: transform, opacity;
	-webkit-transition-property: transform, opacity;
	transition-duration: .9s, .4s;
	-webkit-transition-duration: .9s, .4s;
	transition-delay: .3s, .3s;
	-webkit-transition-delay: .3s, .3s
}
.top-animation .animate-logo {
	position: absolute;
	margin-top: -65px;
	margin-left: -126px;
	top: 50%;
	left: 50%;
	text-align: center
}
.top-animation .animate-logo .logo01 {
	margin-bottom: 10px;
	animation-name: shake-base;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
	animation-play-state: running
}
.loaded .top-animation {
	-ms-transform: translateX(2500px);
	transform: translateX(2500px);
	-webkit-transform: translateX(2500px)
}
.top-animation-body {
	min-height: 100%;
	height: 100%;
	transform: translateX(-1000px) translateZ(0);
	-webkit-transform: translateX(-1000px) translateZ(0);
	transition-property: transform;
	transition-duration: .6s
}
.loaded .top-animation-body {
	transform: translateX(0) translateZ(0);
	-webkit-transform: translateX(0) translateZ(0)
}
	*/

	.page-top .wrapper {
		margin-top: 0;
	}
	.top-slide {
		position: relative;
		width: 100%;
		height: 400px;
		margin-top: 100px;
	}
	.top-slide > div {
		position: absolute;
		min-height: 100%;
		overflow: hidden;
		top: 0;
		left: 0;
		width: 10%;
		height: 100%;
		transition: width 1s cubic-bezier(0.19, 1, 0.22, 1),
			transform 1s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.top-slide .bg {
		width: 100%;
		height: 100%;
		-ms-transform: translate(-10%, 0);
		transform: translate(-10%, 0);
		transition: transform 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transition: -webkit-transform 0.85s
			cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	.top-slide .animate {
		width: 100%;
	}
	.top-slide .animate .bg {
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	}
	.top-slide .out {
		z-index: 0;
		width: 100%;
	}
	.top-slide .out .bg {
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	}
	.top-slide .now {
		z-index: 5;
		width: 100%;
	}
	.top-slide .now .bg {
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	}
	.top-slide .in {
		z-index: 10;
	}
	.top-slide-wrap {
		position: relative;
	}
	.slide-control {
		z-index: 100;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -40px;
		width: 100%;
	}
	.slide-control a {
		position: absolute;
		display: block;
		width: 43px;
		height: 81px;
	}
	.slide-control a:after,
	.slide-control a:before {
		content: '';
		position: absolute;
		top: 50%;
		width: 40px;
		border-top: 1px solid #fff;
	}
	.slide-control a:before {
		margin-top: 13px;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	.slide-control a:after {
		margin-top: -14px;
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	.slide-control a.bx-prev {
		left: 10px;
	}
	.slide-control a.bx-next {
		right: 10px;
	}
	.slide-control a.bx-next:before {
		margin-top: -13px;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	.slide-control a.bx-next:after {
		margin-top: 14px;
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	.first-visual {
		position: relative;
	}
	.first-visual .scroll,
	.first-visual .slide-count,
	.first-visual .top-news-wrap {
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	.detail-top .name-wrap,
	.detail-top .price-wrap .num {
		letter-spacing: 0.05em;
		font-family: Pathway Gothic One, sans-serif;
	}
	.detail-top .name-wrap,
	.detail-top .price-wrap .num,
	.detail-top .select-wrap dt {
		font-family: Pathway Gothic One, sans-serif;
	}
	.detail-top {
		overflow: hidden;
		zoom: 1;
		margin-bottom: 75px;
	}
	.detail-top .image {
		float: left;
		margin-right: 3%;
		padding-left: 20px;
		width: 47%;
		box-sizing: border-box;
	}
	.detail-top .item-image-slider,
	.detail-top .view360 {
		height: 100%;
	}
	.detail-top .view360 iframe {
		width: 100%;
		height: 100%;
	}
	.detail-top .image img {
		max-width: 100%;
	}
	.detail-top .image .bx-wrapper {
		position: relative;
	}
	.detail-top .image .bx-controls-direction a {
		display: block;
		position: absolute;
		top: 50%;
		overflow: hidden;
		margin-top: -20px;
		padding-top: 40px;
		width: 40px;
		height: 0;
	}
	.detail-top .image .bx-controls-direction a.bx-prev {
		left: -20px;
		background: url(../img/img-slide-left.png);
	}
	.detail-top .image .bx-controls-direction a.bx-next {
		right: -20px;
		background: url(../img/img-slide-right.png);
	}
	.detail-top .detail {
		float: right;
		width: 50%;
	}
	.detail-top .name-wrap .brand {
		display: inline-block;
	}
	.detail-top .name-wrap .brand span {
		padding: 3px 6px;
		color: #fff;
		font-size: 18px;
		background: #000;
	}
	.detail-top .name-wrap .brand-name-ja {
		display: inline-block;
		font-size: 14px;
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
			'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
		background: #f3f0f0;
		padding: 3px 6px;
	}
	.detail-top .name-wrap .name {
		font-size: 28px;
	}
	.detail-top .price-wrap {
		margin-bottom: 20px;
		line-height: 1;
	}
	.detail-top .price-wrap .num {
		font-size: 28px;
	}
	.sale-before {
		color: #000;
	}
	.sale-color,
	.sale-line {
		color: #ec0000;
	}
	.sale-line {
		text-decoration: line-through;
	}
	.detail-top .image-thumb {
		margin-bottom: 20px;
	}
	.detail-top .image-thumb img {
		width: 81px;
		height: auto;
	}
	.detail-top .soldout {
		text-align: center;
		margin-bottom: 30px;
		padding: 10px;
		font-weight: 700;
		color: #fff;
		background: #f73b6c;
	}
	.detail-top .select-wrap,
	.detail-top .weareofficial {
		margin-bottom: 20px;
	}
	.detail-top .select-wrap dl {
		display: table;
		width: 100%;
	}
	.detail-top .select-wrap dl > * {
		display: table-cell;
		padding: 3px 0;
	}
	.detail-top .select-wrap dt {
		letter-spacing: 0.1em;
		font-size: 16px;
		width: 20%;
		min-width: 100px;
	}
	.detail-top .select-wrap dd {
		width: 80%;
	}
	.catchcopy {
		position: relative;
		top: 10px;
		color: #1cb57b;
	}
	.detail-top .select-wrap input[type='number'],
	.detail-top .select-wrap input[type='text'] {
		padding: 10px;
		border: 1px solid #ccc;
	}
	.detail-top .select-wrap select {
		padding: 10px 30px 10px 10px;
		border: 1px solid #ccc;
		background: url(../img/img-select-arw.png) right center no-repeat;
		background-size: 15px;
	}
	.detail-top .btn-cart-wrap {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.detail-top .note-wrap {
		font-size: 12px;
		color: #000;
	}
	.detail-trigger {
		margin-bottom: 10px;
		padding: 10px 20px;
		font-size: 14px;
		border-left: 3px solid #1cb57b;
	}
	.detail-trigger.selected {
		color: #1cb57b;
	}
	.detail-bottom {
		margin-bottom: 30px;
		padding: 40px;
		background: #f7f7f7;
	}
	.detail-bottom h4 {
		margin-bottom: 3px;
		color: #1cb57b;
		font-size: 20px;
	}
	.detail-bottom h4 .brand-logo {
		height: 26px;
		margin-right: 10px;
		vertical-align: sub;
	}
	.detail-bottom > div.more {
		text-align: center;
	}
	.detail-bottom > div.more a {
		display: block;
		padding: 20px;
		margin: 20px auto;
		width: 500px;
		color: #fff;
		text-decoration: none;
		background: #1cb57b;
	}
	.recent-item-wrap {
		margin-top: 80px;
	}
	.size-wrap {
		position: relative;
		display: block;
		max-width: 1116px;
	}
	.size-wrap img {
		max-width: 100%;
	}
	.size-link {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}
	.size-link > * {
		display: block;
		float: left;
	}
	.size-link .tit {
		width: 19%;
		height: 1px;
	}
	.size-link a {
		overflow: hidden;
		font-size: 1px;
		width: 3.85%;
		margin-top: 1%;
		padding-top: 30px;
		height: 0;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 767px) {
	.detail-top .name-wrap,
	.detail-top .price-wrap .num,
	.detail-top .select-wrap dt {
		font-family: Pathway Gothic One, sans-serif;
		letter-spacing: 0.05em;
	}
	.detail-top {
		margin-bottom: 30px;
	}
	.detail-top .image {
		margin-bottom: 20px;
	}
	.detail-top .image img {
		max-width: 100%;
	}
	.detail-top .item-image-slider,
	.detail-top .view360 {
		height: 100%;
	}
	.detail-top .view360 iframe {
		width: 100%;
		height: 100%;
	}
	.detail-top .detail {
		color: #000;
	}
	.detail-top .detail .sns-wrap,
	.news-share .sns-wrap {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.detail-top .detail .sns-wrap ul,
	.news-share .sns-wrap ul {
		text-align: center;
	}
	.news-share .news_sns ul {
		text-align: left !important;
	}
	.detail-top .detail .sns-wrap li,
	.news-share .sns-wrap li {
		display: inline-block;
		text-align: center;
	}
	.detail-top .detail .sns-wrap dd,
	.news-share .sns-wrap dd {
		text-align: right;
	}
	.detail-bottom > div.more,
	.detail-top .bx-pager,
	.detail-top .soldout,
	.size-wrap {
		text-align: center;
	}
	.detail-top .name-wrap .brand span {
		padding: 3px 6px;
		color: #fff;
		background: #000;
	}
	.detail-top .name-wrap .brand-name-ja span {
		font-size: 11px;
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
			'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
		background: #f3f0f0;
		padding: 3px 6px;
	}
	.detail-top .name-wrap .name {
		font-size: 28px;
		line-height: 1.2;
	}
	.detail-top .price-wrap {
		margin-bottom: 10px;
		line-height: 1;
	}
	.detail-top .price-wrap .num {
		font-size: 28px;
	}
	.sale-before {
		color: #000;
	}
	.sale-color,
	.sale-line {
		color: #ec0000;
	}
	.sale-line {
		text-decoration: line-through;
	}
	.detail-top .image-thumb {
		display: none;
	}
	.detail-top .soldout {
		margin-bottom: 30px;
		padding: 10px;
		font-weight: 700;
		color: #fff;
		background: #f73b6c;
	}
	.catchcopy,
	.detail-trigger.selected {
		color: #1cb57b;
	}
	.detail-top .select-wrap {
		margin-bottom: 20px;
	}
	.detail-top .select-wrap dl {
		display: table;
		width: 100%;
	}
	.detail-top .select-wrap dl > * {
		display: table-cell;
		padding: 3px 0;
	}
	.detail-top .select-wrap dt {
		font-size: 20px;
		width: 20%;
		min-width: 100px;
	}
	.detail-top .select-wrap dd {
		width: 80%;
	}
	.catchcopy {
		position: relative;
		top: 10px;
	}
	.detail-top .select-wrap input[type='number'],
	.detail-top .select-wrap input[type='text'] {
		padding: 5px;
		border: 1px solid #ccc;
	}
	.detail-top .select-wrap select {
		padding: 5px 30px 5px 5px;
		border: 1px solid #ccc;
		background: url(../img/img-select-arw.png) right center no-repeat;
		background-size: 15px;
	}
	.detail-top .btn-cart-wrap {
		margin: 20px 0;
	}
	.detail-top .weareofficial {
		margin-bottom: 20px;
		text-align: center;
	}
	.detail-top .weareofficial img {
		height: 36px;
	}
	.detail-top .note-wrap {
		font-size: 12px;
	}
	.detail-top .bx-pager {
		margin-top: 10px;
	}
	.detail-top .bx-pager > div {
		margin: 0 5px;
		display: inline-block;
	}
	.detail-top .bx-pager > div a {
		overflow: hidden;
		display: block;
		padding-top: 15px;
		width: 15px;
		height: 0;
		background: #f7f7f7;
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}
	.detail-top .bx-pager > div a.active {
		background: #1cb57b;
	}
	.detail-trigger {
		margin-bottom: 10px;
		padding: 5px 10px;
		font-size: 14px;
		border-left: 3px solid #1cb57b;
	}
	.detail-bottom {
		padding: 20px 10px;
		margin-bottom: 30px;
		font-size: 12px;
		line-height: 1.9;
		background: #f7f7f7;
	}
	.detail-bottom h4 {
		margin-bottom: 3px;
		color: #1cb57b;
		font-size: 20px;
	}
	.detail-bottom h4 .brand-logo {
		height: 26px;
		margin-right: 10px;
		vertical-align: sub;
	}
	.detail-bottom > div.more a {
		display: block;
		padding: 20px;
		margin: 20px auto;
		width: auto;
		color: #fff;
		text-decoration: none;
		background: #1cb57b;
	}
	.recent-item-wrap {
		margin-top: 80px;
	}
	.size-wrap {
		overflow-x: scroll;
	}
	.size-wrap img {
		width: 600px;
		max-width: inherit;
	}
	.size-link {
		display: none;
	}
}
input[type='button'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='submit'],
input[type='text'] {
	-webkit-appearance: none;
	border-radius: 0;
	outline: 0;
	border: none;
	border-bottom: 1px solid #e6e6e6;
}
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='submit']:focus,
input[type='text']:focus {
	background: #f0f0f0;
	color: #000;
}
select {
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

@media screen and (min-width: 768px) {
	select {
		padding: 10px 20px 10px 10px;
		background: url(../img/img-select-arw.png) right center no-repeat;
		background-size: 15px;
	}
	.box-login .stit {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.box-login .txt {
		line-height: 1.9;
	}
	.input-wrap {
		margin-bottom: 50px;
	}
	.form-line {
		position: relative;
		margin-bottom: 20px;
		padding-top: 10px;
	}
	.form-line input[type='email'],
	.form-line input[type='number'],
	.form-line input[type='password'],
	.form-line input[type='text'] {
		padding: 10px 0;
		width: 100%;
		outline: 0;
		border: none;
		background-color: #fdfdfd;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
	}
	.form-line .text-label {
		position: absolute;
		left: 0;
		top: 0;
		color: #000;
		font-size: 10px;
		transition: all 0.4s cubic-bezier(1, 0, 0, 1);
	}
}

@media screen and (max-width: 767px) {
	select {
		padding: 5px 20px 5px 5px;
		background: url(../img/img-select-arw.png) right center no-repeat;
		background-size: 15px;
	}
	.box-login .stit {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.box-login .txt {
		line-height: 1.9;
	}
	.input-wrap {
		margin-bottom: 30px;
	}
	.form-line {
		position: relative;
		margin-bottom: 20px;
		padding-top: 10px !important;
	}
	.form-line input[type='email'],
	.form-line input[type='number'],
	.form-line input[type='password'],
	.form-line input[type='text'] {
		padding: 10px 0;
		width: 100%;
		outline: 0;
		border: none;
		background-color: #fdfdfd;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
		-webkit-appearance: none;
	}
	.form-line .text-label {
		position: absolute;
		left: 0;
		top: 0;
		color: #000;
		font-size: 10px;
		transition: all 0.4s cubic-bezier(1, 0, 0, 1);
	}
}

@media screen and (min-width: 768px) {
	.tbl-cart .amount-change,
	.tbl-cart .item-image {
		text-align: center;
	}
	.tbl-cart {
		width: 100%;
	}
	.tbl-cart tr {
		border-bottom: 1px solid #e6e6e6;
		position: relative;
		display: block;
	}
	.tbl-cart tr:last-child {
		border-bottom: none;
	}
	.tbl-cart td {
		padding: 20px 10px;
		width: 23.5%;
		vertical-align: middle;
		box-sizing: border-box;
	}
	.tbl-cart .item-image img {
		max-width: 100%;
		height: auto;
	}
	.tbl-cart .item-name .name {
		font-size: 20px;
	}
	.tbl-cart .item-name .option {
		font-size: 12px;
	}
	.tbl-cart .item-price {
		text-align: center;
		font-size: 12px;
	}
	.tbl-cart .item-price .en {
		font-size: 20px;
	}
	.tbl-cart .amount-change input[type='number'],
	.tbl-cart .amount-change input[type='text'] {
		margin-bottom: 5px;
	}
	.tbl-cart .amount-change .listmark {
		font-size: 10px;
		text-align: left;
	}
	.tbl-cart .delete {
		width: 6%;
	}
	.recommend-cart-item-wrap .recommend-cart-item-list {
		overflow: hidden;
		zoom: 1;
		font-family: Pathway Gothic One, sans-serif;
		letter-spacing: 0.05em;
		margin: 0 auto;
		width: 36%;
	}
	.recommend-cart-item-wrap .recommend-cart-item-list li {
		float: left;
		position: relative;
		margin: 0 1% 30px;
		width: 48%;
	}
	.recommend-cart-item-wrap .recommend-cart-item-list li .image {
		margin-bottom: 10px;
		overflow: hidden;
		text-align: center;
		display: block;
	}
	.recommend-cart-item-wrap .recommend-cart-item-list li .image img {
		width: 100%;
		vertical-align: top;
		transition: all 0.14s;
	}
	.recommend-cart-item-list li .detail {
		font-size: 18px;
		text-align: center;
		line-height: 1.4;
	}
	.recommend-cart-item-list li .detail .brand span {
		padding: 1px 4px;
		color: #fff;
		background: #000;
	}
	.recommend-cart-item-list li .detail .brand-sale span {
		padding: 1px 4px;
		color: #fff;
		background: #f73b6c;
	}
	.recommend-cart-item-list li .detail .tax {
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
			'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
		font-size: 12px;
	}
}

@media screen and (max-width: 767px) {
	.tbl-cart {
		margin-bottom: 30px;
		width: 100%;
	}
	.tbl-cart tr {
		border-bottom: 1px solid #e6e6e6;
	}
	.tbl-cart tr:last-child {
		border-bottom: none;
	}
	.tbl-cart td {
		display: block;
		padding-bottom: 5px;
		box-sizing: border-box;
	}
	.tbl-cart .item-image {
		float: left;
		width: 20%;
		margin-right: 20px;
		text-align: center;
	}
	.tbl-cart .item-image img {
		max-width: 100%;
		height: auto;
	}
	.tbl-cart .item-name .name {
		font-size: 20px;
	}
	.tbl-cart .item-name .option {
		margin-top: -20px;
		font-size: 12px;
	}
	.tbl-cart .item-price {
		margin-bottom: 10px;
		font-size: 12px;
	}
	.tbl-cart .item-price .en {
		font-size: 20px;
	}
	.tbl-cart .item-price .delete {
		margin-top: 8px;
		float: right;
	}
	.tbl-cart .item-price .delete .en {
		font-size: 14px;
	}
	.tbl-cart .amount-change {
		text-align: right;
	}
	.tbl-cart .amount-change form > br {
		display: none;
	}
	.tbl-cart .amount-change input[type='number'],
	.tbl-cart .amount-change input[type='submit'],
	.tbl-cart .amount-change input[type='text'] {
		margin-bottom: 5px;
	}
	.tbl-cart .amount-change .listmark {
		font-size: 10px;
	}
	.recommend-cart-item-wrap {
		margin-top: 80px;
	}
	.recommend-cart-item-wrap .recommend-cart-item-list {
		overflow: hidden;
		zoom: 1;
		font-family: Pathway Gothic One, sans-serif;
		letter-spacing: 0.05em;
	}
	.recommend-cart-item-wrap .recommend-cart-item-list li {
		float: left;
		position: relative;
		margin: 0 1% 30px;
		width: 48%;
	}
	.recommend-cart-item-wrap .recommend-cart-item-list li .image {
		text-align: center;
	}
	.recommend-cart-item-wrap .recommend-cart-item-list li .image img {
		max-width: 100%;
	}
	.recommend-cart-item-list li .detail {
		font-size: 16px;
		text-align: center;
		line-height: 1.4;
	}
	.recommend-cart-item-list li .detail .brand span {
		padding: 1px 4px;
		color: #fff;
		background: #000;
	}
	.recommend-cart-item-list li .detail .brand-sale span {
		padding: 1px 4px;
		color: #fff;
		background: #f73b6c;
	}
	.recommend-cart-item-list li .detail .tax {
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
			'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
		font-size: 10px;
	}
}

@media screen and (min-width: 768px) {
	.flow {
		width: 100%;
		margin: 40px 0;
		position: relative;
	}
	.flow ul {
		font-size: 0;
		text-align: center;
	}
	.flow ul:after {
		content: '';
		width: 670px;
		height: 1px;
		background: #1cb57b;
		position: absolute;
		margin: auto;
		top: 3px;
		right: 0;
		bottom: 0;
		left: 0;
	}
	.flow-step {
		width: 211px;
		margin: 0;
		position: relative;
		display: inline-block;
		color: #1cb57b;
		vertical-align: top;
		text-align: center;
	}
	.flow-step-ttl {
		font-size: 16px;
		font-family: Pathway Gothic One, sans-serif;
		letter-spacing: 0.05em;
	}
	.flow-step h4 {
		font-size: 13px;
	}
	.flow-ico {
		width: 14px;
		height: 14px;
		border: 2px solid #1cb57b;
		border-radius: 8px;
		margin: 16px auto;
		background: #fff;
		position: relative;
		z-index: 1;
	}
	#step-stat01 .step01 .flow-ico,
	#step-stat02 .step02 .flow-ico,
	#step-stat03 .step03 .flow-ico,
	#step-stat04 .step04 .flow-ico {
		background: #1cb57b;
	}
	.input-wrap .agree,
	.input-wrap .box-agree {
		margin-bottom: 30px;
		text-align: center;
	}
	.wrapper_stit .content_stit li {
		display: inline-block;
		width: 258px;
		letter-spacing: normal;
		margin: 0 2% 0 40px;
	}
	.wrapper_stit .content_stit .visa {
		margin-left: 250px;
	}
	.input,
	.input-line {
		margin-bottom: 50px;
	}
	.input-wrap .box-agree label {
		padding: 0 10px;
	}
	.input-row {
		display: table;
		width: 100%;
	}
	.input-row > * {
		display: table-cell;
		vertical-align: top;
	}
	.input-row .input-left {
		padding-top: 10px;
		width: 250px;
	}
	.input-row .input-left.padding {
		padding-top: 30px;
	}
	.input-row .input-left p {
		font-weight: 700;
	}
	.input-row .input-left .must {
		padding: 1px 5px;
		color: #f73b6c;
		font-size: 10px;
		border: 1px solid;
	}
	.input-row .input-right .must {
		display: none;
	}
	.input-row .input {
		float: left;
		width: 50%;
	}
	.input-row .input.l-size {
		width: 100%;
	}
	.input label {
		display: block;
		font-weight: 700;
	}
	.input input[type='number'],
	.input input[type='password'],
	.input input[type='text'],
	.input select {
		font-family: inherit;
		border: none;
		padding: 10px 0;
		width: 90%;
		border-bottom: 1px solid #e6e6e6;
	}
	.input input[type='number']:hover,
	.input input[type='password']:hover,
	.input input[type='text']:hover,
	.input select:hover {
		border-bottom: 1px solid #1cb57b;
	}
	.input input[type='number']:focus,
	.input input[type='password']:focus,
	.input input[type='text']:focus,
	.input select:focus {
		outline: 0;
	}
	.input input[type='number']:focus + p,
	.input input[type='password']:focus + p,
	.input input[type='text']:focus + p,
	.input select:focus + p {
		opacity: 1;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	}
	.input p {
		opacity: 0;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
		margin-top: 5px;
		font-size: 12px;
		color: #878787;
		transition: all 0.1s;
		-webkit-transition: all 0.1s;
	}
	.input-line {
		display: table;
		width: 100%;
	}
	.input-line input[type='number'],
	.input-line input[type='text'] {
		padding: 10px;
	}
	.input-line > * {
		display: table-cell;
	}
	.input-line dt {
		font-weight: 700;
		width: 250px;
	}
	.input-line dd img {
		width: 300px;
		vertical-align: middle;
	}
	.input-line dt .must {
		padding: 1px 5px;
		color: #f73b6c;
		font-size: 10px;
		border: 1px solid;
	}
	.input-line .coupon-number {
		display: none;
		margin-top: 20px;
		padding: 10px;
		font-weight: 700;
	}
	.input-line .coupon-number input {
		padding: 15px;
		margin-left: 10px;
		border: 1px solid #e6e6e6;
	}
	.delivery-check {
		margin-bottom: 30px;
	}
	.delivery-check input[type='checkbox'] {
		display: none;
	}
	.delivery-check input[type='checkbox']:checked + label {
		color: #fff;
		background: #1cb57b;
	}
	.delivery-check label {
		display: block;
		border: 3px solid #1cb57b;
		text-align: center;
		padding: 10px;
		color: #1cb57b;
		font-size: 16px;
		cursor: pointer;
		transition: all 0.1s;
	}
	.box-delivery {
		display: none;
	}
	.total-price {
		text-align: right;
	}
	.total-price li {
		margin-left: 20px;
		display: inline-block;
	}
	.total-price li .title {
		padding-right: 5px;
	}
	.total-price li .tax {
		font-size: 12px;
	}
	.total-price li.total {
		font-size: 20px;
	}
	.total-price li.total .title {
		font-size: 14px;
	}
	.delete-wrap {
		margin-bottom: 50px;
	}
	.delete-wrap input[type='checkbox'] {
		display: none;
	}
	.delete-wrap input[type='checkbox']:checked + label {
		color: #f73b6c;
	}
	.delete-wrap label {
		display: block;
		width: 280px;
		margin: 0 auto 10px;
		border-bottom: 1px solid #fff;
		text-align: center;
		padding: 5px 10px;
		color: #bcbcbc;
		font-size: 12px;
		cursor: pointer;
		transition: all 0.1s;
	}
	.delete-wrap .delete-area {
		display: none;
	}
	#parent_agree {
		padding: 20px 20px 0;
		margin-bottom: 60px;
		border: 3px solid #f73b6c;
	}
	.agreement-wrap {
		margin: 0 auto 50px;
		padding: 20px;
		width: 80%;
		height: 300px;
		border: 1px solid #e6e6e6;
		box-sizing: border-box;
	}
	.agreement-wrap .inner {
		position: relative;
		overflow-x: auto;
		padding-right: 20px;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}
	.agreement-wrap .inner .tac {
		margin-bottom: 30px;
		font-weight: 700;
	}
	.agreement-wrap .inner > p {
		margin-bottom: 20px;
	}
	.agreement-wrap .inner dl {
		margin-bottom: 30px;
	}
	.agreement-wrap .inner dt {
		margin-bottom: 5px;
		line-height: 1.7;
	}
	.agreement-wrap .inner dd {
		font-size: 12px;
	}
	.agreement-wrap .inner ul {
		margin-top: 10px;
	}
	.agreement-wrap .inner li {
		margin-bottom: 3px;
		padding-left: 1em;
		text-indent: -1em;
	}
	.agreement-wrap .inner > ul > li > ul {
		padding-left: 20px;
	}
}

@media screen and (max-width: 767px) {
	.flow {
		width: 100%;
		margin: 40px 0;
		position: relative;
	}
	.flow ul {
		font-size: 0;
		text-align: center;
	}
	.flow ul:after {
		content: '';
		width: 79%;
		height: 1px;
		background: #1cb57b;
		position: absolute;
		margin: auto;
		top: 7px;
		right: 0;
		bottom: 0;
		left: 0;
	}
	.flow-step {
		width: 25%;
		margin: 0;
		position: relative;
		display: inline-block;
		zoom: 1;
		color: #1cb57b;
		vertical-align: top;
		text-align: center;
	}
	.flow-step-ttl {
		font-size: 16px;
		font-family: Pathway Gothic One, sans-serif;
		letter-spacing: 0.05em;
	}
	.flow-step h4,
	.input .must {
		font-size: 10px;
	}
	.flow-ico {
		width: 14px;
		height: 14px;
		border: 2px solid #1cb57b;
		border-radius: 8px;
		margin: 6px auto;
		background: #fff;
		position: relative;
		z-index: 1;
	}
	#step-stat01 .step01 .flow-ico,
	#step-stat02 .step02 .flow-ico,
	#step-stat03 .step03 .flow-ico,
	#step-stat04 .step04 .flow-ico {
		background: #1cb57b;
	}
	.input-wrap .input-left {
		display: none;
	}
	.input label,
	.input-line dt {
		display: block;
		background: #e6e6e6;
	}
	.input-wrap .agree,
	.input-wrap .box-agree {
		margin-bottom: 30px;
		text-align: center;
	}
	.input-wrap .box-agree label {
		padding: 0 10px;
	}
	.input {
		margin-bottom: 20px;
	}
	.input .must {
		padding: 1px 5px;
		color: #f73b6c;
		border: 1px solid;
	}
	.input label {
		margin-bottom: 10px;
		padding: 5px;
		font-size: 12px;
	}
	.input input[type='number'],
	.input input[type='password'],
	.input input[type='text'],
	.input select {
		font-family: inherit;
		padding: 5px;
		width: 100%;
		box-sizing: border-box;
	}
	.input input[type='number']:focus,
	.input input[type='password']:focus,
	.input input[type='text']:focus,
	.input select:focus {
		outline: 0;
	}
	.input p {
		margin-top: 5px;
		font-size: 10px;
		color: #878787;
		transition: all 0.1s;
		-webkit-transition: all 0.1s;
	}
	.input-line {
		margin-bottom: 30px;
	}
	.input-line input[type='number'],
	.input-line input[type='text'] {
		padding: 5px;
	}
	.input-line dt {
		margin-bottom: 10px;
		padding: 5px;
		font-size: 12px;
	}
	.input-line dt .must {
		padding: 1px 5px;
		color: #f73b6c;
		font-size: 10px;
		border: 1px solid;
	}
	.delivery-check {
		margin-bottom: 30px;
	}
	.delivery-check input[type='checkbox'] {
		display: none;
	}
	.delivery-check input[type='checkbox']:checked + label {
		color: #fff;
		background: #1cb57b;
	}
	.delivery-check label {
		display: block;
		border: 3px solid #1cb57b;
		text-align: center;
		padding: 10px;
		color: #1cb57b;
		font-size: 16px;
		cursor: pointer;
		transition: all 0.1s;
	}
	.box-delivery {
		display: none;
	}
	.total-price {
		text-align: right;
		font-size: 11px;
	}
	.total-price li {
		margin-left: 10px;
		display: inline-block;
	}
	.total-price li .title {
		padding-right: 5px;
	}
	.total-price li .tax {
		font-size: 12px;
	}
	.total-price li.total {
		display: block;
		font-size: 20px;
	}
	.total-price li.total .title {
		font-size: 14px;
	}
	#parent_agree {
		padding: 20px 20px 0;
		margin-bottom: 40px;
		border: 3px solid #f73b6c;
	}
	.agreement-wrap {
		margin: 0 auto 30px;
		padding: 10px;
		width: 96%;
		height: 200px;
		border: 1px solid #e6e6e6;
		box-sizing: border-box;
	}
	.agreement-wrap .inner {
		position: relative;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
		height: 100%;
		word-wrap: break-word;
		box-sizing: border-box;
	}
	.agreement-wrap .inner .tac {
		margin-bottom: 30px;
		font-weight: 700;
	}
	.agreement-wrap .inner > p {
		margin-bottom: 20px;
	}
	.agreement-wrap .inner dl {
		margin-bottom: 30px;
	}
	.agreement-wrap .inner dt {
		margin-bottom: 5px;
		line-height: 1.7;
	}
	.agreement-wrap .inner dd {
		font-size: 12px;
	}
	.agreement-wrap .inner ul {
		margin-top: 10px;
	}
	.agreement-wrap .inner li {
		margin-bottom: 3px;
		padding-left: 1em;
		text-indent: -1em;
	}
	.agreement-wrap .inner > ul > li > ul {
		padding-left: 20px;
	}
	#birthday select {
		width: 40px;
	}
	#birthday select:first-child {
		width: 60px;
	}
	.check-wrap label {
		display: block;
	}
}

@media screen and (min-width: 768px) {
	.confirm-wrap {
		margin-bottom: 50px;
	}
	.confirm-wrap .confirm {
		display: table;
		margin-bottom: 20px;
		width: 100%;
		border-bottom: 1px solid #e6e6e6;
	}
	.confirm-wrap .confirm > * {
		padding: 10px;
		display: table-cell;
	}
	.confirm-wrap .confirm dt {
		width: 25%;
		font-weight: 700;
	}
	.confirm-wrap .confirm dd {
		width: 75%;
	}
}

@media screen and (max-width: 767px) {
	.confirm-wrap {
		margin-bottom: 30px;
	}
	.confirm-wrap .confirm {
		margin-bottom: 20px;
	}
	.confirm-wrap .confirm dt {
		display: block;
		margin-bottom: 5px;
		padding: 5px;
		font-size: 12px;
		background: #e6e6e6;
	}
}

@media screen and (min-width: 768px) {
	.guide-content .flow-wrap,
	.guide-nav {
		zoom: 1;
		overflow: hidden;
	}
	.guide-nav-wrap {
		background: #000;
	}
	.guide-nav-wrap .inner {
		margin: 0 auto;
		padding: 0 12px;
		width: 900px;
	}
	.guide-nav {
		padding: 30px 0;
	}
	.guide-nav li {
		float: left;
		width: 30%;
		margin-bottom: 10px;
		padding: 15px 10px;
		color: #fff;
		background: url(../img/img-circle-arw-wht-b_off.png) center right no-repeat;
		background-size: 12px;
		border-bottom: 1px solid #fff;
		cursor: pointer;
		box-sizing: border-box;
	}
	.guide-nav li.selected,
	.guide-nav li:hover {
		color: #1cb57b;
		background: url(../img/img-circle-arw-b_on.png) center right no-repeat;
		background-size: 12px;
	}
	.guide-nav li.center {
		margin: 0 5%;
	}
	.guide-content a {
		text-decoration: underline;
	}
	.guide-content a:hover {
		text-decoration: none;
	}
	.guide-content .guide-content-header {
		margin-bottom: 50px;
	}
	.guide-content > .guide-content-header:nth-child(n + 2) {
		border-top: 1px solid #dfdfdf;
		padding-top: 30px;
	}
	.guide-content h4 {
		font-size: 28px;
	}
	.guide-content h5 {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.guide-content h6 {
		margin-bottom: 5px;
		font-weight: 700;
	}
	.guide-content .guide-box,
	.guide-content .guide-box02 {
		margin-bottom: 30px;
	}
	.guide-content .brand-image {
		margin-bottom: 10px;
	}
	.guide-content .flow-wrap .stit .en {
		font-size: 30px;
		letter-spacing: 0.1em;
	}
	.guide-content .flow-wrap .stit .ja {
		padding-left: 3px;
		font-size: 12px;
	}
	.guide-content .flow {
		overflow: hidden;
		margin-bottom: 50px;
		padding-bottom: 50px;
		border-bottom: 1px solid #e6e6e6;
	}
	.guide-content .flow .image {
		margin-right: 30px;
		float: left;
	}
	.guide-content .flow .txt {
		overflow: hidden;
		line-height: 2.2;
	}
	.guide-faq dt {
		margin-bottom: 10px;
		padding: 10px 20px;
		font-size: 14px;
		border-left: 3px solid #1cb57b;
		cursor: pointer;
	}
	.guide-faq dt:hover {
		opacity: 0.7;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
	}
	.guide-faq dt.selected {
		color: #1cb57b;
	}
	.guide-faq dd {
		display: none;
	}
	#size01,
	#size02,
	#size03,
	#size04,
	#size05,
	#size06,
	#size07,
	#size08,
	#size09,
	#size10,
	#size11,
	#size12,
	#size13,
	#size14,
	#size15,
	#size16,
	#size17,
	#size18,
	#size19,
	#size20,
	#size21 {
		padding-top: 10px;
		margin-top: -10px;
	}
	#size-2018 .en {
		font-family: Pathway Gothic One, sans-serif;
		letter-spacing: 0.08rem;
	}
	#size-2018 .jp {
		font-family: 'ヒラギノ角ゴシック Pro';
	}
	#size-2018 #js-pagetop {
		position: fixed;
		bottom: 20px;
		right: 20px;
	}
	#size-2018 #brand-size-area .max-wd-100 {
		max-width: 100%;
	}
	#size-2018 #size-brand-nav .list-text {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 10px;
	}
	#size-2018 #size-brand-nav .list-text a {
		text-decoration: none;
	}
	#size-2018 #size-brand-nav .list-text li {
		width: 25%;
		margin-bottom: 35px;
		letter-spacing: 0.07em;
		text-align: center;
	}
	#size-2018 #size-brand-nav .list-text h4 {
		font-family: Pathway Gothic One, sans-serif;
		letter-spacing: 0.08rem;
		font-size: 22px;
	}
	#size-2018 #size-brand-nav .list-text p {
		font-size: 12px;
	}
	#brand-size-area {
		scroll-behavior: smooth;
	}
	#brand-size-area .gray td {
		background-color: #d8d6d6 !important;
	}
	#brand-size-area .br-space {
		padding: 0;
		vertical-align: middle;
	}
	#brand-size-area .size-guide-table .td-br-space {
		padding: 5px 0;
		vertical-align: middle;
	}
	#size-2018 #brand-size-area .table-first {
		margin: 0 !important;
	}
	.size-guide-table {
		width: 100%;
		margin-top: 20px;
		text-align: center;
		font-size: 16px;
	}
	.cm-guide {
		font-size: 10px;
		text-align: right;
		margin-top: 5px;
	}
	.size-guide-table .number-size-title th,
	.head-size th {
		width: 77px;
		padding: 10px 0;
		background-color: #000;
		color: #fff;
		text-align: center;
	}
	.size-guide-table .number-size-product td {
		width: 77px;
		padding: 15px 0;
		box-sizing: border-box;
		border: 1px solid #fff;
		background-color: #eeecec;
	}
	#brand-size-area .size-guide-table .product-name {
		background: #fff !important;
		width: 77px !important;
	}
	.size-guide-table .En-first {
		width: 77px !important;
	}
	.size-guide-table .En-size-title th {
		padding: 10px 0;
		background-color: #000;
		color: #fff;
		text-align: center;
		width: 202px;
	}
	.size-guide-table .En-size-title-02 th {
		padding: 10px 0;
		background-color: #000;
		color: #fff;
		text-align: center;
		width: 337px;
	}
	.size-guide-table .En-size-product td {
		width: 202px;
		padding: 15px 0;
		box-sizing: border-box;
		border: 1px solid #fff;
		background-color: #eeecec;
	}
	.size-guide-table .En-size-product-02 td {
		width: 337px;
		padding: 15px 0;
		box-sizing: border-box;
		border: 1px solid #fff;
		background-color: #eeecec;
	}
	.head-size-table {
		width: 33.3%;
		text-align: center;
		font-size: 16px;
		margin-top: 20px;
	}
	#brand-size-area .head-size {
		width: 33.3% !important;
		margin-top: 5px;
	}
	#brand-size-area .head-size-table td {
		padding: 15px 0;
		background-color: #eeecec;
		box-sizing: border-box;
		border: 1px solid #fff;
	}
	#brand-size-area .head-size-table .product-name {
		background: #fff !important;
		width: 20% !important;
	}
	#brand-size-area .head-size-table .En-first {
		width: 20% !important;
	}
	#brand-size-area .en {
		padding: 50px 0 0;
	}
	#brand-size-area .brand-title {
		overflow: hidden;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: baseline;
		align-items: baseline;
	}
	#brand-size-area .brand-title .brand-name h4 {
		font-size: 28px;
	}
	#brand-size-area .brand-title .brand-image {
		margin: 0;
	}
	#brand-size-area #apparel {
		margin: 100px 0 20px;
	}
	#brand-size-area #apparel h4 {
		font-size: 35px;
		text-align: center;
		margin-bottom: 30px;
	}
	#brand-size-area #apparel ul {
		text-align: center;
	}
	#brand-size-area #apparel div {
		margin-left: 5%;
	}
	#brand-size-area #apparel div .img-right {
		margin-left: 5%;
	}
	#brand-size-area #apparel p {
		margin-top: 30px;
		font-size: 16px;
	}
	.table-mark {
		font-size: 11px;
	}
}

@media screen and (max-width: 767px) {
	.guide-content .flow-wrap,
	.guide-nav {
		zoom: 1;
		overflow: hidden;
	}
	.guide-nav-wrap {
		background: #000;
	}
	.guide-nav {
		padding: 20px 10px;
	}
	.guide-nav li {
		float: left;
		margin: 0 2% 10px;
		padding: 10px 20px 10px 0;
		width: 46%;
		font-size: 11px;
		color: #fff;
		background: url(../img/img-circle-arw-wht-b_off.png) center right no-repeat;
		background-size: 12px;
		border-bottom: 1px solid #fff;
		cursor: pointer;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		box-sizing: border-box;
	}
	.guide-nav li.selected,
	.guide-nav li:hover {
		color: #1cb57b;
		background: url(../img/img-circle-arw-b_on.png) center right no-repeat;
		background-size: 12px;
	}
	.guide-content a {
		text-decoration: underline;
	}
	.guide-content a:hover {
		text-decoration: none;
	}
	.guide-content .guide-content-header {
		margin-bottom: 50px;
	}
	.guide-content > .guide-content-header:nth-child(n + 2) {
		border-top: 1px solid #dfdfdf;
		padding-top: 30px;
	}
	.guide-content h4 {
		font-size: 24px;
	}
	.guide-content h5 {
		margin-bottom: 10px;
		font-size: 18px;
	}
	.guide-content h6 {
		margin-bottom: 5px;
		font-weight: 700;
	}
	.guide-content .guide-box,
	.guide-content .guide-box02 {
		margin-bottom: 30px;
	}
	.guide-content .brand-image {
		margin-bottom: 10px;
	}
	.guide-content .flow-wrap .stit .en {
		font-size: 30px;
		letter-spacing: 0.1em;
	}
	.guide-content .flow-wrap .stit .ja {
		padding-left: 3px;
		font-size: 12px;
	}
	.guide-content .flow {
		overflow: hidden;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #e6e6e6;
	}
	.guide-content .flow .image {
		margin-bottom: 5px;
		text-align: center;
	}
	.guide-content .flow .image img {
		max-width: 100%;
	}
	.guide-faq dt {
		margin-bottom: 10px;
		padding: 5px 10px;
		font-size: 14px;
		border-left: 3px solid #1cb57b;
	}
	.guide-faq dt.selected {
		color: #1cb57b;
	}
	.guide-faq dd {
		display: none;
	}
	#size01,
	#size02,
	#size03,
	#size04,
	#size05,
	#size06,
	#size07,
	#size08,
	#size09,
	#size10,
	#size11,
	#size12,
	#size13,
	#size14,
	#size15,
	#size16,
	#size17,
	#size18,
	#size19,
	#size20,
	#size21,
	#apparel,
	#size-2018 {
		padding-top: 20px;
		margin-top: -20px;
	}
	#size-2018 {
		overflow: hidden;
	}
	#size-2018 .en {
		font-family: Pathway Gothic One, sans-serif;
		letter-spacing: 0.08rem;
	}
	#size-2018 .jp {
		font-family: 'ヒラギノ角ゴシック Pro', sans-serif;
	}
	#size-2018 .sp-scroll {
		overflow: auto;
	}
	#size-2018 .sp-scroll::-webkit-scrollbar {
		height: 3px;
	}
	#size-2018 .sp-scroll::-webkit-scrollbar-track {
		background: #d8d6d6;
	}
	#size-2018 .sp-scroll::-webkit-scrollbar-thumb {
		background: #000;
	}
	#size-2018 #pageTop {
		position: fixed;
		bottom: 20px;
		right: 20px;
	}
	#size-2018 #pageTop i {
		padding-top: 6px;
	}
	#size-2018 #pageTop a {
		display: block;
		z-index: 999;
		padding: 8px 0 0 8px;
		border-radius: 30px;
		width: 35px;
		height: 35px;
		background-color: #9fd6d2;
		color: #fff;
		font-weight: 700;
		text-decoration: none;
		text-align: center;
	}
	#size-2018 #pageTop a:hover {
		text-decoration: none;
		opacity: 0.7;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
	}
	#size-2018 #brand-size-area .sp-img-wd {
		width: 100%;
	}
	#size-2018 #size-brand-nav {
		overflow: hidden;
	}
	#size-2018 #size-brand-nav .list-text {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 10px;
		overflow: hidden;
	}
	#size-2018 #size-brand-nav .list-text h4 {
		font-size: 13px;
		font-family: Pathway Gothic One, sans-serif;
		letter-spacing: 0.08rem;
		color: #000;
		line-height: initial;
	}
	#size-2018 #size-brand-nav .list-text p {
		display: none;
	}
	#size-2018 #size-brand-nav .list-text a {
		text-decoration: none;
	}
	#size-2018 #size-brand-nav .list-text li {
		width: 24%;
		margin-bottom: 10px;
		letter-spacing: 0.07em;
		text-align: center;
		display: -ms-flexbox;
		display: flex;
		background-color: #eee;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 40px;
		margin: 1px 1px 10px;
	}
	#brand-size-area .en {
		padding: 100px 0 0;
		margin-top: -50px;
	}
	#brand-size-area .brand-title {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: baseline;
		align-items: baseline;
	}
	#brand-size-area .brand-title .brand-name h4 {
		font-size: 20px;
	}
	#brand-size-area .brand-title .brand-image {
		margin: 0;
	}
	#brand-size-area .brand-title .brand-image img {
		max-width: 70% !important;
	}
	#brand-size-area .gray td {
		background-color: #d8d6d6 !important;
	}
	#brand-size-area .br-space {
		padding: 0;
		vertical-align: middle;
	}
	#brand-size-area .size-guide-table .td-br-space {
		padding: 5px 0;
		vertical-align: middle;
	}
	#size-2018 #brand-size-area .table-first {
		margin: 0;
	}
	.newera-table {
		width: 140%;
		margin-top: 10px;
		text-align: center;
		font-size: 13px;
	}
	.newera-table .number-size-title th {
		width: 5.5%;
		padding: 10px 0;
		background-color: #000;
		color: #fff;
		text-align: center;
		font-size: 10px;
	}
	.newera-table .number-size-product td {
		width: 7%;
		box-sizing: border-box;
		border: 1px solid #fff;
		background-color: #eeecec;
		vertical-align: middle;
		padding: 5px 0;
	}
	#brand-size-area .newera-table .number-size-title .product-name {
		width: 8% !important;
	}
	#brand-size-area .newera-table .number-size-product .product-name {
		background: #fff !important;
		width: 8% !important;
	}
	.size-guide-table {
		width: 100%;
		margin-top: 10px;
		text-align: center;
		font-size: 13px;
	}
	.cm-guide {
		font-size: 10px;
		text-align: right;
		margin: 5px 0;
	}
	.size-guide-table .number-size-title th {
		width: 7%;
		padding: 10px 0;
		background-color: #000;
		color: #fff;
		text-align: center;
	}
	#brand-size-area .size-guide-table .number-size-product td {
		width: 7% !important;
		padding: 15px 0;
		box-sizing: border-box;
		border: 1px solid #fff;
		background-color: #eeecec;
	}
	#brand-size-area .size-guide-table .product-name {
		background: #fff !important;
		width: 17% !important;
	}
	.size-guide-table .En-first {
		width: 17% !important;
	}
	.size-guide-table .En-size-title th {
		padding: 10px 0;
		background-color: #000;
		color: #fff;
		text-align: center;
		width: 15%;
	}
	.size-guide-table .En-size-title-02 th {
		padding: 10px 0;
		background-color: #000;
		color: #fff;
		text-align: center;
		width: 27.5%;
	}
	.size-guide-table .En-size-product td {
		width: 15%;
		padding: 15px 0;
		box-sizing: border-box;
		border: 1px solid #fff;
		background-color: #eeecec;
	}
	.size-guide-table .En-size-product-02 td {
		width: 337px;
		padding: 15px 0;
		box-sizing: border-box;
		border: 1px solid #fff;
		background-color: #eeecec;
	}
	.head-size-table {
		width: 100%;
		text-align: center;
		margin-top: 10px;
		font-size: 14px;
	}
	#brand-size-area .head-size {
		margin-top: 5px;
	}
	#brand-size-area .head-size-table .En-first {
		width: 40% !important;
	}
	#brand-size-area .head-size-table td {
		padding: 15px 0;
		background-color: #eeecec;
		box-sizing: border-box;
		border: 1px solid #fff;
		width: 60%;
	}
	#brand-size-area .head-size-table th {
		width: 60%;
		padding: 10px 0;
		background-color: #000;
		color: #fff;
		text-align: center;
	}
	#brand-size-area .head-size-table .product-name {
		background: #fff !important;
		width: 40% !important;
	}
	#chllenger-size .En-size-product .product-name {
		font-size: 13px;
	}
	#brand-size-area #apparel {
		margin: 10% 0 5%;
	}
	#brand-size-area #apparel h4 {
		text-align: center;
		margin-bottom: 5%;
	}
	#brand-size-area #apparel ul {
		text-align: center;
	}
	#brand-size-area #apparel div img {
		width: 60%;
	}
	#brand-size-area #apparel div .img-right {
		margin-top: 8%;
		width: 80% !important;
	}
	#brand-size-area #apparel p {
		margin-top: 30px;
		font-size: 12px;
	}
	#size-page-top {
		position: fixed;
		right: -22%;
		bottom: 1%;
		cursor: pointer;
	}
	#size-page-top img {
		width: 35%;
	}
}

@media screen and (min-width: 768px) {
	.ec-blockTopBtn {
		background: url(../img/page_top_pc.png) center no-repeat;
		background-size: contain;
		right: 60px;
	}
	.page-customer .tbl-cart .item-image {
		width: 25%;
	}
	.page-customer .tbl-cart .item-name {
		width: 35%;
	}
	.page-customer .tbl-cart .item-price {
		width: 15%;
	}
	.page-customer .tbl-cart .amount-change {
		width: 10%;
	}
	.ov-cts,
	.ov-wrap {
		position: fixed;
		left: 0;
		top: 0;
	}
	.brande-desc .about-link,
	.ov-cts,
	.sticker-campaign {
		text-align: center;
	}
	.ov-wrap {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		z-index: 9999;
	}
	.ov-cts {
		width: 540px;
		right: 0;
		bottom: 0;
		margin: auto;
		background: #fff;
		padding: 0 60px 0 0;
	}
	.ov-cts .ov-cts-ttl {
		font-size: 34px;
		color: #f73b6c;
		margin-bottom: 20px;
		line-height: 45px;
	}
	.ov-cts .ov-cts-ttl span {
		font-size: 23px !important;
		color: #f73b6c;
	}
	.ov-cts .ov-cts-date {
		font-size: 24px;
		color: #f73b6c;
		margin-bottom: 10px;
	}
	.ov-cts p {
		line-height: 1.9em;
		margin: 0 0 25px;
	}
	.btnCloseCamp {
		position: absolute;
		width: 30px;
		height: 30px;
		top: 0;
		right: 0;
		cursor: pointer;
		padding: 10px;
	}
	.btnCloseCamp:after,
	.btnCloseCamp:before {
		content: '';
		width: 2px;
		background: #000;
		display: block;
		top: 10px;
		right: 10px;
		left: 10px;
		margin: auto;
		position: absolute;
		height: 30px;
	}
	.btnCloseCamp:before {
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.btnCloseCamp:after {
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.btnCloseCamp-free {
		position: absolute;
		width: 30px;
		height: 30px;
		top: 0;
		right: 0;
		cursor: pointer;
		padding: 10px;
	}
	.btnCloseCamp-free:after,
	.btnCloseCamp-free:before {
		content: '';
		width: 2px;
		height: 30px;
		background: #fff;
		display: block;
		top: 10px;
		right: 10px;
		left: 10px;
		margin: auto;
		position: absolute;
	}
	.btnCloseCamp-free:before {
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.btnCloseCamp-free:after {
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.ov-sp {
		display: none;
	}
	.page-customer .tbl-cart td {
		padding: 20px 10px 145px;
	}
	.customer-sns {
		width: 640px;
		position: absolute;
		bottom: 10px;
		left: 186px;
	}
	.customer-sns dt {
		display: block;
		color: #ccc;
		margin-bottom: 5px;
	}
	.customer-sns ul {
		font-size: 0;
	}
	.customer-sns ul li {
		display: inline-block;
		vertical-align: top;
		margin-right: 10px;
		margin-bottom: 10px;
		font-size: 13px;
		padding: 5px 10px;
	}
	.customer-sns ul li a {
		transition: all 0.3s ease;
		color: #fff;
		text-decoration: none;
	}
	.customer-sns ul li a:hover {
		opacity: 0.7;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
	}
	.customer-sns ul li a img,
	.customer-sns ul li a span {
		display: inline-block;
		vertical-align: middle;
	}
	.customer-sns ul li a img {
		margin-right: 5px;
	}
	.customer-tw {
		background: #55acee;
	}
	.customer-fb {
		background: #3b5998;
	}
	.customer-hb {
		background: #0176c5;
	}
	.customer-pocket {
		background: #ef3e56;
	}
	.customer-plus {
		background: #dd4b39;
	}
	.brande-desc {
		margin: 60px 40px -30px;
	}
	.brande-desc p {
		margin-bottom: 10px;
		color: #777;
		line-height: 1.9em;
	}
	.brande-desc .about-link a {
		color: #1cb57b;
	}
	.sticker-campaign {
		margin: 60px auto 0;
	}
	.bd-theme {
		margin-bottom: 40px !important;
	}
	.team-all span {
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
			'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
		font-size: 13px;
	}
	.fontEmp {
		font-size: 18px;
		font-weight: 700;
	}
	.detail-top .select-wrap input[type='number'],
	.tbl-cart .amount-change input[type='number'] {
		width: 52px;
	}
	.official-url span {
		margin: 0 20px 0 0;
	}
	.official-url a,
	.official-url a:hover {
		color: #fff;
	}
	.campaign_bnr {
		width: 685px;
		margin: 0 auto;
	}
	.campaign_bnr img {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.ec-blockTopBtn {
		background: url(../img/page_top_sp.png) center no-repeat;
		background-size: contain;
		width: 50px;
		height: 50px;
		right: 10px;
		bottom: 50px;
	}
	.customer-sns ul li,
	.ov-cts {
		box-sizing: border-box;
		text-align: center;
	}
	.brande-desc .about-link,
	.ov-cts,
	.ov-sp {
		text-align: center;
	}
	.ov-wrap {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	.ov-cts {
		width: 92%;
		position: fixed;
		top: 3%;
		left: 3%;
		right: 3%;
		bottom: 3%;
		margin: auto;
	}
	.ov-cts .ov-cts-ttl {
		font-size: 19px;
		color: #f73b6c;
	}
	.ov-cts .ov-cts-ttl span {
		font-size: 16px !important;
		color: #f73b6c;
	}
	.ov-cts .ov-cts-date {
		font-size: 18px;
		color: #f73b6c;
		margin-bottom: 10px;
	}
	.ov-cts p {
		line-height: 1.9em;
		margin: 0 0 8px;
	}
	.btnCloseCamp {
		position: absolute;
		width: 30px;
		height: 30px;
		top: 5px;
		right: 0;
		cursor: pointer;
		padding: 5px;
	}
	.btnCloseCamp:after,
	.btnCloseCamp:before {
		content: '';
		width: 2px;
		height: 30px;
		background: #000;
		display: block;
		top: 0;
		right: 0;
		left: 0;
		margin: auto;
		position: absolute;
	}
	.btnCloseCamp:before {
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.btnCloseCamp:after {
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.btnCloseCamp-free {
		position: absolute;
		width: 30px;
		height: 30px;
		top: 5px;
		right: 0;
		cursor: pointer;
		padding: 5px;
	}
	.btnCloseCamp-free:after,
	.btnCloseCamp-free:before {
		content: '';
		width: 2px;
		height: 30px;
		background: #fff;
		position: absolute;
		right: 0;
		margin: auto;
		left: 0;
		display: block;
	}
	.btnCloseCamp-free:before {
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 0;
	}
	.btnCloseCamp-free:after {
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 0;
	}
	/*
.ov-sp {
	width: 100%;
	line-height: 32px;
	height: 32px;
	background: #f73b6c;
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 500;
	font-size: 12px
}
	*/
	.customer-sns {
		position: relative;
	}
	.customer-sns dt {
		display: block;
		color: #ccc;
		margin-bottom: 5px;
	}
	.customer-sns ul {
		font-size: 0;
	}
	.customer-sns ul li {
		width: 30px;
		display: inline-block;
		vertical-align: top;
		margin-right: 10px;
		margin-bottom: 10px;
		font-size: 12px;
		padding: 5px;
	}
	.customer-sns ul li a {
		transition: all 0.3s ease;
		color: #fff;
		text-decoration: none;
	}
	.customer-sns ul li a:hover {
		opacity: 0.7;
		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
	}
	.customer-sns ul li a img,
	.customer-sns ul li a span {
		display: inline-block;
		vertical-align: middle;
	}
	.customer-sns ul li a span {
		display: none;
	}
	.customer-tw {
		background: #55acee;
	}
	.customer-fb {
		background: #3b5998;
	}
	.customer-hb {
		background: #0176c5;
	}
	.customer-pocket {
		background: #ef3e56;
	}
	.customer-plus {
		background: #dd4b39;
	}
	.customer-line {
		width: 82px !important;
		padding: 0 !important;
	}
	.brande-desc {
		margin: 10px auto -10px;
		padding: 0 10px;
		font-size: 12px;
	}
	.brande-desc p {
		margin-bottom: 10px;
		color: #777;
		line-height: 1.7em;
	}
	.brande-desc .about-link a {
		color: #1cb57b;
	}
	.newera-line-btn {
		margin-top: 20px !important;
	}
	.bd-theme {
		margin-bottom: 20px !important;
	}
	.team-all span {
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
			'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
		font-size: 13px;
		padding-left: 5px;
	}
	.fontEmp {
		font-size: 18px;
		font-weight: 700;
	}
	.detail-top .select-wrap input[type='number'],
	.tbl-cart .amount-change input[type='number'] {
		width: 52px;
	}
	.sticker-campaign {
		width: 90%;
		margin: 0 auto;
		padding: 20px 0;
	}
	.official-url span {
		margin: 0 20px 0 0;
	}
	.official-url a {
		color: #fff;
	}
	.sp-menu-box ul {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		background: #272727;
		margin: 0 0 20px;
	}
	.sp-menu-box ul li {
		width: 25%;
		font-family: Pathway Gothic One, sans-serif;
		box-sizing: border-box;
		border-left: 1px solid #000;
	}
	.sp-menu-box ul li span {
		width: 20px;
		display: block;
		margin: 0 auto;
		height: 25px;
	}
	.left-nav-body-inner .side-box {
		padding: 10px 20px 20px;
	}
	.left-nav-body-inner .side-box02 {
		padding: 40px 20px 20px;
	}
	.left-nav-body-inner .side-box:last-child {
		margin: 0 0 60px;
	}
	.left-nav-body-inner .side-box .brand-list ul {
		padding: 5px 0 0;
		border-top: 1px solid #1e1e1e;
	}
	.left-nav-body-inner .side-box .brand-list ul li {
		position: relative;
	}
	.left-nav-body-inner .side-box .brand-list ul li {
		position: relative;
	}
	.left-nav-body-inner .side-box .brand-list ul li:before {
		display: block;
		content: '';
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -6px;
		width: 11px;
		height: 7px;
		background: url(https://andlockers.com/html/template/default/assets/common/img/ico-wht-arw-top.png)
			center center no-repeat;
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}
}
.d_none {
	display: none !important;
}
.ec-radio .ec-errorMessage {
	font-size: 12px;
	font-weight: bold;
	color: #de5d50;
}
.ec-blockBtn--action {
	background-color: #1cb57b;
	border-color: #1cb57b;
}
.ec-blockBtn--cancel {
	background-color: #747486;
	border-color: #747486;
}
.ec-blockBtn--cancel:hover {
	background-color: #747486;
	border-color: #747486;
	opacity: 0.7;
}
.ec-blockBtn--action:hover {
	opacity: 0.7;
	background-color: #1cb57b;
	border-color: #1cb57b;
}

/*mypageカード情報編集*/
#nav_mypage_sln_edit_card {
	display: none !important;
}

/*おすすめ商品*/
.recommend_product {
	margin-top: 30px;
}
.recommend_product h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin: 0 40px 10px;
	padding-bottom: 5px;
}
@media screen and (max-width: 767px) {
	.recommend_product h3 {
		margin: 0 20px 10px;
	}
}
.recommend_product .ec-shelfGrid__item p {
	font-size: 14px;
	margin-bottom: 5px;
	min-height: 5em;
	display: none;
}
.recommend_product .ec-shelfGrid__item dl dt {
	background: #fff;
	padding: 3px;
	font-size: 14px;
}
.recommend_product .ec-shelfGrid__item dl dd {
	font-size: 15px;
	text-align: right;
	padding: 5px;
}

/*おすすめ記事*/
.wpp-list {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.wp_main .subpage-content h2.popular_post_ttl {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	position: relative;
	padding-left: 15px;
	margin-bottom: 20px;
	margin-top: 100px;
}
.wp_main .subpage-content h2.popular_post_ttl::before {
	content: '';
	width: 3px;
	height: 30px;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
}
.wpp-list li {
	width: 49%;
	margin-right: 2%;
}
.wpp-list li a:first-child {
	margin-right: 15px;
}
.wpp-list li a:hover {
	opacity: 0.7;
}
.wpp-list li:nth-child(2n) {
	margin-right: 0;
}
@media screen and (max-width: 767px) {
	.wpp-list li {
		width: 100%;
	}
}
/*投稿カテゴリ*/

img.alignright {
	display: block;
	margin: 0 0 0 auto !important;
}
img.alignleft {
	display: block;
	margin: 0 auto 0 0 !important;
}
img.aligncenter {
	display: block;
	margin: 0 auto !important;
}
@media screen and (min-width: 767px) {
	.subpage-content .cate_block {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
	}
	.subpage-content .cate_block .blog-content {
		width: 73%;
		margin-right: 2%;
	}
	.subpage-content .cate_block .single_cate {
		width: 25%;
	}
}
.subpage-content .cate_block .single_cate_ttl {
	font-size: 22px;
	color: #444;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 2px solid #878787;
	margin-bottom: 10px;
}
.subpage-content .cate_block .single_cate .category_list li a {
	display: block;
	padding: 20px 10px;
	text-decoration: none;
	color: #444;
	font-size: 16px;
	position: relative;
	border-bottom: 1px solid #ddd;
}

.subpage-content .news-content .blog-header .date {
	color: #878787;
}
.subpage-content .news-content h1 {
	font-size: 32px;
	font-weight: bold;
	color: #000;
	position: relative;
	padding-left: 15px;
	margin-bottom: 25px;
}
.subpage-content .news-content h2 {
	font-size: 28px;
	font-weight: bold;
	color: #000;
	position: relative;
	padding-left: 15px;
	margin-bottom: 20px;
}
.subpage-content .news-content h2::before {
	content: '';
	width: 3px;
	height: 40px;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
}
.subpage-content .news-content h3 {
	font-size: 24px;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	margin-top: 20px;
}
.subpage-content .news-content h4 {
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 10px;
	color: #000;
}
.subpage-content .news-content p {
	font-size: 14px;
	color: #000;
}
.subpage-content .news-content a {
	text-decoration: none;
	color: #1cb57b;
}
.subpage-content .news-content a:hover {
	opacity: 0.7;
}
.subpage-content .news-content p a {
	text-decoration: none;
	color: #1cb57b;
	/*border-bottom: 1px solid #1cb57b;*/
}
.subpage-content .news-content ul {
	margin: 10px auto;
}
.subpage-content .news-content ul li {
	font-size: 14px;
	text-indent: -1em;
	padding-left: 1em;
}
.subpage-content .news-content ol {
	counter-reset: my-counter;
}
.subpage-content .news-content ol li {
	padding-left: 30px;
	margin-bottom: 5px;
	font-size: 14px;
}
.subpage-content .news-content ol li::before {
	content: counter(my-counter);
	counter-increment: my-counter;
	/*background-color: #bada55;*/
	color: #222;
	display: block;
	float: left;
	line-height: 22px;
	margin-left: -30px;
	text-align: center;
	height: 22px;
	width: 22px;
	border-radius: 50%;
}
.subpage-content .news-content table {
	margin-bottom: 20px;
}
.subpage-content .news-content th {
	padding: 15px;
	background: #ddd;
	vertical-align: middle;
	border: 1px solid #333;
}
.subpage-content .news-content td {
	padding: 15px;
	border: 1px solid #333;
}
@media screen and (max-width: 767px) {
	.subpage-content .news-content h1 {
		font-size: 21px;
		padding-left: 0;
	}
	.subpage-content .news-content h3 {
		font-size: 22px;
	}
}

/*TOP検索ブロック*/

@media screen and (min-width: 768px) {
	.page-top.h_100vh {
		height: auto !important;
		margin-top: 54px !important;
	}
}

@media screen and (min-width: 768px) {
	.first-visual-wrap {
		height: 70% !important;
		min-height: 400px !important;
		/*max-height: 530px;*/
	}
}
@media screen and (min-width: 768px) {
	.first-visual .top-slide .bg {
		width: 100% !important;
	}
}
@media screen and (min-width: 768px) {
	.first-visual .top-slide {
		position: relative !important;
		width: 70% !important;
		margin: 0 auto !important;
	}
}

@media screen and (min-width: 768px) {
	.first-visual .slide-count {
		right: 20% !important;
	}
	.slide-control {
		right: 20% !important;
	}
}

#main_slide_block {
	margin: 0 0 0px;
}
#main_slide_block img {
	width: 100%;
	height: auto;
}
#main_slide_block {
	position: relative;
	height: 100%;
}
.first-visual .slick-prev {
	display: inline-block;
	width: 50px;
	height: 50px;
	position: absolute;
	right: calc(50% - 300px);
	background: none;
	border: none;
	bottom: 15px;
	z-index: 99;
	text-indent: 125%;
	white-space: nowrap;
	overflow: hidden;
	outline: none;
}
.first-visual .slick-prev::before,
.first-visual .slick-prev::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 18px;
	border-top: 2px solid #fff;
}
.first-visual .slick-prev::before {
	margin-top: 4px;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 54%;
}
.first-visual .slick-prev::after {
	margin-top: -4px;
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: 46%;
}
.first-visual .slick-next {
	display: inline-block;
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: 15px;
	right: calc(50% - 380px);
	background: none;
	border: none;
	z-index: 99;
	text-indent: 125%;
	white-space: nowrap;
	overflow: hidden;
	outline: none;
}
.first-visual .slick-next::before,
.first-visual .slick-next::after {
	content: '';
	display: block;
	position: absolute;
	width: 18px;
	border-top: 2px solid #fff;
}
.first-visual .slick-next::before {
	margin-top: 4px;
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: 54%;
}
.first-visual .slick-next::after {
	margin-top: -4px;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 46%;
}
.first-visual .slick-counter {
	position: absolute;
	bottom: 25px;
	right: calc(50% - 340px);
	color: #fff;
	font-size: 15px;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
	width: 68px;
	text-align: center;
}
.first-visual .slick-slide {
	outline: none;
	width: 770px;
}
@media screen and (max-width: 767px) {
	#main_slide_block {
		height: auto;
		margin-top: 103px;
		margin-bottom: 10px;
	}
	.first-visual .slick-slide {
		height: auto;
		width: 330px;
	}
	.first-visual .slick-dots {
		display: none !important;
	}
	.first-visual .slick-counter {
		font-size: 14px;
		bottom: 10px;
		right: 8%;
	}
	.first-visual .slick-prev {
		display: none !important;
	}
	.first-visual .slick-next {
		display: none !important;
	}
}

/*TOP検索*/
.top_search_block {
	margin: 15px 0;
	font-family: Pathway Gothic One, sans-serif;
}
.top_search_block .menu_list_btn p {
	font-family: Pathway Gothic One, sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
}
.top_search_block .search-wrap {
	padding: 0 3%;
	width: 100%;
	background: #eeeeee;
	box-sizing: border-box;
	transition: all 0.1s;
}
.top_search_block .search-wrap input[type='radio'] {
	display: none;
}
.top_search_block .search-wrap input[type='checkbox'] {
	display: none;
}
.top_search_block .search-wrap .color_btn_box .label:hover {
	opacity: 0.7;
}
.top_search_block .search-wrap .color_btn_box .label {
	/*display: block;	 ブロックレベル要素化する */
	float: left; /* 要素の左寄せ・回り込を指定する */
	margin: 5px; /* ラベル外側の余白を指定する */
	width: calc(100% / 9 - 20px); /* ラベルの横幅を指定する */
	height: 33px; /* ラベルの高さを指定する */
	text-align: center; /* テキストのセンタリングを指定する */
	/*line-height: 35px;	 行の高さを指定する */
	padding-left: 10px; /* ラベル内左側の余白を指定する */
	padding-right: 10px; /* ラベル内右側の余白を指定する */
	cursor: pointer; /* マウスカーソルの形（リンクカーソル）を指定する */
	color: #fff; /* フォントの色を指定 */
	border-radius: 5px; /* 角丸を指定する */
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	font-size: 18px;
	font-weight: normal;
}
.top_search_block .search-wrap .cate_box .label {
	/*display: block;	 ブロックレベル要素化する */
	float: left; /* 要素の左寄せ・回り込を指定する */
	margin: 5px; /* ラベル外側の余白を指定する */
	height: 33px; /* ラベルの高さを指定する */
	text-align: center; /* テキストのセンタリングを指定する */
	/*line-height: 31px;	 行の高さを指定する */
	padding-left: 10px; /* ラベル内左側の余白を指定する */
	padding-right: 10px; /* ラベル内右側の余白を指定する */
	cursor: pointer; /* マウスカーソルの形（リンクカーソル）を指定する */
	color: #fff; /* フォントの色を指定 */
	border-radius: 5px; /* 角丸を指定する */
	border: 2px solid #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	font-size: 18px;
	font-weight: normal;
}
.top_search_block .search-wrap .cate_box {
	width: 100%;
	overflow: auto;
	padding-bottom: 25px;
	padding-top: 25px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.top_search_block .search-wrap .cate_box_slide {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
}
.top_search_block .search-wrap .color_btn_box {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.top_search_block .search-wrap .label.label_black {
	background: #000;
}
.top_search_block .search-wrap .label.label_white {
	background: #fff6e0;
	color: #000;
}
.top_search_block .search-wrap .label.label_blue {
	background: #21267b;
}
.top_search_block .search-wrap .label.label_red {
	background: #d12d36;
}
.top_search_block .search-wrap .label.label_green {
	background: #576a3d;
}
.top_search_block .search-wrap .label.label_yellow {
	background: #eeda5d;
	color: #000;
}
.top_search_block .search-wrap .label.label_gray {
	background: #444444;
}
.top_search_block .search-wrap .label.label_brown {
	background: #674927;
}
.top_search_block .search-wrap .label.label_pink {
	background: #e63c7a;
}

.top_search_block .search-wrap .btna-wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
.top_search_block .search-wrap .label.label_cate {
	background: #fff;
	color: #000;
}
.top_search_block .search-wrap .label.label_cate:hover {
	opacity: 0.5;
}
.top_search_block .search-wrap .select-wrap {
	margin: 15px;
	color: #fff;
}
.top_search_block .search-wrap .select-wrap .cate_box label {
	display: inline-block;
	width: 30%;
}
.top_search_block .search-wrap .select-wrap .cate_box select {
	display: inline-block;
	color: #888;
	font-family: inherit;
	width: 66%;
	border: 1px solid #888;
	background: url(/html/template/default/assets/common/img/img-select-arw-wht.png)
		right center no-repeat;
	background-size: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.top_search_block .search-wrap input[type='radio']:checked + label {
	border: 2px solid #fff;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
}
.top_search_block .search-wrap .select-wrap .color_btn_box label {
	display: inline-block;
	width: 30%;
}
.top_search_block .search-wrap .select-wrap .color_btn_box select {
	display: inline-block;
	color: #888;
	font-family: inherit;
	width: 66%;
	border: 1px solid #888;
	background: url(/html/template/default/assets/common/img/img-select-arw-wht.png)
		right center no-repeat;
	background-size: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.top_search_block .search-wrap input[type='checkbox']:checked + label {
	opacity: 0.7;
	border: 2px solid #fff;
}
.top_search_block .search-wrap input[type='search'] {
	width: calc(100% - 35px);
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 12px 25px 12px;
	font-family: inherit;
	color: #000;
	border: none;
	background: #fff;
	border-radius: 5px;
	position: relative;
}

.top_search_block .search-wrap .search_txt_input {
	position: relative;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
.top_search_block .search-wrap .search_txt_input .question {
	position: relative;
}
.top_search_block .search-wrap .search_txt_input .question span {
	width: 180px;
	height: 96px;
	position: absolute;
	right: 36px;
	top: calc(50% - 48px);
	color: #fff;
	font-size: 12px;
	background: rgba(0, 0, 0, 0.7);
	padding: 10px 15px;
	border-radius: 5px;
	display: none;
}
.top_search_block .search-wrap .search_txt_input .question:hover span {
	display: block;
}

.top_search_block .search-wrap .search_txt_input .question:hover::after {
	content: '';
	background: url(/html/template/default/assets/common/img/question_txt.png)
		center no-repeat;
	background-size: contain;
	width: 12px;
	height: 15px;
	position: absolute;
	right: 24px;
	top: calc(50% - 7.5px);
	z-index: 999;
}

.top_search_block .search-wrap .cate_box {
	margin-bottom: 20px;
	display: none;
}
.top_search_block .search-wrap .cate_box .ec-headerSearch__category {
	float: none;
	width: 100%;
}
.top_search_block
	.search-wrap
	.cate_box
	.ec-headerSearch__category
	.ec-select.ec-select_search {
	background: #fff;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0px;
}
.top_search_block
	.search-wrap
	.cate_box
	.ec-headerSearch__category
	.ec-select.ec-select_search::before {
	border-top: 6px solid #000;
	top: 0.9em;
}
.top_search_block
	.search-wrap
	.cate_box
	.ec-headerSearch__category
	.ec-select.ec-select_search
	select {
	color: #000;
	max-width: 100%;
	height: 33px;
	width: 100%;
}
.top_search_block .search-wrap input[type='search']:focus {
	outline: 0;
}
.top_search_block .search-wrap button:hover {
	opacity: 0.7;
}
.top_search_block .search-wrap button[type='submit'] {
	padding: 15px 10px 15px 10px;
	width: 300px;
	border: none;
	color: #fff;
	background: url(/html/template/default/assets/common/img/ico-search.png) 26%
		center no-repeat #1cb57c;
	background-size: 20px;
	margin: 20px auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	position: relative;
	transform: none;
}
.top_search_block .search-wrap .btn-wrap {
	margin: 30px 30px 20px;
}
.top_search_block .search-overlay {
	z-index: 10;
	position: fixed;
	top: 106px;
	left: 0;
	width: 100%;
	height: 50%;
	background: #fff;
}
.is-search-show .shopping-nav .search-wrap {
	z-index: 0;
	width: 600px;
	right: 50px;
}
@media screen and (max-width: 767px) {
	.top_search_block {
		display: block;
		font-family: Pathway Gothic One, sans-serif;
	}
	.top_search_block .search-wrap {
		padding: 30px 15px 0;
		width: 100%;
		background: #eee;
		box-sizing: border-box;
		transition: all 0.1s;
		z-index: 105;
		overflow: auto;
	}
	.top_search_block .search-wrap input[type='radio'] {
		display: none;
	}
	.top_search_block .search-wrap input[type='checkbox'] {
		display: none;
	}
	.top_search_block .search-wrap .color_btn_box .label {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
		float: left; /* 要素の左寄せ・回り込を指定する */
		margin: 5px; /* ラベル外側の余白を指定する */
		width: calc(100% / 3 - 10px); /* ラベルの横幅を指定する */
		height: 35px; /* ラベルの高さを指定する */
		text-align: center; /* テキストのセンタリングを指定する */
		/*line-height: 35px;	 行の高さを指定する */
		padding-left: 7px; /* ラベル内左側の余白を指定する */
		padding-right: 7px; /* ラベル内右側の余白を指定する */
		cursor: pointer; /* マウスカーソルの形（リンクカーソル）を指定する */
		color: #fff; /* フォントの色を指定 */
		border-radius: 5px; /* 角丸を指定する */
		font-family: 'Pathway Gothic One', sans-serif;
		font-size: 14px;
		letter-spacing: 1.2px;
	}
	.top_search_block .search-wrap .cate_box .label {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
		float: left; /* 要素の左寄せ・回り込を指定する */
		margin: 5px 5px; /* ラベル外側の余白を指定する */
		height: 35px; /* ラベルの高さを指定する */
		text-align: center; /* テキストのセンタリングを指定する */
		/*line-height: 31px;	 行の高さを指定する */
		padding-left: 7px; /* ラベル内左側の余白を指定する */
		padding-right: 7px; /* ラベル内右側の余白を指定する */
		cursor: pointer; /* マウスカーソルの形（リンクカーソル）を指定する */
		color: #fff; /* フォントの色を指定 */
		border-radius: 5px; /* 角丸を指定する */
		border: 2px solid #fff;
		font-family: 'Pathway Gothic One', sans-serif;
		font-size: 14px;
		letter-spacing: 1.2px;
	}
	.top_search_block .search-wrap .color_btn_box {
		width: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ddd;
	}
	.top_search_block .search-wrap .label.label_black {
		background: #000;
	}
	.top_search_block .search-wrap .label.label_white {
		background: #fff6e0;
		color: #000;
	}
	.top_search_block .search-wrap .label.label_blue {
		background: #21267b;
	}
	.top_search_block .search-wrap .label.label_red {
		background: #d12d36;
	}
	.top_search_block .search-wrap .label.label_green {
		background: #576a3d;
	}
	.top_search_block .search-wrap .label.label_yellow {
		background: #eeda5d;
		color: #000;
	}
	.top_search_block .search-wrap .label.label_gray {
		background: #444444;
	}
	.top_search_block .search-wrap .label.label_brown {
		background: #674927;
	}
	.top_search_block .search-wrap .label.label_pink {
		background: #e63c7a;
	}
	.top_search_block .search-wrap .label.label_cate {
		background: #fff;
		color: #000;
	}
	.top_search_block .search-wrap .btna-wrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
	}
	.top_search_block .search-wrap .select-wrap {
		margin: 15px;
		color: #fff;
	}
	.top_search_block .search-wrap .menu_list_btn {
		width: 100%;
		position: relative;
	}

	.top_search_block .search-wrap .menu_list_btn .close_btn {
		right: 3px;
		top: calc(50% - 20px);
		position: absolute;
		width: 40px;
		height: 40px;
	}
	.top_search_block .search-wrap .select-wrap .color_btn_box label {
		display: inline-block;
		width: 30%;
	}
	.top_search_block .search-wrap .select-wrap .color_btn_box select {
		display: inline-block;
		color: #888;
		font-family: inherit;
		width: 66%;
		border: 1px solid #888;
		background: url(/html/template/default/assets/common/img/img-select-arw-wht.png)
			right center no-repeat;
		background-size: 15px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.top_search_block .search-wrap .select-wrap .cate_box label {
		display: inline-block;
		width: 30%;
	}
	.top_search_block .search-wrap .select-wrap .cate_box select {
		display: inline-block;
		color: #888;
		font-family: inherit;
		width: 66%;
		border: 1px solid #888;
		background: url(/html/template/default/assets/common/img/img-select-arw-wht.png)
			right center no-repeat;
		background-size: 15px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.top_search_block .search-wrap input[type='checkbox']:checked + label {
		opacity: 0.7;
		border: 2px solid #fff;
	}
	.top_search_block .search-wrap input[type='search'] {
		width: calc(100% - 30px);
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 10px;
		font-family: inherit;
		color: #000;
		background: #fff;
		border-right: 5px;
		border: none;
		font-size: 16px;
		/*border-bottom: 1px solid #878787;*/
	}
	.top_search_block .search-wrap input[type='radio']:checked + label {
		border: 2px solid #fff;
		background: rgba(0, 0, 0, 0.7);
		color: #fff;
	}
	.top_search_block .search-wrap .cate_box {
		padding-bottom: 10px;
		padding-top: 10px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 0;
	}
	.top_search_block .search-wrap .cate_box .cate_box_slide {
		width: 100%;
		overflow: auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-start;
	}
	.top_search_block .search-wrap .cate_box .ec-headerSearch__category {
		float: none;
		width: 100%;
	}
	.top_search_block
		.search-wrap
		.cate_box
		.ec-headerSearch__category
		.ec-select.ec-select_search {
		background: #fff;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 0px;
	}
	.top_search_block
		.search-wrap
		.cate_box
		.ec-headerSearch__category
		.ec-select.ec-select_search::before {
		border-top: 6px solid #000;
		top: 0.9em;
	}
	.top_search_block
		.search-wrap
		.cate_box
		.ec-headerSearch__category
		.ec-select.ec-select_search
		select {
		color: #555;
		max-width: 100%;
		height: 33px;
		width: 100%;
	}
	.top_search_block .search-wrap input[type='search']:focus {
		outline: 0;
	}
	.top_search_block .search-wrap button[type='submit'] {
		padding: 10px 10px 10px 30px;
		width: 65%;
		padding: 10px;
		border: none;
		color: #fff;
		background-size: 20px;
		margin: 20px auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		position: relative;
		transform: none;
	}

	.top_search_block .search-wrap .btn-wrap {
		margin: 30px 30px 20px;
	}
}
/*tag brand*/

.top_tag_block {
	margin: 15px 0;
	font-family: Pathway Gothic One, sans-serif;
}
.top_tag_block .tag_wrap {
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	transition: all 0.1s;
}
.top_tag_block .tag_wrap ul {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.top_tag_block .tag_wrap ul li a {
	display: block;
	text-decoration: none;
	border-radius: 20px;
	font-size: 14px;
	color: #333;
	background: #f0f0f0;
	padding: 7px 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	letter-spacing: 1px;
	border-bottom: none;
}
.top_tag_block .tag_wrap ul li a:hover {
	background: #1cb57b;
	color: #fff;
}
.ec-productRole__description_freearea .top_tag_block {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',
		'Lucida Grande', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
}
.top_brand_block {
	margin: 30px 0 50px;
}
.top_brand_block .brand_wrap {
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	transition: all 0.1s;
}
.top_brand_block .brand_wrap ul {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	-ms-align-items: center;
	align-items: center;
}
.top_brand_block .brand_wrap ul li {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}
.top_brand_block .brand_wrap ul li a {
	display: block;
	padding: 10px;
	min-width: 90px;
}
.top_brand_block .brand_wrap ul li a:hover {
	opacity: 0.7;
}

@media screen and (max-width: 767px) {
	.ec-productRole__description_freearea .top_tag_block .tag_wrap {
		padding: 0;
	}
	.top_tag_block {
		display: block;
	}
	.top_tag_block .tag_wrap {
		padding: 0 15px;
		width: 100%;
		background: #fff;
		box-sizing: border-box;
		transition: all 0.1s;
		z-index: 105;
		overflow: auto;
	}
	.top_tag_block .tag_wrap ul {
		width: 200%;
	}
	.top_tag_block .tag_wrap ul li a {
		padding: 5px 10px;
	}

	.top_brand_block {
		display: block;
	}
	.top_brand_block .brand_wrap {
		padding: 0 15px;
		width: 100%;
		background: #fff;
		box-sizing: border-box;
		transition: all 0.1s;
		z-index: 105;
		overflow: auto;
	}
	.top_brand_block .brand_wrap ul {
		width: 300%;
	}
	.top_brand_block .brand_wrap ul li {
	}
	.top_brand_block .brand_wrap ul li a {
		display: block;
		padding: 10px;
		min-width: 60px;
		box-sizing: border-box;
		width: 90%;
		text-align: center;
	}
}