@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

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

	CommonElements

======================================= */
html {
	overflow-x: hidden !important;
}
body {
	overflow: visible;
	padding: 175px 0 0 0;
	font-size: 1.0rem;
	line-height: 1.8;
	text-align: left;
	color: #444;
	font-family: YuGothic, YuGothicM, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	word-wrap : break-word;
	overflow-wrap : break-word;
	position: relative;
	background: #FFF;
	-webkit-text-size-adjust: 100%;
	-webkit-animation: fadeIn 0.8s ease 0s 1 normal;
	animation: fadeIn 0.8s ease 0s 1 normal;
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	40% {opacity: 0}
	100% {opacity: 1}
}
@keyframes fadeIn {
	0% {opacity: 0}
	40% {opacity: 0}
	100% {opacity: 1}
}
a:link { text-decoration:none; color: #444;}
a:visited { text-decoration:none; color: #444;}
a:active { text-decoration:none; color: #444;}
a:hover { text-decoration:none; color: #444;}

@font-face {
  font-family: 'icoi';
  src:
    url('/fonts/icoi.ttf?wn2e63') format('truetype'),
    url('/fonts/icoi.woff?wn2e63') format('woff'),
    url('/fonts/icoi.svg?wn2e63#icoi') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*
.icon-scissors_line:before {
  content: "\e92b";
  color: #707070;
}
.icon-organ:before {
  content: "\e92d";
  color: #707070;
}
.icon-mail_reach:before {
  content: "\e92e";
  color: #707070;
}
.icon-pay:before {
  content: "\e92f";
  color: #707070;
}
.icon-arrow:before {
  content: "\e900";
}
.icon-arrow2:before {
  content: "\e901";
}
.icon-qr:before {
  content: "\e902";
}
.icon-coupon:before {
  content: "\e903";
}
.icon-circle_arrow:before {
  content: "\e904";
}
.icon-calendar:before {
  content: "\e905";
}
.icon-reservation:before {
  content: "\e906";
}
.icon-cart:before {
  content: "\e907";
}
.icon-scissors_open:before {
  content: "\e908";
}
.icon-check:before {
  content: "\e909";
}
.icon-exclam:before {
  content: "\e90a";
}
.icon-check2:before {
  content: "\e90b";
}
.icon-mail:before {
  content: "\e90c";
}
.icon-question:before {
  content: "\e90d";
}
.icon-add:before {
  content: "\e90e";
}
.icon-ticket:before {
  content: "\e90f";
}
.icon-mypage:before {
  content: "\e910";
}
.icon-good:before {
  content: "\e911";
}
.icon-home:before {
  content: "\e912";
}
.icon-shopping:before {
  content: "\e913";
}
.icon-column:before {
  content: "\e914";
}
.icon-icolab:before {
  content: "\e915";
}
.icon-show:before {
  content: "\e916";
}
.icon-hide:before {
  content: "\e917";
}
.icon-scissors_close:before {
  content: "\e918";
}
.icon-search:before {
  content: "\e919";
}
.icon-favorite_off:before {
  content: "\e91a";
}
.icon-favorite_on:before {
  content: "\e91b";
}
.icon-close:before {
  content: "\e91c";
}
.icon-arrow3:before {
  content: "\e91d";
}
.icon-purchase:before {
  content: "\e91e";
}
.icon-browse:before {
  content: "\e91f";
}
.icon-point:before {
  content: "\e920";
}
.icon-blank:before {
  content: "\e921";
}
.icon-pdf:before {
  content: "\e922";
}
.icon-face1:before {
  content: "\e923";
}
.icon-face2:before {
  content: "\e924";
}
.icon-face3:before {
  content: "\e925";
}
.icon-face4:before {
  content: "\e926";
}
.icon-face5:before {
  content: "\e927";
}
.icon-caution:before {
  content: "\e928";
}
.icon-mobile:before {
  content: "\e929";
}
.icon-finger:before {
  content: "\e92a";
}
*/

@media only screen and (max-width: 980px) {
	body {
		min-width: 980px;
	}
}

@media only screen and (max-width: 768px) {
	body {
		min-width: initial;
		min-width: auto;
		min-width: none;
		-webkit-animation: none;
		animation: none;
		padding: 50px 0 53px 0;
	}
	#container {
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
	}
}

@media only screen and (max-width: 320px) {
	body {
		min-width: 320px;
	}
}

/* ------------------------------------
	adjust parts
------------------------------------ */
.br_pc {display: block; font-size: 0;}
.br_sp {display: none;}
.display_pc {display: block;}
.display_sp {display: none;}
.align_r {text-align: right !important;}
.align_c {text-align: center !important;}
.align_l {text-align: left !important;}
.v_align_t {vertical-align: top !important;}
.v_align_m {vertical-align: middle !important;}
.v_align_b {vertical-align: bottom !important;}
.font_b {font-weight: bold !important;}
.font_n {font-weight: normal !important;}
.note {color: #969494; font-size: 1.3rem;}
.codicil {color: #6e7376;}
.subcolor {color: #BFB59A;}
.attention {color: #CB5E5E;}
.indent {
	text-indent: -1.5rem;
	padding: 0 0 0 1.5rem;
	display: inline-block;
}
a.basic_link {
	color: #BFB59A;
	text-decoration: underline;
}
.no_icon:before {content: none !important;}
.no_border {border: none !important;}
.no_border_t {border-top: none !important;}
.no_border_b {border-bottom: none !important;}
span.tel a {color: #BFB59A;}
.mt0 { margin-top: 0!important;}
.mt5 { margin-top: 5px!important;}
.mt10 { margin-top: 10px!important;}
.mt20 { margin-top: 20px!important;}
.mt30 { margin-top: 30px!important;}
.mt40 { margin-top: 40px!important;}
.mt50 { margin-top: 50px!important;}
.mt60 { margin-top: 60px!important;}
.mt70 { margin-top: 70px!important;}
.mt80 { margin-top: 80px!important;}
.mt90 { margin-top: 90px!important;}
.mb0 { margin-bottom: 0px!important;}
.mb10 { margin-bottom: 10px!important;}
.mb20 { margin-bottom: 20px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb40 { margin-bottom: 40px!important;}
.mb50 { margin-bottom: 50px!important;}
.mb60 { margin-bottom: 60px!important;}
.mb70 { margin-bottom: 70px!important;}
.mb80 { margin-bottom: 80px!important;}
.mb90 { margin-bottom: 90px!important;}
.mt-5 { margin-top: -5px!important;}
.pt0 { padding-top: 0px!important;}
.pt10 { padding-top: 10px!important;}
.pt20 { padding-top: 20px!important;}
.pt30 { padding-top: 30px!important;}
.pt40 { padding-top: 40px!important;}
.pt50 { padding-top: 50px!important;}
.pt60 { padding-top: 60px!important;}
.pt70 { padding-top: 70px!important;}
.pt80 { padding-top: 80px!important;}
.pt90 { padding-top: 90px!important;}
.pb0 { padding-bottom: 0px!important;}
.pb10 { padding-bottom: 10px!important;}
.pb20 { padding-bottom: 20px!important;}
.pb30 { padding-bottom: 30px!important;}
.pb40 { padding-bottom: 40px!important;}
.pb50 { padding-bottom: 50px!important;}
.pb60 { padding-bottom: 60px!important;}
.pb70 { padding-bottom: 70px!important;}
.pb80 { padding-bottom: 80px!important;}
.pb90 { padding-bottom: 90px!important;}
.w5 {width: 5%!important;}
.w10 {width: 10%!important;}
.w15 {width: 15%!important;}
.w20 {width: 20%!important;}
.w25 {width: 25%!important;}
.w30 {width: 30%!important;}
.w35 {width: 35%!important;}
.w40 {width: 40%!important;}
.w45 {width: 45%!important;}
.w50 {width: 50%!important;}
.w55 {width: 55%!important;}
.w60 {width: 60%!important;}
.w65 {width: 65%!important;}
.w70 {width: 70%!important;}
.w75 {width: 75%!important;}
.w80 {width: 80%!important;}
.w85 {width: 85%!important;}
.w90 {width: 90%!important;}

@media only screen and (max-width: 768px) {
	.br_pc {display: none;}
	.br_sp {display: block; font-size: 0;}
	.display_pc {display: none;}
	.display_sp {display: block;}
}

/* ------------------------------------
	btn
------------------------------------ */
a.normal_btn {
	display: inline-block;
	vertical-align: bottom;
	color: #444;
	font-size: 1.4rem;
	font-family: YuGothic, YuGothicM, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	text-decoration: none;
	border: 1px solid #444;
	border-radius: 60px;
	background: #FFF;
	transition: all 0.3s ease-out;
	padding: 7px 30px;
	text-align: left;
}
a.basic_btn,
.basic_btn {
	padding: 7px;
	display: inline-block;
	vertical-align: bottom;
	color: #444;
	font-size: 1.4rem;
	font-family: YuGothic, YuGothicM, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	text-decoration: none;
	text-align: center;
	border: 1px solid #444;
	border-radius: 60px;
	background: #FFF;
	transition: all 0.3s ease-out;
}
a.basic_btn:before,
.basic_btn:before {
	font-family: icoi;
	content: "\e900";
	margin: 0 5px 0 0;
	font-size: 1rem;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;
	color: #444;
	transition: all 0.3s ease-out;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	height: 12px;
	line-height: 1;
}
a.basic_btn.icon_blank:before,
.basic_btn.icon_blank:before {
	content: "\e921";
	font-weight: bold;
	-webkit-transform: scale(1);
	transform: scale(1);
}
a.basic_btn.icon_pdf,
.basic_btn.icon_pdf {
	padding: 7px 20px;
	text-align: left;
}
a.basic_btn.icon_pdf:before,
.basic_btn.icon_pdf:before {
	content: "\e922";
	height: 21px;
	font-weight: normal;
	font-size: 1.7rem;
	vertical-align: middle;
	-webkit-transform: scale(1);
	transform: scale(1);
}
a.basic_btn.subcolor_btn,
.basic_btn.subcolor_btn {
	background: #E5E1D6;
	border: 1px solid #E5E1D6;
}
a.basic_btn.subcolor_btn:before,
.basic_btn.subcolor_btn:before {
	color: #444;
}
a.basic_btn.subcolor_btn2,
.basic_btn.subcolor_btn2 {
	color: #FFF;
	background: #BFB59A;
	border: 1px solid #BFB59A;
}
a.basic_btn.subcolor_btn2:before,
.basic_btn.subcolor_btn2:before {
	color: #FFF;
}
a.basic_btn.subcolor_btn3,
.basic_btn.subcolor_btn3 {
	color: #FFF;
	background: #BFB59A;
	border: 1px solid #BFB59A;
}
a.basic_btn.subcolor_btn3:before,
.basic_btn.subcolor_btn3:before {
	color: #FFF;
}
a.basic_btn.transparent_btn,
.basic_btn.transparent_btn {
	background: transparent;
}

.a.basic_btn.subcolor_btn4,
.basic_btn.subcolor_btn4 {
	color: #FFF;
    background: #7DCBA4;
    border: 1px solid #7DCBA4;
	font-weight: bold;
}

.a.basic_btn.subcolor_btn4:before,
.basic_btn.subcolor_btn4:before {
	content: none;
}

/* IE */
@media all and (-ms-high-contrast:none) {
	.icon_arrow:before,
	.icon_arrow:hover {
		text-decoration: underline;
	}
	a.basic_btn {
		padding: 7px 5px 3px;
	}
}

/*PC Hover*/
@media only screen and (min-width: 768px) {
	body:not(.tab_view) a.basic_btn:hover,
	body:not(.tab_view) .basic_btn:hover {
		color: #FFF;
		background: #444;
	}
	body:not(.tab_view) a.basic_btn:hover:before,
	body:not(.tab_view) .basic_btn:hover:before {
		color: #FFF;
	}
	body:not(.tab_view) a.basic_btn.subcolor_btn:hover,
	body:not(.tab_view) .basic_btn.subcolor_btn:hover {
		color: #444;
		background: #BFB59A;
		border: 1px solid #BFB59A;
	}
	body:not(.tab_view) a.basic_btn.subcolor_btn:hover:before,
	body:not(.tab_view) .basic_btn.subcolor_btn:hover:before {
		color: #444;
	}
	body:not(.tab_view) a.basic_btn.subcolor_btn2:hover,
	body:not(.tab_view) .basic_btn.subcolor_btn2:hover {
		background: #BFB59A;
		border: 1px solid #BFB59A;
		opacity: 0.7;
	}
	body:not(.tab_view) a.basic_btn.subcolor_btn2:hover:before,
	body:not(.tab_view) .basic_btn.subcolor_btn2:hover:before {
		color: #FFF;
	}
}

/* ------------------------------------
	icon
------------------------------------ */
a.icon_back {
	color: #444;
	font-size: 1.5rem;
	text-decoration: none;
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
}
a.icon_back:before {
	font-family: icoi;
	content: "\e900";
	height: 5px;
	margin: 0 5px 0 0;
	line-height: 1;
	font-size: 1rem;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
a.basic_btn.icon_back:before {
	height: 7px;
}
a.icon_arrow {
	color: #444;
	font-size: 1.4rem;
	text-decoration: none;
}
a.icon_arrow:hover {
	opacity: 0.7;
}
a.icon_arrow:before {
	margin: 0 5px 0 0;
	font-family: 'icoi';
	content: "\e900";
	font-size: 1rem;
	display: inline-block;
	text-decoration: none;
	transition: all 0.3s ease-out;
}
a.blank_link {
	padding: 0 0 0 18px;
	display: inline-block;
	position: relative;
}
a.blank_link:before {
	font-family: 'icoi';
	content: "\e921";
	font-weight: normal;
	font-size: 1.2rem;
	position: absolute;
	top: 2px;
	left: 0;
}

/*PC Hover*/
@media only screen and (min-width: 768px) {
	body:not(.tab_view) .icon_arrow:before,
	body:not(.tab_view) .icon_arrow:hover {
		text-decoration: none;
	}
}

@media only screen and (max-width: 768px) {
	a.icon_back {
		font-size: 1.3rem;
	}
	a.icon_back:before {
		font-size: 0.8rem;
	}
}

/* ------------------------------------
	fit_img
------------------------------------ */
.fit_img figure {
	background: #FFF;
}
.fit_img .type_h img,
.fit_img .type_s.type_h img {
	width: auto !important;
	height: 100%;
}
.fit_img .type_w img,
.fit_img .type_s.type_w img,
.fit_img .type_s img {
	width: 100%;
	height: auto;
}

/*icolumn, calendar*/
.icolumn .fit_img .type_w img,
.calendar_list.fit_img .type_h img {
	max-width: none;
	max-width: initial;
	max-height: none;
	max-height: initial;
	width: auto;
	height: 100%;
}
.icolumn .fit_img .type_h img,
.icolumn .fit_img .type_s img,
.calendar_list.fit_img .type_w img,
.calendar_list.fit_img .type_s img {
	max-width: none;
	max-width: initial;
	max-height: none;
	max-height: initial;
	width: 100% !important;
	height: auto;
}
.calendar_list.fit_img .sunday .type_w img,
.calendar_list.fit_img .sunday .type_s img {
	width: 70% !important;
}

/* ------------------------------------
	item label
------------------------------------ */
.new {
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 1rem;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	text-align: center;
	color: #FFF;
	font-family: 'Lato', sans-serif;
	background: #E57171;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
}
.my_favlist .new {
	width: 30px;
	height: 30px;
	line-height: 30px;
	top: -5px;
	right: -10px;
}

.ribon {
	width: 120px;
	height: 20px;
	line-height: 22px;
	font-size: 1rem;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	color: #FFF;
	background: #A4CCB2;
	-webkit-transform: rotate(45deg)translate(35px,-15px);
	transform: rotate(45deg)translate(35px,-15px);
	-webkit-transform-origin: center;
	transform-origin: center;
}

.ship_label {
    margin: 0 5px 0 0;
    padding: 2px 8px;
    display: inline-block;
    line-height: 1.2;
    color: #FFF;
    font-size: 1.2rem;
    border-radius: 2px;
}
.ship_label.refrige {
    background: #79BFCC;
}
.ship_label.frozen {
    background: #86A9D1;
}
.ship_label.include {
    background: #444;
}
.regular_purchases_label {
	margin: 0 5px 0 0;
	padding: 2px 8px;
	display: inline-block;
	line-height: 1.2;
	color: #FFF;
	font-size: 1.2rem;
	border-radius: 2px;
}
.regular_purchases_label.regular {
	background: #BFB59A;
}
.regular_purchases_label.frequency {
	background: #958D76;
}

@media only screen and (min-width: 768px) {
	.ribon {
		height: 30px;
		line-height: 33px;
		font-size: 1.2rem;
		-webkit-transform: rotate(45deg)translate(32px,-10px);
		transform: rotate(45deg)translate(32px,-10px);
	}
}

/* ------------------------------------
	header
------------------------------------ */
header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 4;
}
header .btn_area {
	position: absolute;
	top: 28px;
	right: 30px;
	letter-spacing: -0.4em;
	transition: all 0.3s ease-out;
}
header .btn_area li {
	margin: 0 0 0 10px;
	letter-spacing: 0;
	display: inline-block;
}
header .btn_area li.regist a,
header .btn_area li.login a {
	width: 120px;
	padding: 2px 20px;
	display: block;
	font-size: 1.5rem;
	text-align: center;
	overflow: hidden;
	vertical-align: bottom;
	text-decoration: none;
	border-radius: 40px;
}
header .btn_area li.regist a {
	color: #444;
	background: #FFF;
	border: 1px solid #444;
}
header .btn_area li.login a {
	color: #FFF;
	background: #BFB59A;
	border: 1px solid #BFB59A;
}
header .header_mypage {
	position: absolute;
	top: 27px;
	right: 30px;
	color: #727171;
	text-align: center;
	text-decoration: none;
	line-height: 1.1;
	transition: all 0.3s ease-out;
}
header .header_mypage:before {
	font-family: icoi;
	content: "\e910";
	color: #727171;
	font-size: 2.8rem;
	display: block;
}
header .header_mypage small {
	display: none;
}
header .header_cart {
	position: absolute;
	top: 30px;
	right: 80px;
	color: #727171;
	text-align: center;
	text-decoration: none;
	line-height: 1.1;
	transition: all 0.3s ease-out;
}
header .header_cart:before {
	font-family: icoi;
	content: "\e907";
	color: #727171;
	font-size: 2.5rem;
	display: block;
}
header .header_cart small {
	display: none;
}
header .header_cart span {
	width: 22px;
	height: 22px;
	display: block;
	line-height: 22px;
	font-size: 1.3rem;
	font-family: 'Lato', sans-serif;
	text-align: center;
	color: #FFF;
	white-space: nowrap;
	position: absolute;
	top: -5px;
	right: -7px;
	background: #CB5E5E;
	border-radius: 50%;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
header .header_favorite {
	position: absolute;
	top: 17px;
	right: 94px;
	color: #727171;
	text-align: center;
	text-decoration: none;
	line-height: 1.1;
	transition: all 0.3s ease-out;
}
header .header_favorite:before {
	font-family: icoi;
	content: "\e91a";
	font-size: 2.6rem;
	display: block;
	color: #727171;
}
header .header_favorite small {
	display: none;
}
.global ul {
	text-align: center;
	letter-spacing: -0.4em;
	background: rgba(255,255,255,0.9);
}
.global li {
	width: 165px;
	letter-spacing: 0;
	display: inline-block;
}
.global li a {
	padding: 34px 20px;
	line-height: 1.1;
	font-size: 1.6rem;
	display: block;
	text-decoration: none;
	color: #444;
	transition: all 0.3s ease-out;
	position: relative;
}
.global li small {
	display: none;
}
.global li.active a {
	color: #BFB59A;
	font-weight: bold;
}
.global li.disable a {
	color: rgba(114, 113, 113, 0.5);
	cursor: default;
}
.global li small.unchecked {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin: -10px 0 0 12px;
  padding: 0px 5px;
  color: #FFF;
  font-family: 'Lato', sans-serif;
  background: #CB5E5E;
  border-radius: 10px;
  position: absolute;
  -webkit-transform: translate(-90%, 0);
  transform: translate(-90%, 0);
}
.mini_header .btn_area {
	top: 12px;
}
.mini_header .header_mypage {
	top: 13px;
}
.mini_header .header_cart {
	top: 16px;
}
.mini_header .header_favorite {
	top: 15px;
}
.mini_header .global li a {
	padding: 20px 20px;
}

/* IE */
@media all and (-ms-high-contrast:none) {
	header .btn_area li.regist a,
	header .btn_area li.login a {
		width: 120px;
		padding: 4px 20px 0;
	}
}

/*PC Hover*/
@media only screen and (min-width: 768px) {
	body:not(.tab_view) header .global li a:hover {
		color: #BFB59A;
	}
}

@media only screen and (max-width: 980px) {
	.global li {
		width: 145px;
	}
	.global li a {
		padding: 34px 20px;
	}
	.mini_header .global li a {
		padding: 20px 20px;
	}
}

@media only screen and (max-width: 768px) {
	header .header_mypage,
	.mini_header .header_mypage {
		top: 13px;
		right: 5%;
	}
	header .header_mypage:before {
		font-size: 2.2rem;
	}
	header .header_cart {
		top: 15px;
		right: 15%;
	}
	header .header_cart:before {
		font-size: 2rem;
	}
	header .header_cart span {
		width: 16px;
		height: 16px;
		line-height: 16px;
		font-size: 1.0rem;
	}
	header .header_favorite {
		top: 15px;
		right: 25%;
	}
	header .header_favorite:before {
		font-size: 2rem;
	}
	header .btn_area {
		top: 14px;
		right: 10px;
	}
	header .btn_area li.regist a,
	header .btn_area li.login a {
		width: 60px;
		padding: 2px 0;
		font-size: 1rem;
	}
	.global {
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 99;
		border-top: 1px solid rgba(0, 0, 0, 0.3);
	}
	.global ul {
		overflow: hidden;
	}
	.global li {
		width: 20%;
		float: left;
		display: block;
	}
	.global li a {
		height: 53px;
		display: block;
		background: #F4F4F4;
	}
	.global li a,
	.mini_header .global li a {
		padding: 35px 0 0;
		color: #444;
		font-size: 1rem;
		position: relative;
		padding-bottom: calc(constant(safe-area-inset-bottom) + 18px);
		padding-bottom: calc(env(safe-area-inset-bottom) + 18px);
	}
	.global li a:before {
		font-family: icoi;
		font-size: 1.8rem;
		display: block;
		position: absolute;
		top: 10px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	.global li.message a:before {
		font-size: 1.4rem;
		top: 14px;
	}
	.global li.home a:before {content: "\e912";}
	.global li.message a:before {content: "\e90c";}
	.global li.shopping a:before {content: "\e913";}
	.global li.column a:before {content: "\e914";}
	.global li.icolab a:before {content: "\e915";}
	.global li.active a:before {
		font-weight: normal;
	}
	.global li small {
		display: block;
		margin: 0 0 0 12px;
		padding: 2px 4px;
		color: #FFF;
		font-family: 'Lato', sans-serif;
		background: #CB5E5E;
		border-radius: 10px;
		position: absolute;
		top: 7px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

  .global li small.unchecked {
    width: 14px;
    height: 14px;
    display: block;
    margin: 0 0 0 12px;
    padding: 2px 4px;
    color: #FFF;
    font-family: 'Lato', sans-serif;
    background: #CB5E5E;
    border-radius: 10px;
    position: absolute;
    top: 7px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@media only screen and (min-width: 768px) {
	header .header_mypage {
		top: 25px;
		right: 23px;
	}
	header .header_cart {
		top: 28px;
		right: 85px;
	}
	header .header_favorite {
		top: 27px;
		right: 138px;
	}
	header .header_favorite:before {
		font-size: 2.6rem;
	}
	header .header_mypage:before,
	header .header_cart:before,
	header .header_favorite:before {
		margin: 0 0 3px;
	}
	header .header_mypage small,
	header .header_cart small,
	header .header_favorite small {
		display: block;
		font-family: 'Lato', sans-serif;
		color: #727171;
	}
}

@media only screen and (max-width: 320px) {
	header .btn_area li.regist a,
	header .btn_area li.login a {
		width: 50px;
	}
}

/* ------------------------------------
	Hamburger Menu Button
------------------------------------ */
.hamburger {
	width: 25px;
	height: 20px;
	cursor: pointer;
	position: fixed;
	top: 36px;
	left: 30px;
	z-index: 11;
	transition: all 0.15s linear;
}
.hamburger span {
	color: #FFF;
	font-size: 1rem;
	font-weight: bold;
	position: absolute;
	bottom: 2px;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.menuBox {
	width: 25px;
	height: 20px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.menuinner {
	display: block;
	top: 2px;
	margin-top: -2px;
}
.menuinner,
.menuinner:before,
.menuinner:after {
	width: 100%;
	height: 2px;
	background-color: #727171;
	position: absolute;
	border-radius: 10px;
	transition: all 0.5s ease;
}
.menuinner:before,
.menuinner:after {
	content: "";
	display: block;
}
.menuinner:before {
	top: 8px;
}
.menuinner:after {
	top: 16px;
	bottom: -10px;
}
.active .menuinner {
	-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
	transform: translate3d(0, 10px, 0) rotate(45deg);
	background: #BFB59A;
}
.active .menuinner:before {
	-webkit-transform: rotate(-45deg) translate3d(30px, -6px, 0);
	transform: rotate(-45deg) translate3d(30px, -6px, 0);
	opacity: 0;
}
.active .menuinner:after {
	-webkit-transform: translate3d(0, -16px, 0) rotate(-90deg);
	transform: translate3d(0, -16px, 0) rotate(-90deg);
	background: #BFB59A;
}
.mini_header .hamburger {
	top: 26px;
}

@media only screen and (max-width: 768px) {
	.hamburger,
	.mini_header .hamburger {
		top: 16px;
		left: 4.5%;
	}
}

/*.icomart*/
@media only screen and (min-width: 768px) {
	.icomart .hamburger {
		top: 36px;
	}
	.mini_header.icomart .hamburger {
		top: 26px;
	}
}

/* ------------------------------------
	Hamburger Menu List
------------------------------------ */
.menuList {
	display: none;
	width: 100%;
	height: 100%;
	padding: 80px 0 0 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 6;
	background: rgba(255,255,255,0.9);
}
.menuList .inner {
	height: 100%;
	padding: 30px 20px 20px 40px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.menuList .side_menu ul {
	padding: 0 0 20px;
	display: inline-block;
}
.menuList .side_menu li a {
	padding: 10px 0;
	display: block;
	color: #444;
	font-size: 1.8rem;
	text-decoration: none;
}
.menuList .sns_button ul {
	letter-spacing: -0.4em;
}
.menuList .sns_button li {
	letter-spacing: 0;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 15px;
}
.menuList .sns_button li:first-child {
	margin: 0;
}
.menuList .sns_button li a {
	width: 30px;
	display: block;
	text-decoration: none;
	color: #444;
}
.menuList .sns_button li a img {
	width: 30px;
}

@media only screen and (max-width: 768px) {
	.menuList {
		padding: 40px 0 0 0;
	}
	.menuList .inner {
		padding: 20px 20px 20px 40px;
	}
	.menuList .side_menu li a {
		font-size: 1.6rem;
	}
}

@media only screen and (max-width: 320px) {
	.menuList .inner {
		padding: 20px 20px 80px 40px;
	}
}

/* ------------------------------------
	footer
------------------------------------ */
footer {
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0 50px;
	position: relative;
	border-top: 1px solid #ECECEC;
}
footer .sns_link {
	position: absolute;
	top: 40px;
	right: 0;
	letter-spacing: -0.4em;
}
footer .sns_link li {
	letter-spacing: 0;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 20px;
}
footer .sns_link li a {
	width: 30px;
	display: block;
	text-decoration: none;
	color: #444;
}
footer .sns_link li a img {
	width: 30px;
}
footer .other_link {
	margin: 0 0 5px;
	letter-spacing: -0.4em;
}
footer .other_link li {
	letter-spacing: 0;
	display: inline-block;
	margin: 0 30px 0 0;
}
footer .other_link li a {
	font-size: 1.4rem;
	text-decoration: none;
	color: #444;
}
footer small {
	font-size: 1.2rem;
	color: #AAA;
	font-family: 'Lato', sans-serif;
}

@media only screen and (max-width: 1200px) {
	footer {
		width: 90%;
		margin: auto auto 0;
	}
}

@media only screen and (max-width: 768px) {
	footer {
		position: static!important;
		padding: 20px 0;
		text-align: center;
	}
	footer .sns_link {
		margin: 0 0 15px;
		position: static;
		text-align: center;
	}
	footer .sns_link li {
		margin: 0 10px;
	}
	footer .other_link {
		margin: 0 0 20px;
		text-align: center;
	}
	footer .other_link li {
		margin: 0 0 10px;
		display: block;
	}
	footer .other_link li a {
		font-size: 1.2rem;
	}
	footer small {
		font-size: 1.1rem;
		color: #D9D9D9;
	}
}

/* ------------------------------------
	float_menu
------------------------------------ */
.float_menu {
	width: 70px;
/*	height: 180px;*/
	height: 1px;
	position: fixed;
	right: 0;
	bottom: 110px;
	z-index: 2;
}
.float_menu .pagetop {
	display: none;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	font-family: 'Lato', sans-serif;
	white-space: nowrap;
	position: absolute;
	right: 22px;
	bottom: 80px;
	margin-bottom: constant(safe-area-inset-bottom);
	margin-bottom: env(safe-area-inset-bottom);
}
.float_menu .pagetop a {
	padding: 0 5px 0 15px;
	text-decoration: none;
	font-size: 1.2rem;
	color: #444;
}
.float_menu .pagetop .first,
.float_menu .pagetop .second {
	width: 1px;
	height: 0;
	border-right: 1px solid #444;
	display: block;
	position: absolute;
	right: 12px;
}
.float_menu .pagetop .first {
	top: -50px;
	animation: pagetopF 1.7s infinite;
}
.float_menu .pagetop .second {
	bottom: 60px;
	animation: pagetopS 1.7s infinite;
}
@keyframes pagetopF {
	0% {height: 35px;}
	20% {height: 0;}
	100% {height: 0;}
}
@keyframes pagetopS {
	0% {height: 0;}
	50% {height: 0;}
	100% {height: 35px;}
}
.float_menu .reservation {
	position: absolute;
	right: 0;
	bottom: 0;
}
.float_menu .reservation a {
	width: 70px;
	height: 60px;
	padding: 30px 0 0;
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 1.2rem;
	text-decoration: none;
	background: #BFB59A;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	position: relative;
	transition: all 0.3s ease-out;
}
.float_menu .reservation a:before {
	font-family: icoi;
	content: "\e906";
	color: #FFF;
	font-size: 1.4rem;
	display: block;
	position: absolute;
	top: 5px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

body.before_float .float_menu {
	bottom: 65px;
}
body.before_float .float_menu .pagetop {
	bottom: 0;
}

/*PC Hover*/
@media only screen and (min-width: 768px) {
	body:not(.tab_view) .float_menu .reservation a:hover {
		box-shadow: 0 3px 10px rgba(0,0,0,0.2);
	}
}

@media only screen and (max-width: 1200px) {
	.float_menu .pagetop {
		right: 15px;
	}
	.float_menu .reservation a {
		width: 60px;
	}
}

@media only screen and (max-width: 768px) {
	.float_menu {
		width: 40px;
		bottom: 95px;
	}
	.float_menu .pagetop {
		right: 5px;
	}
	.float_menu .reservation a {
		width: 35px;
		height: 70px;
		padding: 35px 0 0;
		color: #BFB59A;
		font-size: 1.2rem;
		line-height: 35px;
		text-align: left;
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		background: #FFF;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
	}
	.float_menu .reservation a:before {
		font-size: 1.6rem;
		color: #BFB59A;
		-ms-writing-mode: lr-tb;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		top: 30%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	body.before_float .float_menu {
		bottom: 120px;
	}
}

	/* ------------------------------------
		Remodal Defalt Style
	------------------------------------ */
	html.remodal-is-locked {
		overflow: hidden;
		-ms-touch-action: none;
		touch-action: none;
	}
	.remodal, [data-remodal-id] {
		display: none;
	}
	.remodal-overlay {
		position: fixed;
		z-index: 9999;
		top: -5000px;
		right: -5000px;
		bottom: -5000px;
		left: -5000px;
		display: none;
	}
	.remodal-wrapper {
		position: fixed;
		z-index: 10000;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: none;
		overflow: auto;
		text-align: center;
		-webkit-overflow-scrolling: touch;
	}
	.remodal-wrapper:after {
		display: inline-block;
		height: 100%;
		margin-left: -0.05em;
		content: "";
	}
	.remodal-overlay, .remodal-wrapper {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.remodal {
		position: relative;
		outline: none;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}
	.remodal-is-initialized {
		display: inline-block;
	}

	/* -- Remodal's default mobile first theme -- */
	.remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened {
		-webkit-filter: blur(3px);
		filter: blur(3px);
	}
	.remodal-overlay {
		background: rgba(0, 0, 0, 0.4);
	}
	.remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing {
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	.remodal-overlay.remodal-is-opening {
		-webkit-animation-name: remodal-overlay-opening-keyframes;
		animation-name: remodal-overlay-opening-keyframes;
	}
	.remodal-overlay.remodal-is-closing {
		-webkit-animation-name: remodal-overlay-closing-keyframes;
		animation-name: remodal-overlay-closing-keyframes;
	}
	.remodal-wrapper {
		/*padding: 10px 10px 0;*/
		padding: 50px 10px 50px;
	}
	.remodal {
		box-sizing: border-box;
		width: 100%;
		margin-bottom: 10px;
		padding: 35px;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		color: #2b2e38;
		background: #fff;
	}
	.remodal.remodal-is-opening, .remodal.remodal-is-closing {
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	.remodal.remodal-is-opening {
		-webkit-animation-name: remodal-opening-keyframes;
		animation-name: remodal-opening-keyframes;
	}
	.remodal.remodal-is-closing {
		-webkit-animation-name: remodal-closing-keyframes;
		animation-name: remodal-closing-keyframes;
	}
	.remodal, .remodal-wrapper:after {
		vertical-align: middle;
	}
	.remodal-close {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		overflow: visible;
		width: 35px;
		height: 35px;
		margin: 0;
		padding: 0;
		cursor: pointer;
		-webkit-transition: color 0.2s;
		transition: color 0.2s;
		text-decoration: none;
		color: #95979c;
		border: 0;
		outline: 0;
		background: transparent;
	}
	.remodal-close:hover, .remodal-close:focus {
		color: #2b2e38;
	}
	.remodal-close:before {
		display: none;
	}
	.remodal-confirm, .remodal-cancel {
		font: inherit;
		display: inline-block;
		overflow: visible;
		width: 100%;
		margin: 0;
		padding: 7px 0;
		font-size: 1.4rem;
		cursor: pointer;
		transition: all 0.3s ease-out;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		border: 0;
		outline: 0;
		border-radius: 70px;
	}
	.remodal-confirm {
		color: #444;
		background: #E5E1D6;
		border: 1px solid #E5E1D6;
	}
	.remodal-cancel {
		color: #444;
		background: #FFF;
		border: 1px solid #444;
	}

	/*PC Hover*/
	@media only screen and (min-width: 768px) {
		.remodal-confirm, .remodal-cancel {
			width: 240px;
			margin: 0 12px;
		}
		body:not(.tab_view) .remodal-confirm:hover {
			background: #BFB59A;
			border: 1px solid #BFB59A;
		}
		body:not(.tab_view) .remodal-cancel:hover {
			text-decoration: none;
			color: #FFF;
			background: #444;
		}
		body:not(.tab_view) .remodal-cancel:hover:before {
			color: #FFF;
		}
	}

	.remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner {
		padding: 0;
		border: 0;
	}

	/* -- Keyframes -- */
	@-webkit-keyframes remodal-opening-keyframes {
		from {
			opacity: 0;
		}
		to {
			-webkit-transform: none;
			transform: none;
			opacity: 1;
			-webkit-filter: blur(0);
			filter: blur(0);
		}
	}
	@keyframes remodal-opening-keyframes {
		from {
			opacity: 0;
		}
		to {
			-webkit-transform: none;
			transform: none;
			opacity: 1;
			-webkit-filter: blur(0);
			filter: blur(0);
		}
	}
	@-webkit-keyframes remodal-closing-keyframes {
		from {
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 1;
		}
		to {
			-webkit-transform: scale(0.95);
			transform: scale(0.95);
			opacity: 0;
			-webkit-filter: blur(0);
			filter: blur(0);
		}
	}
	@keyframes remodal-closing-keyframes {
		from {
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 1;
		}
		to {
			-webkit-transform: scale(0.95);
			transform: scale(0.95);
			opacity: 0;
			-webkit-filter: blur(0);
			filter: blur(0);
		}
	}
	@-webkit-keyframes remodal-overlay-opening-keyframes {
		from {opacity: 0;}
		to {opacity: 1;}
	}
	@keyframes remodal-overlay-opening-keyframes {
		from {opacity: 0;}
		to {opacity: 1;}
	}
	@-webkit-keyframes remodal-overlay-closing-keyframes {
		from {opacity: 1;}
		to {opacity: 0}
	}
	@keyframes remodal-overlay-closing-keyframes {
		from {opacity: 1;}
		to {opacity: 0;}
	}

	/* -- IE8 -- */
	.lt-ie9 .remodal-overlay {
		background: #2b2e38;
	}
	.lt-ie9 .remodal {
		width: 700px;
	}

/* ------------------------------------
	basic_mdl
------------------------------------ */
.basic_mdl {
	width: 100%;
	position: relative;
	border-radius: 20px;
}
.basic_mdl .outer {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: flex;
}
.basic_mdl .mdl_form_outer {
	width: 100%;
}
.basic_mdl .inner,
.basic_mdl .mdl_form_buttons {
	width: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
/*	-webkit-justify-content: center;
	justify-content: center;*/
}
.basic_mdl p {
	margin: 0 0 20px;
	font-size: 1.4rem;
}
.mdl_alert {
	margin: 0 0 20px;
	display: block;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #CB5E5E;
	position: relative;
}
.mdl_alert:before {
	font-family: icoi;
	content: "\e90a";
	margin: 0 5px 0 0;
	font-size: 1.6rem;
	line-height: 1;
	height: 19px;
	display: inline-block;
	vertical-align: middle;
	color: #CB5E5E;
}
.basic_mdl .mdl_title {
	font-size: 1.4rem;
}
.basic_mdl .msg {
	width: 100%;
	font-size: 1.2rem;
	text-align: left;
}
.basic_mdl .remodal-cancel {
	-webkit-order: 2;
	order: 2;
}
.basic_mdl .remodal-confirm {
	-webkit-order: 1;
	order: 1;
}
.basic_mdl .remodal-confirm,
.basic_mdl .remodal-cancel {
	margin: 0 0 10px;
	font-size: 1.3rem;
	font-family: 'Lato', YuGothic, "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.mdl_close {
	position: absolute;
	top: -30px;
	right: 20px;
	padding: 0;
	border: 0;
	background: transparent;
	outline: none;
}
.mdl_close:before {
	font-family: icoi;
	content: "\e91c";
	color: #FFF;
	font-size: 1.7rem;
	display: block;
	font-weight: normal;
}
.note_list {
	width: 100%;
	text-align: left;
}
.note_list dt {
	margin: 0 0 5px;
	font-size: 1.1rem;
	font-weight: bold;
}

@media only screen and (min-width: 768px) {
	.basic_mdl {
		width: 780px;
		padding: 60px;
	}
	.logout_cont .outer {
		display: table;
	}
	.basic_mdl .inner,
	.basic_mdl .mdl_form_buttons {
		display: table;
		vertical-align: middle;
	}
	.mdl_alert {
		font-size: 1.6rem;
	}
	.basic_mdl .mdl_title {
		font-size: 1.6rem;
	}
	.basic_mdl .msg {
		margin: 0 0 30px;
		font-size: 1.4rem;
		text-align: center;
	}
	.basic_mdl .remodal-cancel,
	.basic_mdl .remodal-confirm {
		margin: 0 12px;
	}
	.basic_mdl button {
		vertical-align: top;
	}
	.note_list dt {
		font-size: 1.3rem;
	}
	.note_list li {
		margin: 0;
	}
}

/* IE */
@media all and (-ms-high-contrast:none) {
	.remodal-confirm, .remodal-cancel {
		padding: 9px 0 7px;
	}
}

/* ------------------------------------
	modal salon_cont
------------------------------------ */
.salon_cont {
	width: 980px;
	height: 600px;
}
.salon_cont .mdl_title {
	margin: 0 0 40px;
	font-size: 1.8rem;
}
.salon_cont .salon_name {
	width: 415px;
	margin: 0 auto 20px;
	padding: 20px 30px;
	font-size: 1.7rem;
	line-height: 1.1;
	text-align: left;
	position: relative;
	font-family: 'Lato', YuGothic, "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	background: transparent;
}
.salon_cont .salon_name:before {
	content: "";
	width: 10px;
	height: 1px;
	display: block;
	border-top: 1px solid #D9D9D9;
	position: absolute;
	top: 0;
	left: 0;
}
.salon_cont .salon_name:after {
	content: "";
	width: 1px;
	height: 20px;
	display: block;
	border-left: 1px solid #D9D9D9;
	position: absolute;
	top: 0;
	left: 0;
}
.salon_cont .salon_name span:before {
	content: "";
	width: 10px;
	height: 1px;
	display: block;
	border-bottom: 1px solid #D9D9D9;
	position: absolute;
	bottom: 0;
	right: 0;
}
.salon_cont .salon_name span:after {
	content: "";
	width: 1px;
	height: 20px;
	display: block;
	border-right: 1px solid #D9D9D9;
	position: absolute;
	bottom: 0;
	right: 0;
}
.salon_cont figure {
	width: 360px;
	margin: 0 auto 50px;
}
.salon_cont figure img {
	max-width: 100%;
}

@media only screen and (max-width: 768px) {
	.salon_cont {
		width: 100%;
		height: auto;
	}
	.salon_cont .mdl_title {
		margin: 0 auto 20px;
		font-size: 1.4rem;
	}
	.salon_cont .salon_name {
		width: 100%;
		padding: 10px 5%;
	}
	.salon_cont figure {
		width: 100%;
		margin: 0 auto 20px;
	}
}

/* ------------------------------------
	modal tel_reserve_cont
------------------------------------ */
.tel_reserve_cont .mdl_title {
	font-size: 1.8rem;
}
.tel_reserve_cont .display_number,
.tel_reserve_cont .display_number a {
	margin: 0 0 30px;
	font-size: 3rem;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
	line-height: 1.1;
	display: block;
	color: #444;
	text-decoration: none;
}
.tel_reserve_cont .tel_wrap {
	margin: 0 12px;
	position: relative;
	display: inline-block;
	display: none;
}
.tel_reserve_cont .tel_wrap .call_text {
	width: 240px;
	padding: 7px 0;
	display: inline-block;
	font-size: 1.4rem;
	font-weight: bold;
	color: #444;
	cursor: pointer;
	transition: all 0.3s ease-out;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	border-radius: 70px;
	background: #E5E1D6;
	border: 1px solid #E5E1D6;
}
.tel_reserve_cont .tel_wrap a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 7px 0;
	display: block;
	border-radius: 70px;
}

/*PC Hover*/
@media only screen and (min-width: 768px) {
	body:not(.tab_view) .tel_reserve_cont .tel_wrap .call_text.hov {
		color: #444 !important;
		background: #BFB59A !important;
	}
}

@media only screen and (max-width: 768px) {
	.tel_reserve_cont .mdl_title {
		font-size: 1.4rem;
	}
	.tel_reserve_cont .tel_wrap {
		width: 100%;
		margin: 0 0 10px;
		display: block;
		-webkit-order: 1;
		order: 1;
	}
	.tel_reserve_cont .tel_wrap .call_text,
	.tel_reserve_cont .tel_wrap a {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 7px 0;
	}
}

/* ------------------------------------
	privilege_cont
------------------------------------ */
.remodal .privilege {
	width: 100%
}
.remodal .privilege.coupon a {
	pointer-events: none;
}
.privilege_cont .inner h3 {
	width: 100%;
	margin: 0 0 10px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}
.privilege_cont .inner p {
	width: 100%;
}
.privilege_cont .note_list {
	text-align: left;
}
.privilege_cont .note_list dt {
	font-weight: bold;
	font-size: 1.4rem;
}
.privilege_cont .coupon>a, .privilege_cont .ticket>a {
	cursor: default;
}
.privilege_cont .note_list li {
	margin: 0;
}
.btn_list {
	margin: 0 auto;
	padding: 0 0 50px;
	text-align: center;
	position: relative;
}
.privilege_cont .btn_list li {
	margin: 0 10px 20px;
	text-align: center;
	width: 210px;
	display: inline-block;
	vertical-align: top;
}
.privilege_cont .btn_list li.close_btn {
	position: absolute;
	top: 60px;
	left: 48%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.privilege_cont .btn_list li a,
.privilege_cont .btn_list li button {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
}

@media only screen and (max-width: 768px) {
	.privilege_cont .inner h3 {
		font-size: 1.3rem;
	}
	.privilege_cont .note_list dt {
		font-size: 1.1rem;
	}
	.privilege_cont {
		width: 100%;
		padding: 35px 25px;
	}
	.btn_list {
		width: 100%;
		padding: 0;
		display: -webkit-box;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.privilege_cont .btn_list li {
		margin: 0 0 10px;
		width: auto;
		display: block;
		-webkit-order: 2;
		order: 2;
	}
	.privilege_cont .btn_list li.reservation {
		-webkit-order: 1;
		order: 1;
	}
	.privilege_cont .btn_list li.close_btn {
		position: static;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-order: 3;
		order: 3;
	}
}

/* ------------------------------------
	mypage coupon modal
------------------------------------ */
.remodal.coupon_cont {
	padding: 35px 25px;
}
.coupon_cont.entry_base p {
	margin: 0 0 20px;
}
.basic_mdl .panel_inner {
	width: 100%;
	height: auto !important;
	display: block !important;
	text-align: left;
	opacity: 1 !important;
	visibility: visible !important;
}
.basic_mdl .panel_inner ul {
	margin: 0 0 20px;
	padding: 0;
	border-bottom: none;
}
.basic_mdl .panel_inner li {
	margin: 0 auto;
	float: none;
}
.basic_mdl .panel_inner li a {
	min-height: 95px;
	cursor: default;
	opacity: 1 !important;
}
.basic_mdl .panel_inner li .txt_area .title {
	font-size: 1.3rem;
}
.basic_mdl .panel_inner li figure {
	width: 100px;
}
.basic_mdl .panel_inner li .txt_area {
	width: calc(100% - 120px);
}
.basic_mdl .panel_inner li .txt_area .discount {
	color: #444;
	left: 160px;
}
.basic_mdl .panel_inner li .txt_area .date {
	color: #808181;
	left: 160px;
}
.basic_mdl .panel_inner li .txt_area .date span {
	color: #444;
}

@media only screen and (min-width: 768px) {
	.remodal.coupon_cont {
		padding: 35px;
	}
	.coupon_cont.entry_base p {
		margin: 0 0 30px;
	}
	.basic_mdl .panel_inner li {
		width: 420px;
	}
	.basic_mdl .panel_inner li a {
		min-height: 125px;
		padding: 15px 15px 65px 40px;
	}
	.basic_mdl .panel_inner li figure {
		width: 150px;
	}
	.basic_mdl .panel_inner li .txt_area {
		width: calc(100% - 175px);
	}
	.basic_mdl .panel_inner li .txt_area .title {
		font-size: 1.5rem;
	}
	.basic_mdl .panel_inner li .txt_area .discount {
		font-size: 1.2rem;
	}
	.basic_mdl .panel_inner li .txt_area .date {
		font-size: 1.3rem;
		left: 215px;
	}

	/*special coupon*/
	.basic_mdl .panel_inner li.privilege {
		width: 420px;
		margin: 0 auto;
	}
	.basic_mdl .panel_inner li.privilege a {
		min-height: 106px;
		padding: 15px;
	}
	.basic_mdl .privilege.coupon dt span {
		font-size: 1.4rem;
	}
	.basic_mdl .privilege.coupon dt small {
		font-size: 1.2rem;
	}
	.basic_mdl .privilege.coupon dd small {
		font-size: 1.3rem;
	}
	.basic_mdl .privilege.coupon dd span {
		font-size: 1.3rem;
	}
}

@media only screen and (max-width: 320px) {
	.basic_mdl .panel_inner li .txt_area .title {
		font-size: 1.2rem;
	}
	.basic_mdl .panel_inner li figure {
		width: 50px;
	}
	.basic_mdl .panel_inner li .txt_area {
		width: calc(100% - 70px);
	}
	.basic_mdl .panel_inner li .txt_area .discount,
	.basic_mdl .panel_inner li .txt_area .date {
		left: 110px;
	}
}

/* ------------------------------------
	icomart cart point modal
------------------------------------ */
.change_point_cont .regist_form {
	width: 100%;
	border-top: none;
	display: -webkit-box;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
}
.change_point_cont .regist_form dl {
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
	border-bottom: none;
}
.change_point_cont .regist_form dt {
	margin: 0 0 -15px;
	font-size: 1.4rem;
	font-weight: bold;
}
.change_point_cont .regist_form dd {
	padding: 25px;
	background: #F9F8F5;
	border-radius: 10px;
}
.change_point_cont .regist_form dd label {
	display: block;
	font-size: 1.6rem;
}
.change_point_cont .regist_form dd input {
	width: 150px;
	margin: 0 10px 0 0;
	text-align: right;
	background: #FFF;
}
.change_point_cont .regist_form p {
	margin: 10px 0 0 0;
	font-size: 1.3rem;
}
.change_point_cont .regist_form p span {
	margin: 0 5px 0 0;
	font-size: 1.6rem;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
}
.change_point_cont .regist_form .error_msg:before {
	position: relative;
	left: -5px;
}

@media only screen and (min-width: 768px) {
	.change_point_cont .regist_form {
		display: table;
		vertical-align: middle;
	}
	.change_point_cont .regist_form dl {
		width: 380px;
	}
	.change_point_cont .regist_form dt {
		font-size: 1.6rem;
	}
	.change_point_cont .regist_form dd {
		padding: 40px;
	}
	.change_point_cont .regist_form p span {
		font-size: 1.8rem;
	}
}

@media only screen and (max-width: 320px) {
	.change_point_cont .regist_form dd label {
		font-size: 1.3rem;
	}
	.change_point_cont .regist_form dd input {
		width: 115px;
	}
}

/* ------------------------------------
	icomart cart shipping fee
------------------------------------ */
.shipping_fee .mdl_title {
	margin: 0 0 15px;
	font-weight: bold;
	font-size: 1.6rem;
}
.shipping_fee .fee_box {
	margin: 0 auto 20px;
}
.shipping_fee .fee_box dl {
	width: 170px;
	display: table;
	margin: 0 auto;
	font-size: 1.3rem;
}
.shipping_fee .fee_box dt,
.shipping_fee .fee_box dd {
	padding: 2px 5px;
	display: table-cell;
	vertical-align: top;
}
.shipping_fee .fee_box dt {
	font-weight: bold;
	text-align: left;
}
.shipping_fee .fee_box dd {
	text-align: right;
}
.shipping_fee .basic_ul {
	text-align: left;
}
.shipping_fee .basic_ul a {
	color: #BFB59A;
	text-decoration: underline;
}
.shipping_fee .msg_box {
	width: 100%;
	margin: 0 auto 20px;
	padding: 15px;
	display: block;
	text-align: center;
	background: #FFF5F5;
}
.shipping_fee .msg_box .attention {
	font-weight: bold;
	font-size: 1.6rem;
}
.shipping_fee .shipping_note {
	width: 100%;
	margin: -10px 0 20px;
	font-size: 1.1rem;
	text-align: right;
}

/*PC Hover*/
@media only screen and (min-width: 768px) {
	body:not(.tab_view) .shipping_fee .basic_ul a:hover {
		text-decoration: none;
	}
}

@media only screen and (min-width: 768px) {
	.shipping_fee .mdl_title {
		font-size: 1.8rem;
	}
	.shipping_fee .fee_box dl {
		width: 200px;
		font-size: 1.4rem;
	}
}

/* ------------------------------------
	underine Hover
------------------------------------ */
@media only screen and (min-width: 768px) {
	body:not(.tab_view) a.basic_link:hover {
		text-decoration: none;
	}
}

/* ------------------------------------
	Opacity Hover
------------------------------------ */
.header_mypage,
.menuList a,
a:not(.basic_btn).icon_back,
footer a,
.pagetop a,
.mdl_close {
	transition: all 0.3s ease-out;
}

@media only screen and (min-width: 768px) {
	body:not(.tab_view) .header_mypage:hover,
	body:not(.tab_view) .menuList a:hover,
	body:not(.tab_view) a:not(.basic_btn).icon_back:hover,
	body:not(.tab_view) footer a:hover,
	body:not(.tab_view) .pagetop a:hover,
	body:not(.tab_view) .mdl_close:hover {
		opacity: 0.7;
	}
}

/* ------------------------------------
	ClearFixElements
------------------------------------ */
header:before,
header:after,
.cf:before,
.cf:after,
#wrapper:before,
#wrapper:after {
	content: " ";
	display: table;
}
header:after,
.cf:after,
#wrapper:after {
	clear: both;
}

.mod_mineralList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.mod_mineralList .mineralList_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 50%;
}
.mod_mineralList .mineralList_item_img {
	position: static !important;
	transform: none !important;
}
.mod_mineralList_vertical {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	left: 0;
	top: 0;
	width: 2.3rem;
	margin: .5rem;
}
.mod_mineralList_vertical .mineralList_item {
	width: 2.3rem;
	height: 2.3rem;
}
.mod_mineralList_vertical .mineralList_item + .mineralList_item {
	margin-top: .5rem;
}
.mod_mineralList_horizontal {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: .5rem;
}
.mod_mineralList_horizontal .mineralList_item {
	width: 1.7rem;
	height: 1.7rem;
}
.mod_mineralList_horizontal .mineralList_item + .mineralList_item {
	margin-left: .4rem;
}

@media only screen and (min-width: 768px) {
	.mod_mineralList_horizontal .mineralList_item {
		width: 25%;
		max-width: 25px;
		height: auto;
	}
	.mod_mineralList_horizontal .mineralList_item + .mineralList_item {
		margin-left: 8px;
	}
}
@media only screen and (max-width: 768px) {
	.mod_mineralList_vertical.cart_mineral .mineralList_item {
		width: 1.7rem;
		height: 1.7rem;
	}
}

/* Alert Message */
.alert_msg {
	margin: 30px 0;
	display: block;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #CB5E5E;
	position: relative;
}
.alert_msg:before {
	font-family: icoi;
	content: "\e90a";
	margin: 0 5px 0 0;
	font-size: 1.6rem;
	line-height: 1;
	height: 19px;
	display: inline-block;
	vertical-align: middle;
	color: #CB5E5E;
}

.alert_msg.type_top {
	margin: 30px 0 0;
	padding: 0;
}
@media only screen and (min-width: 768px) {
	.alert_msg.type_top {
		margin: 30px 0;
	}
}

/* member add complate bunner*/
.ec_view_banner img {
	margin: 0 auto;
	width: 80%;
	border-radius: 10px;
}

@media only screen and (min-width: 768px) {
	.ec_view_banner img {
		margin: 0 auto;
		width: 340px;
		border-radius: 10px;
	}
}

/* ------------------------------------
	Environment
------------------------------------ */
.local {
	background-color: #8dffb3!important
}
.staging {
	background-color: #8aacf6!important
}
