@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
/* =======================================================
setting
======================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,input,textarea
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

*
{/* box-sizing:border-box; */}

html,body
{
	font-family: Lato,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	-ms-text-size-adjust: 100%;
	box-sizing: border-box;
	font-size: 62.5%;
	letter-spacing: 0.2px;
	overflow: auto;
	width: 100%;
	/* height: 100%; */
}

html
{
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	line-height: 1.15;
}

body
{
	color: #333;
	margin: 0;
	background: #fff;
	font-size: 1.4rem;
	-webkit-text-size-adjust: 100%;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
img
{
	max-width:100%;
	height: auto;
	border-style: none;
}

hr
{
	overflow: visible;
	height: 0;
	box-sizing: content-box;
}

.none
{
	display: none;
}

/* =======================================================
link
======================================================== */

a
{
	color:#007ab8;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:hover,
a:active
{ outline-width: 0; }



/* =======================================================
LAYOUT
======================================================== */


/*======== layout-container ==========================*/

.layout-container
{
	max-width: 1240px;
	margin: 0 auto;
}

.layout-container::after
{
	display: block;
	clear: both;
	content: '';
}

/****** media query ******/
@media screen and (min-width: 600px)
{

	.layout-container
	{ padding: 0 20px; }

}
/*************************/


/*======== page-content ==========================*/

div#container.page-content
{
	max-width: 1240px;
	margin: 0 auto 40px;
}

div#container.page-content.top
{ margin-top: 20px; }


/*== LP ================*/
body.lp_class div#container.page-content
{
	max-width: 100%;
	margin: 0 auto;
}


/*== logo ================*/

#logo
{
	max-width: 1240px;
	margin: 0 auto;
}


#lp_head {
	color: #fff;
	background: #333;
	margin-bottom: 30px;
	padding: 10px;
	text-align: center;
	display: none;
}

#lp_head .sub-header__content-nav
	{
	text-align: left;
	max-width: 1220px;
	margin: 0 auto;
	}

#lp_head .sub-header__content-nav li a
	{
	text-decoration: none;
	color: #fff;
	}

/****** media query ******/
@media screen and (min-width: 600px)
{
#lp_head {
	display: block;
}
}
/*************************/


/*======== header ==========================*/

.header__bar
{ display: none; }

.header__tips
{
	position: relative;
	z-index: 0;
	float: right;
	width: 100%;
	margin-right: -370px;
}

.header__tips-area
{
	overflow: hidden;
	margin-right: 370px;
	padding: 0 1em;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.header__user-nav
{
	position: relative;
	z-index: 1;
	float: right;
	width: 370px;
	margin: 0;
	padding: 0;
}

.header__user-nav li
{
	display: table;
	float: right;
	width: 120px;
	margin-right: 1px;
	text-align: center;
	box-shadow: -1px 0 0 rgba(0,0,0,.2);
}

.header__user-nav li:nth-child(2) a,
.header__user-nav li:first-child form
{
	display: table-cell;
	height: 37px;
	transition: background .2s;
	vertical-align: middle;
	text-decoration: none;
	color: #333;
	background: transparent;
}

.header__user-nav a
{
	text-decoration: none;
	color: #333;
	background: transparent;
}

.header__user-nav a:hover
{ background: rgba(255,255,255,.5); }

/****** media query ******/
@media screen and (min-width: 600px)
{

	.header__bar
	{
		font-size: 1.2rem;
		line-height: 36px;
		display: inherit;
		overflow: hidden;
		width: 100%;
		height: 37px;
		padding-bottom: 1px;
		background: #eee;
		box-shadow: inset 0 -1px 0 rgba(0,0,0,.2);
	}

	.header__bar::after
	{
		display: block;
		clear: both;
		content: '';
	}

}
/*************************/


/*======== sp-global-header ==========================*/

.sp-global-header
{
	position: absolute;
	z-index: 1000;
	top: 0;
	display: table;
	width: 100%;
	transition: transform .2s;
	transform: translateY(0%);
	border-bottom: 1px solid #eaeaea;
	background: #fff;
}

.sp-global-header.is-fixed
{
	position: fixed;
	box-shadow: 0 0 4px rgba(0,0,0,.1);
}

.sp-global-header.is-hidden
{
	transform: translateY(-100%);
	box-shadow: none;
}

.sp-global-header__unit
{
	display: table-cell;
	width: 33.33333%;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #333;
	border-right: 1px solid #eaeaea;
}

.sp-global-header__unit:last-child
{ border: 0; }

.sp-global-header__unit:active
{text-shadow: 0 0 3px rgba(0,0,0,.2);}

.sp-global-header__cart
{ position: relative; }

.sp-global-header__cart--has-item::after
{
	position: absolute;
	top: -5px;
	left: 14px;
	width: 8px;
	height: 8px;
	content: '';
	border: 2px solid #fff;
	border-radius: 14px;
	background: #fd7f23;
}

/****** media query ******/
@media screen and (min-width: 600px)
{

	.sp-global-header
	{ display: none; }

}
/*************************/


/*======== drawer ==========================*/

.state-drawer-nav
{ display: none !important; }

.state-drawer-nav:checked ~ .close-drawer-nav
{
	z-index: 2000;
	visibility: visible;
	opacity: 1;
}


/*== drawer-nav ================*/

.open-drawer-nav
{ cursor: pointer; }

.drawer-nav
{
	position: fixed;
	z-index: -1;
	top: 0;
	left: -80%;
	overflow-y: scroll;
	width: 80%;
	height: 100%;
	transition: .2s;
	opacity: 0;
	background: #fff;
}

.state-drawer-nav:checked ~ .body .drawer-nav
{
	z-index: 10000;
	left: 0;
	opacity: 1;
	box-shadow: 1px 0 5px rgba(0,0,0,.3);
}

/****** media query ******/
@media screen and (min-width: 600px)
{

	.drawer-nav
	{ display: none; }

}
/*************************/


/*== drawer__heading ================*/

.drawer__heading
{
	padding: 12px 10px;
	color: #fff;
	background: #333;
}


/*== drawer__list ================*/

.drawer__list
{
	margin: 0;
	padding: 0;
	background: #fff;
}

.drawer__list a
{ color: #333; }

.drawer__list--freepage
{ border-bottom: 2px solid #eaeaea; }


/*== drawer__pulldown ================*/

.drawer__pulldown
{
	overflow: hidden;
	height: 0;
	margin: 0;
	transition: .2s;
	opacity: 0;
	background: #f8f8f8;
}

.drawer__pulldown.is-opened
{
	height: auto;
	opacity: 1;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}


/*======== global-header ==========================*/

.global-header
{
	font-size: 1.4rem;
	font-weight: bold;
	position: relative;
	width: 100%;
	padding: 36px 0 26px;
	background: #fff;
}

.global-header::after
{
	display: block;
	clear: both;
	content: '';
}

.is-top .global-header
{ padding: 36px 0 26px; }

.is-top .global-header .global-header__logo
{ display: block; }

.is-top .global-header .global-header__home
{ display: none; }

.isnot-top .global-header
{ padding: 20px 0; }

.isnot-top .global-header .global-header__logo
{ display: none; }

.isnot-top .global-header .global-header__home
{ display: inline-block; }

.global-header a
{
	transition: .2s;
	text-decoration: none;
	color: #333;
}

.global-header a:hover
{ opacity: .66; }

.global-header a:active
{ opacity: 1; }

.global-header__logo
{
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 600;
	display: block;
	margin: 0 auto 10px;
	text-align: center;
	line-height: 0.5;
}

.globa-header__logo img
{ line-height: 0.7; }

.global-header__home
{
	display: none;
	float: left;
}

.global-header__cart
{
	float: right;
	margin-left: 15px;
}

.global-header__cart-count
{
	margin-left: 4px;
	color: #fd7f23;
	display: inline;
}

body.lp_class .global-header__cart-count
{ display: none; }

.global-header__search
{
	float: right;
	margin-left: 15px;
	transition: opacity .2s;
	text-decoration: none;
}

.global-header__search:hover
{ opacity: .66; }

.global-header__search:active
{ opacity: 1; }

.global-header__icon
{
	width: 22px;
	height: 22px;
	vertical-align: -.4em;
}

/****** media query ******/
@media screen and (min-width: 600px)
{

	.global-header__logo
	{
		float: left;
		max-width: 100%;
		text-align: left;
	}

}
/*************************/


/*======== global-nav ==========================*/

.global-nav
{
	float: right;
	width: 480px;
	text-align: right;
	color: #333;
}

.global-nav__unit
{
	position: static;
	display: inline-block;
	margin: 0;
	padding: 0 10px;
	text-align: left;
	vertical-align: top;
}

.global-nav__unit:last-child
{ border-right: 1px solid #ddd; }

.global-nav__heading
{
	position: relative;
	cursor: pointer;
}

.global-nav__heading::after
{
	position: absolute;
	bottom: -20px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -25px;
	content: '';
	transition: .2s;
	opacity: 0;
	border-width: 12px;
	border-style: solid;
	border-color: transparent transparent #f8f8f8;
}

.global-nav__body
{
	position: absolute;
	z-index: 1000;
	right: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 0;
	margin: 0;
	transition: .2s;
	opacity: 0;
}

.global-nav__body-inner
{
	padding: 40px 0 30px;
	background: #f8f8f8;
}

.global-nav__list
{
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
}

.global-nav__list::after
{
	display: block;
	clear: both;
	content: '';
}

.global-nav__list li
{
	line-height: 1.5;
	float: left;
	width: 33.33333%;
	margin-bottom: 10px;
}

.global-nav__list li:nth-child(3n + 1)
{ clear: both; }

.global-nav__list a
{
	position: relative;
	display: block;
	margin-right: 10px;
	padding: 5px 10px 5px 25px;
	border-radius: 3px;
}

.global-nav__list a:hover
{ background: rgba(0,0,0,.05); }

.global-nav__list a:before
{
	position: absolute;
	top: .3em;
	left: 10px;
	content: '-';
}

.global-nav .is-opened .global-nav__heading::after
{ opacity: 1; }

.global-nav .is-opened .global-nav__body
{
	height: auto;
	padding-top: 20px;
	opacity: 1;
}

/****** media query ******/
@media screen and (min-width: 960px)
{

	.global-nav__list li
	{ width: 25%; }

	.global-nav__list li:nth-child(3n + 1)
	{ clear: none; }

	.global-nav__list li:nth-child(4n + 1)
	{ clear: both; }

}
/*************************/


/*======== sub-header ==========================*/

.sub-header
{
	display: none;
	padding: 15px 0;
	background: #333;
}

.sub-header::after
{
	display: block;
	clear: both;
	content: '';
}

.sub-header a
{
	transition: opacity .2s;
	text-decoration: none;
	color: #fff;
}

.sub-header a:hover
{ opacity: .66; }

.sub-header a:active
{ opacity: 1; }

.sub_header__content-nav
{
	float: left;
	margin: 0;
	padding: 0;
}

.sub-header__content-nav li
{
	line-height: 22px;
	display: inline-block;
	margin-right: 20px;
	letter-spacing: 1px;
}

.sub-header__social-nav
{
	float: right;
	margin: 0;
	padding: 0;
}

.sub-header__social-nav li
{
	display: inline-block;
	vertical-align: bottom;
}

/****** media query ******/
@media screen and (min-width: 600px)
{

	.sub-header
	{ display: inherit; }

}
/*************************/


/*======== fixed-header ==========================*/

.fixed-header
{
	position: absolute;
	z-index: 1000;
	top: 0;
	width: 100%;
	transition: transform .2s;
	transform: translateY(0%);
}

.fixed-header.is-fixed
{
	position: fixed;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.fixed-header.is-hidden
{ transform: translateY(-100%); }

.fixed-header.is-top
{
	position: absolute;
	box-shadow: none;
}

/****** media query ******/
@media screen and (max-width: 599px)
{

	.fixed-header
	{ display: none; }

}
/*************************/



/*======== info ==========================*/

.info
	{
	text-align: center;
	margin-bottom: 30px;
	}

.info_inner
	{
	border: 3px solid #333;
	padding: 20px;
	}

.info_title
	{
	font-size: 1.8rem;
	border-bottom: 1px solid #333;
	display: inline-block;
	}

.info_body
	{
	text-align: left;
	margin: 20px 20px 0px;
	}

/****** media query ******/
@media screen and (max-width: 959px)
{
.info_body
	{
	text-align: left;
	margin: 20px 0px 0px;
	}
}
/*************************/




/*======== font-setting ==========================*/

abbr[title]
{
	text-decoration: underline;
	text-decoration: underline dotted;
	border-bottom: none;
}

b,strong
{ font-weight: bolder; }

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

/*======== input,button,textarea,select ==========================*/

button,input,textarea,select,optgroup
{ font-family: Lato,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif; }
button
{ border: none; }

input,textarea,select,optgroup
{
	font-size: 1.6rem;
	-webkit-appearance: none;
	border-radius: 0;
}

button,input
{overflow: visible;}

button,select
{ text-transform: none; }

button,
[type='button'],
[type='reset'],
[type='submit']
{ -webkit-appearance: button; }

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner
{
	padding: 0;
	border-style: none;
}

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring
{ outline: 1px dotted ButtonText; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button
{
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"]
{ -moz-appearance:textfield; }

textarea
{ overflow: auto;background: #fff; }

body.coil-style input[type="checkbox"],
body.coil-style input[type="radio"]
{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

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

[type="search"]
{
	outline-offset: -2px;
	-webkit-appearance: textfield;
}

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

::-webkit-file-upload-button
{
	font: inherit;
	-webkit-appearance: button;
}

:placeholder-shown
{ opacity: .7 }

::-webkit-input-placeholder
{ opacity: .7 }

:-moz-placeholder
{ opacity: .7 }

::-moz-placeholder
{ opacity: .7 }

:-ms-input-placeholder
{ opacity: .7 }


/*======== icon ==========================*/

.icon,
.social-icon
{
	width: 22px;
	height: 22px;
}

/*======== overlay ==========================*/

.overlay
{
	position: fixed;
	top: 0;
	visibility: hidden;
	width: 100%;
	height: 100vh;
	opacity: 0;
	background: rgba(0,0,0,.7);
}

.overlay__icon
{
	position: fixed;
	z-index: 2001;
	top: 30px;
	right: 10%;
	width: 20px;
	height: 20px;
	transform: translateX(50%);
	color: #fff;
	cursor: pointer;
}

/*======== button ==========================*/

.button,
.button--solid
{
	font-weight: normal;
	line-height: 22px;
	display: inline-block;
	box-sizing: border-box;
	transition: .2s;
	vertical-align: middle;
	text-decoration: none;
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-apperance: none;
	appearance: none;
}

.button:hover,
.button:focus
{
	cursor: pointer;
	outline: none;
}

.button--solid
{
	background:#fd7f23;
	color: #fff;
	font-size: 1.4rem;
}

.button--solid:hover,
.button--solid:focus
{
	outline: none;
	box-shadow: inset 0 -2px 0 rgba(0,0,0,.2);
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	opacity: .7;
}

.button--solid.is-disabled
{
	font-size: 1.4rem;
	cursor: default;
	color: #999;
	border: 0;
	background: #eee;
	box-shadow: none;
	text-shadow: none;
}

.button--border
{
	font-size: 1.4rem;
	cursor: pointer;
	color: #333;
	border: 1px solid #eaeaea;
	background: transparent;
}

.button--border:hover,
.button--border:focus
{
	color: #fff;
	border-color: #333;
	outline: none;
	background: #333;
}

.button--border.is-disabled
{
	font-size: 1.4rem;
	cursor: default;
	color: #b3b3b3;
	border: 1px solid #eaeaea;
	background: #f8f8f8;
}

.button__icon
{
	width: 22px;
	height: 22px;
	vertical-align: -.37em;
}

.button--sm .button__icon
{
	width: 18px;
	height: 18px;
	vertical-align: -.4em
}

.button--sm
{ font-size: 1.2rem; }

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

.form__unit
{ margin-bottom: 30px; }

.form__unit-label
{
	font-weight: bold;
	margin-bottom: .5em;
}

.form__unit-label--fix-margin
{ margin-bottom: -.05em; }



/*======== input ==========================*/

.input-text
{
	font-size: 1.6rem !important;
	line-height: 1.5 !important;
	box-sizing: border-box !important;
	width: 100% !important;
	height: auto !important;
	padding: 7px 10px 8px !important;
	transition: .2s !important;
	vertical-align: middle !important;
	border: 2px solid #eaeaea !important;
	border-radius: 4px !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
}

.input-text:focus
{
	border-color: #333 !important;
	outline: none !important;
}

textarea.input-text
{ min-height: 200px; }

/****** media query ******/
@media screen and (min-width: 600px)
{
	.input-text
	{
		font-size: 1.4rem !important;
	}
}
/*************************/


/*======== select ==========================*/

.select
{ position: relative; }

.select__value
{
	font-size: 1.6rem;
	line-height: 1.5;
	height: auto !important;
	margin: 0 !important;
	display: inline-block;
	padding: 10px 30px 10px 10px;
	cursor: pointer;
	transition: .2s;
	border: 2px solid transparent;
	border-radius: 4px;
	outline: none;
	background: transparent;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.select__value:hover
{ border-color: rgba(0,0,0,.1); }

.select__value::-ms-expand
{ display: none; }

.select__icon
{
	position: absolute;
	z-index: 0;
	top: 50%;
	right: 5px;
	width: 22px;
	height: 22px;
	margin-top: -9px;
}

.select__icon span
{ font-size: 2rem; }

/****** media query ******/
@media screen and (min-width: 600px)
{
	.select__value
	{
		font-size: 1.4rem;
		padding-top: 7px;
		padding-bottom: 7px;
	}
}
/*************************/


/*======== check-button ==========================*/

.check-button
{
	margin: 60px auto 60px;
	text-align: center;
}

.check-button.left
{
	margin: 10px 0;
	text-align: left;
}

.check-button .text
{
	margin: 0 auto 40px;
	font-weight: bold;
}

.check-button_box
{
	border: 3px solid #c9e6ef;
	padding: 20px;
	max-width: 300px;
	margin: 0 auto;
}

.check-button label
{
	display: block;
	position: relative;
	padding-left: 5px;
	margin-left: 10px;
	margin-bottom: 12px;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.check-button.left label
{
	margin-left: 0;
	padding: 3px 0 0 30px;
}

.check-button input
{
	position: absolute;
	opacity: 0;
	overflow: visible;
}

.check-button input:checked ~ .checkmark
{ background-color: #7cbc0a; }

.checkmark
{
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	width: 22px;
	background-color: #d3d3d3;
}

.checkmark:after
{
	content: '';
	position: absolute;
}

.checkcontainer input:checked ~ .checkmark:after
{ display: block; }

.checkcontainer .checkmark:after
{
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*== 白背景 ================*/

.check-button.white .checkmark
{
	background-color: #fff;
}

.checkcontainer.white .checkmark:after
{
	border: solid #ccc;
	border-width: 0 3px 3px 0;
}

.check-button.white input:checked ~ .checkmark:after
{ border-color: #fff; }



/*======== check-button amazon ==========================*/

.check-button.check_amazon
{
	text-align: center;
	margin: 10px auto 20px;
}

.check-button.check_amazon label
{
	display: inline-block;
	padding-left: 5px;
	padding-right: 40px;
	margin-left: 0;

}

.check_amazon .checkmark
{
	left: auto;
	right: 5px;
	background-color: #cecece;
	border: 1px solid #999;
}

/****** media query ******/
@media screen and (max-width: 799px)
{
	.check_amazon br.sp_none
	{
		display: none;
	}
	.check_amazon .checkmark
	{
		top: -5px;
	}
}
@media screen and (max-width: 339px)
{
	.check_amazon br.sp_none
	{
		display: block;
	}
	.check_amazon .checkmark
	{
		top: 0;
	}
}
/*************************/


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

.section
{ margin-top: 0; }

.section__label
{
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.6;
	width: 300px;
	margin: 0;
	letter-spacing: 1px;
}

.section__content
{
	line-height: 1.6;
	margin: 5px 0 20px 10px;
}

.section__content p:nth-child(1)
{ margin-top: 0; }

.section__heading
{
	margin: 30px;
	text-align: center;
	color: #333;
}

.section__heading--title
{
	font-size: 1.6rem;
	position: relative;
	margin-bottom: .8em;
	letter-spacing: .1em;
}

.section__heading--title::after
{
	content: '';
	position: absolute;
	top: 50%;
	display: block;
	width: 100%;
	height: 1px;
	background: #333;
}

.section__heading--title span
{
	line-height: 1.3;
	position: relative;
	z-index:1;
	display: inline-block;
	padding: 0 1em;
	background: #fff;
}

.section__heading--subtitle
{
	font-family:'Montserrat', sans-serif;
	font-size: 24px;
}

.section__text
{
	margin: 0 auto 20px;
	line-height: 1.5;
	max-width: 1000px;
}

.section__container
{
	max-width: 1000px;
	margin-right: 10px;
	margin-left: 10px;
}

.section__container.site
	{ margin-bottom: 100px; }

/****** media query ******/
@media screen and (min-width: 600px)
{
	.section__heading
	{ margin: 20px 0 40px; }

	.section__heading:nth-child(2)
	{ margin-top: 0; }

	.section__heading--subtitle
	{ font-size: 3.6rem; }

	.section__container
	{
		margin-right: auto;
		margin-left: auto;
	}
}
/*************************/
@media screen and (min-width: 960px)
{

	.section__label
	{
		float: left;
		clear: left;
		margin-right: 20px;
	}

	.section__content
	{
		overflow: hidden;
		margin: 0 0 20px;
	}

}

/*************************/


/*======== text-form ==========================*/

.text-form p
{
	line-height: 1.4;
	margin-bottom: 20px;
}



/*======== table-layout ==========================*/

.section__container.table-layout
{ margin: auto; }



.table-layout
{
	border: 1px solid #ddd;
	margin-bottom: 40px;
}

.table-layout h3
{ background: #f3f3f3; }

.table-layout .section__label
{
	width: 100%;
	padding: 8px 10px;
	box-sizing: border-box;
}

.table-layout .section__content
{ margin: 15px 10px; }

.table-layout ul
{
	margin: 10px 0;
}

.table-layout ul li
{
	list-style-type: disc;
	margin-left: 2.5rem;
}

/****** media query ******/
@media screen and (min-width: 960px)
{
	.table-layout.order
	{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	.table-layout .section__label,
	.table-layout .section__content
	{ border-bottom: 1px solid #ddd; }

	.table-layout .section__label:last-of-type,
	.table-layout .section__content:last-of-type
	{ border-bottom: none; }

	.table-layout .section__label
	{
		width: 20%;
		margin-right: 0;
	}

	.table-layout .section__content
	{
		width: 80%;
		margin: 0;
		padding: 8px 10px;
		box-sizing: border-box;
	}


	.table-layout .section__label br
	{ line-height: 3.2; }
}
/*************************/


/*======== table-layout table ==========================*/

.table-layout.form
{ border: none; }

.table-layout table.contact-form
{
	font-size: 1.6rem;
	width: 100%;
	margin-bottom: 40px;
}

.contact-form th,
.contact-form td
{ display: block; }

.contact-form th
{
	background: #f3f3f3;
	font-size: 1.6rem;
	padding: 10px 4px;
	position: relative;
}

#diss .contact-form th
{ background: #feffed; }

.contact-form td
{ padding: 15px 4px 20px 4px; }

.contact-form th span.required,
.contact-form th span.any
{
	position: absolute;
	right: 10px;
	top: 9px;
}

.contact-form td .form-inner-item span
{
	display: block;
	margin-left: 2px;
	margin-bottom: 4px;
}

.contact-form td .form-inner-item
{ margin-top: 10px; }

.contact-form td .form-inner-item:nth-of-type(1)
{ margin-top: 0; }

.mini
{ margin-top: 10px; }

#order_sex_group input[type="radio"]
{
	-webkit-appearance: radio;
	position: relative;
	top: 1px;
	margin-right: 3px;
}

#order_sex_group label:first-child
{
	margin-right: 10px;
}

.input_w100 .input-text
{ width: 100px !important; }


/****** media query ******/
@media screen and (min-width: 768px)
{

	.table-layout table.contact-form
	{
		background: #ddd;
		border-collapse: separate;
		border-width: 0;
		font-size: 1.4rem;
	}

	.contact-form th,
	.contact-form td
	{
		display: table-cell;
	}

	.contact-form th
	{
		font-size: 1.4rem;
		padding: 20px;
		min-width: 180px;
	}

	.contact-form th.th_w20
	{ width: 20%; }

	.contact-form td
	{
		background: #fff;
		padding: 20px;
	}

	.contact-form th span.required,
	.contact-form th span.any
	{
		top: auto;
		bottom: 10px;
	}

	.contact-form .form_name,
	.delivname .form_name
	{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.contact-form .form_name .form-inner-item,
	.delivname .form_name .form-inner-item
	{
		width: 40%;
		margin-top: 0;
	}

	.contact-form .form_name .form-inner-item:nth-of-type(1),
	.delivname .form_name .form-inner-item:nth-of-type(1)
	{ margin-right: 5%; }

}
/*************************/




/*== zip ================*/

.yuubin
{ width: 100%; }

.yuubin span,
.yuubinn input
{
	display: inline-block;
	vertical-align: middle;
}

.yuubin input:first-of-type
{
	width: 30% !important;
	margin-left: 3%;
}

.yuubin input:last-of-type
{ width: 50% !important; }

.yuubin span:not(.zip_bt)
{
	width: 10%;
	text-align: center;
}

.zipimg
{ margin: 10px 0 0 2%; }

.zipimg a
{ color: #333; }

.zip_bt
{
	padding: 8px 10px;
	margin: 0 0 0 5px;
	cursor: pointer;
	font-weight:noramal;
	font-size: 1.4rem;
	letter-spacing:0.002rem;
	text-decoration: none;
	border: 1px solid #ccc;
	position: relative;
	background-color: #f1f1f1;
	background: -webkit-gradient(linear,left top, left bottom,from(#fff),to(#f1f1f1));
	background: linear-gradient(top,#fff,#f1f1f1);
	-pie-background: linear-gradient(top,#fff,#f1f1f1);
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

/****** media query ******/
@media screen and (min-width: 600px)
{
	.yuubin input:first-of-type
	{
		width: 100px !important;
		margin-left: 0;
	}

	.yuubin input:last-of-type
	{ width: 180px !important; }

	.yuubin span:not(.zip_bt)
	{ width: 30px !important; }

	.zipimg
	{ margin: 10px 0 0 -5px; }
}
/*************************/


/*== pass ================*/

.pass .yuubin input:first-of-type
{
	width: 50% !important;
	margin-bottom: 10px;
}

.pass .yuubin input:last-of-type
{ width: 50% !important; }

.pass .mini
{
	margin-bottom: 5px;
}

/*== select ================*/

.select-appearance select
{ -webkit-appearance: menulist; }

.input--select-wrap
{
	position: relative;
}

.input--select
{
	padding: 7px 24px 7px 7px;
	border: 2px solid #eff2f4;
	background: #eff2f4;
	font-size: 1.4rem;
	width: 100%;
	margin-top: 0;
	float: none;
	height: auto;
	cursor: pointer;
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
}

.input--select-wrap:before
{
	font-family: icomoon;
	content: "\f0d7";
	color: #666;
	font-size: 1.6rem !important;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	position: absolute;
	font-size: 9px;
	right: 0;
	top: 48%;
	line-height: 20px;
	pointer-events: none;
}

.input--select:focus
{ outline: none; }

.input--select.white
{
	background: #fff;
	border-color: #ddd;
}

.form__unit-body .input--select-wrap
{ margin-top: 10px; }

.form__unit-body .input--select
{
	border: 2px solid #333;
	background: #fff;
	font-size: 1.4rem;
}


/****** media query ******/
@media screen and (max-width: 599px)
{
	.input--select
	{
		font-size: 16px;
	}
}
/*************************/
@media screen and (min-width: 768px)
{

	.input--select-wrap
	{ max-width: 200px; }

	.input--select-wrap.maxwidth
	{ max-width: initial; }

	.input--select
	{ max-width: 300px; }

	.form__unit-body .input--select-wrap
	{ max-width: 150px; }

	.contact-form .input--select-wrap.small-line
	{ max-width: initial }

}
/*************************/


/*==  =select横並び===============*/
.input--select-wrap.small-line
{
	position: static;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.input--select-wrap.small-line .select-item
{
	position: relative;
}

.input--select-wrap.small-line span
{
	padding: 0 10px;
}

.input--select-wrap.small-line:before
{
	content: "";
}

.input--select-wrap.small-line .input--select
{
	min-width: 50px;
}

.input--select-wrap.small-line .select-item:before
{
	font-family: icomoon;
	content: "\f0d7";
	color: #666;
	font-size: 1.6rem !important;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	position: absolute;
	font-size: 9px;
	right: 0;
	top: 47%;
	line-height: 20px;
	pointer-events: none;
}



/*== tel-number ================*/

.tel-number input,
.tel-number span
{
	display: inline-block;
	vertical-align: middle;
}



.tel-number input
{ width: 20% !important; }





/*======== table-wrap ==========================*/

.table-wrap
{ overflow-x: scroll; }

.table-wrap::-webkit-scrollbar
{ height: 8px; }

.table-wrap::-webkit-scrollbar-trank
{ background: #f1f1f1; }

.table-wrap::-webkit-scrollbar-thumb
{ background: #ccc; }

.table-wrap table
{
	min-width: 100%;
	border-collapse: collapse;
	text-align: center;
	border: 1px solid #ddd;
}

.table-wrap table td,
.table-wrap table th
{
	padding: 10px 8px;
	text-align: center;
	white-space: nowrap;
	border: 1px solid #ddd;
}


/*======== sp-list ==========================*/

/****** media query ******/
@media screen and (min-width: 600px)
{

	.sp-list__nav-icon
	{ display: none; }

}
/*************************/
@media screen and (max-width: 599px)
{

	.sp-list
	{
		display: table;
		width: 100%;
		padding: 12px 0 12px 10px;
		text-decoration: none;
	}

	.sp-list__close-menu
	{
		padding-left: 0;
		text-align: center;
		color: #fff;
		background: #ccc;
	}

	.sp-list__mark
	{
		display: table-cell;
		width: 20px;
		vertical-align: middle;
	}

	.sp-list__value
	{
		line-height: 1.5;
		display: table-cell;
		width: auto;
		vertical-align: middle;
		word-break: break-all;
	}

	.sp-list__nav-icon
	{
		display: table-cell;
		font-size: 2rem;
		width: 24px;
		padding-right: 10px;
		text-align: rightl
			vertical-align: middle;
	}

	.sp-list__icon
	{
		width: 22px;
		height: 22px;
	}

	.sp-list__icon--pulldown
	{
		width: 22px;
		height: 22px;
		margin-right: 1px;
	}

}
/*************************/


/*======== product-info ==========================*/

.product-info__price--discount
{ color: #fd3131; }

.product-info__regular-price
{ text-decoration: line-through; }

.product-info__soldout
{
	letter-spacing: 1px;
	color: #fd3131;
}

.product-info__regular-price.no-member
{ text-decoration: none; }

.price-special
{
	display: inline-block;
	font-weight: bold;
	font-size: 1.6rem;
	margin-top: 5px;
	color: #dc3939;
}


/*======== product-list ==========================*/

.product-list
{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0;
	padding: 0;
	border-top: 1px solid #eaeaea;
}

.product-list::after
{
	display: block;
	clear: both;
	content: '';
}

.product-list__image-wrap
{
	max-width: 320px;
	border: 10px solid transparent;
}

.product-list::before
{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	height: 1px;
	content: '';
	background: #eaeaea;
}

/****** media query ******/
@media screen and (min-width: 960px)
{

	.product-list__image-wrap
	{ border-width: 15px; }

}
/*************************/


/*======== product-list__item ==========================*/

.product-list__item
{
	position: relative;
	width: 100%;
	padding: 20px;
	transition: opacity .2s;
	text-align: center;
	border-right: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	box-sizing: border-box;
	display: flex;
}

.product-list__item .product-list__image-wrap
{
	width: 35%;
}


.product-list__item--spright
{
	width: 65%;
	padding-left: 10px;
}

.product-list__item.is-hidden
{
	position: absolute;
	z-index: -10000;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
	opacity: 0;
	border: 0;
}

/****** media query ******/
@media screen and (min-width: 700px)
{

	.product-list__item
	{
		width: 25%;
		padding-top: 40px;
		box-sizing: border-box;
		display: block;
	}


	.product-list__item .product-list__image-wrap
	{
		width: auto;
	}


	.product-list__item--spright
	{
		width: auto;
		padding-left: 0px;
	}

	.product-list__item:nth-child(1),
	.product-list__item:nth-child(4n + 1)
	{ border-left: 1px solid #eaeaea }

	.product-list__item:nth-child(4n + 1)
	{ clear: both; }

}
/*************************/
@media screen and (max-width: 599px)
{

	.product-list__item:nth-child(2n)
	{ border-right: 0; }

	.product-list__item:nth-child(2n + 1)
	{ clear: both; }

}
/*************************/


/*======== product-name ==========================*/

.product-list__name
{
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.3;
	display: block;
	margin-top: .5em;
	transition: opacity .2s;
	text-decoration: none;
	color: #333;
}

.product-list__name:hover
{ opacity: .66; }

.product-list__name:active
{ opacity: 1; }

/*======== product-list__price ==========================*/

.product-list__price,
.product-list__regular-price,
.product-list__soldout
{
	margin-top: 1em;
}

.product-list__expl
{
	font-size: 1.2rem;
	line-height: 1.5;
	margin-top: 1rem;
	padding-top: 1rem;
	text-align: left;
	border-top: 1px dashed #ccc;
}

#pagetop .product-list__expl
{ border-top: none; }

/*======== product-list__index ==========================*/

.product-list__index
{
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	line-height: 31px;
	position: absolute;
	top: -5px;
	left: -5px;
	width: 30px;
	height: 30px;
	text-align: center;
	color: rgba(0,0,0,.3);
	border-radius: 30px;
	background: #f8f8f8;
}

.product-list__index--1
{ background: #ffeb1f; }

.product-list__index--2
{ background: #cdcdcd; }

.product-list__index--3
{ background: #db7f25; }

/*======== product-list__fav-item ==========================*/

.product-list__fav-item
{
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 30px;
}

.product-list__fav-item button
{
	display: block;
	width: 100%;
	padding: 5px 0;
	cursor: pointer;
	transition: .2s;
	text-align: center;
	color: #999;
	border: 0;
	outline: none;
	background: transparent;
}

.product-list__fav-item .is-append
{ color: #ff7373; }


/*======== product-list__button ==========================*/

.product-list__button
{
	display: block;
	clear: both;
	width: 100%;
	margin-bottom: 40px;
	text-align: center;
}

.product-list__button button
{
	font-weight: bold;
	min-width: 300px;
	padding: 15px;
	text-indent: 11px;
}

/****** media query ******/
@media screen and (min-width: 600px)
{

	.product-list__button button
	{ padding: 10px 15px; }

}
/*************************/


/*======== product-sort ==========================*/

.product-sort
{ margin: 30px 10px 0; }

.product-sort::after
{
	display: block;
	clear: both;
	content: '';
}

.product-sort__total
{
	margin-bottom: 10px;
	text-align: center;
}

.product-sort__total span
{
	font-size: 24px;
	margin: 0 8px;
}

.product-sort__switch
{ float: right; }

/****** media query ******/
@media screen and (min-width: 600px)
{

	.product-sort
	{
		margin-right: auto;
		margin-bottom: 30px;
		margin-left: auto;
	}

	.product-sort__total
	{
		position: relative;
		bottom: -3px;
		float: left;
		margin-bottom: 0;
	}

}
/*************************/


/*======== pager ==========================*/

.pager
{
	margin: 30px 0;
	text-align: center;
}

.pager__total
{ margin-bottom: 20px; }

.pager__total span
{
	font-size: 24px;
	margin: 0 8px;
}

.pager__list
{
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	padding: 0;
}

.pager__list-item
{
	display: inline-block;
	margin: 0 5px;
	margin-bottom: 10px;
	text-align: center;
}

.pager__link,
.pager__unlink
{
	min-width: 42px;
	padding: 8px;
}

.pager__unlink.is-current
{
	color: #333;
	border-color: transparent;
	background: transparent;
}

.pager__icon
{
	width: 22px;
	height: 22px;
	vertical-align: -5px;
}

/****** media query ******/
@media screen and (max-width: 599px)
{

	.pager__list-item
	{ display: none; }

	.pager__list-item--visible
	{ display: inline-block; }

}
/*************************/


/*======== thumbnail-product-list ==========================*/

.thumbnail-product-list
{
	margin: 20px 0;
	padding: 0 10px;
}

.thumbnail-product-list::after
{
	display: block;
	clear: both;
	content: '';
}

.thumbnail-product-list__image-wrap
{ border: 6px solid transparent; }

.thumbnail-product-list__item
{
	float: left;
	width: 33.33333%;
	margin-bottom: 30px;
	padding: 0 5px;
	transition: opacity: .2s;
	text-align: center;
}

.thumbnail-product-list__item.is-hidden
{
	position: absolute;
	z-index: -10000;
	top- 0;
	left: 0;
	width: 0;
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
	opacity: 0;
	border: 0;
}

.thumbnail-product-list__price,
.thumbnail-product-list__regular-price,
.thumbnail-product-list__soldout
{
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 10px;
}

/****** media query ******/
@media screen and (min-width: 600px)
{

	.thumbnail-product-list
	{
		margin-bottom: 40px;
		padding: 0;
	}

	.thumbnail-product-list__item
	{
		width: 25%;
		padding: 0 10px;
	}

	.thumbnail-product-list__item:nth-child(4n + 1)
	{ clear: both; }

}
/*************************/
@media screen and (min-width: 960px)
{

	.thumbnail-product-list__image-wrap
	{ border-width: 9px; }

	.thumbnail-product-list__item
	{ width: 20%; }

	.thumbnail-product-list__item:nth-child(4n + 1)
	{ clear:none; }

	.thumbnail-product-list__item:nth-child(5n + 1)
	{ clear: both; }

}
/*************************/
@media screen and (max-width: 599px)
{

	.thumbnail-product-list__item:nth-child(3n + 1)
	{ clear: both; }

}
/*************************/


/*======== topic-path ==========================*/

.topic-path
{
	font-size: 1.2rem;
	margin: 0 10px;
}

.topic-path__list
{
	margin: 0;
	padding: 0;
}

.topic-path__item
{
	display: inline-block;
	margin-right: .5em;
	word-break: break-all;
}

.topic-path__item--hidden
{ visibility: hidden; }

.topic-path span
{
	position: relative;
	top: 0px;
	font-size: 1.4rem;
	margin-right: .5em;
}

.topic-path a
{
	display: inline-block;
	padding: .7em 0;
	transition: opacity .2s;
	text-decoration: none;
	color: #333;
}

.topic-path a:hover
{ opacity: .66; }

.topic-path a:active
{ opacity: 1; }

/****** media query ******/
@media screen and (min-width: 600px)
{

	.topic-path
	{
		margin-right: auto;
		margin-left: auto;
		margin: 30px 10px;
	}

	.topic-path__list
	{ margin-bottom: .5em; }

	.topic-path a
	{ padding: .3em 0; }

}
/*************************/


/*======== image-wrap ==========================*/

.image-wrap
{
	position: relative;
	display: block;
	margin: 0 auto;
	transition: background .2s;
	background: rgba(0,0,0,.03);
}

.image-wrap::after
{
	display: block;
	padding-top: 100%;
	content: '';
}

.image-wrap:hover
{ background: rgba(0,0,0,.05); }

.image-wrap--link
{ cursor: pointer; }

.image-wrap--link:hover .image-box--main
{ opacity: 0.6; }



/*======== image-box ==========================*/

.image-box
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity .2s;
	word-break: break-all;
}

.image-box__image
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.image-box__image--noimage
{
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
	height: 40px;
	text-align: center;
	color: rgba(0,0,0,.5);
}

.image-box--main
{ opacity: 1; }

.image-box--otherimg
{ opacity: 0; }

/****** media query ******/
@media screen and (max-width: 599px)
{

	.image-box__image--noimage
	{ font-size: 1.2rem; }

}
/*************************/


/*======== not-found,visible ==========================*/

.not-found
{
	margin: 100px 0;
	text-align: center;
}

.visible--tablet,
.visible--pc
{display :none;}

/****** media query ******/
@media screen and (min-width: 600px)
{

	.visible--phone
	{ display: none; }

	.visible--tablet
	{ display: inherit; }

}
/*************************/
@media screen and (min-width: 960px)
{

	.visible--pc
	{ display: inherit; }

}
/*************************/





/*======== search-form ==========================*/

.state-search-form
{ display: none !important; }

.state-search-form:checked ~ .close-search-form
{
	z-index: 2000;
	visibility: visible;
	opacity: 1;
}

.open-search-form
{ cursor: pointer; }

.search-form
{
	position: fixed;
	z-index: -1;
	top: 50px;
	width: 100%;
	transition: .2s;
	transform: translateY(-200px);
	opacity: 1;
}


/*== search-form__body ================*/

.search-form__body
{
	width: 90%;
	margin: 30px auto 0;
}

.state-search-form:checked ~ .search-form
{
	z-index: 10000;
	transform: none;
	opacity: 1;
}

.search-form__body
{
	position: relative;
	display: table;
	padding-left: .5em;
	border-bottom: 2px solid #fff;
}

/****** media query ******/
@media screen and (min-width: 600px)
{
	.search-form__body
	{ max-width: 600px; }
}
/*************************/


/*== search-form__keyword ================*/

.search-form__keyword-cell
{
	display: table-cell;
	width: auto;
}

.search-form__button-cell
{
	display: table-cell;
	width: 40px;
}

.search-form__keyword
{
	font-size: 1.6rem;
	line-height: 40px;
	display: block;
	width: 100%;
	height: 40px;
	color: #fff;
	border: 0;
	border-radius: 0;
	background: transparent;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.search-form__keyword:placeholder-shown
{ color: #fff; }

.search-form__keyword::-webkit-input-placeholder
{ color: #fff; }
.search-form__keyword::-moz-placeholder
{
	color: #fff;
	opacity: 1;
}
.search-form__keyword:-ms-input-placeholder
{ color: #fff; }

.search-form__keyword:focus
{ outline: none; }

.search-form__keyword:focus:placeholder-shown
{ color: #666; }

.search-form__keyword:focus::-webkit-input-placeholder
{ color: #666; }

.search-form__keyword:focus::-moz-placeholder
{
	color: #666;
	opacity: 1;
}

.search-form__keyword:focus:-ms-input-placeholder
{ color: #666; }



/*== search-form__button ================*/

.search-form__button
{
	position: absolute;
	right: 0;
	bottom: 2px;
	width: 40px;
	height: 40px;
	padding: 0;
	color: #fff;
	border: 0;
	background: transparent;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.search-form__button:hover,
.search-form__button:active
{
	cursor: pointer;
	opacity: .66;
}



.search-form__icon
{
	display: block;
	width: 22px;
	height: 22px;
	margin: 0 auto;
}


/*======== footer ==========================*/

.footer
{ background: #333; }


/*== shop-info ================*/

.shop-info
{
	padding: 40px 0 20px;
	border-top: 1px solid #eaeaea;
	background: rgba(255,255,255,.96);
}

.shop-info::after,
.shop-info__manager::after,
.shop-info__calendar::after
{
	display: block;
	clear: both;
	content: '';
}

/****** media query ******/
@media screen and (min-width: 960px)
{

	.shop-info__manager
	{
		float: left;
		width: 75%;
	}

	.shop-info__manager--half
	{ width: 50%; }

}
/*************************/
@media screen and (max-width: 599px)
{

	.shop-info
	{
		padding-right: 20px;
		padding-left: 20px;
	}

}
/*************************/


/*== manager__image ================*/

.manager__image
{
	display: block;
	max-width: 200px;
	height: auto;
	margin: 0 auto 20px;
}

.manager__heading
{
	font-weight: bold;
	font-size: 1.8rem;
	margin: 0 0 1em;
	text-align: center;
}

.manager__content
{
	line-height: 1.5;
	margin-bottom: 20px;
	text-align: center;
}

/****** media query ******/
@media screen and (min-width: 600px)
{
	.manager__image
	{
		float: left;
		margin: 0 40px 20px 0;
	}

	.manager__text-wrap
	{ overflow: hidden; }

	.manager__heading
	{ text-align: left; }
}
/*************************/


/*== global-footer ================*/

.global-footer
{
	color: #fff;
	background: rgba(255,255,255,.1);
}

.global-footer a
{
	transition: .2s;
	color: #fff;
}

.global-footer a:hover
{ opacity: .66; }

.global-footer__group
{ clear: both; }

.global-footer__group::after
{
	display: block;
	clear: both;
	content: '';
}

.global-footer__heading
{
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.5;
	overflow: hidden;
	margin: 0 10px 10px;
	padding: .5em 0;
	text-align: center;
	border-bottom: 2px solid #fff;
}

/****** media query ******/
@media screen and (min-width: 600px)
{
	.global-footer
	{ padding-top: 40px; }

	.global-footer::after
	{
		display: block;
		clear: both;
		content: '';
	}

	.global-footer__unit
	{
		float: left;
		width: 50%;
		padding-bottom: 40px;
	}

	.global-footer__unit--half
	{
		clear: both;
		padding-bottom: 40px;
	}

	.global-footer__heading
	{
		margin: 0 0 30px;
		text-align: left;
	}
}
/*************************/
@media screen and (min-width: 960px)
{
	.global-footer__unit
	{
		float: left;
		width: 25%;
	}

	.global-footer__unit--half
	{
		float: right;
		width: 50%;
	}
}
/*************************/
@media screen and (max-width: 599px)
{
	.global-footer__group
	{ padding: 30px 0; }

	.global-footer__group:first-child
	{ border-bottom: 1px solid #eaeaea; }

	.global-footer__group--secondary
	{
		font-size: 1.2rem;
		text-align: center;
	}
}
/*************************/


/*== global-footer__mailmaga-form ================*/

.global-footer__mailmaga-form
{ margin: 0 10px; }

.global-footer__mailmaga-form br
{ display: none; }

.global-footer__mailmaga-form span
{ display: block; }

.global-footer__mailmaga-form p
{
	margin: 20px 0;
	text-align: right;
}

.global-footer__mailmaga-form a
{ padding: 10px 0; }

.global-footer__mailmaga-form .mailmaga_text
{ margin-bottom: 10px; }

.global-footer__mailmaga-form .mailmaga_text input
{
	font-size: 1.6rem;
	line-height: 1.5;
	width: 100%;
	padding: 10px;
	transition: .2s;
	vertical-align: middle;
	border: 2px solid transparent;
	border-radius: 4px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.global-footer__mailmaga-form .mailmaga_text input:focus
{
	border-color: #333;
	outline: none;
}

.global-footer__mailmaga-form .mailmaga_ins input
{
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 22px;
	display: inline-block;
	width: 100%;
	padding: 9px 15px;
	cursor: pointer;
	transition :.2s;
	vertical-align: middle;
	text-decoration: none;
	color: #fff;
	border: 0;
	border-radius: 4px;
	background: #fd7f23;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.global-footer__mailmaga-form .mailmaga_ins input:hover,
.global-footer__mailmaga-form .mailmaga_ins input:focus
{
	outline: none;
	box-shadow: inset 0 -2px 0 rgba(0,0,0,.2);
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}

.global-footer__mailmaga-form .mailmaga_del
{ display: none; }

/****** media query ******/
@media screen and (min-width: 600px)
{
	.global-footer__mailmaga-form
	{ margin: 0; }

	.global-footer__mailmaga-form form
	{
		display: inline-block;
		width: 400px;
	}

	.global-footer__mailmaga-form span
	{ display: inline-block; }

	.global-footer__mailmaga-form p
	{
		display: inline-block;
		margin: 0;
	}

	.global-footer__mailmaga-form .mailmata_text
	{
		width: 70%;
		margin-right: 2%;
		margin-bottom: 0;
	}

	.global-footer__mailmaga-form .mailmata_text input
	{
		font-size: 1.4rem;
		padding: 7px 10px 8px;
	}

	.global-footer__mailmaga-form .mailmata_ins input
	{ width: auto; }
}
/*************************/


/*== global-footer__social-nav ================*/

.global-footer__social-nav
{
	margin: 0;
	padding: 0;
}

.global-footer__social-nav li
{ display: inline-block; }


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

.global-footer__qr-code
{
	float: right;
	padding-left: 30px;
}

.footer-nav
{
	line-height: 1.5;
	margin: 0;
	padding: 0;
}


/*== footer-nav ================*/

/****** media query ******/
@media screen and (min-width: 600px)
{
	.footer-nav li
	{ margin-bottom: .6em; }

	.footer-nav a
	{
		display: inline;
		width: auto;
		padding: 0;
		text-decoration: none;
	}

	.footer-nav__text
	{ display: inline; }
}
/*************************/
@media screen and (max-width: 599px)
{
	.footer-nav--secondary
	{ margin: 0 20px;
	display: none; }

	.footer-nav--secondary li
	{
		display: inline-block;
		margin: 0;
	}

	.footer-nav--secondary a
	{
		line-height: 3;
		display: inline;
		padding: 1em .5em;
	}
}
/*************************/


/*== footer-guide ================*/

.footer-guide
{
	color: #fff;
	background: rgba(255,255,255,.1);
}

.footer-guide a
{
	transition: .2s;
	color: #fff;
}

.footer-guide a:hover
{ opacity: .66; }

.footer-guide__heading
{
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.5;
	margin: 0 10px 10px;
	padding: .5em 0;
	text-align: center;
	border-bottom: 2px solid #fff;
}

.footer-guide__label
{
	line-height: 1.5;
	margin: 10px 0;
}

.footer-guide__content
{
	font-size: 1.2rem;
	line-height: 1.8;
	margin: 0 0 40px;
}

.footer-guide__image
{ margin-bottom: 10px; }

/****** media query ******/
@media screen and (min-width: 600px)
{
	.footer-guide .layout-container
	{
		display: table;
		width: 100%;
		padding: 50px 5px;
		border-top: 1px solid #eaeaea;
	}

	.footer-guide__unit
	{
		display: table-cell;
		width: 33.33333%;
		padding: 0 15px;
	}

	.footer-guide__heading
	{
		margin: 0 0 30px;
		text-align: left;
	}
}
/*************************/


/*== footer-bottom ================*/

.footer-bottom
{
	font-family: 'Montserrat', sans-serif;
	position: relative;
	color: #fff;
}

.footer-bottom::after
{
	display: block;
	clear: both;
	content: '';
}

.footer-bottom a
{
	transition: .2s;
	color: #fff;
}

.footer-bottom a:hover
{ opacity: .66; }

.footer-bottom__copyright
{
	font-size: 1.2rem;
	line-height: 20px;
	padding: 10px;
	text-align: center;
}

.footer-bottom__credit
{
	padding: 15px 0;
	text-align: center;
}

.footer-bottom__credit span
{
	font-size: 1rem;
	position: relative;
	top: -.3em;
	margin-right: 5px;
	color: #fff;
}

.footer-bottom__pagetop
{ background: #fff; }

.footer-bottom__pagetop a
{
	display: block;
	padding: 13px 10px 10px;
	text-align: center;
	background: #fd7f23;
	text-decoration: none;
}

/****** media query ******/
@media screen and (min-width: 600px)
{
	.footer-bottom__copyright
	{
		padding: 15px 10px;
	}

	.footer-bottom__credit
	{
		float: right;
		width: 370px;
		text-align: left;
	}

	.footer-bottom__pagetop
	{
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.footer-bottom__pagetop a
	{
		padding: 17px 10px 0px;
		width: 50px;
		height: 50px;
		box-sizing: border-box;
	}
}
/*************************/


/****** media query ******/
@media screen and (max-width: 599px)
{
	.body
	{
		padding-top: 50px;
		padding-bottom: 20%;
	}

	.fixed-header
	{ display: none; }

	.js-fix-height
	{ display: none; }

}
/*************************/





/* =======================================================
LP
======================================================== */

.lp
{
	margin-bottom: 40px;
	position: relative;
}

.lp.liquid
{
	max-width: 840px;
	margin: 0 auto;
}

.lp_title
{
	text-align: center;
}

.character
{
	margin-bottom: 20px;
}

.character img
	{
	margin-top: 30px;
	}

.lp ul
{
	margin: 15px 10px 0 0;
	padding: 0;
	list-style-type: none;
}

.character ul li
{
	margin-bottom: 0;
	background: url(/user_data/packages/coil_original/img/lp/check_sp.png) 6px 11px no-repeat;
	background-size: 18px 18px;
	padding: 10px 5px 10px 30px;
	font-size: 16px;
	box-shadow: none;
}

.character ul li:last-child,
.character .character_comments ul li
{
	background: none;
	font-size: 11px;
	padding-top: 15px;
	padding-left: 5px;
}

.character .character_comments ul li
{
	padding-top: 0px;
	padding-bottom: 5px;
}

.suptext
{
	font-size: 70%;
	display: inline-block;
	vertical-align: top;
}

.cospa_note
{
	max-width: 700px;
	margin: -10px auto 0;
	text-align: center;
}

.cospa_note ul li
{
	font-size: 11px;
	line-height: 1.3;
	text-align: left;
	text-indent: -11px;
	padding-left: 11px;
}

.cospa_note ul li:before
{
	content: "※ ";
}

/****** media query ******/
@media screen and (min-width: 750px)
{
	.lp
	{
		margin-bottom: 80px;
	}
	.character
	{
		width: 750px;
		margin: 20px auto 40px;
		text-align: center;
	}

	.character ul
	{
		display: inline-block;
		text-align: left;
		margin: 20px auto;
	}
	.character ul li
	{
		font-size: 24px;
		background-size: 24px;
		padding-left: 40px;
	}

	.character img
	{
		max-width: 550px;
	}

	.character .character_comments ul
	{
		margin: 20px auto 0;
		display: block;
		max-width: 550px;
	}

}
/*************************/


.lp_image
{
	margin-bottom: 20px;
	text-align: center;
}

.lp_image2
{
	text-align: center;
}


.spec_table
{
	text-align: center;
}

.spec_table table
{
	width: 100%;
	background: #ccc;
	border-collapse: separate;
	border-spacing: 1px;
	margin-bottom: 40px;
}

.spec_table th,
.spec_table td
{
	padding: 5px;
}

.spec_table th
{
	background: #f2f2f2;
}

.spec_table td
{
	background: #fff;
	text-align: left;
}

.spec_table tr.spec_th td
{
	background: #333;
	color: #fff;
	text-align: center;
	padding: 8px;
}

.spec_table tr.spec_th2 td
{
	background: #e1f7ff;
	text-align: center;
	padding: 8px;
	font-weight: bold;
}

/****** media query ******/
@media screen and (min-width: 750px)
{
	.spec_table
	{
		max-width: 750px;
		margin: 0 auto 60px;
	}
}
/*************************/

.a_001
{
	margin: 20px 0 0;
}

x

/****** media query ******/
@media screen and (min-width: 750px)
{
	.a_001
	{
		margin: 40px 0 0;
	}
}
/*************************/

.coil_logo img
{
	height: 1.2rem;
	display: inline-block;
	padding: 0 2px;
}



/*== LP ORDER TEIKI BUTTON ================*/

.lp_image.order_teiki p,
.lp_image.order_normal p
{ margin: 0; }

.lp_image .teiki_btn,
.lp_image .teiki_btn02,
.lp_image .normal_btn,
.lp_image .normal_btn02
{ position: relative; }

.lp_image.order_teiki
{ margin: 40px auto 0; }

.lp_image.order_normal
{ margin: 20px auto 0; }

.lp_image.order_teiki p img,
.lp_image.order_normal p img
{ vertical-align: bottom; }

.lp_order_teiki a img
{
	display: block;
	position: absolute;
	margin: auto;
	top: 3px;
	left: 0;
	right: 0;
	border: none;
	cursor: pointer;
	transition: all .3s ease-in;
}

.lp_order_normal a img
{
	display: block;
	position: absolute;
	margin: auto;
	top: 0px;
	left: 0;
	right: 0;
	border: none;
	cursor: pointer;
	transition: all .3s ease-in;
}

.teiki_btn02,
.normal_btn02
{
	max-width: 750px;
	margin: 0 auto;
}

.lp_order_teiki02 a img,
.lp_order_normal02 a img
{
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	left: auto;
	right: 10px;
	border: none;
	cursor: pointer;
	transition: all .3s ease-in;
}

.lp_image a img:hover
{
	opacity: 0.6;
	transition: all .3s;
}


/****** media query ******/
@media screen and (max-width: 809px)
{
	.lp_order_teiki a img,
	.lp_order_normal a img
	{
		padding: 0 15px;
		box-sizing: border-box;
	}

	.lp_order_teiki02 a img,
	.lp_order_normal02 a img
	{ width: 66%; }
}
/*************************/


/*== LP ORDER TEIKI BUTTON　AGE CHECK ================*/

.lp_order_teiki.order_check03 img
{
	display: block;
	position: absolute;
	margin: auto;
	top: 3px;
	left: 0;
	right: 0;
	border: none;
	cursor: pointer;
	transition: all .3s ease-in;
}

.age_check03
{
	margin-bottom: -5px;
}

/****** media query ******/
@media screen and (max-width: 809px)
{
	.lp_order_teiki.order_check03 img
	{
		padding: 0 15px;
		box-sizing: border-box;
	}
}
/*************************/




/*== LP ORDER BUTTON ================*/

.lp_order
{
	position: relative;
	max-width: 800px;
	margin:0 auto;
}


.teika
{
	font-size: 12px;
	margin-top: 5px;
	color: #999;
}

p.campaign
{
	line-height: 1.4;
	font-size: 18px;
}

p.campaign a
{
	color: #dc3939;
	font-weight: bold;
}

p.campaign a:hover
{
	color: #666;
}
/*== FAQ ================*/

.lp_image2
{
	text-align: center;
}

ul.b_question_wrapper.lp
{
	max-width: 800px;
	margin: 20px auto;
}

dl.b_question
	{
	background: #f3f3f3;
	padding: 10px;
	margin-bottom: 15px;
	}

.b_question_wrapper.lp .question
{
	margin-bottom: 10px;
}


/*== LP SOLDOUT ================*/

.soldout_text
{
	font-size: 14px;
	border: 1px solid #fff;
	text-align: center;
}

.soldout_text p
{
	font-size: calc(100% + 0.5vw);
	display: inline-block;
	text-align: left;
	margin-bottom: 10px;
	font-weight: bold;
}

.soldout_text p.under_black
{
	text-decoration: underline;
	margin-bottom: 15px;
}

.soldout_text p.link
{
	font-weight: normal;
	display: block;
	text-align: center;
}

/****** media query ******/
@media screen and (max-width: 699px)
{
	.soldout_text p.red br
	{ display: none; }
}
/*************************/


/*== LP ATTENTION TEXT ================*/

.attention_text
	{
	font-size: 14px;
	text-align: center;
	margin-bottom: 30px;
	line-height: 1.5;
	border: 3px solid #333;
	padding: 10px;
	}

.attention_text p
	{
	font-size: calc(100% + 0.2vw);
	margin-bottom: 10px;
	}

.attention_text p.under_black
	{
	text-decoration: underline;
	margin-bottom: 15px;
	font-weight: bold;
	}

.attention_text p.text_area
	{
	text-align: left;
	}

.attention_text span.under_black
	{
	text-decoration:underline;
	}


/* =======================================================
OUTLET
======================================================== */

.lp_title_outlet
{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}

/*== LP LINK ================*/
.lp_link
{
	text-align: center;
	margin-top: 10px;
}

.lp_link a
{
	font-weight: bold;
	color: #0125fd;
}

.lp_link a:hover
{ color: #999; }


/*== OUTLET EXPLAIN ================*/
.outlet_explain
{
	max-width: 750px;
	margin: 60px auto 30px;
}

.outlet_explain h2
{
	background: #333;
	color: #fff;
	font-size: 2rem;
	padding: 10px;
}

.outlet_explain h3
{
	text-align: center;
	margin-top: 30px;
	font-size: 2rem;
}

.outlet_explain p
{
	margin: 10px 20px;
	font-size: 1.6rem;
	line-height: 1.6;
}

.outlet_explain ul
{
	padding-left: 30px;
}

.outlet_explain ul li
{
	margin-bottom: 10px;
	font-size: 1.6rem;
	list-style-type: disc;
}


/* =======================================================
LIQUID
======================================================== */

/****** media query ******/
@media screen and (max-width: 599px)
{
	.woodstand_img img
	{
		max-width: 45%;
	}
}
/*************************/



/* =======================================================
TYPE2-S F
======================================================== */

.lp_image.order_type2 p
{ margin: -1px 0 0 0; }

.lp_image .type2_btn
{ position: relative; }

.lp_image.order_type2
{ margin: 40px auto 0; }

.lp_image.order_type2 p img
{ vertical-align: bottom; }

.lp_image.order_type2 .soon p
{ margin-top: -1px; }

.lp_order_type2 img
{
	display: block;
	position: absolute;
	margin: auto;
	top: 3px;
	left: 0;
	right: 0;
	border: none;
	transition: all .3s ease-in;
}

.lp_image a img:hover
{
	opacity: 0.6;
	transition: all .3s;
}


/****** media query ******/
@media screen and (max-width: 809px)
{
	.lp_order_type2 img
	{
		padding: 0 15px;
		box-sizing: border-box;
	}
}
/*************************/
/****** media query ******/
@media screen and (max-width: 729px)
{
	.type2_btn.soon .lp_order_type2 img
	{
		max-height: 75%;
	}
}
/*************************/


/*== LP ORDER BUTTON ================*/

.lp_order
{
	position: relative;
	max-width: 800px;
	margin:0 auto;
}


/*== LIQUID ORDER BUTTON ================*/

.liquid_order
{
	position: relative;
	width: auto;
	margin: 0 auto 20px;
}

.liquid_order a img
{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 25px;
	margin: auto;
}

/****** media query ******/
@media screen and (max-width: 859px)
{
	.liquid_order a img
	{
		width: 20%
	}
}
@media screen and (max-width: 699px)
{
	.liquid_order a img
	{
		right: 10px;
	}
}
/*************************/


/* =======================================================
AGE CHECK
======================================================== */

.age_check01,
.age_check02
{
	margin-bottom: -5px;
}




/*== review ================*/

.review
{
	max-width: 800px;
	margin: 20px auto;
	overflow: hidden;
}

.v_box
{
	margin:10px;
	overflow:hidden;
	border:7px solid #e1f7ff;
	text-align:justify;
	padding:10px;
	position:relative;
}

.v_box p
{
	overflow:hidden;
	line-height: 1.4;
	font-size: 14px;
	padding: 10px;
}

.v_img
{
	max-width:180px;
	margin-right:10px;
	margin-top:5px;
	padding:3px;
	float:left;
}

.v_img:hover
{
	opacity:0.6;
}

.v_info
{
	display:block;
	text-align:right;
	margin-right:10px;
	margin-bottom:8px;
	font-weight:bold;
	border-bottom:1px dashed #ccc;
	overflow:hidden;
}


.v_torigger
{
	text-align:right;
	margin:0 10px 10px;
	color:#00a7e5;
	text-decoration:underline;
	cursor:pointer;
	font-size:1.8rem;
}

.v_torigger i
{ margin-right:5px; }

.v_torigger:hover
{ color:#666; }

.v_open
{ display:block !important; }

#v_fold
{ display:none; }

/****** media query ******/
@media screen and (max-width: 570px)
{
	.v_img
	{
		float:none;
		margin:0 auto;
		display:block;
	}
}
/*************************/

.review p.comment
{
	font-size: 12px;
	margin: 10px;
}


/* =======================================================
LINE@
======================================================== */

.only_pc
{
	text-align: center;
	display: none;
}

/****** media query ******/
@media screen and (min-width: 830px)
{
	.only_pc
	{
		display: block;
		margin-top: 40px;
	}
}
/*************************/

.line_friend
{
	max-width: 800px;
	margin: 20px auto 0;
	text-align: center;
}

.line_friend div
{
	border:1px solid #ddd;
	width: 395px;
	margin: 0 auto 20px;
}

/****** media query ******/
@media screen and (max-width: 394px)
{
	.line_friend div
	{
		border:1px solid #ddd;
		width: 95%;
		margin: 0 auto 20px;
	}
}
/*************************/

.line_button
{
	background: url(/user_data/packages/coil_original/img/line/line_button_bg.png) top center no-repeat;
	position: relative;
	width: 395px;
	height: 350px;
	text-align: center;
	margin: 0 auto;
}

.line_button  a
{
	position: absolute;
	top: 165px;
	left: 0;
	right: 0;
}

.line_button a:hover
{
	opacity: 0.6;
}

.line_qr
{ position: relative; }

.line_button p
{
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
}

.line_qr p
{
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
}


.line_text_bottom
{
	margin-bottom: 200px;
	padding: 20px 5px 0;
	text-align: center;
	font-size: 20px;
}


/****** media query ******/
@media screen and (max-width: 394px)
{
	.line_button
	{
		background: url(/user_data/packages/coil_original/img/line/line_button_bg.png) top center no-repeat;
		position: relative;
		background-size: contain;
		width: auto;
		height: 300px;
		text-align: center;
		margin: 0 auto;
	}

	.line_button  a
	{
		position: absolute;
		top: 125px;
		left: 0;
		right: 0;
	}
}
/*************************/



/*======== input_method ==========================*/

.input_method
{
	text-align: center;
	border: 1px solid #d10013;
	max-width: 800px;
	box-sizing: border-box;
	margin: 0 auto;
	background: #eaeaea;
}

.input_method p.head
{
	font-weight: bold;
	font-size: 18px;
	margin: 0px auto 20px;
	background: #d10013;
	color: #fff;
	padding: 10px;
	max-width: 845px;
}

.input_method p.text
{
	margin: 10px 20px 30px;
	text-align: left;
	line-height: 1.5;
}

.input_method img
{
	border: 3px solid #ccc;
	max-width: 95%;
	box-sizing: border-box;
	margin: 10px 20px 20px;
}

span.red
{ color: #dc3939 }

/****** media query ******/
@media screen and (min-width: 830px)
{
	.line_qr,
	.line_button
	{
		display: inline-block;
		vertical-align: top;
	}

	.line_button
	{
		width: 380px;
		margin-right: 10px;
	}
}
/*************************/


/* =======================================================
LINE@ BANNER
======================================================== */

#line_banner
{
	display: block;
	text-align: center;
	position: fixed;
	z-index: 9999;
	bottom: 0;
	right: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.17);
	padding: 5px;
}

#line_banner img
{ width: 80%; }

#line_banner.outlet_none,
#line_banner.lp_starter_none
{ display: none !important; }

/****** media query ******/
@media screen and (min-width: 600px)
{
	#line_banner
	{
		display: none !important;
	}
}
/*************************/

#line_banner03
{
	position: absolute;
	top: 898px;
	z-index: 1000;
}

/****** media query ******/
@media screen and (max-width: 599px)
{
	#line_banner03
	{ display: none; }
}
/*************************/

/*======== toppage ==========================*/

.line-banner__top
{
	text-align: center;
	margin: 50px 10px -20px;
}

.line-banner__top:hover
{
	opacity: 0.6;
}

/****** media query ******/
@media screen and (min-width: 820px)
{
	.line-banner__top
	{ margin: 50px 0 0px; }
}
/*************************/



/* =======================================================
question
======================================================== */

/*======== question_wrapper ==========================*/

ul.question_wrapper,
.question_wrapper li,
.question_wrapper ol
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.question_wrapper
{
	max-width: 1000px;
	margin: 0 auto 100px;
}

.question_wrapper .question--dt
{ margin: 20px 0 0px; }

.question_wrapper .question.-answer
{
	margin-bottom: 0;
	clear: both;
	background: #f3f3f3;
	margin-top: 15px;
	padding: 10px;
}

.question_wrapper--item
{
	padding: 40px 0 33px;
	border-bottom: 1px solid #e1e1e1;
}

/****** media query ******/
@media screen and (max-width: 599px)
{
	ul.question_wrapper
	{ padding: 0 5px; }

	.question_wrapper .question--dt
	{ margin: 20px 0 0; }

	.question_wrapper .question.-answer
	{
		margin-top: 5px;
	}

}
/*************************/


/*======== question ==========================*/

.question--dt
{
	display: table;
	table-layout: fixed;
	width: 100%;
}

.question--th
{ width: 42px; }

.question--th,
.question--td
{
	display: table-cell;
	vertical-align: top;
}

.question--td
{
	padding: 7px 10px 5px 22px;
	text-align: left;
}

.question.-answer .question--th,
.question.-answer .question--td
{ vertical-align: top; }

.question--icon
{
	display: inline-block;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: #000;
	color: #fff;
	border-radius: 50%;
	font-size: 2.0rem;
	margin-left: 5px;
}

.question.-answer .question--icon
{
	background: #fff;
	color: #000;
}

.question--heading
{
	line-height: 1.6;
	font-size: 1.7rem;
	font-weight: bold;
	color: #000;
}

.question.-answer .question--td
{
	font-size: 1.4rem;
	line-height: 1.9;
	text-align: left;
}

/****** media query ******/
@media screen and (max-width: 599px)
{
	.question--td
	{ padding-left: 10px; }

	.question.-answer .question--td
	{ line-height: 1.7; }
}
/*************************/


/* =======================================================
EGO AIO LP
======================================================== */


.lp.egoaio .lp_image2
{
	margin: 60px auto 30px;
}

/****** media query ******/
@media screen and (max-width: 699px)
{
	.lp.egoaio .lp_image2
	{
		margin: 60px auto 20px;
	}
}
@media screen and (max-width: 599px)
{
	.lp.egoaio .lp_image2
	{
		margin: 30px auto 10px;
	}
}
/*************************/


#footer
{
	background: #333;
	padding: 10px;
	text-align: center;
	color: #fff;
}

#footer a
{
	color: #fff;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}

#footer ul li
{
	display: inline-block;
	margin: 0 10px;
}

#footer p
{ margin-top: 10px; }






/* =======================================================
WIDTH,HEIGHT SETTING
======================================================== */
.w_20
{ width: 20%; }
.w_30
{ width: 30%; }
.w_40
{ width: 40%; }
.w_50
{ width: 50%; }
.w_60
{ width: 60%; }
.w_70
{ width: 70%; }
.w_80
{ width: 80%; }
.w_90
{ width: 90%; }
.w_100
{ width: 100%; }


.max-width300
{ max-width: 300px; }


/* =======================================================
MARGIN,PADDIN SETTING
======================================================== */
.mt_0
{ margin-top: 0px !important; }
.mt_4
{ margin-top: 4px !important; }
.mt_5
{ margin-top: 5px !important; }
.mt_8
{ margin-top: 8px !important; }
.mt_10
{ margin-top: 10px !important; }
.mt_12
{ margin-top: 12px !important; }
.mt_20
{ margin-top: 20px !important; }
.mt_30
{ margin-top: 30px !important; }
.mt_40
{ margin-top: 40px !important; }
.mt_60
{ margin-top: 60px !important; }
.mr_4
{ margin-right: 4px !important; }
.mr_8
{ margin-right: 8px !important; }
.mr_12
{ margin-right: 12px !important; }
.mr_20
{ margin-right: 20px !important; }
.ml_2
{ margin-left: 2px !important; }
.ml_4
{ margin-left: 4px !important; }
.ml_8
{ margin-left: 8px !important; }
.ml_12
{ margin-left: 12px !important; }
.ml_20
{ margin-left: 20px !important; }
.mb_0
{ margin-bottom: 0px !important; }
.mb_4
{ margin-bottom: 4px !important; }
.mb_8
{ margin-bottom: 8px !important; }
.mb_10
{ margin-bottom: 10px !important; }
.mb_12
{ margin-bottom: 12px !important; }
.mb_20
{ margin-bottom: 20px !important; }
.mb_30
{ margin-bottom: 30px !important; }
.mb_40
{ margin-bottom: 40px !important; }
.mb_60
{ margin-bottom: 60px !important; }


.mt_40_sp20
{ margin-top: 40px; }
.mt_40_sp30
{ margin-top: 40px; }
.mt_60_sp40
{ margin-top: 60px; }
.mb_30_sp20
{ margin-bottom: 30px; }
.mb_40_sp20
{ margin-bottom: 40px; }
/****** media query ******/
@media screen and (max-width: 699px)
{
	.mt_40_sp20
	{ margin-top: 20px; }
	.mt_40_sp30
	{ margin-top: 20px; }
	.mt_60_sp40
	{ margin-top: 40px; }
	.mb_30_sp20
	{ margin-bottom: 20px; }
	.mb_40_sp20
	{ margin-bottom: 20px; }
}
/*************************/


.pt_5
{ padding-top: 5px !important; }

.pb_10
{ padding-bottom: 10px !important; }

.padding_5
{ padding: 5px }

.padding_10
{ padding: 10px }

/****** media query ******/
@media screen and (max-width: 599px)
{
	.spmb_8
	{ margin-bottom: 8px; }
}
/*************************/



.text_mb5
{
	font-size: 1.5rem;
	line-height: 1.3;
	margin-bottom: 5px;
}



/* =======================================================
BLOCK SETTING
======================================================== */

.inline_block
{ display: inline-block; }

.disp_none
{ display: none !important; }



/* =======================================================
COLOR SETTING, FONT SETTING , BORDER
======================================================== */

/*== COLOR ================*/
.blue
{ color: #004f99 }
.skyblue
{ color: #24bacb }
.red
{ color: #dc3939 }
.orange
{ color: #df740b }
.yellow
{ color: #e1b005 }
.green
{ color: #3a8200 }
.black
{ color: #2f2f2f }
.gray
{ color: #999; }


/*== WEIGHT ================*/
.bold
{ font-weight: bold }
.small
{ font-size: 1.1rem !important; }

/*== LINE-HEIGHT ================*/
.line_h20
{ line-height: 2.0; }


/*== SIZE ================*/
.fs_10
{ font-size: 1rem; }
.fs_12
{ font-size: 1.2rem; }
.fs_14
{ font-size: 1.4rem; }
.fs_16
{ font-size: 1.6rem; }
.fs_18
{ font-size: 1.8rem; }
.fs_20
{ font-size: 2.0rem; }

.spfs_xs
{
	font-size: 0.9rem !important;
	letter-spacing: -0.5px !important;
}

/*== BORDER ================*/
.red_border
{ border: 1px solid #dc3939; }

.red_border_b
{ border: 4px solid #dc3939; }


/*== ALIGN ================*/
.align_right
{ text-align: right; }

.align_center
{ text-align: center; }


/****** media query ******/
@media screen and (min-width: 499px)
{
	.spfs_xs
	{
		font-size: 1.2rem !important;
		letter-spacing: 1px !important;
	}
}
/*************************/

[class^="icon-"], [class*=" icon-"]
{
	position: relative;
	top: -1px;
}

.under_border
	{ text-decoration: underline; }

/* =======================================================
BUTTON SETTING
======================================================== */

.btn
{
	padding: 8px 16px;
	display: inline-block;
	border: 0 none;
	letter-spacing: 1px;
	text-transform: uppercase;
	-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow: 1px 1px 2px rgba(000,000,000,0.1), inset 0px 0px 1px rgba(255,255,255,1);
	margin: 0;
	float: none;
	font-size: 1.4rem;
	width: auto;
}

.btn:hover
{
	opacity: 0.8;
	box-shadow: none;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}

.btn_large
{
	padding: 6px 20px;
	font-size: 1.5rem;
}

.btn_small
{
	padding: 6px 6px 4px;
	font-size: 1.2rem;
}

.btn_sx
{
	padding: 4px 6px;
	font-size: 1.2rem;
}

.btn_default
{
	background-image: -webkit-linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(239, 239, 239,1.00) 50%,rgba(220, 220, 220,1.00) 100%);
	background-image: -moz-linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(239, 239, 239,1.00) 50%,rgba(220, 220, 220,1.00) 100%);
	background-image: -o-linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(239, 239, 239,1.00) 50%,rgba(220, 220, 220,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgb(239, 239, 239) 50%,rgb(220, 220, 220) 100%);
	border: 1px solid #cccccc;
	-moz-box-shadow:1px 1px 1px rgba(000,000,000,0.2),inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:1px 1px 1px rgba(000,000,000,0.2),inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:1px 1px 1px rgba(000,000,000,0.2),inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:0px -1px 0px rgba(000,000,000,0.1),0px 1px 0px rgba(255,255,255,0.5);
	color: #666;
}


.btn_green,
.btn_red,
.btn_blue
{
	color: #fff;
	box-shadow:1px 1px 2px rgba(000,000,000,0.3),inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:0px -1px 0px rgba(000,000,000,0.4);
}

.btn_yellow
{
	color: #333;
	text-shadow:0px -1px 0px rgba(000,000,000,0.1),0px 1px 0px rgba(255,255,255,0.5);
	background: #febf01;
	border: 1px solid #daa401;
}

.btn_green
{
	background: #7cbc0a;
	border: 1px solid #7cbc0a;
}

.btn_red
{
	background: #dc3939;
	border: 1px solid #dc3939;
}

.btn_blue
{
	background: #08a7dc;
	border: 1px solid #08a7dc;
}

.btn_white
{
	background: #fff;
	background-image: -webkit-linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255, 254, 254,1.00) 50%,rgba(239, 239, 239,1.00) 100%);
	background-image: -moz-linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255, 254, 254,1.00) 50%,rgba(239, 239, 239,1.00) 100%);
	background-image: -o-linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255, 254, 254,1.00) 50%,rgba(239, 239, 239,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgb(255, 254, 254) 50%,rgb(239, 239, 239) 100%);
	border: 1px solid #bbb;
	box-shadow: none;
	color: #333;
}

.btn_white:hover
{ color: #aaa }

.btn_yellow:hover,
.btn_green:hover,
.btn_red:hover
{ color: #fff; }


.submit_btn
{
	text-align: center;
	margin: 20px 20px 40px;
}

.btn_block_01
{
	text-align: center;
	margin: 20px 20px 10px;
}

.btn_block_03
{
	text-align: center;
	margin: 20px 20px 10px;
}

.btn_block_01 a:not(:first-child),
.btn_block_03 a:not(:first-child)
{ margin-left: 8px; }

.btn_block_01 a,
.btn_block_02 a,
.btn_block_03 a
{ text-decoration: none; }

a.btn_default:hover
{ color: #2f2f2f; }

/****** media query ******/
@media screen and (max-width: 450px)
{
	.btn_block_03 a
	{
		display: block;
		margin: 0 auto 12px !important;
	}
}
@media screen and (max-width: 339px)
{
	.btn_block_01 a
	{
		display: block;
		margin: 0 auto 12px !important;
	}
}
/*************************/

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

.button-area .btn
{
	padding: 8px 16px;
	font-size: 1.4rem;
}


/* =======================================================
BORDER BOX
======================================================== */

.border-box
{
	border: 1px solid;
	padding: 10px;
}

.border-box2
{
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 10px;
}

.border-box3
{
	background: #edeff0;
	padding: 15px;
}

.border-box.solid
{
	border: 2px solid #ddd;
	background: #fff;
}

.input_day .border-box.solid
{
	line-height: 2;
	margin: 20px 0 10px;
}


/* =======================================================
BOX SETTING
======================================================== */

.pd_box10
{ padding: 10px; }

.box-white
{ background: #fff; }





.clr
{ clear: both; }


.ftp
{ display:none; }



/* =======================================================
FONT
======================================================== */


@font-face {
	font-family: 'icomoon';
	src:  url('fonts/icomoon.eot?uzikr2');
	src:  url('fonts/icomoon.eot?uzikr2#iefix') format('embedded-opentype'),
	  url('fonts/icomoon.ttf?uzikr2') format('truetype'),
	  url('fonts/icomoon.woff?uzikr2') format('woff'),
	  url('fonts/icomoon.svg?uzikr2#icomoon') 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-glyph177:before {
	content: "\e0b1";
  }
  .icon-glyph178:before {
	content: "\e0b2";
  }
  .icon-glyph182:before {
	content: "\e0b6";
  }
  .icon-uniF488:before {
	content: "\e900";
  }
  .icon-uniF489:before {
	content: "\e901";
  }
  .icon-uniF48A:before {
	content: "\e902";
  }
  .icon-uniF48B:before {
	content: "\e903";
  }
  .icon-user:before {
	content: "\e904";
  }
  .icon-search:before {
	content: "\e905";
  }
  .icon-home3:before {
	content: "\e906";
  }
  .icon-menu:before {
	content: "\e907";
  }
  .icon-multiply:before {
	content: "\e908";
  }
  .icon-chevron-down:before {
	content: "\e909";
  }
  .icon-chevron-left:before {
	content: "\e90a";
  }
  .icon-chevron-right:before {
	content: "\e90b";
  }
  .icon-chevron-small-down:before {
	content: "\e90c";
  }
  .icon-chevron-small-left:before {
	content: "\e90d";
  }
  .icon-chevron-small-right:before {
	content: "\e90e";
  }
  .icon-chevron-small-up:before {
	content: "\e90f";
  }
  .icon-chevron-up:before {
	content: "\e910";
  }
  .icon-pencil:before {
	content: "\e911";
  }
  .icon-uniF47C:before {
	content: "\e912";
  }
  .icon-locked:before {
	content: "\e913";
  }
  .icon-unlocked:before {
	content: "\e914";
  }
  .icon-uniF571:before {
	content: "\e915";
  }
  .icon-uniF572:before {
	content: "\e916";
  }
  .icon-trash:before {
	content: "\e917";
  }
  .icon-uniF476:before {
	content: "\e918";
  }
  .icon-uniF477:before {
	content: "\e919";
  }
  .icon-uniF478:before {
	content: "\e91a";
  }
  .icon-uniF479:before {
	content: "\e91b";
  }
  .icon-refresh:before {
	content: "\e91c";
  }
  .icon-cart:before {
	content: "\e93a";
  }
  .icon-truck:before {
	content: "\e9b0";
  }
  .icon-clipboard:before {
	content: "\e9b8";
  }
  .icon-heart:before {
	content: "\e9da";
  }
  .icon-caret-down:before {
	content: "\f0d7";
  }
  .icon-caret-up:before {
	content: "\f0d8";
  }
  .icon-caret-left:before {
	content: "\f0d9";
  }
  .icon-caret-right:before {
	content: "\f0da";
  }
  .icon-angle-double-left:before {
	content: "\f100";
  }
  .icon-angle-double-right:before {
	content: "\f101";
  }
  .icon-angle-double-up:before {
	content: "\f102";
  }
  .icon-angle-double-down:before {
	content: "\f103";
  }
  .icon-credit-card:before {
	content: "\e93f";
  }