@charset "utf-8";

/*

[Red]
hsl(338, 85%, 38%) #b30f4b ※HotPepperBeauty
hsl(358, 100%, 44%) #e01300 ※旧red

[TrueRed]
hsl(353, 100%, 50%);

旧ベース色 [Green]
hsl(88, 100%, 44%)→hsl(83, 100%, 44%)
※旧ベース色 : hsl(320, 85%, 44%) ※ピンクのロゴの色

[旧Pink]
hsl(328, 100%, 44%) #e000b0 → 色の置換 200 20 -10 -15 / 200 45 -10 -15

[Pink]
hsl(323, 100%, 44%)

[Blue]
hsl(188, 85%, 47%)

[TrueBlue]
hsl(233, 100%, 50%);

[Orange]
hsl(28, 100%, 50%) #ff7700

[Yellow]
hsl(58, 100%, 50%); #ffb700

[旧Yellow]
hsl(50, 100%, 94%);
*/

a {
	color: hsl(188, 85%, 47%);
	text-decoration: none;
}
a:hover {text-decoration: underline;}
a:hover img {
	filter: alpha(opacity=76);
	-moz-opacity: 0.76;
	opacity: 0.76;
}
a.black-ad {color: #000;}
.background-superlightgray {
	background: hsl(0, 0%, 97%);
}
.background-blue {
	background: hsl(188, 85%, 44%);
	color: #fff;
}
.black {
	color: #333 !important;
}
.black:visited{
	color:rgb(15%,15%,15%);
}
.blue {
	color: hsl(188, 85%, 44%) !important;
}
.block_coupon {
	background-color: hsl(338, 100%, 97%);
	background-image: url('images/background_coupon.png');
	background-repeat: no-repeat;
	background-size: calc(17.3684px + 3.9474vmin);/*30 - 60*/
	border-color: hsl(338, 100%, 85%);
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 12px 12px -6px hsla(0, 0%, 62%, 0.38);
	line-height: 185%;
	padding: 12px 16px 12px 9%;
	width: 100%;
}
.block_coupon.campaign {
	background-image: url('images/background_coupon_campaign.png');
}
.block_coupon.disabled {
	background-color: hsl(0, 0%, 97%);
	background-image: url('images/background_coupon_disabled.png');
	border-color: hsl(0, 0%, 85%);
}
.block_coupon hr {
	margin: 6px 0;
}
.block_coupon .title {
	color: #000;
	font-weight: bold;
}
.block_promotion {
	border-style: double;
	border-width: 3px;
	display: inline-block;
	padding: 8px 16px;
}
.blur {
	filter: blur(3px);
	-ms-filter: blur(3px);
}
.blurL {
	filter: blur(6px);
	-ms-filter: blur(6px);
}
body {color: hsl(0, 0%, 24%);}
.border {border: solid 1px hsl(0, 0%, 85%);}
.border-style-double {
	border: double 3px hsl(338, 100%, 44%);
	display: inline-block;
	padding: 4px 0;
	text-align: center;
	width: 100%;
}
.border-width-1px-0 {
	border-color: hsl(0, 0%, 62%);
	border-style: dotted;
	border-width: 1px 0;
	display: inline-block;
	padding: 12px 0;
	text-align: center;
}
.btnGrad, .btnSubmit {
	border-color: hsl(0, 0%, 94%) hsl(0, 0%, 79.5%) hsl(0, 0%, 79.5%) hsl(0, 0%, 94%);
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 12px 12px -6px rgba(64, 64, 64, 19.5%);
	color: hsl(0, 0%, 24%);
	cursor: pointer;
	display: inline-block;
	line-height: 100%;
	padding: 8px 16px;/* input[type="text"] の高さに大体一致するため */
	text-align: center;
	text-decoration: none;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsl(0, 0%, 88%)));
	background: -moz-linear-gradient(top, #fff, hsl(0, 0%, 88%));
	background: -ms-linear-gradient(top, #fff, hsl(0, 0%, 88%));
}
.btnGrad:hover, .btnSubmit:hover {
	border-color: hsl(0, 0%, 85%) hsl(0, 0%, 76%) hsl(0, 0%, 62%) hsl(0, 0%, 85%);
	box-shadow: 0 12px 12px -6px rgba(64, 64, 64, 24%);
	color: hsl(0, 0%, 15%);
	position: relative;
	top: -1px;
}
.btnGrad.background-blue {
	border-color: hsl(188, 100%, 47%) hsl(188, 100%, 35%) hsl(188, 100%, 35%) hsl(188, 100%, 47%);
	color: #fff;
	
	background:-webkit-gradient(linear, left top, left bottom, from(hsl(188, 100%, 47%)), to(hsl(188, 100%, 35%)));
	background:-moz-linear-gradient(top, hsl(188, 100%, 47%), hsl(188, 100%, 35%));
	background:-ms-linear-gradient(top, hsl(188, 100%, 47%), hsl(188, 100%, 35%));
}
.btnGrad.background-green {
	border-color: hsl(83, 100%, 47%) hsl(83, 100%, 35%) hsl(83, 100%, 35%) hsl(83, 100%, 47%);
	color: #fff;
	
	background:-webkit-gradient(linear, left top, left bottom, from(hsl(83, 100%, 47%)), to(hsl(83, 100%, 35%)));
	background:-moz-linear-gradient(top, hsl(83, 100%, 47%), hsl(83, 100%, 35%));
	background:-ms-linear-gradient(top, hsl(83, 100%, 47%), hsl(83, 100%, 35%));
}
.btnGrad.background-line {
	/*LINEカラー #00b900 hsl(120, 100%, 36%)*/
	/*101度は120度と83度の中間*/
	border-color: hsl(101, 100%, 38%) hsl(101, 100%, 31%) hsl(101, 100%, 31%) hsl(101, 100%, 38%);
	color: #fff;
	
	background:-webkit-gradient(linear, left top, left bottom, from(hsl(101, 100%, 44%)), to(hsl(101, 100%, 31%)));
	background:-moz-linear-gradient(top, hsl(101, 100%, 44%), hsl(101, 100%, 31%));
	background:-ms-linear-gradient(top, hsl(101, 100%, 44%), hsl(101, 100%, 31%));
}
.btnGrad.background-line img {
	height: 22px
}
.btnGrad.background-line:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
}
.btnGrad.background-pink {
	border-color: hsl(323, 100%, 47%) hsl(323, 100%, 35%) hsl(323, 100%, 35%) hsl(323, 100%, 47%);
	color: #fff;
	
	background:-webkit-gradient(linear, left top, left bottom, from(hsl(323, 94%, 50%)), to(hsl(323, 94%, 44%)));
	background:-moz-linear-gradient(top, hsl(323, 94%, 50%), hsl(323, 94%, 44%));
	background:-ms-linear-gradient(top, hsl(323, 94%, 50%), hsl(323, 94%, 44%));
}
.btnGrad.background-red, .btnSubmit.background-red {
	border-color: hsl(338, 85%, 76%) hsl(338, 85%, 38%) hsl(338, 85%, 38%) hsl(4, 85%, 76%);
	color: #fff;
	
	background: -webkit-gradient(linear, left top, left bottom, from(hsl(338, 85%, 62%)), to(hsl(338, 85%, 38%)));
	background: -moz-linear-gradient(top, hsl(338, 85%, 62%), hsl(338, 85%, 38%));
	background: -ms-linear-gradient(top, hsl(338, 85%, 62%), hsl(338, 85%, 38%));
}
.btnGrad.delete:before {
	/*content: url('https://hot2.jp/images/icon16_delete.png?ver=5');*/
	color: hsl(338, 100%, 44%);
	content: "×";
	margin-right: 6px;
	/*
	position: relative;
	top: 2px;
	*/
}
.btnGrad.email:before {
	content: url('https://hot2.jp/images/email.png');
	
	/*モノクロ*/
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	
	margin-right: 8px;
	position: relative;
	top: 2px;
	vertical-align: middle;
}
.btnGrad.larger {
	box-shadow: 0 12px 12px -6px hsla(0, 0%, 85%, 0.38);
	display: block;
	font-size: 109%;
	/*font-weight: bold;*/
	height: 52px;
	padding: 0;
	line-height: 52px;
	margin: 0 auto;
	width: 85%;
}
.btnGrad.larger.inline-block {
	display: inline-block;
	height: auto !important;
	line-height: 100% !important;
	padding: 16px 22px 14px 22px !important;
	width: auto;
}
.btnGrad.larger.email:before {
	margin-right: 12px;
	top: 2px;
}
.btnGrad.larger:hover {
	box-shadow: 0 12px 12px -6px hsla(0, 0%, 50%, 0.38);
}
.btnGrad.narrow {
	padding: 8px 12px;
}
.btnGrad.x-narrow {
	box-shadow: none;
	font-size: 85%;
	padding: 6px 8px;
}
.btnIcon {
	background: hsl(0, 0%, 94%);
	border-color: hsl(0, 0%, 94%) hsl(0, 0%, 79.5%) hsl(0, 0%, 79.5%) hsl(0, 0%, 94%);
	border-style: solid;
	border-width: 1px;
	/*box-shadow: 0 12px 12px -6px rgba(64, 64, 64, 19.5%);*/
	display: inline-block;
	padding: 1px 4px;
	position: relative;
	top: -1px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsl(0, 0%, 94%)));
	background: -moz-linear-gradient(top, #fff, hsl(0, 0%, 94%));
	background: -ms-linear-gradient(top, #fff, hsl(0, 0%, 94%));
}
.btnIcon:hover {top: -2px;}
.btnRect {
	border:solid 1px hsl(0, 0%, 85%);
	display: inline-block;
	padding: 1px 6px;
}
.btnShopMenu {
	border-color: hsl(0, 0%, 94%);
	border-style: solid;
	border-width: 1px;
	font-size: 0.76em;
	height: 42px;
	line-height: 138%;
	margin-left: 3.75%;
	padding: 6px 1px 0 1px;
	text-align: center;
	text-decoration: none;
	
	/*角を丸くする*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	/*グラデーション*/
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(hsl(0, 0%, 94%)));
	background:-moz-linear-gradient(top, #fff, hsl(0, 0%, 94%));
	background:-ms-linear-gradient(top, #fff, hsl(0, 0%, 94%));
}
.btnShopMenu:hover {
	text-decoration: underline;
}
.btnShopMenu.disabled {
	color: hsl(0, 0%, 85%);
}
.btnShopMenu.row1{
	padding-top: 13px;
}

.caption {
	color: rgb(15%,15%,15%);
	font-size: larger;
}

.category {
	color: hsl(0, 0%, 85%);
	font-size: 85%;/*.smaller と同じにすること*/
}
.circle16 {
	border-color: hsl(0, 0%, 85%) hsl(0, 0%, 50%) hsl(0, 0%, 50%) hsl(0, 0%, 85%);
	border-style: none;/*solid;*/
	border-width: 1px;
	display: inline-block;
	height: 16px;
	position: relative;
	top: 3px;
	width: 16px;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;	
}
.circle16.background-red {
	background:-webkit-gradient(linear, left top, left bottom, from(hsl(338, 100%, 50%)), to(hsl(338, 100%, 44%)));
	background:-moz-linear-gradient(top, hsl(338, 100%, 50%), hsl(338, 100%, 44%));
	background:-ms-linear-gradient(top, hsl(338, 100%, 50%), hsl(338, 100%, 44%));
}
.clear {clear: both;}
.column {
	border: dotted 1px hsl(0, 0%, 85%);
	display: block;
	margin: 0 auto;
	padding: 16px;
}
#contents {
	display: none;
	min-height: 300px;
}
.cursor-pointer {cursor: pointer;}
.darkgreen {color: hsl(83, 100%, 31%)}
.darkgray a {color: hsl(0, 0%, 50%);}
.display-none {display: none;}
.div_floating_message {
	background-color: rgba(255,255,255,0.91);/*値が大きいほど不透明になる*/
	border: solid 1px hsl(0, 0%, 62%);
	box-shadow: 0 12px 12px -6px rgba(64, 64, 64, 19.5%);
	color: hsl(0, 0%, 15%);
	display: none;
	left: 50%;
	position: fixed;
	text-align: center;
	top: 50%;
	z-index: 99;
}
#div_footer_fixed {
	margin: 0 auto;
	max-width: 1366px;
	padding: 12px 30px 8px 30px;
}
#div_footer_fixed_wrapper {
	background: rgba(64, 64, 64, 0.50);
	bottom: 0;
	color: #fff;
	left: 0;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 10;
}
#div_footer_fixed_wrapper a.btnGrad {
	box-shadow: none;
}
.div_form.help {
	background-color: hsl(58, 100%, 94%);
	border-color: hsl(0, 0%, 91%) hsl(0, 0%, 85%) hsl(0, 0%, 85%) hsl(0, 0%, 91%);
	border-style: solid;
	border-width: 1px;
	line-height: 200%;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.div_form.help img {
	margin-right: 3px;
	position: relative;
	top: -2px;
}
.div_form.help h2 {
	font-weight: bold;
	font-size: 115%;
}
.div_form.help h2:before {
	content: url('/images/icon16_help.png');
	margin-right: 12px;
	position: relative;
	top: 2px;
}
.div_message {
	border: solid 1px hsl(0, 0%, 85%);
	display: block;
	line-height: 224%;/* br タグ１つで改行する*/
	padding: 102px 16px;/*102 = (84 + 120) / 2*/
	text-align: center;
	width: 100%;
}
.div_profilemenu_subinfo {
	margin-top: 16px;
}
.font-family-minchou {
	font-family: "Hiragino Mincho ProN", "Yu Mincho", "MS Mincho", "SimSun", serif;
}
.font-size-76 {font-size: 76%;}
.font-size-85 {font-size: 85%;}
.font-style-italic {font-style: italic;}
footer {
	background-color: rgb(9%,9%,9%);
	clear: both;
	line-height: 200%;
	padding: 30px 3% 120px 3%;
	text-align: center;
	width: 100%;
}

footer a {
	color: #fff;
}

form {
	display: inline;
}
form, hr, ol {
	margin:0;
}

.font-weight-bold {
	font-weight: bold;
}
.gray {color: hsl(0, 0%, 62%);}
.grayscale-100 {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
.green {color: hsl(83, 100%, 34.5%);}/*38%);}*/
.gt {
	font-family: "Arial", "MS UI GOTHIC";
	font-weight: normal;
}
h1.markdown {
	display: inline-block;
	font-weight: bold;
	font-size: 150%;
}
h2.markdown {
	display: inline-block;
	font-weight: 700;/*bold;*/
	font-size: 176%;
	line-height: 138%;
	margin-bottom: 12px;
}
h3.agreement {
	font-size: 1.38em;
	text-decoration:underline;
}
h3.help {
	background-color: #ffc226;
	border-color: #fff;
	border-style: double;
	border-width: 3px;
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	padding: 6px 0 6px 14px;
	
	/*角を丸くする*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
h3.help img {
	margin-right: 8px;
	position: relative;
	top:-1px;
}
h3.markdown {
	display: inline-block;
	font-weight: bold;
	font-size: 138%;
	margin-bottom: 4px;
}
h3_old {
	background-color: #75c21d;
	border: #75c21d solid 1px;
	clear: both;
	color: #fff;
	font-size: 100%;
	margin: 0;
	padding: 5px 10px;
	text-align: left;
	
	/*角を丸くする*/
	-webkit-border-radius: 2px 2px 0 0;/* Chrome,Safari */
	-moz-border-radius: 2px 2px 0 0;/* Firefox */
	border-radius: 2px 2px 0 0;/* CSS3 */

	/*グラデーション*/
	background: -webkit-gradient(linear, left top, left bottom, from(#8DD96A), to(#75c21d));/* ▼CSS3 */
	background: -moz-linear-gradient(top, #8DD96A, #75c21d);
	background: -ms-linear-gradient(top, #8DD96A, #75c21d);
	zoom: 1;
}

h4 {
	border-color: hsl(0, 0%, 97%) hsl(0, 0%, 91%) hsl(0, 0%, 91%) hsl(0, 0%, 97%);
	border-style: solid;
	border-width: 1px 0;/*1px;*/
	font-size: 100%;
	font-weight: bold;
	margin-top: 22px;
	padding: 12px 12px;/*22px;*//*0 12px;*/
	
	/*グラデーション*/
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsl(0, 0%, 94%)));
	background: -moz-linear-gradient(top, #fff, hsl(0, 0%, 94%));
	background: -ms-linear-gradient(top, #fff, hsl(0, 0%, 94%));
	*/
}
h4 a {
	color: hsl(0, 0%, 15%);
}

h6 {/*profile.php*/
	border-color: hsl(0, 0%, 97%) hsl(0, 0%, 91%) hsl(0, 0%, 91%) hsl(0, 0%, 97%);
	border-style: solid;
	border-width: 0 0 1px 0;
	font-size: 100%;
	font-weight: bold;
	/*margin-top: 22px;*/
	padding: 12px 22px;/*0 12px;*/
}

h7.view4 {
	background-color: hsl(83, 62%, 62%);
	clear: both;
	display: block;
	font-size: 100%;
	margin: 0;
	padding: 2px;
}
.half {
	display: flex;
}
.half > div {
	width: 50%;
}
.half > div:last-child {
	text-align: right;
}
.hamburgermenu {
	cursor: pointer;
	/*width: 51px !important;
	height: 56px;*/
	height: 52px;/*360px の黄金比46px + 6px, iPhone - Saffari のメニューバー高51px にも近い*/
	min-width: 52px !important;
	position: absolute !important;
	left: 0;/*right: 0;*/
	top: 0;/*2px;*/
	z-index: 10;
}
.hamburgermenu span {
	background: #000;
	display: block;
	height: 3px;
	left: 30.9%;
	position: absolute;
	width: 38.2%;/*19px;*/
	border-radius: 2px;
}
/*
.hamburgermenu span {
	padding-left: 52px;
}
*/
.hamburgermenu span:nth-child(1) {
	top: calc(37.5% - 1px);
}
.hamburgermenu span:nth-child(2) {
	top: calc(50% - 1px);
}
.hamburgermenu span:nth-child(3) {
	top: calc(62.5% - 1px);
}
.hamburgermenu.background-black {
	background: #000;
}
.hamburgermenu.background-black span {
	background: #fff;
}
.hamburgermenu.gray span {
	background: hsl(0, 0%, 38%);
}
.hamburgermenu.height-60px {
	height: 60px;
	min-width: 60px !important;
}
.hamburgermenu.right {
	left: auto;
	right: 0;
}
.hamburgermenu.on span:nth-child(1) {
	top: 27px;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
.hamburgermenu.on span:nth-child(2) {
	opacity: 0;
}
.hamburgermenu.on span:nth-child(3) {
	top: 27px;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
}
.header_help {
	background: hsl(58, 100%, 94%);
	border: dotted 1px hsl(0, 0%, 85%);
	font-size: 76%;
	padding: 8px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#header_logo div:first-child a {
	color: hsl(0, 0%, 24%);
}
#header_logo div:first-child a:hover {
	color: hsl(0, 0%, 62%);
}
#header_logo h2 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#header_logo h2:before {
	content: none;
}

.heading1 {/*未使用*/
	/*
	background-image: url('/images/h4_caption_pink.png');
	background-position: 16px 50%;
	background-repeat: no-repeat;
	border-color: hsl(0, 0%, 85%);
	border-style: solid;
	border-width: 0 0 1px 0;
	font-size: 115%;
	font-weight: bold;
	line-height: 185%;
	padding: 12px 42px;
	*/
}
.heading2 {
	border-style: dotted solid;
	border-width: 0 0 0 8px;
	color: #000;
	font-size: 100%;/*18px;*/
	font-weight: 700;
	line-height: 185%;
	/*margin-top: 32px;*/
	padding: 0 12px;
}
.heading3 {
	border-color: hsl(0, 0%, 15%);
	border-style: solid;
	border-width: 0 0 0 6px;
	font-size: 115%;
	padding: 8px 16px;
}
.heading4 {
	border-color: hsl(0, 0%, 38%);
	border-style: dotted;
	border-width: 0 0 1px 0;
	display: inline-block;
	font-size: 109%;
	padding: 8px;
}
.height-12px {height: 12px;}
hr {
	border-color: hsl(0, 0%, 85%);
	border-style: solid;
	border-width: 1px 0 0 0;
	height: 1px;
}
hr.dotted {
	border-style: dotted;
}
.image160 {
	border-color: hsl(0, 0%, 91%) hsl(0, 0%, 85%) hsl(0, 0%, 85%) hsl(0, 0%, 91%);
	border-style: solid;
	border-width: 1px;
	display: block;
	/*float: left;*/
	height: 120px;
	overflow: hidden;
	width: 160px;
}
.image160 img {
	width: 158px;
}
.image40 {
	border-color: hsl(0, 0%, 91%) hsl(0, 0%, 85%) hsl(0, 0%, 85%) hsl(0, 0%, 91%);
	border-style: solid;
	border-width: 1px;
	display: block;
	/*float: left;*/
	height: 30px;
	overflow: hidden;
	width: 40px;
}
.image40 img {
	width: 38px;
}
img.markdown {
	margin-top: 8px; 
	width: 100%;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.img40Box, .img66Box, .imgBox, .imgCircle40Box {
	border-color: hsl(0, 0%, 94%);
	border-style: solid;
	border-width: 0 0 1px 0;
	display: flex;
	margin-top: 12px;
	/*padding-top: 8px;*/
	width: 100%;
}
.img40Box > div:first-child {
	padding-bottom: 8px;
	width: 40px;
}
.img40Box > div:first-child img {
	border: solid 1px hsl(0, 0%, 85%);
	width: 40px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.img40Box > div:last-child {
	margin-left: 16px;
	padding-bottom: 8px;
	width: calc(100% - 40px - 16px);
	word-break: break-all;
}
.img40Box.border-style-none {border-style: none;}
.img40Box.border-style-none > div {padding-bottom: 4px;}
.image80 {
	border-color: hsl(0, 0%, 91%) hsl(0, 0%, 85%) hsl(0, 0%, 85%) hsl(0, 0%, 91%);
	border-style: solid;
	border-width: 1px;
	display: block;
	/*float: left;*/
	height: 60px;
	overflow: hidden;
	width: 80px;
}
.image80 img {
	width: 78px;
}
.img66Box > div:first-child {
	padding-bottom: 8px;
	width: 66px;
}
.img66Box > div:first-child img {
	/*border: solid 1px hsl(0, 0%, 85%);*/
	width: 66px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.img66Box > div:last-child {
	margin-left: 22px;
	padding-bottom: 8px;
	width: calc(100% - 66px - 22px);
	word-break: break-all;
}
.img66Box.border-style-none {border-style: none;}
.imgBox > div:first-child {
	/*border: solid 1px hsl(0, 0%, 85%);*/
	height: 36px;
	/*margin-bottom: 8px;*/
	width: 48px;
}
.imgBox > div:first-child img {
	width: 48px;
}
.imgBox > div:first-child > a, .imgBox > div:first-child > span {
	display: block;
	overflow: hidden;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.imgBox > div:last-child {
	margin-left: 16px;
	/*padding-bottom: 8px;*/
	width: calc(100% - 48px - 16px);
	word-break: break-all;
}
.imgBox.border-style-none {border-style: none;}
.imgProfileBox {
	display: block;
}
.imgCircle40Box > div:first-child {
	height: 40px;
	margin-bottom: 8px;
	overflow: hidden;
	width: 40px;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;	
}
.imgCircle40Box > div:first-child img {
	height: 40px;
  left: 50%;
  position: relative;
	transform: translateX(-50%);
}
.imgCircle40Box > div:last-child {
	margin-left: 16px;
	padding-bottom: 8px;
	width: calc(100% - 40px - 16px);
	word-break: break-all;
}
.imgProfileBox > div:first-child a {
	/*border: solid 1px hsl(0, 0%, 85%);*/
	display: block;
	margin: 0 auto;
	overflow: hidden;
	width: 160px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.imgProfileBox > div:first-child img {
	width: calc(100% - 2px);
}
.imgProfileBox > div:last-child {
	padding-top: 22px;
}
img.bokashi {
	filter: blur(3px);
	-ms-filter: blur(3px);
}
img.square-12px {
	height: 12px;
	width: 12px;
}
img {
	vertical-align:middle;
}

input.code {
	ime-mode: disabled;
	text-align: center;
}
input.code:focus {
	text-align: left;
}

input.disabled {
	ime-mode: disabled;
}
input.number {
	ime-mode: disabled;
	text-align: right;
}
input[type="password"], 
input[type="text"], 
select, 
textarea {
	border-style: solid;
	border-width: 1px;
	font-size: 1.0em;
	padding:6px 8px;
}
input[type="password"]:focus, 
input[type="text"]:focus, 
select:focus, 
textarea:focus {background: hsl(353, 100%, 97%);}
.larger {font-size: 138%;}
.lightgray {
	color: hsl(0, 0%, 76%)
}
.like {
	cursor: pointer;
}
.like img {
	margin-right: 8px;
	position: relative;
	top: -2px;
}
.likecount {font-size: 85%;}
.line-height-162 {line-height: 162%;}
.line-height-176 {line-height: 176%;}
.line-height-200 {line-height: 200%;}
.line-height-300 {line-height: 300%;}
.link {
	color: hsl(188, 94%, 44%);
	cursor: pointer;
}
.Male0 {color: hsl(323, 100%, 44%);}
.Male1 {color: hsl(188, 100%, 44%);}
.margin-0-auto {margin: 0 auto;}
.margin-bottom-2px {margin-bottom: 2px;}
.margin-bottom-4px {margin-bottom: 4px;}
.margin-bottom-5px {margin-bottom: 5px;}
.margin-bottom-6px {margin-bottom: 6px;}
.margin-bottom-8px {margin-bottom: 8px;}
.margin-bottom-12px {margin-bottom: 12px;}
.margin-bottom-16px {margin-bottom: 16px;}
.margin-bottom-22px {margin-bottom: 22px;}
.margin-left-0 {margin-left: 0 !important;}
.margin-left-25 {
	margin-left: 25%;
	width: 75%;
}
.margin-top-0 {margin-top: 0 !important;}
.margin-top-12px {
	margin-top: 12px;
}
.margin-top-2px {margin-top: 2px;}
.margin-top-4px {margin-top: 4px;}
.margin-top-6px {margin-top: 6px;}
.margin-top-8px {margin-top: 8px;}
.margin-top-16px {margin-top: 16px !important;}
.margin-top-22px {margin-top: 22px;}
.margin-top-30px {margin-top: 30px !important;}
.margin-top-42px {margin-top: 42px !important;}
.margin-top-60px {margin-top: 60px !important;}
.margin2 {
	display: block;
	margin-bottom:2px;
}
.margin3 {
	display: block;
	margin-bottom: 3px;
}
.margin4 {
	display: block;
	margin-bottom:4px;
}
.margin6 {
	display: block;
	margin-bottom:6px;
}
.margin12 {
	display: block;
	margin-bottom: 12px;
}

.mark {
	border: solid 1px hsl(0, 0%, 85%);
	color: hsl(0, 0%, 50%);
	display: inline-block;
	font-size: 9px;
	padding: 0 4px;
	position: relative;
	top: -1px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.mark.background-green {
	color: #fff;/*hsl(0, 0%, 15%);*/
	background: -webkit-gradient(linear, left top, left bottom, from(hsl(83, 100%, 44%)), to(hsl(83, 100%, 38%)));
	background: -moz-linear-gradient(top, hsl(83, 100%, 44%), hsl(83, 100%, 38%));
	background: -ms-linear-gradient(top, hsl(83, 100%, 44%), hsl(83, 100%, 38%));
}
.mark.background-lightgray {
	color: hsl(0, 0%, 15%);
	background: -webkit-gradient(linear, left top, left bottom, from(hsl(0, 0%, 92.5%)), to(hsl(0, 0%, 91%)));
	background: -moz-linear-gradient(top, hsl(0, 0%, 92.5%), hsl(0, 0%, 91%));
	background: -ms-linear-gradient(top, hsl(0, 0%, 92.5%), hsl(0, 0%, 91%));
}
/*
.mark.background-gray {
	color: hsl(0, 0%, 15%);
	background: -webkit-gradient(linear, left top, left bottom, from(hsl(0, 0%, 76%)), to(hsl(0, 0%, 62%)));
	background: -moz-linear-gradient(top, hsl(0, 0%, 76%), hsl(0, 0%, 62%));
	background: -ms-linear-gradient(top, hsl(0, 0%, 76%), hsl(0, 0%, 62%));
}
.mark.background-pink {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(hsl(323, 100%, 56%)), to(hsl(323, 100%, 50%)));
	background: -moz-linear-gradient(top, hsl(323, 100%, 56%), hsl(323, 100%, 50%));
	background: -ms-linear-gradient(top, hsl(323, 100%, 56%), hsl(323, 100%, 50%));
}
*/
.mark.background-orange {
	color: #fff;/*hsl(0, 0%, 24%);*/
	background: -webkit-gradient(linear, left top, left bottom, from(hsl(43, 100%, 50%)), to(hsl(43, 100%, 44%)));
	background: -moz-linear-gradient(top, hsl(43, 100%, 50%), hsl(43, 100%, 44%));
	background: -ms-linear-gradient(top, hsl(43, 100%, 50%), hsl(43, 100%, 44%));
}
.mark.background-red {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(hsl(338, 100%, 56%)), to(hsl(338, 100%, 50%)));
	background: -moz-linear-gradient(top, hsl(338, 100%, 56%), hsl(338, 100%, 50%));
	background: -ms-linear-gradient(top, hsl(338, 100%, 56%), hsl(338, 100%, 50%));
}
.mark.red {
	border-color: hsl(338, 100%, 44%);
}
.markdown {
	font-family: Futura,Roboto,sans-serif;
}
.marker-red {
    background: linear-gradient(transparent 91%, hsl(338, 100%, 50%) 0%) !important;
}
.marquee {
	overflow:-webkit-marquee;
	white-space:nowrap;
}
.memo {
	color: hsl(0, 0%, 62%);
	font-size: 85%;
	font-weight: normal;
	/*line-height: 150%;*/
}
.memo a {
	color: hsl(0, 0%, 62%);
}
.min-width-42px{min-width: 42px}

ol.BreadcrumbList {
	font-size: 85%;
	list-style-type: none;
	padding: 0;
}
ol.BreadcrumbList li {
	display: inline;
}
ol.BreadcrumbList li:after {
	content: " > ";
}
ol.BreadcrumbList li:last-child:after {
	content: "";
}
.orange, .coupon {
	color: hsl(28, 89.5%, 53%) !important;
}
.padding-0 {padding: 0 !important;}
.padding-16px {padding: 16px;}
.padding-bottom-8px {padding-bottom: 8px !important;}
.padding-top-0 {padding-top: 0 !important;}
.padding-top-4px {padding-top: 4px !important;}
.padding-top-8px {padding-top: 8px !important;}
.padding-top-16px {padding-top: 16px !important;}
.pink {color: hsl(323, 100%, 44%);}
.r3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.r4 {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.r6 {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.readmore {
	font-size: 85%;
	margin: 16px 0 16px auto;
	text-align: right;
}
/*
.readmore a {
	color: hsl(0, 0%, 24%);
}
*/
/*
.readmore a:after {
	color: hsl(338, 100%, 44%);
	content: ">>";
	font-family: "Arial", "MS UI GOTHIC";
	margin-left: 6px;
}
*/

.red {color: hsl(338, 85%, 44%) !important;}

.ruby {
	color: hsl(0, 0%, 62%);
	font-size: 85%;
	margin-bottom: 3px;
}
.padding-left-36px {padding-left: 36px;}
#profilemenu {
	display: none;
}
#profilemenu.cols-3 {
	display: block;
	text-align: center;
}
/*
section.h2:nth-child(even){
	background: hsl(0, 0%, 97%);
}
*/
.small{
	font-size: 85%;/*1 - 0.146(黄金比)*/
}
small.markdown {
	color: hsl(0, 0%, 62%);
	font-size: 76%;
}
.smaller {
	font-size: 85%;/*1 - 0.146(黄金比)*/
	/*font-weight: normal;*/
}
.step_circle {
    background: hsl(353, 100%, 44%);
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 32px;
    margin-right: 8px;
    position: relative;
    text-align: center;
    top: -2px;
    width: 30px;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.subtitle {
	color: rgb(24%,24%,24%);
	font-size: 85%;
}

.tabBox {
	border-width: 0 0 4px 0;
	border-style: solid;
	display: flex;
	width: 100%;
}
.tabBox a, .tabBox span {
	border-color: hsl(0, 0%, 85%);
	border-style: solid;
	border-width: 1px 1px 0 1px;
	color: rgb(50%,50%,50%);
	margin-right: 2px;
	padding: 6px 0;
	text-align: center;
	width: 100%;
	
	/*角を丸くする*/
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	
	/*グラデーション*/
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsl(0, 0%, 94%)));
	background: -moz-linear-gradient(top, #fff, hsl(0, 0%, 94%));
	background: -ms-linear-gradient(top, #fff, hsl(0, 0%, 94%));
}
.tabBox.blue {
	border-color: hsl(188, 100%, 69%);
}
.tabBox.blue .selected {
	border-color: hsl(188, 100%, 69%);
	color: #fff;
	
	background: -webkit-gradient(linear, left top, left bottom, from(hsl(188, 100%, 81%)), to(hsl(188, 100%, 69%)));
	background: -moz-linear-gradient(top, hsl(188, 100%, 81%), hsl(188, 100%, 69%));
	background: -ms-linear-gradient(top, hsl(188, 100%, 81%), hsl(188, 100%, 69%));
}
table tr td {
	word-break: break-all;
}
.textBox {
	display: flex;
}
.textBox:nth-child(odd) {
	background: hsl(0, 0%, 97%);
}
.textBox > div {
	border-color: hsl(0, 0%, 85%);
	border-style: solid;
	border-width: 0 0 1px 0;
	padding: 4px 0;
}
.textBox > div:first-child {
	text-align: center;
	width: 42px;
}
.textBox > div:last-child {
	margin-left: 8px;
	width: calc(100% - 42px - 8px);
}
#sidebar ul.recommend li a > div {
	background: hsla(0, 0%, 50%, 0.5);
	color: hsl(0, 0%, 91%);
	font-size: 85%;
	height: 60px;
	line-height: 150%;
	margin-bottom: -60px;
	padding: 4px 12px;/*6px;*/
	position: relative;
	top: -60px;
}
#sidebar ul.recommend li a > div div {
	color: hsl(0, 0%, 91%);
	font-size: 85%;
}
#sidebar ul.recommend li a > div strong {
	color: #fff;
	display: block;
	font-size: 138%;
}
#sidebar ul.recommend li a img {
	width: 100%;
}
.tabOldGrad {
	border-color: hsl(0, 0%, 85%);
	border-style: solid;
	border-width: 1px 1px 0 1px;
	color: rgb(50%,50%,50%);
	float: left;
	margin-right: 2px;
	padding: 6px 0;
	text-align: center;
	width: 12.5%;
	
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsl(0, 0%, 94%)));
	background: -moz-linear-gradient(top, #fff, hsl(0, 0%, 94%));
	background: -ms-linear-gradient(top, #fff, hsl(0, 0%, 94%));
}
a.tabOldGrad:hover {
	color: hsl(0, 0%, 15%);
	text-decoration: none;
}
.tabOldGrad.blue {
	border-color: hsl(188, 100%, 69%);
	color: #fff;
	
	/*グラデーション*/
	background: -webkit-gradient(linear, left top, left bottom, from(hsl(188, 100%, 81%)), to(hsl(188, 100%, 69%)));
	background: -moz-linear-gradient(top, hsl(188, 100%, 81%), hsl(188, 100%, 69%));
	background: -ms-linear-gradient(top, hsl(188, 100%, 81%), hsl(188, 100%, 69%));
}
.tabOldGrad.green {
	border-color: hsl(83, 62%, 62%);
	color: hsl(0, 0%, 38%);
	
	/*グラデーション*/
	background: -webkit-gradient(linear, left top, left bottom, from(hsl(83, 100%, 94%)), to(hsl(83, 62%, 62%)));
	background: -moz-linear-gradient(top, hsl(83, 100%, 94%), hsl(83, 62%, 62%));
	background: -ms-linear-gradient(top, hsl(83, 100%, 94%), hsl(83, 62%, 62%));
}
.tabOldGrad.wide {
	width: 20%;/*メニューグループの5タブを想定*/
}

table td {
	padding: 12px;
	/*vertical-align:top;*/
}
table th {
	padding: 12px;
}
table.border td {
	border-color: hsl(0, 0%, 85%);
	border-style: solid;
	border-width: 0 1px 1px 0;
}
table.border th {
	border-color: hsl(0, 0%, 85%);
	border-style: solid;
	border-width: 0 1px 1px 0;
	color: hsl(0, 0%, 15%);
	vertical-align: top;
}
table.border {
	border-color: hsl(0, 0%, 85%);
	border-style: solid;
	border-width: 1px 0 0 1px;
}
table tr.alternate td {
	background: hsl(0, 0%, 97%);
}
.background-lightblue {
	background: hsl(188, 100%, 97%);
}
.background-lightred {
	background: hsl(338, 100%, 97%);
}
table tr.background-color-lightblue td {
	background-color: hsl(188, 100%, 97%);
}
table tr.background-color-lightred td {
	background-color: hsl(338, 100%, 97%);
}

table.form th {
	text-align: left;
}
table.form th img {
	margin-right: 12px;
	vertical-align:top;
}
table.form.blue {
	background-color: #f5fcfc;
}
table.form.blue tr.header1 th {
	background-color: hsl(188, 100%, 69%);
}
table.form.blue th {
	background-color: #80c3ff;
}
table.form.larger {
	border-style: none;
	/*table.form と同じ幅*/
}
table.form.larger input[type='text'], table.form.larger input[type='password']{
	font-size: 162%;
	padding: 11px 14px;
	width: 494px;/*table.form と同じ幅*/
	
	/*角を丸くする*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
table.form.larger td {
	border-style: none;
	padding: 18px 0;
}
table.form.larger th {
	border-style: none;
	padding: 18px;
}
table.form tr.header1 th {
	border-style: solid;
	border-width: 0 0 1px 0;
	font-size: 124%;
}
table.info {
	border-color: hsl(0, 0%, 91%);
	border-style: solid;
	border-width: 1px 0 0 1px;
}
table.info td {
	border-color: #fff hsl(0, 0%, 91%) hsl(0, 0%, 91%) #fff;
	border-style: solid;
	border-width: 1px 1px 1px 0;
}
table.info th {
	background: hsl(83, 9%, 94%);
	border-color: #fff hsl(0, 0%, 91%) hsl(0, 0%, 91%) #fff;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	text-align: left;
	width: 22.1875%;
}
table.view {
	/*
	border-color: hsl(0, 0%, 94%);
	border-style: solid;
	border-width: 1px 0 0 0;
	*/
}
table.view td {
	border-color: hsl(0, 0%, 85%);
	border-style: solid;
	border-width: 0 0 1px 0;
}
table.view th {
	background: hsl(0, 0%, 50%);
	border-color: hsl(0, 0%, 50%);/*適当*/
	border-style: solid;
	border-width: 0 0 1px 0;
	color: #fff;
	padding: 6px 12px;
	text-align: center;
}
table.view tr.header1 th {
	border-color: #8ac24a;
	border-style: solid;
	padding: 6px;
}
table.view tr.header2 th {
	background: #fff;
	color: hsl(0, 0%, 15%);
	font-size: 85%;
}

.tag {
	float: left;
	font-size: calc(8.1579px + 0.2632vmin);/*9 - 11*/
	letter-spacing: 1px;
	line-height: 162%;
	margin: 0 12px 0 0;
	padding: 0 4px;
}
.tag.recommend {
	background-color: hsl(338, 100%, 42.5%);
	color: #fff;
	float: right;
	margin-right: 0;
	
	/*角を丸くする*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.tel{
	font-weight: bold;
}

.text-align-center {
	text-align: center;
}
.text-align-left {
	text-align: left !important;
}
.text-align-right {
	text-align: right !important;
}
.text-decoration-line-through {text-decoration: line-through;}
.text-decoration-underline {text-decoration: underline;}
.text-decoration-underline:hover {text-decoration: none;}
.top--1px {
	position: relative;
	top: -1px;
}
.top--2px {
	position: relative;
	top: -2px;
}
.top-2px {
	position: relative;
	top: +2px;
}
.top-2px {
	position: relative;
	top: +2px;
}
.TrueBlue {
	color: hsl(233, 85%, 62%);
}
.TrueRed {
	color: hsl(353, 85%, 62%);
}
ul.half50 {
	display: flex;
}
ul.half50 li {
	width: 50%;
}
ul.half50 li:last-child {
	text-align: right;
}

ul.imgList li {
	display: flex;
}
ul.imgList li > div:first-child a {
	border-color: hsl(0, 0%, 91%) hsl(0, 0%, 85%) hsl(0, 0%, 85%) hsl(0, 0%, 91%);
	border-style: solid;
	border-width: 1px;
	display: block;
	overflow: hidden;
}
ul.imgList li > div:first-child a img {
	width: 100%;
}
ul.imgList li > div:last-child a.description {
	color: hsl(0, 0%, 38%);
}
ul.imgList li > div:last-child .div_shopname {
	margin-top: 6px;
	text-align: right;
}
ul.imgList li > div:last-child p {
	margin-top: 6px;
}
ul.imgList li > div:last-child strong {
	/*color: hsl(0, 0%, 15%);*/
	font-size: 115%;
}
ul.imgList.large li > div {
	width: 22.1875%;
}
ul.imgList.large li > div:last-child {
	width: 74.0625%;/*100% - 22.1875% - 3.75%*/
}
ul.list-style-type-disc {list-style-type: disc;}
ul.markdown {
	list-style-type: disc;
	margin-left: 16px;
}
.underline {text-decoration: none;}
.underline:hover {text-decoration: underline;}

.vertical-align-top {
	vertical-align: top;
}
.white {color: #fff;}
.wrap {
	/*clear: both;
	float: left;
	margin: 0;
	padding: 6px 12px;*/
	display: block;
	width: 100%;
	/*text-align: left;
	text-decoration: none;*/
}
.wrap:hover {
	background-color: #f0f0f0;
}
.wrap strong {
	color: #3090A6;
}

.width-20 {width: 20%;}
.width-100 {width: 100% !important;}
.width-120px {width: 120px;}
.width-160px {width: 160px;}
.width-240px {width: 240px;}
.width-42px {width: 42px;}
.width-42px > img {
	border: solid 1px hsl(0, 0%, 85%);
	width: 40px;
}
.width-25 {width: 25%;}
.width-76 {width: 76%;}
.width-60px {width: 60px;}
.width-query84px {width: calc(100% - 84px);}
.width-query120px {width: calc(100% - 120px);}
.width1 {width: 70.71% !important;}
.width2 {width: 50.00% !important;}
.width3 {width: 35.36% !important;}
.width4 {width: 25.00% !important;}
.width5 {width: 17.68% !important;}
.width6 {width: 12.50% !important;}
.width7 {width: 8.84% !important;}
.width8 {width: 6.25% !important;}
.width9 {width: 4.42% !important;}
.width10 {width: 3.13% !important;}
.width11 {width: 2.21% !important;}
.width12 {width: 1.56% !important;}
.width13 {width: 1.10% !important;}

.x-small {
	font-size: 62%;
}

@media only screen and (min-width:768px){/*PC*/
	body {
		font-size: 15px;/*14px*//*calc(7.1472px + 0.5017vw)*//*11px - 14px*/
	}
	.btnGrad.larger.circle {
		height: 60px;
		line-height: 60px;
		padding: 0;
		
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	}
	.cols2 {
		display: flex;
		flex-wrap: wrap;
	}
	.cols2 > div {
		margin-top: 1.5%;/*3%;*/
		width: calc((100% - 3%) / 2);
	}
	.cols2 > div:nth-child(even) {
		margin-left: 3%;
	}
	.column {
		width: 100%;
	}
	#contents.cols-3 {
		padding: 0 3.75% 3.75% 3.75%;
		width: 60%;
	}
	.div_main {
		padding: 30px 0 0 0;/*0*/
	}
	.div_main.login {
		padding: 0 25%;
		/*margin: 0 auto;*/
	}
	.div_main.login .btnSubmit {
		width: 50%;
	}
	.div_main.login .btnSubmit.reset {
		width: calc(50% - 2px);
	}
	h4.menu-shop-settings img {
		position: relative;
		top:-1px;
	}
	h4.menu-shop-settings:before {
		content: none;
	}
	#header_globalmenu ul li a {
		background: #fff;
		border-color: hsl(0, 0%, 88%) hsl(0, 0%, 85%) hsl(0, 0%, 76%) hsl(0, 0%, 91%);
		border-style: solid;
		border-width: 1px 0 1px 1px;
		color: rgb(15%,15%,15%);
		display: block;
		font-size: 13px;/*91%;*/
		height: 50px;
		line-height: 50px;
		position: relative;
		text-align: center;
		top:-1px;
		
		/*グラデーション*/
		background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(hsl(0, 0%, 91%)));
		background:-moz-linear-gradient(top, #fff, hsl(0, 0%, 91%));
		background:-ms-linear-gradient(top, #fff, hsl(0, 0%, 91%));
	}
	#header_globalmenu ul li a:visited {
		color: hsl(0, 0%, 24%);
	}
	#header_globalmenu ul li a:hover {
		border-color: hsl(0, 0%, 88%) hsl(0, 0%, 85%) hsl(0, 0%, 62%) hsl(0, 0%, 91%);
		color: rgb(15%,15%,15%);
		text-decoration: none;
	}
	#header_globalmenu ul li a img {
		display: none;
		/*margin-right: 6px;
		position: relative;
		top: -1px;*/
		width: 24px;
	}
	#header_globalmenu_container {
		border-color: hsl(0, 0%, 88%) hsl(0, 0%, 85%) hsl(0, 0%, 76%) hsl(0, 0%, 91%);
		border-style: solid;
		border-width: 1px 0;
		box-shadow: 0 12px 12px -6px hsla(0, 0%, 76%, 0.38);
		height: 50px;
		width: 100%;
		
		/*グラデーション*/
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsl(0, 0%, 91%)));
		background: -moz-linear-gradient(top, #fff, hsl(0, 0%, 91%));
		background: -ms-linear-gradient(top, #fff, hsl(0, 0%, 91%));
	}
	#header_h1 {
		background-color: rgb(94%,94%,94%);
		border-color: hsl(0, 0%, 85%);
		border-style: solid;
		border-width: 0 0 1px 0;
		box-shadow: 1px 2px 4px 0px hsla(0, 0%, 91%, 0.38);
		display: flex;
		font-size: 85%;
		height: 22px;
		padding: 2px 0 0 22px;
		width: 100%;
	}
	#header_logo {
		display: flex;
		margin: 0 auto;
		max-width: 1366px;
		padding: 0 30px;
		position: relative;
		text-align: left;
		width: 100%;
	}
	#header_logo > div {
		padding: 22px 0;
		width: calc(100% - 468px);
	}
	#header_logo > div.right {
		padding: 0;
		width: 468px;
	}
	#header_logo > div img {
		height: 60px;
		vertical-align: bottom;
		width: 234px;
	}
	#header_logo h2 {
		display: inline;
		font-size: 14px;
		left: 151px;
		position: absolute;
		top: 40px;
		white-space: nowrap;
	}
	#header_logo h2.AreaTitle3 {
		left: 137px;
	}
	#header_logo h2.AreaTitle4 {
		left: 123px;
	}
	#header_mobilemenu{display: none;}
	.sp-only {
		display: none !important;
	}
	.header_usermenu {
		margin: 12px auto 0 auto;
		max-width: 1366px;
		padding: 0 30px;
		width: 100%;
	}
	.header_usermenu ul{
		display: flex;
	}
	.header_usermenu ul li{
		padding-right: 1px;
		width: 100%;
	}
	.header_usermenu ul li a {
		border-color: hsl(0, 0%, 88%) hsl(0, 0%, 85%) hsl(0, 0%, 76%) hsl(0, 0%, 91%);
		border-style: solid;
		border-width: 1px 0 1px 1px;
		display: block;
		font-size: 85%;
		height: 28px;/*22 + 6*/
		line-height: 28px;
		text-align: center;
		text-decoration: none;
	}
	.header_usermenu ul li img {
		margin-right: 10px;
		position: relative;
		top: -1px;
		vertical-align: middle;
		width: 14px;
	}
	table.form td {
		border-color: hsl(0, 0%, 85%);
		border-style: solid;
		border-width: 0 1px 1px 0;
		display: table-cell;
		padding: 12px 16px;
	}
	table.form th {
		background: hsl(0, 0%, 85%);
		border-color: #fff;
		border-style: solid;
		border-width: 0 1px 1px 0;
		display: table-cell;
		padding: 12px 16px;
		width: 25%;
	}
	ul.menu-shop-settings-list li {
		line-height: 1;
	}
	.shopname {
		color: #000;
		font-size: 200%;
		line-height: 124%;
		margin-top: 6px;
	}
	#sidebar ul li a {
		display: block;
		padding: 12px 0px 11px 36px;
	}
	#sidebar ul li {
		border-top: 1px solid hsl(0, 0%, 85%);
	}
	#sidebar ul li:last-child {
		border-bottom: 1px solid hsl(0, 0%, 85%);
	}
	.sp-x-small {font-size: 85%;}
	.width-search {width: calc(100% - 68px);/*60px - 8px*/}
}

@media only screen and (max-width:767px){/*SP*/
	body {
		font-size: 15px;/*14px*//*12px*//*11.5px;*/
		-webkit-text-size-adjust: none;/*フォントサイズが自動的に変わるのを防ぐ*/
	}
	.btnGrad.larger.circle {
		height: 42px;
		line-height: 42px;
		padding: 0;
		
		-webkit-border-radius: 21px;
		-moz-border-radius: 21px;
		border-radius: 21px;
	}
	.cols2 {
		display: block;
	}
	.cols2 > div {
		width: 100%;
	}
	.column {
		width: 100%;
	}
	#contents {
		padding: 3.75% 0;
		width: 100%;
	}
	.div_main {
		padding: 4.5% 4.5% 0 4.5%;/*0 4.5%*//*0 3.75%;*/
	}
	#header_globalmenu ul li a {
		background: #fff;
		border-color: hsl(0, 0%, 88%) hsl(0, 0%, 85%) hsl(0, 0%, 76%) hsl(0, 0%, 91%);
		border-style: solid;
		border-width: 1px 0 1px 1px;
		color: hsl(0, 0%, 24%);
		display: block;
		font-size: 9px;/*8px*/
		height: 52px;
		line-height: 191%;
		padding-top: 9px;
		
		/*グラデーション*/
		background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(hsl(0, 0%, 91%)));
		background:-moz-linear-gradient(top, #fff, hsl(0, 0%, 91%));
		background:-ms-linear-gradient(top, #fff, hsl(0, 0%, 91%));
	}
	#header_globalmenu ul li a:hover {
		text-decoration: none;
	}
	#header_globalmenu ul li a img {
		display: block;
		height: 19px;
		margin: 0 auto 3px auto;
		width: 19px;
	}
	#header_globalmenu_container {
		position: absolute;
		top: 60px;
		box-shadow: 0 12px 12px -6px hsla(0, 0%, 76%, 0.38);
		background: transparent !important;
		height: 52px;
		width: 100%;
	}
	#header_logo {
		display: flex;
		margin: 0 auto;
		padding: 0 calc((20% - 60px) / 2) 0 3.75%;
		position: relative;
		text-align: left;
		width: 100%;
	}
	#header_logo > div {
		text-align: left;
		position: relative;
		padding: 14px 0;
		width: 50%;
		z-index: 5;
	}
	#header_logo > div img {
		height: 32px;/*360px の黄金比*/
		vertical-align: bottom;
		width: 125px;
	}
	#header_logo h2 {
		display: inline;
		font-size: 8px;
		left: 61px;
		position: absolute;
		top: 22px;
		white-space: nowrap;
	}
	#header_logo h2.AreaTitle3 {
		left: 53px;
	}
	#header_logo h2.AreaTitle4 {
		left: 45px;
	}
	#header_mobilemenu {
		height: 46px;
		margin: 0 auto;
		width: 100%;
		position: relative;
		z-index: 1;	
	}
	#header_mobilemenu {
		height: auto;
		width: 100%;
	}
	#header_mobilemenu h6 {
		background: hsl(83, 94%, 38%);
		color: #fff;
		height: 46px;
		padding: 16px 16px;
		border-bottom: 1px solid hsl(0, 0%, 85%);
		line-height: 1;
		box-sizing: border-box;
	}
	#header_mobilemenu ul {
		display: none;
		width: 100%;
		border-top: 1px solid hsl(0, 0%, 85%);
	}
	#header_mobilemenu ul li {
		width: 100% !important;
	}
	#header_mobilemenu ul li a {
		background: #fff;
		border-bottom: 1px solid hsl(0, 0%, 85%);
		box-sizing: border-box;
		color: hsl(0, 0%, 15%);
		display: block;
		/*height: 46px;*/
		padding: 8px 16px 8px 42px;
		text-decoration: none;
		width: 100%;
	}
	#header_mobilemenu ul.shopmenu li a {
		background: hsl(83, 94%, 44%);
		color: #fff;
	}
	#header_mobilemenu ul.shopmenu li:nth-child(even) a {
		background: hsl(83, 94%, 46%);
	}
	#header_h1{
		display: none;
	}
	.header_usermenu {
		height: 54px;/*42+12*/
		position: fixed;
		display: block;
		background: #ffffff;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 100;
	}
	.header_usermenu ul {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		justify-content: space-evenly;
	}
	.header_usermenu ul li {
		flex: 1;
		
		/*グラデーション*/
		background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(hsl(0, 0%, 94%)));
		background:-moz-linear-gradient(top, #fff, hsl(0, 0%, 94%));
		background:-ms-linear-gradient(top, #fff, hsl(0, 0%, 94%));
	}
	.header_usermenu ul li a {
		align-items: center;
		border-color: hsl(0, 0%, 91%);
		border-style: solid;
		border-width: 1px 0 0 0;
		display: flex;
		flex-direction: column;
		font-size: 8px;
		padding-top: 12px;
		height: 54px;
		color: #00587a;
	}
	.header_usermenu ul li a:hover,
	.header_usermenu ul li a:focus {
		text-decoration: none;
	}
	.header_usermenu ul li a i {
		font-size: 18px;
	}
	.header_usermenu ul li a span {
		font-size: 12px;
		line-height: 1.2;
	}
	.header_usermenu ul li img {
		margin-bottom: 4px;
		width: 19px;
	}
	.imgProfileBox.sp-image-smaller {
		display: flex;
	}
	.imgProfileBox.sp-image-smaller > div:first-child {
		padding-left: 4.5%;
	}
	.imgProfileBox.sp-image-smaller > div:first-child a {
		width: 40px;
	}
	.imgProfileBox.sp-image-smaller > div:last-child {
		padding: 0 0 0 4.5%;
		text-align: left;
	}
	.imgProfileBox.sp-image-smaller > div:last-child .div_profilemenu_subinfo {display: none;}
	main {
		margin: 112px auto 0 auto;/*60px + 52px*/
		width: 100%;
	}
	.shopname {
		color: #fff;
		font-size: 138%;
		line-height: 138%;
		/*margin-top: 4px;*/
	}
	.sp-hide {display: none !important;}
	.sp-smaller {font-size: 85%;}
	.sp-x-small {font-size: 62%;}
	.sp-width-100 {width: 100%;}
	table.form td {
		border-style: none;
		display: block;
		padding: 6px 0 0 0;
	}
	table.form th {
		border-style: none;
		color:hsl(0, 0%, 15%);
		display: block;
		font-weight: bold;
		padding: 22px 0 0 0;
	}
	.width-search {width: calc(100% - 82px);/*60px - 22px*/}
}