@charset "UTF-8";


/* ==================================================================

	各種初期化設定
	
================================================================== */

/* ------------------------------------------------------------------
  ELEMENTS
------------------------------------------------------------------ */
*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	letter-spacing: 0.05em;
	word-break: break-all;
	text-transform: none !important;
}

*:before, *:after {
	font-family: 'icomoon' !important;
	vertical-align: middle;
	line-height: 1;
}

html,
body {
  color: #222;
  font-size: 14px;
  line-height: 1.9;
	font-family: 'Helvetica Neue', 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', sans-serif;
	background-color: #fff;
	background-position: center top;
	background-repeat: no-repeat;
}

a {
	color: #222;
	text-decoration: underline;
}

a:hover {
	opacity: 0.5;
}

div {
	margin: 0 auto;
}

p {
	margin-top: 1rem;
	text-align: left;
}

img {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
}

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

input,textarea {
	width: 100%;
	padding: .5em 1em;
	font-size: 1em;
	border: 1px solid #b8b6b8;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
}

textarea {
	padding: 1em;
}

a,input,textarea,
.btn,[class^="btn"],button,
[class^="input-"], [class^="input-"]:before,
.animation,
input[stype="button"] {
	-webkit-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
}

table {
	width: 100%;
}

@media (max-width: 768px) { 
	html,
	body {
		font-size: 10px;
	}
}


/* ==================================================================

	basic box style
	
================================================================== */

/* ------------------------------------------------------------------
  column
------------------------------------------------------------------ */

[class^="gcolumn"] {
	margin-left: -15px;
	margin-right: -15px;
	font-size: 0;
	position: relative;
}

[class^="gcolumn"] > li {
	list-style: none;
}

[class^="gcolumn"].space-none {
	margin-left: 0;
	margin-right: 0;
	font-size: 0;
}

[class^="gcolumn"].space-large {
	margin-left: -40px;
	margin-right: -40px;
	font-size: 0;
}

[class^="gcolumn"] > .col,
[class^="gcolumn"] .col {
	padding-right: 15px;
	padding-left: 15px;
	font-size: 1rem;
	vertical-align: top;
	display: inline-block;
	position: relative;
}

[class^="gcolumn"] > .col > :first-child {
	margin-top: 0;
}

[class^="gcolumn"] > .col > :last-child {
	margin-bottom: 0;
}

[class^="gcolumn"].space-none > .col {
	padding-right: 0;
	padding-left: 0;
}

[class^="gcolumn"].space-large > .col {
	padding-right: 40px;
	padding-left: 40px;
}

[class^="gcolumn"] + [class^="gcolumn"] {
	margin-top: 40px;
}

[class^="gcolumn"] + [class^="gcolumn"].space-none {
	margin-top: 0;
}

[class^="gcolumn"] + [class^="gcolumn"].space-large {
	margin-top: 80px;
}


.gcolumn-half > .col {
	width: 50%;
}

.gcolumn-third > .col {
	width: 33.333%;
}

.gcolumn-fourth > .col {
	width: 25%;
}

.gcolumn-fifth > .col {
	width: 20%;
}

.gcolumn-sixth > .col {
	width: 16.666%;
}

[class^="gcolumn-large"] > .col {
	width: 70%;
}

.gcolumn-large_right > .col:first-child {
	width: 30%;
}

.gcolumn-large_left > .col:last-child {
	width: 30%;
}


@media (max-width: 768px) {
	[class^="gcolumn"]:not(.hold),
	[class^="gcolumn"]:not(.hold) > .col {
		width: 100% !important;
	}
	[class^="gcolumn"]:not(.hold){
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	[class^="gcolumn"]:not(.hold) > .col {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	[class^="gcolumn"]:not(.hold) > .col + .col {
		margin-top: 20px;
	}
	[class^="gcolumn"]:not(.hold).space-middle > .col + .col {
		margin-top: 40px;
	}
	[class^="gcolumn"]:not(.hold).space-large > .col + .col {
		margin-top: 60px;
	}
}


/* ------------------------------------------------------------------
  common
------------------------------------------------------------------ */

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.note {
	font-size: .85rem;
	opacity: .5;
}
	
.thumbnail {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	overflow: hidden;
	position: relative;
}

.thumbnail > img {
	display: none !important;
}

.kakomi {
	padding: 1em;
	border: 1px solid #ccc;
}

.kakomi > :first-child {
	margin-top: 0;
}

/* ==================================================================

	container
	
================================================================== */

.inner {
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
	max-width: 1200px;
	position: relative;
}

.contents {
	margin-top: 80px;
	margin-bottom: 80px;
	position: relative;
}

[class^="contents-"] > :first-child,
.inner > :first-child {
	margin-top: 0;
}

[class^="contents-"] > :last-child,
.inner > :last-child {
	margin-bottom: 0;
}


@media (max-width: 768px) {
	.inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	.contents {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.contents-main {
		padding-left: 0;
	}
	.contents-aside {
		display: none;
	}
}


/* ------------------------------------------------------------------
  HEADER 
------------------------------------------------------------------ */

.header {
	width: 100%;
	background-color: #fff;
	position: relative;
	z-index: 20;
}

.header > .inner {
	min-width: 100%;
	padding-top: 70px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
}

.header_logo {
	margin-bottom: 0;
	font-size: 1.71em;
	line-height: 1;
	position: absolute;
	left: 40px;
	bottom: 0;
	z-index: 15;
}

.header_logo > a {
	color: #222;
	display: inline-block;
}

.logo_img_aa {
	width: 110px;
	height: auto;
	vertical-align: bottom;
	margin-bottom: -8px;
}

.header_logo .logo_text {
	padding-left: .5rem;
}

@media (max-width: 1120px) {
	.header > .inner > :first-child {
		margin-top: -50px;
	}
	.header_logo {
		margin-bottom: 20px;
		position: relative;
		display: inline-block;
		left: 0;
	}
}

@media (max-width: 768px) {
	.header {
		text-align: center;
	}
	.header > .inner {
		padding-top: 50px;
	}
	.header > .inner > :first-child {
		margin-top: 0;
	}
	.header_logo {
		margin-bottom: 0;
		text-align: center;
		left: 50%;
		display: inline-block;
		position: absolute;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	.header_logo .logo_img_aa {
		width: 60px;
	}
	.header_logo .logo_text {
		width: 100%;
		margin-top: .5rem;
		padding-left: 0;
		display: inline-block;
	}
}


/* ------------------------------------------------------------------
 FOOTER
------------------------------------------------------------------ */

.footer {
	width: 100%;
	border-top: 1px solid #222;
}

.footer.position_bottom {
	position: absolute;
	bottom: 0;
}

.footer > [class^="content-"] {
	margin-top: 20px;
}

.footer > [class^="content-"] > .inner {
	text-align: center;
}

.footer [class^="content-"] .col {
	letter-spacing: 0;
	font-size: .75rem;
}

.footer .content-header,
.footer .content-footer  {
	margin-top: 40px;
}

.footer .content-footer {
	padding-top: 1em;
	padding-bottom: 1em;
	color: #fff;
	font-size: .85rem;
	background-color: #222;
}

.footer_logo_aa {
	width: 60px;
}


@media (max-width: 768px) {
	
}



/* ===================================================================================
	section / content
=================================================================================== */

[class^="content-"] {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.contents-main [class^="content-"] {
	padding-top: 80px;
	padding-bottom: 80px;
}

[class^="section-"] {
	margin-top: 40px;
}

[class^="content-"] > :first-child,
[class^="section-"] > :first-child {
	margin-top: 0;
}

[class^="content-"] > :last-child,
[class^="section-"] > :last-child {
	margin-bottom:0;
}

@media (max-width: 768px) {
	.contents-main [class^="content-"] {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}


/* ------------------------------------------------------------------
 content-
------------------------------------------------------------------ */

[class^="content-"].animation {
	display: none;
	opacity: 0;
}

[class^="content-"].animation.active {
	display: block;
	opacity: 1;
}

.content-header {
}

.content-block {
}

.content-footer {
}




/* ------------------------------------------------------------------
 section-
------------------------------------------------------------------ */

[class^="section-"] > * {
	margin-top: 1rem;
}

.section-header {
}

.section-block {
}

.section-footer {
	margin-top: 60px;
}

.section-header + [class^="section-"] {
	margin-top: 30px;
}

@media (max-width: 768px) {
	.section-header + [class^="section-"],
	.section-footer {
		margin-top: 40px;
	}
}


/* ------------------------------------------------------------------
 design block
------------------------------------------------------------------ */

#new_arrival {
	background-color: #ffffff;
	/*background: rgb(233,237,242);*/ /* Old browsers */
	/*background: -moz-linear-gradient(top, rgba(233,237,242,1) 0%, rgba(233,237,242,1) 25%, rgba(233,237,242,1) 100%, rgba(233,237,242,1) 100%); *//* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, rgba(233,237,242,1) 0%,rgba(233,237,242,1) 25%,rgba(233,237,242,1) 100%,rgba(233,237,242,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, rgba(233,237,242,1) 0%,rgba(233,237,242,1) 25%,rgba(233,237,242,1) 100%,rgba(233,237,242,1) 100%); *//* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}



/* ===================================================================================
	billboard
=================================================================================== */

.billboard {
	width: 100%;
	height: 100vh;
	background-color: #ccc;
	border: 20px solid #fff;
	border-top: none;
}

.billboard + .contents  {
	margin-top: 0;
}

@media (max-width: 1024px) {
	.billboard {
		height: auto !important;
	}
	.billboard .thumbnail {
		padding-top: 100% !important;
	}
}




/* ==================================================================

	h1 - h5
	
================================================================== */

h1, h2, h3, h4, h5, h6 {
  font-size: 1rem;
  font-weight: normal;
}

[class^="title"] {
	color: #222;
  font-size: 1.28rem;
  /*font-weight: bolder;*/
	font-family: 'Asap', serif;
  line-height: 1.4;
  letter-spacing: .05rem;
  margin-top: 3rem;
	position: relative;
}

[class^="title"].size-little {
	font-size: .85rem;
}

[class^="title"].size-small {
	font-size: 1rem;
}

[class^="title"].size-middle {
	font-size: 1.57rem;
}

[class^="title"].size-large {
	font-size: 2.5rem;
}

[class^="title"].type-line_bottom {
	padding-bottom: 0.25rem;
	border-bottom: 2px solid #019fe8;
}

[class^="title"].type-line_left {
	padding-left: .5rem;
	border-left: 3px solid #ff6ea7;
	color: #ff6ea7;
}

[class^="title"].type-arrow:before {
	content: '';
	width: 1em;
	height: 1em;
	margin-right: .25em;
	vertical-align: middle;
	border-radius:4px;
	background-color: #cb4975;
	display: inline-block;
	position: relative;
	top: -1px;
}

[class^="title"].type-arrow:after {
	content: '';
	border-top: .3em solid transparent;
	border-left: .3em solid #fff;
	border-bottom: .3em solid transparent;
	position: absolute;
	top: .4em;
	left: .4em;
}

[class^="title"].type-fill {
	padding: .25em .5em;
	color: #fff;
	background-color: #c6c6c6;
	display: inline-block;
}

[class^="title"] + * {
	margin-top: 1rem;
}


[class^="title"].type-ruby {
	line-height: 1;
}


[class^="title"].type-ruby > span {
	width: 100%;
	margin-top: .5em;
	font-size: 1rem;
	letter-spacing: .5em;
	display: inline-block;
}


/* ==================================================================

	list
	
================================================================== */

ul,ol {
	font-size: 0;
	list-style: none;
}

ul > li, ol > li {
	font-size: 1rem;
}

[class^="list"] > li {
	margin-top: .5em;
	padding-left: 1em;
	line-height: 1.4;
	position: relative;
}

[class^="list"] > :first-child {
	margin-top: 0;
}

.list-disc > li:before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #222;
	display: inline-block;
	position: absolute;
	top: .5em;
	left: 0;
}

.list-num {
	counter-reset: count; 
}

.list-num > li {
	padding-left: 1.5em;
}

.list-num > li:before {
	counter-increment: count;
	content: counter(count)'.';
	position: absolute;
	left: 0;
}


/* ==================================================================

	btn
	
================================================================== */

.btn,[class^="btn"],button {
	min-width: 10em;
	padding: .75em 2em;
	font-size: 1.2rem;
	line-height: 1;
	color: #fff;
	font-family: 'Asap', serif;
/*	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/
	text-align: center;
	text-decoration: none;
	background-color: #151515;
	border-color: #151515;
	display: inline-block;
	cursor: pointer;
	position: relative;
}

[class^="btn"]:hover,[class^="btn"]:focus{
	opacity: 0.5;
	position: relative;
}

.btn + .btn,
[class^="btn"] + [class^="btn"] {
	margin-left: 1em;
}

.btn > br,
[class^="btn"] > br {
	line-height: 1;
}

.btn.ghost,
[class^="btn"].ghost {
	color: #aaa;
	background-color: transparent;
	border: 2px solid #c6c6c6;
}

.btn.ghost:hover,
[class^="btn"].ghost:hover {
	color: #aaa;
	opacity: 0.5;
}

.btn.disabled, [class^="btn"].disabled, 
.btn.disabled:hover, [class^="btn"].disabled:hover {
	color: #bbb !important;
	border-color: #bbb !important;
	background-color: #eee !important;
	opacity: 1 !important;
	pointer-events: none;
}

[class^="btn"] .description {
	width: 100%;
	margin-top: .5em;
	display: inline-block;
}

.btn.primary,
[class^="btn"].primary {
	color: #fff;
	background-color: #222;
	border: 1px solid #222;
	box-shadow:4px 4px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:4px 4px 0px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow:4px 4px 0px 0px rgba(0,0,0,0.1);
}

.btn.ghost,
[class^="btn"].ghost {
	color: #222;
	background-color: #fff;
	border: 1px solid #222;
	box-shadow:4px 4px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:4px 4px 0px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow:4px 4px 0px 0px rgba(0,0,0,0.1);
}

.btn.primary:hover,
[class^="btn"].primary:hover,
.btn.ghost:hover,
[class^="btn"].ghost:hover {
	top: 2px;
	left: 2px;
	box-shadow:4px 4px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow:4px 4px 0px 0px rgba(0,0,0,0);
	-webkit-box-shadow:4px 4px 0px 0px rgba(0,0,0,0);
}

[class^="sns"].btn {
	width: 24px !important;
	min-width: inherit !important;
	height: 24px !important;
	padding: 0 !important;
	color: #fff;
	vertical-align: middle;
	background-color: #222;
}

[class^="sns"].btn:before {
	font-size: 1rem;
	line-height: 24px;
}

[class^="sns"].btn + [class^="sns"].btn {
	margin-top: 0;
	margin-left: .5em;
}

[class^="btn"].size-flex {
	width: 100%;
	margin-left: 0 !important;
}

.btn.size-large {
	font-size: 1.71rem;
}

.btn.size-small,
[class^="btn"].size-small {
	min-width: 4em;
	font-size: .85rem;
}

@media (max-width: 768px) {
	.btn:not(.top),[class^="btn"]:not(.top),button {
		width: 100%;
		min-width: 100%;
	}
	.btn + .btn,
	[class^="btn"] + [class^="btn"] {
		margin-top: 1em;
		margin-left: 0;
	}
}


/* ===================================================================================
	form
=================================================================================== */

select {
	height: auto !important;
}

input[type="text"]:focus,
input[type="passward"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
	border-color: rgba(1, 159, 232, 0.5);
  outline: 0;
}

textarea {
	height: 10em;
	resize: vertical;
}

input:disabled, textarea:disabled,
:disabled + [class^="input-"] {
	background-color: #eee;
}

input[type="button"],
input[type="submit"],
input[type="file"] {
	cursor: pointer;
}

input[type="button"]:hover, input[type="button"]:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input[type="file"]:hover, input[type="file"]:focus {
	outline: none;
	opacity: .5;
}

/* ------------------------------------------------------------------
 form item design
------------------------------------------------------------------ */

[class^="input-"],[class^="result"],
.customSelect {
	width: 100%;
	padding: .25em;
	font-size: 1.57rem;
	border: 1px solid #b8b6b8;
	line-height: 1;
	background-color: #fff;
	display: inline-block;
	position: relative;
	-webkit-appearance: none;
	border-radius: 0;
}

.CustomSelect_parent {
	vertical-align: middle;
	overflow: hidden;
	position: relative;
	display: inline-block;
}

.CustomSelect_parent + .btn {
	margin-left: .5em;
}

[class^="result"] {
	margin-top: 0;
	padding: .5em;
	border: none;
	background-color: #f8f8f8;
}

[class^="input-"].size-flex,
[class^="result"].size-flex {
	width: 100%;
}

[class^="input-"].size-middle,
[class^="result"].size-middle {
	max-width: 16rem;
}

[class^="input-"].size-small,
[class^="result"].size-small {
	max-width: 6rem;
}

[class^="input-"].size-flex + *,
[class^="result"].size-flex + * {
	margin-top: .25em;
}

[class^="input-"] + .unit,
[class^="result"] + .unit,
.select_area + .unit  {
	padding-left: .5em;
	padding-right: .5em;
	vertical-align: text-bottom;
}

.label {
	cursor: pointer;
	display: inline-block;
}

.label-group {
}

.label-group > .label {
	margin-right: 1em;
	margin-bottom: .25em;
}

.label-group > :last-child {
	margin-right: 0;
}

.label-group + [class^="result"] {
	margin-top: .25em;
}

@media (max-width: 768px) {
	[class^="input-"],[class^="result"],
	.customSelect  {
		font-size: 1.42rem;
	}
	[class^="form-"] [class^="input-"]:not(.hold) {
		min-width: 100%;
	}
	[class^="input-"].size-small,
	[class^="result"].size-small {
		max-width: 6rem;
	}
	[class^="input-"] + .unit,
	[class^="result"] + .unit,
	.select_area + .unit  {
		padding-left: .25em;
		padding-right: .25em;
	}
	
}


/* ------------------------------------------------------------------
 form alert
------------------------------------------------------------------ */

.alert {
	min-width: 8em;
	padding: .5em;
	color: #fff;
	text-align: center;
	font-size: .9em;
	background-color: #c00;
	display: inline-block;
	position: absolute;
	bottom: -2em;
	left: 0;
	z-index: 10;
}

.alert:before {
	content: '';
	margin-left: -6px;
	border-bottom: 4px solid #c00;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	display: inline-block;
	position: absolute;
	top: -4px;
	left: 50%;
}

td > .alert {
	left: 1rem;
}

@media (max-width: 768px) {
	.alert, td > .alert {
		left: 0;
	}
}



/* ------------------------------------------------------------------
 cunstom select
------------------------------------------------------------------ */

.select_area {
	display: inline-block;
	position: relative;
	background-color: #fff;
}

.customSelect:after {
	content: '';
	margin-left: .5em;
	vertical-align: middle;
	border-top: 8px solid #b8b6b8;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	display: inline-block;
}

.hasCustomSelect {
	width: 100% !important;
	height: 100% !important;
	cursor: pointer;
	z-index: 10;
}

.customSelectInner {
	width: auto !important;
}

.label-group + .select_area {
	margin-top: .5em;
}

/* ------------------------------------------------------------------
 radio / checkbox
------------------------------------------------------------------ */

[type="radio"] + [class^="input-"],
[type="checkbox"] + [class^="input-"] {
	width: auto;
	margin-right: .25em;
	vertical-align: bottom;
	cursor: pointer;
}

[type="radio"] + [class^="input-"]:before,
[type="checkbox"] + [class^="input-"]:before {
	content: '';
	display: inline-block;
	opacity: 0;
}

[type="radio"] + [class^="input-"] {
	padding: 1em;
	vertical-align: middle;
	border-radius: 50%;
}

[type="radio"] + [class^="input-"]:before {
	width: 100%;
	height: 100%;
	border: 5px solid #fff;
	border-radius: 50%;
	background-color: #bbdc05;
	position: absolute;
	top: 0;
	left: 0;
}

[type="checkbox"] + [class^="input-"] {
	color: #bbdc05;
	line-height: 1;
	vertical-align: middle;
}

[type="checkbox"] + [class^="input-"]:before {
	content: '\e906';
}

[type="radio"]:checked + [class^="input-"]:before,
[type="checkbox"]:checked + [class^="input-"]:before {
	opacity: 1;
}

@media (max-width: 768px) {
	[type="radio"] + [class^="input-"] {
		min-width: inherit !important;
	}
	
}


/* ===================================================================================
	form-section
=================================================================================== */

[class^="form-"] > :first-child {
	margin-top: 0;
}

[class^="form-"] {
	margin-top: 40px;
	position: relative;
}

[class^="form-"] .note {
	margin-top: .5rem;
	font-style: italic;
	color: #666;
	opacity: 1;
}

/* ------------------------------------------------------------------
 required
------------------------------------------------------------------ */

[class^="form-"] > [class^="title"] > .required {
	margin-left: 1em;
	font-size: .85rem;
	color: #ff6733;
	font-weight: bold;
}

.label.required:after {
	content: '※必須';
	margin-left: 1em;
	font-size: .85rem;
	color: #ff6733;
	font-weight: bold;
}


/* ------------------------------------------------------------------
 table
------------------------------------------------------------------ */

.form-block table {
	width: 100%;
	margin-top: 1.5rem;
	padding: 0;
	font-size: 1rem;
	border-collapse: separate;
}

.form-block table tbody {
	border-spacing: 0;
}

.form-block table > tbody > tr > td {
	padding-left: 1rem;
}

.form-block table th > :first-child,
.form-block table td > :first-child {
	margin-top: 0;
}

.form-block table th > :last-child,
.form-block table td > :lats-child {
	margin-bottom: 0;
}

.form-block table th,
.form-block table td {
	padding-top: .5rem;
	padding-bottom: .5rem;
	text-align: left;
	vertical-align: top;
}

.form-block table th {
	width: 14rem;
	padding-top: 1em;
	font-weight: normal;
}

.form-block table td {
}


@media (max-width: 768px) {
	.form-block table {
		border-spacing: 0;
	}
	.form-block table > tbody > tr > td {
		padding-left: 0;
	}
	.form-block table th,
	.form-block table td {
		width: 100%;
		display: block;
	}
	.form-block table th {
		padding-top: 1rem;
		padding-bottom: 0;
		border-right: 0;
	}
	.form-block table td {
		padding-top: 0;
		padding-bottom: 0;
	}
	.form-block table tbody > :first-child > th {
		padding-top: 0;
	}
}


/* ------------------------------------------------------------------
 dl
------------------------------------------------------------------ */

.form-block dl {
	width: 100%;
	padding:  0;
	display: block;
	clear: both;
}

.form-block dl > dt,
.form-block dl > dd {
	margin-top: .25em;
}

.form-block dl > :first-child,
.form-block dl > :first-child + dd {
	margin-top: 0;
}

.form-block dl > dt {
	float: left;
}

.form-block dl > dd {
	margin-left: 8em;
}

@media (max-width: 768px) {
	.form-block dl > dt,
	.form-block dl > dd {
		margin-top: 0;
	}
	.form-block dl > dt {
		float: none;
	}
	.form-block dl > dd {
		margin-left: 0;
	}
	.form-block dl > dd + dt {
		margin-top: .5em;
	}
}


/* ------------------------------------------------------------------
 agreement
------------------------------------------------------------------ */

.agreement-area {
	padding: 2em;
	background-color: #fff;
	border: 5px solid #906eff;
}

.agreement-area > :first-child {
	margin-top: 0;
}

.agreement-area > :last-child {
	margin-bottom: 0;
}


/* ==================================================================

	navigation
	
================================================================== */

[class^="nav-"] > li {
	vertical-align: middle;
	list-style: none;
	display: inline-block;
	position: relative;
}

[class^="nav-"] > li:before {
	padding-left: .5em;
	padding-right: .5em;
	display: inline;
}

[class^="nav-"] > li a {
	text-decoration: none;
}

[class^="nav-"] > li.parent > a:after {
	margin-left: .5em;
	content: "\e900";
	display: inline-block;
}


[class^="nav-"] > :first-child:before {
	display: none;
}


@media (max-width: 768px) {
	[class^="nav-"] > .hold {
		display: inline-block;
	}
}

/* ------------------------------------------------------------------
 nav icon
------------------------------------------------------------------ */


[class^="btn"].mypage:before {
	content: "\e971";
	font-size: 1.28rem;
	margin-right: .5em;
}

[class^="btn"].cart:before {
	content: "\e93a";
	font-size: 1.28rem;
	margin-right: .5em;
}

.sns-facebook:before {
	content: "\ea90";
}

.sns-twitter:before {
	content: "\ea96";
}

.sns-instagram:before {
	content: "\ea92";
}

.sns-pencil2:before {
	content: "\e906";
}
.sns-line:before {
	content: "\e904";
}

/* ------------------------------------------------------------------
 header
------------------------------------------------------------------ */

.nav-header {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.nav-header > li {
	padding-left: 4px;
}

.nav-header > :last-child {
	padding-left: 1em;
}

.nav-header > li > a {
	padding: .75em 1em;
	font-family: inherit;
	font-size: 1rem;
	line-height: 1;
	display: inline-block;
}

.nav-header .btn {
	
}

.nav-header > li > .children {
	min-width: 10rem;
	padding-top: .5rem;
	background-color: #fff;
	position: absolute;
	display: none;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.nav-header > li > .children:before {
	content: '';
	margin-left: -8px;
	vertical-align: middle;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #151515;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 50%;
}

.nav-header > li:hover > .children {
	display: block;
}

.nav-header > li:hover > .children a {
	color: #fff;
	padding: .5em 1em;
	text-align: center;
	text-decoration: none;
	border-top: 1px solid rgba(255,255,255,0.5);
	background-color: #151515;
	display: block;
}

@media (max-width: 768px) {
	.nav-header {
		top: 20px;
	}
	.nav-header > li {
		display: none;
	}
	.nav-header > li > a {
		width: 28px !important;
		height: 28px;
		padding: 0;
	}
	.nav-header > li .cart:before {
		margin-right: 0;
		font-size: 1.71em;
		line-height: 28px;
	}
	.nav-header > li .cart > span {
		display: none;
	}
}

/* ------------------------------------------------------------------
 category
------------------------------------------------------------------ */

.nav-category {
	width: 100%;
	text-align: right;
}

.nav-category > li {
	padding-left: 2em;
	line-height: 1;
}

.nav-category > li a {
	font-size: 1.42rem;
	font-family: 'Asap', serif;
	/*font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/
	text-decoration: none;
	vertical-align: middle;
}


@media (max-width: 1120px) {
	.nav-category {
		/*text-align: center;*/
	}
	.nav-category > li {
		padding-left: 1.5em;
	}
	.nav-category > :first-child {
		padding-left: 0;
	}
}

@media (max-width: 768px) {
	.nav-category {
		display: none;
	}
}

/* ------------------------------------------------------------------
 category children (20191028追記)
------------------------------------------------------------------ */
.nav-category li{
  position: relative;
  height: 30px;
}
.nav-category li ul.children{
  position: absolute;
  width: 200px;
  top:30px;
  left: 50%;
  margin-left: -80px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s linear;
  background-color:#000000;/*子カテゴリーの背景色*/
  text-align:center;
}
.nav-category li ul.children li {
  vertical-align:middle;
  padding-top:10px;
  height:40px;
  border-bottom:solid 1px #ffffff;
}
.nav-category li ul.children li a {
  color:#ffffff;/*子カテゴリーのフォントカラー*/
}
.nav-category li ul.children li:last-child {
  border-bottom:none;
}

.nav-category li:hover ul.children{
  visibility: visible;
  opacity: 1;
  transition: all 0.2s linear
}


/* search -------------------------------------------------- */

.search_txt {
	min-width: 15em;
	height: 2em;
	letter-spacing: 0;
	padding: .4em 2.4em .4em .4em;
	border: 1px solid #222;
}


.search_btn {
	width: 2em;
	height: 2em;
	min-width: inherit;
	padding: 0;
	font-size: 1em;
	color: #fff;
	background-color: #222;
	border-color: #222;
	position: absolute;
	right: 0;
}

.search_btn:before {
	content: "\e986";
}

.search_btn:hover,
.search_btn:focus {
	opacity: .5;
}

@media (max-width: 1120px) {
	.search_txt {
		width: 10em;
		min-width: 10em;
	}
}

/*20180328追記*/
@media screen and (min-width: 768px){
.brand{display:none;}}

/* ------------------------------------------------------------------
 sp
------------------------------------------------------------------ */

.nav-sp {
	display: none;
}

.nav-sp.trigger {
	width: 28px;
	height: 28px;
	padding: 4px;
	border: 2px solid #151515;
	line-height: 0;
	background-color: #fff;
	display: none;
	position: fixed;
	top: 38px;/*デフォルト値は20px 1列のみは38px 2列は56px 18px毎増やす 終了後は戻す*/
	left: 20px;
	-webkit-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
	z-index: 110;
	cursor: pointer;
}

/*キャッシュレス還元＆コロナ用に追記ここから　終了後は消す*/
.nav-sp.trigger.active {
	width: 28px;
	height: 28px;
	padding: 4px;
	border: 2px solid #151515;
	line-height: 0;
	background-color: #fff;
	display: none;
	position: fixed;
	top: 20px;/*デフォルト値*/
	left: 20px;
	-webkit-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
	z-index: 110;
	cursor: pointer;
}
/*キャッシュレス還元用に追記ここまで*/

.nav-sp.trigger:hover {
	opacity: .5;
}

.nav-sp.trigger:before,
.nav-sp.trigger .label,
.nav-sp.trigger:after  {
	width: 100%;
	height: 4px;
	font-size: 0 !important;
	line-height: 0;
	background-color: #151515;
	display: inline-block;
}

.nav-sp.trigger:before ,
.nav-sp.trigger:after {
	content: '';
}

.nav-sp.trigger:before {
	margin-bottom: 2px;
}

.nav-sp.trigger:after {
	margin-top: 2px;
}

.nav-sp.trigger .label:after {
	width: 100%;
	height: 2px;
	background-color: #151515;
	display: inline-block;
}

.nav-sp.trigger.active:before,
.nav-sp.trigger.active:after {
	display: none;
}

.nav-sp.trigger.active .label {
	line-height: 1;
	background-color: transparent;
}

.nav-sp.trigger.active .label:before {
	font-family: 'icomoon' !important;
	content: "\e901";
	color: #151515;
	font-size: 1.71rem;
	display: inline-block;
}

ul.nav-sp {
	width: 100%;
	height: 100%;
	padding: 60px 20px 20px;
	background-color: #151515;
	position: fixed;
	overflow: scroll;
	top: 0;
	left: -100%;
	z-index: 100;
}

ul.nav-sp li {
	width: 100%;
	font-size: 14px;
	text-align: left;
	border-top: 1px solid rgba(255,255,255,0.25);
	display: inline-block;
}

ul.nav-sp > :first-child {
	width: auto;
	border: none;
	position: absolute;
	top: 20px;
	right: 20px;
}


ul.nav-sp li a {
	width: 100%;
	color: #fff;
	padding: 1em 0;
	display: inline-block;
	position: relative;
}

ul.nav-sp li [class^="sns"].btn {
	color: #151515;
	background-color: #fff;
}

/* children -------------------------------------------------- */

ul.nav-sp > li.parent > a:after {
	position: absolute;
	margin-top: .5em;
	right: 0;
}

ul.nav-sp > li.parent.active > a:after {
	content: '\e903';
}

ul.nav-sp > li.parent > .children {
	background-color: rgba(255,255,255,1);
	position: relative;
	display: none;
}

ul.nav-sp > li.parent.active > .children {
	display: block;
}

ul.nav-sp > li.parent > .children > li {
	border-color: #151515;
}

ul.nav-sp > li.parent > .children a {
	padding-left: 1em;
	color: #151515;
}

/* grandchild -------------------------------------------------- */

ul.nav-sp > li.parent > a:after {
	position: absolute;
	margin-top: .5em;
	right: 0;
}

ul.nav-sp > li.parent.active > a:after {
	content: '\e903';
}


ul.nav-sp > li.parent > .children .grandchild{
	background-color: #eeeeee;
	position: relative;
	display: none;
}

ul.nav-sp > li.parent.active > .children .grandchild {
	display: block;
}

ul.nav-sp > li.parent > .children .grandchild > li {
	border-color: #151515;
}

ul.nav-sp > li.parent > .children .grandchild a {
	padding-left: 1em;
	color: #151515;
}

/* search -------------------------------------------------- */

ul.nav-sp li > form {
	padding: 1em 0;
}

ul.nav-sp li .search_txt {
	width: 100%;
	min-width: 100%;
}

@media (max-width: 768px) {
	.nav-sp {
		display: inline-block !important;
	}
}

/* ------------------------------------------------------------------
 page
------------------------------------------------------------------ */

.nav-page > li {
	font-size: .85rem;
}

.nav-page > li:before {
	content: '>';
	display: inline;
}

/* ------------------------------------------------------------------
 footer
------------------------------------------------------------------ */

.nav-footer > li {
}

.nav-footer > li:before {
	content: '|';
	padding-left: .5em;
	padding-right: .5em;
}

@media (max-width: 768px) {
	.nav-footer {
		margin-top: -5px;
	}
	.nav-footer > li {
		width: 50%;
		margin-top: 5px;
	}
	.nav-footer > li:nth-child(even) {
		border-left: 1px solid #222;
	}
	.nav-footer > li:before {
		display: none;
	}
	.nav-footer > li > a {
		width: 100%;
		display: inline-block;
	}
}


/* ==================================================================

	original
	
================================================================== */

/* ===================================================================================
	item_list
=================================================================================== */

.item_list [class^="gcolumn"] {
	margin-top: -30px;
}

.item_list .col {
	margin-top: 30px;
}

.item_list a {
	text-decoration: none;
	display: block;
	position: relative;
}

.item_list .thumbnail {
}

.item_list .thumbnail:before {
	content: '';
	width: 100%;
	padding-top: 133.333%;
	display: block;
}

.item_list .item_data {
	margin-top: 1em;
}

.item_list .item_data > p {
	margin-top: 0;
	text-align: center;
}

.item_list .item_data > .item_name {
	font-weight: bold;
}


@media (max-width: 768px) {
	.item_list [class^="gcolumn"] {
		margin-left: -5px;
		margin-right: -5px;
	}
	.item_list [class^="gcolumn"] > .col {
		width: 50% !important;
		margin-top: 10px !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.item_list .thumbnail {
	}
}


/* ------------------------------------------------------------------
 item_list arrival
------------------------------------------------------------------ */

.item_list > .arrival .thumbnail {
}


/* ------------------------------------------------------------------
 item_list ranking
------------------------------------------------------------------ */

.item_list > .ranking .item_num {
	width: 44px;
	height: 44px;
	text-align: center;
	font-size: 2rem;
	font-family: 'Asap', serif;
	line-height: 44px;
	border: 1px solid #222;
	background-color: #fff;
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 10;
}

/*.item_list > .ranking .item_data {
	padding: .75rem;
	background-color: rgba(255,255,255,0.75);
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.item_list > .ranking .item_data > p {
	text-align: right;
}

.item_list > .ranking > :first-child {
	float: left;
}*/

.item_list > .ranking > :first-child .thumbnail {
}

.item_list > .ranking > :first-child .item_num {
	color: #fff;
	background-color: #151515;
	border-color: #151515;
}

@media (max-width: 768px) {
	.item_list > .ranking > :first-child {
		float: none;
	}
	
	.item_list > .ranking .item_num {
		width: 28px;
		height: 28px;
		font-size: 2rem;
		line-height: 28px;
		top: -5px;
		left: -5px;
	}
}


/* ===================================================================================
	.iframe
=================================================================================== */

.iframe {
	height: 15rem;
	margin-top: 1rem;
	font-size: .85rem;
	overflow: scroll;
}

.iframe [class^="list"] {
	margin-top: .85rem;
}

.iframe li {
	font-size: .85rem;
}

.iframe p {
	margin-top: .5em;
}

.iframe [class^="title"] {
	margin-top: 1em;
}

.iframe > :first-child {
	margin-top: 0;
}

/* ------------------------------------------------------------------
 dl
------------------------------------------------------------------ */

.iframe dl {
	width: 100%;
	margin-top: 1em;
}

.iframe dl dt {
	margin-top: .5em;
}

.iframe dl > :first-child {
	margin-top: 0;
}

.iframe dl dd {
	padding-left: 1em;
}



/* ===================================================================================
	modal
=================================================================================== */

.modal_area {
	width: 90%;
	max-width: 1040px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 110;
}

.modal_close {
	font-size: 2em;
	color: #fff;
	line-height: 1;
	letter-spacing: 0;
	position: absolute;
	top: -1.25em;
	right: 0;
	cursor: pointer;
	-webkit-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
}

.modal_close:hover {
	color: #fff;
	opacity: 0.5;
}

.modal_content {
	text-align: center;
}

.modal_bg {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 109;
}

.playmovie {
	width: 100%;
	border: 0;
	background-color: #000;
}


/* ===================================================================================
	Slide
=================================================================================== */

.slide.slick-dotted.slick-slider {
	margin-bottom: 0;
}

.slide .slick-prev {
	left: -10px;
}

.slide .slick-next {
	right: -10px;
}

.slide .slick-dots {
	margin-top: 30px;
	position: relative;
	bottom: 0;
}

.billboard > .slide .slick-dots {
	margin-top: 0;
	position: absolute;
	bottom: 40px;
}

.slide .slick-dots li {
	width: auto;
	height: auto;
	margin: 0 .75em;
}

.slide .slick-dots li button {
	width: 1rem;
	height: 1rem;
	line-height: 1;
	border-radius: 50%;
	background-color: #151515;
	opacity: .3;
}

.slide .slick-dots li.slick-active button,
.slide .slick-dots li:hover button {
	opacity: 1;
}

.slide .slick-dots li button:before {
	display: none;
}

.slide .slick-arrow {
	width: 36px;
	height: 36px;
	color: #fff;
	background-color: #222;
	z-index: 10;
}

.slide .slick-arrow:hover,
.slide .slick-arrow:focus  {
	color: #fff;
	background-color: #222;
	opacity: .5;
}

.slide .slick-arrow:before {
	font-size: 1.71rem;
}

.slide .slick-next:before {
	content: "\e902";
}

.slide .slick-prev:before {
	content: "\e901";
}

@media (max-width: 768px) {
	.slide .slick-arrow {
		display: none !important;
	}
}


/* ===================================================================================
	ICON
=================================================================================== */

@font-face {
  font-family: 'icomoon';
  src:  url('/import/tenant_1/amel.a-bisu.jp/www.amel.jp/_style/fonts/icomoon-d4l47m.eot');
  src:  url('/import/tenant_1/amel.a-bisu.jp/www.amel.jp/_style/fonts/icomoon-d4l47m.eot') format('embedded-opentype'),
    url('/import/tenant_1/amel.a-bisu.jp/www.amel.jp/_style/fonts/icomoon-d4l47m.ttf') format('truetype'),
    url('/import/tenant_1/amel.a-bisu.jp/www.amel.jp/_style/fonts/icomoon-d4l47m.woff') format('woff'),
    url('/import/tenant_1/amel.a-bisu.jp/www.amel.jp/_style/fonts/icomoon-d4l47m.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chevron-down:before {
  content: "\e900";
}
.icon-chevron-left:before {
  content: "\e901";
}
.icon-chevron-right:before {
  content: "\e902";
}
.icon-chevron-up:before {
  content: "\e903";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-user:before {
  content: "\e971";
}
.icon-search:before {
  content: "\e986";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-line:before {
  content: "\e904";
}