@charset "UTF-8";

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}a,hr{padding:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#ff9;color:#000}body{line-height:1}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}



/* font */
/*
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url('/common/font/NotoSansCJKjp-Thin.eot?v=1.0.1');
    src: local('Noto Sans CJK JP Thin'),
	url('/common/font/NotoSansCJKjp-Thin.eot?v=1.0.1?#iefix') format('embedded-opentype'),
    url('/common/font/NotoSansCJKjp-Thin.woff?v=1.0.1') format('woff'),
    url('/common/font/NotoSansCJKjp-Thin.ttf?v=1.0.1')  format('truetype');
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url('/common/font/NotoSansCJKjp-Light.eot');
    src: local('Noto Sans CJK JP Light'),
	url('/common/font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
    url('/common/font/NotoSansCJKjp-Light.woff') format('woff'),
    url('/common/font/NotoSansCJKjp-Light.ttf')  format('truetype');
}
*/
/*
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('/common/font/NotoSansCJKjp-DemiLight.eot');
    src: local('Noto Sans CJK JP DemiLight'),
	url('/common/font/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
    url('/common/font/NotoSansCJKjp-DemiLight.woff') format('woff'),
    url('/common/font/NotoSansCJKjp-DemiLight.ttf')  format('truetype');
}
*/
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('/common/font/NotoSansCJKjp-Regular.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans CJK JP Regular'),
	url('/common/font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/common/font/NotoSansCJKjp-Regular.woff') format('woff'), /* Modern Browsers */
    url('/common/font/NotoSansCJKjp-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('/common/font/NotoSansCJKjp-Medium.eot');
    src: local('Noto Sans CJK JP Medium'),
	url('/common/font/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
    url('/common/font/NotoSansCJKjp-Medium.woff') format('woff'),
    url('/common/font/NotoSansCJKjp-Medium.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('/common/font/NotoSansCJKjp-Bold.eot');
    src: local('Noto Sans CJK JP Bold'),
	url('/common/font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
    url('/common/font/NotoSansCJKjp-Bold.woff') format('woff'),
    url('/common/font/NotoSansCJKjp-Bold.ttf')  format('truetype');
}
/*
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('/common/font/NotoSansCJKjp-Black.eot');
    src: local('Noto Sans CJK JP Black'),
	url('/common/font/NotoSansCJKjp-Black.eot?#iefix') format('embedded-opentype'),
    url('/common/font/NotoSansCJKjp-Black.woff') format('woff'),
    url('/common/font/NotoSansCJKjp-Black.ttf')  format('truetype');
}
*/
.noto {
    font-family: 'Noto Sans Japanese';
}
.thin {
    font-weight: 100;
}
.light {
    font-weight: 200;
}
.demi-light {
    font-weight: 300;
}
.regular {
    font-weight: 400;
}
.medium {
    font-weight: 500;
}
.bold {
    font-weight: 700;
}
.black {
    font-weight: 900;
}


	* {
		box-sizing: border-box;
	}
	ul,ol {
		list-style: none;
	}
	/**/
	html {
		font-size: 1.283vw;
		font-weight: 400;
		line-height: 1.819;
	}
		html.isAndroid {
		}
	body {
		padding: 14.933vw 0 0;
		background: #F2F2F2;
		color: #333333;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 400;
		line-height: 1.819;
	}
	.body_wrap {
	}
	.hd {
		position: absolute;
		width: 100%;
		height: 14.933vw;
		top: 0;
		overflow: hidden;
		background: #FFFFFF;
	}
	.contents_wrap {
		position: relative;
		padding: 6.133vw 6.133vw 0;
	}
	/**/
	.hd .logo {
		position: absolute;
		width: 30.4vw;
		height: 0;
		top: 6.267vw;
		left: 34.8vw;
		padding: 2.4vw 0 0;
		overflow: hidden;
		background: url(../img/hd_logo.svg) 0 50%/contain no-repeat;
		text-indent: -1000em;
	}
	.hd .menu {
	}
	.hd .menu .open {
		position: absolute;
		width: 4.267vw;
		height: 0;
		top: 5.467vw;
		left: 6.133vw;
		padding: 4vw 0 0;
		overflow: hidden;
		background: url(../img/hd_icn_menu.svg) 0 50%/contain no-repeat;
		text-indent: -1000em;
	}
	.hd .menu .cart {
		position: absolute;
		width: 5.6vw;
		height: 0;
		top: 4.6vw;
		right: 6.133vw;
		padding: 5.733vw 0 0;
		overflow: hidden;
		background: url(../img/icn_cart.png) 0 50%/contain no-repeat;
		text-indent: -1000em;
	}
	/**/
	.ft {
	}
	.ft .backtop {
		margin: 7.867vw 6.133vw 0;
		text-align: center;
	}
	.ft .backtop a {
		display: inline-block;
		width: 23.099vw;
		height: 0;
		overflow: hidden;
		padding: 3.467vw 0 0;
		background: url(../img/ft_backtotop.png) 50% 50%/contain no-repeat;
		text-indent: -1000em;
		vertical-align: middle;
	}
	.ft .sns {
		margin: 5.2vw 6.133vw 0;
		border-top: .267vw solid #000000;
		border-bottom: .267vw solid #000000;
	}
	.ft .sns dl {
		display: flex;
	}
	.ft .sns dt {
		width: 34.809%;
		height: 0;
		overflow: hidden;
		padding: 17.863% 0 0;
		background: url(../img/ft_t_followus.svg) 50% 55%/13.565vw auto no-repeat;
		text-indent: -1000em;
	}
	.ft .sns dd {
		position: relative;
		width: 65.191%;
	}
	.ft .sns dd:before {
		content: "";
		display: block;
		position: absolute;
		height: 52.991%;
		left: 0;
		bottom: 0;
		border-left: .267vw solid #000000;
	}
	.ft .sns ul {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}
	.ft .sns li {
		width: 7.096vw;
		height: 7.096vw;
		overflow: hidden;
		margin: 0 0 0 6.933vw;
		border-radius: 100%;
		background: #333333;
		text-indent: -1000em;
	}
	.ft .sns li.ist {
		margin-left: 2.5vw;
	}
	.ft .sns li.fbk {
	}
	.ft .sns li.twt {
	}
	.ft .copyright {
		height: 0;
		overflow: hidden;
		margin: 3.035vw 0 0;
		padding: 18.4vw 0 0;
		background: #FFFFFF url(../img/ft_copyright.svg) 50% 3.035vw/50.4364vw auto no-repeat;
		text-indent: -1000em;
	}
	/**/
	.ui-widget-content {
		background: transparent;
	}
	.ui-widget.ui-widget-content {
		width: 92%;
		margin: -1.1em auto 0;
		border: 0;
		-webkit-tap-highlight-color: transparent;
	}
		.base .ui-widget.ui-widget-content,
		.detailitem .ui-widget.ui-widget-content,
		body.edit .ui-widget.ui-widget-content {
			width: 79%;
		}
	.ui-slider .ui-slider-handle {
		width: 9.276vw;
		height: calc(9.1vw + 1.6vw);
	}
	.ui-slider-horizontal .ui-slider-handle {
		top: calc(-4.55vw + .3em);
	    margin-left: -4.638vw;
	}
	.ui-state-default,
	.ui-widget-content .ui-state-default {
		border: 0;
		background: url(/img/shindan/icn_shindan_select.svg) 0px 0px / contain no-repeat;
	}
	/**/
	.internal_result .type {
		display: flex;
	}
	.internal_result .type li {
		display: inline-block;
	}
	.internal_result .type li:not(:last-child):after {
		content: "　＞　";
	}
	/**/
	/**/
	.pagetitle01 {
		position: relative;
		width: 100%;
		height: 0;
		overflow: hidden;
		padding: 12.267vw 0 0;
		background: url(../img/hn_bg_01.png) 0 0/100% auto repeat-y;
	}
	.pagetitle01:before {
		content: "";
		display: block;
		position: absolute;
		width: 76.339vw;
		height: 9.418vw;
		top: 2.125vw;
		left: 4vw;
		background: url(/img/shindan/hn_t_shindan_01.svg) 0 0/contain no-repeat;
	}
	.pagetitle01.questionsonyourhair:before {
	}
	.pagetitle01.customyourshampoo:before {
		width: 68.1vw;
		height: 10.531vw;
		left: 8vw;
		background: url(/img/customize/hn_t_customyourshampoo.svg) 0 0/contain no-repeat;
	}
	.pagetitle02 {
		position: absolute;
		width: 32.195vw;
		height: 0;
		top: 1.6vw;
		left: 1.867vw;
		z-index: 1;
		padding: 32.195vw 0 0;
		
	}
	.product.complete .pagetitle02,
	.product.customize .pagetitle02 {
		overflow: hidden;
		background: url(/img/check/hn_t_complete.png) 50% 50%/cover no-repeat;
		text-indent: -1000em;
	}
	/**/
	body.shindan .q_a,
	body.shindan .enq .answer {
		width: 90%;
		margin: 0 auto;
	}
	body.shindan .q_a > li {
		counter-increment: questionnumber;
	}
	body.shindan .enq > li:nth-child(3),
	body.shindan .enq > li:nth-child(4) {
		padding-bottom: 3vw;
	}
	body.shindan .question {
		margin: 5% 0 0;
		border-top: 1px solid rgba(0,0,0,.1);
		padding: 2% 0 0;
		font-size: 3.8rem;
	}
	body.shindan .enq .question {
	}
	body.shindan .question .q_text {
		font-size: 2.2rem;
		margin: 0 0 .3rem .5em;
		display: inline-block;
		vertical-align: middle;
	}
	body.shindan li:first-child .question {
		border-top: 0;
	}
	body.shindan .q_a .question::before {
		content: counter(questionnumber, decimal-leading-zero) '';
	}
	body.shindan .answer {
		padding: calc(1% + 1.6vw) 0 1.6vw;
	}
	body.shindan .enq > li:nth-child(1) .answer label,
	body.shindan .enq > li:nth-child(2) .answer label {
		display: block;
		margin: 4vw 0;
		padding: 3vw;
		background: #E6E6E6;
	}
	body.shindan .answer input,
	body.edit .answer input {
		margin: 0 .5em 0 0;
		font-size: 3.7rem;
		font-weight: 700;
		font-family: inherit;
	}
	body.shindan .answer input[name="q_age"] {
		text-align: center;
	}
	body.shindan .submit button,
	body.edit .submit button {
		-webkit-appearance: none;
		appearance: none;
		width: 100%;
		border: 0;
		outline: none;
		padding: 3.25vw 3vw 2.75vw;
		background: url(../img/hn_bg_02.png) 0 0/100% auto repeat-y;
		color: #FFFFFF;
		font-size: 2.2rem;
		font-weight: 700;
		font-family: inherit;
		letter-spacing: inherit;
	}
	body.shindan .submit button:after,
	body.edit .submit button:after {
		content: url(../img/arw_btn_01.svg);
		display: inline-block;
		width: 2.578vw;
		height: 5.166vw;
		margin: 0 0 .5vw 1.5vw;
		vertical-align: middle;
	}
	/**/
	.productbox0 {
		display: flex;
		flex-wrap: wrap;
		border: .267vw solid #000000;
	}
	.productbox0 .imagebox {
		width: 100%;
		min-height: calc(117.6vw / 2);
		border-bottom: .267vw solid #000000;
		padding: 20px;
		text-align: center;
		
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.productbox0 .productnamebox {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 46.107%;
	}
	.productbox0 .productname {
		font-size: 3.467vw;
		font-weight: 700;
		letter-spacing: .08em;
	}
	.productbox0 .productsummarybox {
		width: 53.893%;
		min-height: 20.267vw;
		margin: 8.8vw 0 0;
		border-left: .133vw solid #999;
		padding: 0 4vw 4vw 4.933vw;
	}
	.productbox0 .productusername {
		font-size: 2.4vw;
		font-weight: 400;
		line-height: 1.5;
	}
	.productbox0 .productcontents dl {
		word-break: break-all;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		line-height: 1;
	}
	.productbox0 .productcontents dt,
	.productbox0 .productcontents dd {
		display: inline;
		padding: 0;
		color: #000000;
		font-size: 2.4vw;
		font-weight: 400;
		line-height: 1.3;
	}
	/* */
	.productbox1,
	.productbox2,
	.productbox3,
	.questionbox01,
	.questionbox02,
	.questionbox03 {
		border: .267vw solid #000000;
		border-top: 0;
		font-size: 2.2rem;
	}
		html.isAndroid .productbox1,
		html.isAndroid .productbox2,
		html.isAndroid .productbox3,
		html.isAndroid .questionbox01,
		html.isAndroid .questionbox02,
		html.isAndroid .questionbox03 {
			font-size: calc(2.2rem * 1.05);
			letter-spacing: -.01em;
		}
	.productbox1,
	.questionbox01 {
		padding: 0 0 6.3vw;
	}
	body:not(.edit) .productbox1:first-child,
	.productbox0 + .productbox1,
	.productbox3 + .productbox1,
	.productbox3 {
		margin: 7.467vw 0 0;
		border: .267vw solid #000000;
	}
	/* */
	.sectiontitle {
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
		margin: 0 0 5.3vw;
	}
	.enq li:not(:first-child) .sectiontitle {
		border-top: .267vw solid #000000;
	}
	.pickup .sectiontitle {
		margin-bottom: 0;
	}
	.diagnosis .sectiontitle:not(:first-child) {
		border-top: .267vw solid #000000;
	}
	.sectiontitle > * {
		height: 0;
		overflow: hidden;
		border-bottom: .267vw solid #000000;
		padding: 16.031% 0 0;
		text-indent: -1000em;
	}
	.sectiontitle .number {
		width: 20.305%;	/* 133px */
		background: url(../img/hn_num_01.svg) 50% 59%/auto 30.286% no-repeat;
	}
	.sectiontitle .number.number02 {
		background-image: url(../img/hn_num_02.svg);
	}
	.sectiontitle .number.q01 {
		background: url(/img/shindan/hn_t_shindan_q1.svg) 50% 72%/7.832vw 5.324vw no-repeat;
	}
	.sectiontitle .number.q02 {
		background: url(/img/shindan/hn_t_shindan_q2.svg) 50% 72%/9.496vw 5.324vw no-repeat;
	}
	.sectiontitle .number.q03 {
		background: url(/img/shindan/hn_t_shindan_q3.svg) 50% 72%/9.391vw 5.324vw no-repeat;
	}
	.sectiontitle .number.q04 {
		background: url(/img/shindan/hn_t_shindan_q4.svg) 50% 72%/9.555vw 5.324vw no-repeat;
	}
	.sectiontitle .number.q05 {
		background: url(/img/shindan/hn_t_shindan_q5.svg) 50% 72%/9.399vw 5.324vw no-repeat;
	}
	.sectiontitle .number.q06 {
		background: url(/img/shindan/hn_t_shindan_q6.svg) 50% 72%/9.452vw 5.324vw no-repeat;
	}
	.sectiontitle .number + * {
		position: relative;
		width: 79.695%;	/* 522px */
	}
	.sectiontitle .number + .qst {
		height: auto;
		overflow: visible;
		padding: 0 1.2em .85em;
		text-indent: 0;
	}
	.sectiontitle .number + *:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		border-left: .267vw solid #000000;
		padding: 11.877% 0 0;
	}
	.sectiontitle .yourproduct:after,
	.sectiontitle .productdetail:after,
	.sectiontitle .pickup:after,
	.sectiontitle .hairinformation:after,
	.sectiontitle .hairinsight:after {
		content: "";
		display: block;
		position: absolute;
		width: 57.981%;
		bottom: 11%;
		left: 7.1%;
		padding: 13.494% 0 0;
		background: url(../img/hn_t_yourproduct.svg) 0 100%/contain no-repeat;
	}
	.sectiontitle .productdetail:after {
		width: 61.686%;
		padding: 12.853% 0 0;
		background-image: url(../img/hn_t_productdetail.svg);
	}
	.sectiontitle .pickup:after {
		width: 42.689%;
		bottom: 6%;
		padding: 11.866% 0 0;
		background-image: url(../img/hn_t_pickup.svg);
	}
	.sectiontitle .hairinformation:after {
		width: calc(77.674% * 1.04);
		left: 4.5%;
		bottom: 14%;
		padding: calc(11.33% * 1.04) 0 0;
		background-image: url(../img/hn_t_hairinformation.svg);
	}
	.sectiontitle .hairinsight:after {
		width: calc(60.64% * 1.04);
		bottom: 0;
		left: 10.5%;
		padding: calc(13.961% * 1.04) 0 0;
		background-image: url(../img/hn_t_hairinsight.svg);
	}
	.productsummary {
		padding: 0 3.5vw;
	}
	.mainingredients {
		margin: 1em 3.5vw 0;
		border-top: .233vw solid #FFFFFF;
	}
	.ingredientname {
		display: block;
		margin: 1em 0 0;
		font-weight: 700;
	}
	.ingredientsummary {
		display: block;
	}
	.sectionsubtitle {
		font-size: 2.5rem;
		font-weight: 700;
		letter-spacing: .05em;
		text-align: center;
	}
	.productinfo02 .detailitem {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin: 0 2.4vw;
		border-top: .233vw solid #FFFFFF;
		padding: 3.2vw 0;
	}
	.productinfo02 .detailname {
		width: 7.5em;
		padding: 0 2em 0 .5em;
		font-weight: 700;
	}
	.productinfo02 .detailtext {
		width: calc(100% - 7.5em);
	}
	.productinfo02 .detailtext.answer {
		width: 100%;
	}
	.productinfo02 .detailcode {
		display: flex;
		align-items: center;
		margin: 3.5vw 3.5vw 0;
		border: .45vw solid #000000;
		font-size: 2rem;
		font-weight: 700;
		line-height: 1;
	}
	.productinfo02 .detailcode > * {
		border-left: .266vw solid #000000;
		padding: 1.5vw 2.4vw;
	}
	.productinfo02 .detailcode .needs {
		border: 0;
		padding: 1.5vw;
	}
	.productinfo02 .detailcode .approved {
		padding: 1.5vw;
	}
	.productinfo03 .nameen {
		margin: 0;
		padding: 4.233vw 2.4vw 0;
		font-size: 2.2rem;
		font-weight: 700;
		letter-spacing: -.11em;
	}
		html.isAndroid .productinfo03 .nameen {
			letter-spacing: .03em;
		}
	.productinfo03 .namejp {
		margin: 0;
		padding: 0 2.4vw 0;
		font-size: 1.9rem;
		font-weight: 700;
		letter-spacing: -.1em;
	}
		html.isAndroid .productinfo03 .namejp {
			letter-spacing: .06em;
		}
	.productinfo03 .ingredients {
		padding: .4em 2.4vw;
		font-size: 2rem;
		line-height: 1.632;
		letter-spacing: -.05em;
	}
		html.isAndroid .productinfo03 .ingredients {
			letter-spacing: -.04em;
		}
	.productinfo03 .showmore {
		border-top: .267vw solid #000000;
		padding: 3.6vw 3.6vw 3.3vw;
		font-weight: 700;
		text-align: center;
		cursor: pointer;
	}
	/* */
	.buybox .buytitle {
		border-bottom: .534vw solid #FFFFFF;
		padding: 3.5vw 0 2.8vw;
		font-size: 2.5rem;
		letter-spacing: .04em;
		text-align: center;
	}
		html.isAndroid .buybox .buytitle {
		}
	.buybox .buylist {
		display: table;
		margin: 0 0 1.45em 21.5vw;
	}
	.buybox .buylist li {
		margin: 1.4em 0 0;
		font-weight: 700;
	}
	.buybox .buylist li.disabled {
		color: rgba(25,25,25,.3);
	}
	.buybox .buylist li input {
		position: relative;
		-webkit-appearance: none;
		appearance: none;
		width: 1.2em;
		height: 1.15em;
		margin: 0 .6em 0 .1em;
		border: 2px solid #000000;
		border-radius: 0;
		outline: none;
		background: transparent !important;
		vertical-align: middle;
	}
	.buybox .buylist li input[disabled] {
		border-color: rgba(25,25,25,.3);
	}
	.buybox .buylist li input:checked:before {
		content: "";
		position: absolute;
		width: 2.838vw;
		height: 3.499vw;
		top: -1.7vw;
		left: .3vw;
		background: url(../img/icn_radio_checked.svg) 0 0/contain no-repeat;
	}
	.buybox .tocart button {
		display: block;
		position: relative;
		width: 100%;
		-webkit-appearance: none;
		appearance: none;
		margin: 0 0 -1px;
		border: none;
		border-radius: 0;
		outline: none;
		padding: 5.8vw 0 5.5vw;
		background: #000000 url(../img/btn_bg_01.png) 0 0/100% auto repeat-y;
		color: #FFFFFF;
		font-size: 2.5rem;
		font-weight: 700;
		letter-spacing: .05em;
		cursor: pointer;
	}
	.buybox .tocart button:disabled {
		opacity: .3;
	}
	.buybox .tocart button:before {
		content: url(../img/icn_cart_02.svg);
		display: block;
		position: absolute;
		width: calc(4.8vw * 1.05);
		height: calc(4.933vw * 1.05);
		top: 50%;
		left: 19.7vw;
		transform: translate(0,-50%);
	}
	.buybox .tocart button:after {
		content: url(../img/arw_btn_01.svg);
		display: block;
		position: absolute;
		width: calc(3.559vw * 1.05);
		height: calc(7.131vw * 1.05);
		top: 50%;
		right: 18.4vw;
		transform: translate(0,-50%);
	}
	.productutilities .utilitylist li {
		border-bottom: .267vw solid #000000;
		font-weight: 700;
	}
	.productutilities .utilitylist li .utility {
		position: relative;
		-webkit-appearance: none;
		appearance: none;
		width: 100%;
		border: 0;
		outline: none;
		padding: 6.4vw 19.2vw 5.8vw;
		background: transparent;
		color: inherit;
		font-size: 2.5rem;
		font-weight: inherit;
		font-family: inherit;
		letter-spacing: .05em;
		text-align: left;
	}
	.productutilities .utilitylist li .utility:disabled {
		opacity: .3;
	}
	.productutilities .utilitylist li .utility:after {
		content: url(../img/arw_btn_02.svg);
		display: block;
		position: absolute;
		width: calc(1.821vw * 1.05);
		height: calc(3.648vw * 1.05);
		top: 50%;
		right: 18.4vw;
		transform: translate(0,-50%);
	}
	.productutilities .snsshare dl {
		display: flex;
	}
	.productutilities .snsshare dt {
		width: 32.214%;
		overflow: hidden;
		background: url(../img/hn_t_share.svg) 15vw 47%/9.603vw 3.076vw no-repeat;
		text-indent: -1000em;
	}
	.productutilities .snsshare dd {
		width: 67.786%;
		padding: 5.0vw 0 4.6vw;
	}
	.productutilities .snsshare ul {
		display: flex;
		align-items: center;
	}
	.productutilities .snsshare li {
		width: 8.66vw;
		height: 8.66vw;
		overflow: hidden;
		margin: 0 0 0 5.033vw;
		border-radius: 100%;
		background: #333333;
		text-indent: -1000em;
	}
	.productutilities .snsshare li.ist {
		margin-left: 0;
	}
	.pickup .titlejp {
		margin: 2.4vw 0 6.5vw;
		font-weight: 400;
		text-align: center;
	}
	.pickuplist {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 90.3%;
		margin: 0 0 0 5.6%;
	}
	.pickuplist li {
		position: relative;
		width: 48%;
		background: #FFFFFF;
	}
	.pickuplist li .imagebox {
		height: 65.369vw;
		text-align: center;
		
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.pickuplist li .productnamebox {
		padding: 2.6vw 2vw 14vw;
		background: url(../img/bg_pickup.png) 0 0/100% auto repeat-y;
		color: #FFFFFF;
	}
	.pickuplist li .productlead {
		font-weight: 700;
		line-height: 1.5;
		text-align: center;
	}
	.pickuplist li .productname {
		margin: 2.5vw 0 0;
		font-weight: 400;
		line-height: 1.1;
		text-align: center;
	}
	.pickuplist li .productcolor {
		margin: .5em 0 0;
		font-weight: 400;
		line-height: 1.1;
		text-align: center;
	}
	.pickuplist li button {
		position: absolute;
		-webkit-appearance: none;
		appearance: none;
		width: 7.954vw;
		height: 0;
		left: calc(50% - 3.977vw);
		bottom: 2.8vw;
		overflow: hidden;
		border: 0;
		outline: none;
		padding: 7.954vw 0 0;
		background: url(../img/arw_pickup_01.svg) 0 0/contain no-repeat;
	}
	/* */
	.q {
		color: #C00;
		font-weight: bold;
	}
	.answer .scale {
		display: flex;
		justify-content: space-between;
		position: relative;
		user-select: none;
	}
	.answer .scale:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		top: 50%;
		left: 0;
		z-index: -1;
		border-top: 1px solid rgba(0,0,0,.4);
	}
	.answer .scale .step {
		display: inline-block;
		box-sizing: content-box;
		width: 1em;
		padding: 0 .5em;
		background: #F1F1F1;
		text-align: center;
	}
		.base.hairlength .answer .scale .step,
		.base.hairthickness .answer .scale .step,
		.base.hairamount .answer .scale .step,
		.detailitem .answer .scale .step,
		body.edit .productbox1 .answer .scale .step {
			width: 5em;
		}
	body:not(.edit) .answer .val {
		display: none;
	}
	/* */
	.diagnosis_close {
		text-decoration: underline;
	}
	/* */
	.diagnosis {
		display: none;
	}
	.show_diagnosis .diagnosis {
		display: block;
	}
	.show_diagnosis .productinfo {
		display: none;
	}
	/* */
	body.edit h4 {
		margin: 0 2.4vw;
	}
	body.edit .productbox1 > ul {
		margin: 0 2.4vw;
	}
	body.edit .productbox1 > ul.ingredients {
		margin: 0 5.4vw;
	}
	body.edit .productbox1 .answer .val {
		margin: 2em 2em 0;
		padding: 2em 4em;
		background: #000000;
		color: #FFFFFF;
		font-size: 1.9rem;
		line-height: 1.3;
	}

/*
	.mn {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.mn li {
		margin: 0;
		padding: 3.233vw 2.4vw;
		font-size: 2.2rem;
		font-weight: 700;
		letter-spacing: -.08em;
		text-align: center;
	}
		html.isAndroid .mn li {
			letter-spacing: .02em;
		}
	.mn li:not(:last-child) {
		border-bottom: 2px solid #000000;
	}
*/