@charset "utf-8";
@import url(reset.css);
@import url(base.css);

.sp{
	display:none;
}

.mb20{
	margin-bottom:20px !important;
}

.mb40{
	margin-bottom:40px !important;
}
/*-------------------------------------------------------------------
	colorbox
-------------------------------------------------------------------*/
.pup{
	display:none;
}


/*-------------------------------------------------------------------
	wrap
-------------------------------------------------------------------*/

#wrap{
	width:640px;
	margin:0 auto;
	font-family:source-han-serif-japanese, serif;
}


/*-------------------------------------------------------------------
	youtube
-------------------------------------------------------------------*/

.youtube {
	margin: 50px 0;
}

.youtube dt {
	margin: 0 0 10px;
}

.youtube dt iframe {
	width: 100% !important;
}

.youtube dd {
	text-align:center;
	font-size: 2.0em;
}


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

#global-nav {
	display:none;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 8888;
}

#header .navbox {
	position:fixed;
	top:0;
	right:0;
	z-index: 9999;
	width: 100%;
}

#header .navbox .into {
	width: 640px;
	margin: 0 auto;
	text-align: right;
}

#header .navbox .into .white {
	display: inline-block;
}

#header .navbtn {
	width:50px;
	height: 50px;
	cursor: pointer;
	position: relative;
}
	
	#header .navbtn span {
		display: block;
		position: absolute;
		height: 4px;
		width: 80%;
		background: #613931;
		left: 10%;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	
	#header .navbtn span:nth-child(1) {
		top: 10px;
	}
	
	#header .navbtn span:nth-child(2) {
		top: 22px;
	}
	
	#header .navbtn span:nth-child(3) {
		top: 34px;
	}
	
	/* global-nav */
	
	#global-nav.open {
		display:block;
	}
	
	#global-nav ul {
		width: 640px;
		margin: 0 auto;
		background:rgba(196,128,128,0.95);
		padding: 60px 0 30px;
	}
	
	#global-nav ul li {
		padding: 0 5%;
	}
	
	
	#global-nav ul li a {
		display:block;
		color: #fff;
		text-align:center;
		padding:15px 5%;
		text-decoration:none;
		font-size:2em;
		font-weight: 400;
		
	}
	
#header .navbtn.move {
	background: none;
}

	
	/* 切り替えアニメーション */
	#header .navbtn.move span:nth-child(1) {
		top: 22px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	#header .navbtn.move span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	#header .navbtn.move span:nth-child(3) {
		top: 22px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}





/*-------------------------------------------------------------------
	concept
-------------------------------------------------------------------*/

#concept{
	height:1040px;;
	text-align:center;
	overflow:hidden;
	zoom:1;
	position:relative;
}

#concept .con01{
	position:absolute;
	top:0;
	left:0;
}

#concept .con02{
	position:absolute;
	top:5%;
	right:0;
	left:0;
	font-size:3.0em;
	font-weight:700;
	line-height:1.3;
}

#concept .con03{
	position:absolute;
	top:12%;
}

#concept .con04{
	position:absolute;
	top:48%;
	right:0;
	z-index:-9999;
}

#concept .con04_2{
	position:absolute;
	top:73%;
	left:0;
	z-index:-9999;
}

#concept .con05{
	position:absolute;
	top:54%;
	left:15%;
	text-align:left;
	font-size:1.8em;
	font-weight:500;
	line-height:1.7;
}

#concept .con06{
	position:absolute;
	top:75%;
}


/*-------------------------------------------------------------------
	index
-------------------------------------------------------------------*/

#index{
	width:560px;
	margin: 0 auto;
	overflow:hidden;
	zoom:1;
}

#index ul{
	width:260px;
	border:solid 1px #c48080;
	font-size:1.8em;
	font-weight:700;
	text-align:center;
	color:#c48080;
	margin-bottom:20px;
}

#index .left{
	float:left;
	margin-right:20px;
	display:inline-block;
	position:relative;
}

#index .left:before{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #c48080;
	border-right: solid 1px #c48080;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 40%;
	right:5%;
}

#index .right{
	display:inline-block;
	position:relative;
}	

#index .right:before{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #c48080;
	border-right: solid 1px #c48080;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 40%;
	right:5%;
}

#index .center{
	margin: 0 auto;
	display:block;
	position:relative;
}	

#index .center:before{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #c48080;
	border-right: solid 1px #c48080;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 40%;
	right:5%;
}

#index li{
	padding: 10px 0px;
}

#index .indexlink{
	color:#c48080;
}


#index .indexlink:hover{
	color:#e2c1c1;
	text-decoration:none;
}


/*-------------------------------------------------------------------
	declaration
-------------------------------------------------------------------*/

.declaration{
	width:560px;
	margin:40px auto 60px auto;
	border:solid 1px #c48080;
	position:relative;

	background:url(../image/declaration01.png), 
						 url(../image/declaration02.png),
						 url(../image/declaration03.png),
						 url(../image/declaration04.png);
	background-repeat:no-repeat;
	background-position:left 0 top 0,
											right 0 top 0,
											left 0 bottom 0,
											right 0 bottom 0;
}

.declaration:before{
}

.declaration .declaration_inner{
	padding:30px;
}

.declaration_inner .declaration_p{
	text-align:center
}

.declaration .declaration_inner .declaration_p .declaration_01{
	font-size:2.5em;
	color:#c48080;
	border-bottom:solid 1px #c48080;
	display:inline-block;
	font-weight:600;
}

.declaration .declaration_inner .declaration_p .declaration_02{
	font-size:1.5em;
	color:#c48080;
	padding:20px 0;
	font-weight:500;
}

.declaration .declaration_inner .declaration_04:before{
	position: absolute;
  top: 5px;
  left: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  content: '';
  background: #c48080;
}

.declaration .declaration_inner .declaration_04{
	position:relative;
	padding-left: 1.1em;
	color:#c48080;
	font-weight:300;
	font-size:1.6em;
	line-height:1.7;
}




/*-------------------------------------------------------------------
	inoa
-------------------------------------------------------------------*/

#inoa{
	margin:60px 0 0 0 ;
}

#inoa .inoainner{
	width:560px;
	margin: 0 auto;
	text-align:center;
}

#inoa .inoainner .inoacopy{
	font-size:3.3em;
	text-align:center;
	font-weight:600;
	margin:40px 0;
	line-height:1.3;
}

#inoa .inoainner .inoacopy .green{
	color:#a8ba23;
}

#inoa .inoainner .innovation{
	text-align:center;
}

#inoa .inoainner .innovation img{
	max-width:60%;
}

#inoa .inoainner .innovationbox{
	margin: 40px auto;
	width:340px;
	height:340px;
	background-color:#a8ba23;
	text-align:center;
}

#inoa .inoainner .innovationbox_last{
	margin: 40px auto 60px auto;
}

#inoa .inoainner .innovationbox .icon01{
	padding: 40px 30px 20px 30px;
}


#inoa .inoainner .innovationbox .ibt01{
	font-size:3.5em;
	font-weight:500;
	color:#fff;
	line-height:1.2;
}

#inoa .inoainner .innovationbox .ibt02{
	font-size:2.2em;
	font-weight:400;
	line-height:1.3;
	color:#fff;
	padding-top: 10px;
}




/*-------------------------------------------------------------------
	metaldx
-------------------------------------------------------------------*/

#metaldx{
	margin:60px 0 0 0 ;
}

#metaldx .metaldx_inner{
	width:100%;
	margin: 0 auto;
	text-align:center;
}
#metaldx .metaldx_inner .title{
	font-size: 4.0em;
	font-weight: 500;
	margin-bottom: 20px;
}
#metaldx .metaldx_inner .logo{
	border-bottom: solid 4px #000;
	display: inline-block;
	padding-bottom: 5px;
	margin-bottom: 30px;
}
#metaldx .metaldx_inner .leed{
	font-size: 2.0em;
	font-weight: 500;
	margin-bottom: 40px;
}
#metaldx .metaldx_inner .step .step{
	position: relative;
}
#metaldx .metaldx_inner table:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 20px 0 20px;
	border-color: #727171 transparent transparent transparent;
	position: absolute;
	right: 50%;
	transform: translateX(50%) translateY(200px);
}
#metaldx .metaldx_inner table:last-child:after{
	content:none;
}

#metaldx .metaldx_inner .step table{
	width: 100%;
	background: linear-gradient(32deg, #e8e8e8 0%, #e8e8e8 50%, #f5f5f5 50%, #f5f5f5 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 400px;
	margin-bottom: 60px;
}
#metaldx .metaldx_inner .step table:last-child{
	margin-bottom: 0;
}

#metaldx .metaldx_inner .step th{
	width: 35%;
}
#metaldx .metaldx_inner .step dl{
	font-weight: 500;
	text-align: left;
}
#metaldx .metaldx_inner .step dt{
	font-size: 3.2em;
	padding-bottom: 3px;
	padding-left: 60px;
	border-bottom: solid 1px #000;
	position: relative;
}
#metaldx .metaldx_inner .step .no1 dt:before{
	content: "";
	width: 60px;
	height: 60px;
	background: url("../image/metaldx_step01.png") no-repeat;
	position: absolute;
	top: -15px;
	left: 0;
}
#metaldx .metaldx_inner .step .no2 dt:before{
	content: "";
	width: 60px;
	height: 60px;
	background: url("../image/metaldx_step02.png") no-repeat;
	position: absolute;
	top: -15px;
	left: 0;
}
#metaldx .metaldx_inner .step .no3 dt:before{
	content: "";
	width: 60px;
	height: 60px;
	background: url("../image/metaldx_step03.png") no-repeat;
	position: absolute;
	top: -15px;
	left: 0;
}
#metaldx .metaldx_inner .step dd{
	font-size: 2.0em;
	padding-top: 25px;
}





/*-------------------------------------------------------------------
	voice
-------------------------------------------------------------------*/

#voice{
	width:640px;
	margin: 0 auto;
}

#voice .voice_inner{
	width:560px;
	margin: 0 auto;
	text-align:center;
}

#voice .voice_inner .box{
	display:flex;
}

#voice .voice_inner .box .left{
	width:70%;
	margin-right:3%;
}

#voice .voice_inner .box .left dl{
	text-align:left;
	margin-bottom:30px;
}

#voice .voice_inner .box .left dl:last-child{
	margin-bottom:0;
}

#voice .voice_inner .box .left dt{
	font-size:2.1em;
	border-bottom:solid 2px #CF8E94;
	font-weight:400;
	padding:10px 0 10px;
	text-indent:2.5em;
	position:relative;
}

#voice .voice_inner .box .left dt:before{
	content:"";
	background:url(../image/voice_icon.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

#voice .voice_inner .box .left dd{
	font-size:1.8em;
	line-height:1.5;
	font-weight:300;
	padding-top:10px;
}

#voice .voice_inner .box .right{
	width:27%;
}



/*-------------------------------------------------------------------
	price
-------------------------------------------------------------------*/


.priceinner{
	width:560px;
	margin: 0 auto;
	padding:60px 0;
}

.priceinner .ribon{
	padding-bottom:40px;
}


.priceinner .pricecopy{
	font-size:3.8em;
	font-weight:500;
	color:#C08080;
	text-align:center;
}

.priceinner .pricecopy_sub{
	font-size:1.7em;
	text-align:center;
	color:#C08080;
	line-height:1.4;
	padding-top:10px;
}

.priceinner .pricecopy_sub span{
	font-size:1.5em;
	font-weight:500;
	padding-bottom:10px;
}

.priceinner .select{
	margin:40px 0;
	overflow:hidden;
	zoom:1;
	width:560px;
}

/*-------------retouch-----------------*/

.priceinner .select .retouch{
	margin: 0 auto;
	padding-bottom:25px;
}


.priceinner .select .retouch .band{
	position:relative;
	overflow:hidden;
	zoom:1;
}

.priceinner .select .retouch .band:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 2.5%;
	transform: translateY(-50%) rotate(-135deg);
	display: inline-block;
	width: 35px;
	height: 35px;
	border: 1px solid;
	border-color: #613931 #613931 transparent transparent;}

.priceinner .select .retouch .band:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 2.5%;
	transform: translateY(-50%) rotate(45deg);
	display: inline-block;
	width: 35px;
	height: 35px;
	border: 1px solid;
	border-color: #613931 #613931 transparent transparent;
}

.priceinner .select .retouch .band .band_inner{
	overflow:hidden;
	zoom:1;
	position:relative;
	font-size:2.5em;
	background-color:#fff;
	color:#613931;
	text-align:left;
	border-top:solid 1px #613931;
	border-bottom:solid 1px #613931;
	width:90%;
	margin:0 auto;
}

.priceinner .select .retouch .band_left{
	text-align:left;
	float:left;
	padding-left:10px;
	font-weight:500;
	padding-bottom: 5px;
}

.priceinner .select .retouch .band_right{
	text-align:right;
	font-size:0.6em;
	position:absolute;
	right:5%;
	top:50%;
	transform:translateY(-50%);
	font-weight:500;
}

.priceinner .select .retouch .retouch_price{
	overflow:hidden;
	zoom:1;
	position:relative;
	font-weight:500;
}

.priceinner .select .retouch .mini_ribon{
	display:inline-block;
	background-color:#613931;
	color:#fff;
	font-size:1.5em;
	padding:3px 15px;
	font-weight:700;
	position:absolute;
	top:55%;
	transform:translateY(-50%);
	left:3%;
}
	
.priceinner .select .retouch .money{
	font-size:2.5em;
	margin-left:23%;
	color:#613931;
	text-align:center;
}

.priceinner .select .retouch .money span{
	font-size:3.4em;
}



/*---------all----------*/

.priceinner .select .all .band{
	position:relative;
	overflow:hidden;
	zoom:1;
}

.priceinner .select .all .band:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 2.5%;
	transform: translateY(-50%) rotate(-135deg);
	display: inline-block;
	width: 35px;
	height: 35px;
	border: 1px solid;
	border-color: #613931 #613931 transparent transparent;
}

.priceinner .select .all .band:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 2.5%;
	transform: translateY(-50%) rotate(45deg);
	display: inline-block;
	width: 35px;
	height: 35px;
	border: 1px solid;
	border-color: #613931 #613931 transparent transparent;
}

.priceinner .select .all .band .band_inner{
	overflow:hidden;
	zoom:1;
	position:relative;
	font-size:2.5em;
	background-color:#fff;
	color:#613931;
	text-align:left;
	border-top:solid 1px #613931;
	border-bottom:solid 1px #613931;
	width:90%;
	margin:0 auto;
}


.priceinner .select .all .band_left{
	text-align:left;
	float:left;
	padding-left:10px;
	vertical-align:middle;
	font-weight:500;
	padding-bottom: 5px;
}

.priceinner .select .all .band_right{
	text-align:right;
	font-size:0.6em;
	position:absolute;
	right:5%;
	top:55%;
	transform:translateY(-50%);
	font-weight:500;
}

.priceinner .select .all .all_price{
	overflow:hidden;
	zoom:1;
	position:relative;
	font-weight:500;
}

.priceinner .select .all .mini_ribon{
	display:inline-block;
	background-color:#613931;
	color:#fff;
	font-size:1.5em;
	padding:3px 15px;
	font-weight:700;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:3%;
}
	
.priceinner .select .all .money{
	font-size:2.5em;
	margin-left:23%;
	color:#613931;
	text-align:center;
}

.priceinner .select .all .money span{
	font-size:3.4em;
}

.priceinner .select .select_sub{
	font-size:1.4em;
	font-weight:500;
	line-height:1.6;
	padding-top:15px;
	padding-bottom: 25px;
}

.option{
	padding-top: 25px;
}
.price_op_ttl{
	margin: 20px 0 0 20px;
	color: #603931;
	font-size: 28px;
	line-height: 1;
}

/*---------cut----------*/
.priceinner .select .cut{
	margin: 0 auto;
	padding-bottom:25px;
}


.priceinner .select .cut .band{
	position:relative;
	overflow:hidden;
	zoom:1;
}

.priceinner .select .cut .band:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 2.5%;
	transform: translateY(-50%) rotate(-135deg);
	display: inline-block;
	width: 35px;
	height: 35px;
	border: 1px solid;
	border-color: #613931 #613931 transparent transparent;}

.priceinner .select .cut .band:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 2.5%;
	transform: translateY(-50%) rotate(45deg);
	display: inline-block;
	width: 35px;
	height: 35px;
	border: 1px solid;
	border-color: #613931 #613931 transparent transparent;
}

.priceinner .select .cut .band .band_inner{
	overflow:hidden;
	zoom:1;
	position:relative;
	font-size:2.5em;
	background-color:#fff;
	color:#613931;
	text-align:left;
	border-top:solid 1px #613931;
	border-bottom:solid 1px #613931;
	width:90%;
	margin:0 auto;
}

.priceinner .select .cut .band_left{
	text-align:left;
	float:left;
	padding-left:10px;
	font-weight:500;
	padding-bottom: 5px;
}

.priceinner .select .cut .band_right{
	text-align:right;
	font-size:0.6em;
	position:absolute;
	right:5%;
	top:50%;
	transform:translateY(-50%);
	font-weight:500;
}

.priceinner .select .cut .cut_price{
	overflow:hidden;
	zoom:1;
	position:relative;
	font-weight:500;
}

.priceinner .select .cut .mini_ribon{
	display:inline-block;
	background-color:#613931;
	color:#fff;
	font-size:1.5em;
	padding:3px 15px;
	font-weight:700;
	position:absolute;
	top:55%;
	transform:translateY(-50%);
	left:3%;
}
	
.priceinner .select .cut .money{
	font-size:2.5em;
	margin-left:23%;
	color:#613931;
	text-align:center;
}

.priceinner .select .cut .money span{
	font-size:3.4em;
}


/*===============================================
  flow
===============================================*/

#flow{
	width:640px;
	margin:60px auto 0 auto;
	background-color:#c48080;
}

#flow .flow_inner{
	width:560px;
	margin: 0 auto;
	padding:60px 0;
}

#flow .flow_inner .flow_riobn{
	margin-bottom:40px;
	text-align:center;
}

#flow .flow_inner .flow_p{
	padding:35px;
	padding: 75px 35px 35px 35px;
}

#flow .flow_inner .flow_p .flow_p01{
	font-size:3.3em;
	text-align:center;
	font-weight:600;
	color:#613931;
}

#flow .flow_inner .flow_p .flow_p02{
	font-size:2.0em;
	text-align:left;
	font-weight:400;
	padding-top:5px;
	line-height:1.5;
}


/*===============================================
  voice
===============================================*/

#voice{
	width:640px;
	margin:0 auto;
}

#voice .voice_inner{
	width:560px;
	margin: 0 auto;
	padding:60px 0;
}

#voice .voice_inner .voice_riobn{
	margin-bottom:40px;
}


/*===============================================
  counseling
===============================================*/

#flow .flow_inner .counseling{
	background-color:#f6f2ed;
	position:relative;
	margin:20% 0 0 0;
}

#flow .flow_inner .counseling .icon04{
	position:absolute;
	top:-30%;
    left: 50%;
	transform: translateX(-50%);
}



/*===============================================
  color
===============================================*/


#flow .flow_inner .flow_p .color_p{
	text-align:center !important;
	font-size:2.0em;
	font-weight:500;
	padding-top:5px;
}

#flow .flow_inner .color{
	background-color:#f6f2ed;
	position:relative;
	margin:18% 0 0 0;
}

#flow .flow_inner .color .icon05{
	position:absolute;
	top:-22%;
    left: 50%;
	transform: translateX(-50%);
}



/*===============================================
  shampoo
===============================================*/


#flow .flow_inner .shampoo{
	background-color:#f6f2ed;
	position:relative;
	margin:18% 0 0 0;
}

#flow .flow_inner .shampoo .icon06{
	position:absolute;
	top:-27%;
    left: 50%;
	transform: translateX(-50%);
}



/*===============================================
  shampoo
===============================================*/


#flow .flow_inner .self{
	background-color:#f6f2ed;
	position:relative;
	margin:18% 0 0 0;
}

#flow .flow_inner .self .icon07{
	position:absolute;
	top:-30%;
    left: 50%;
	transform: translateX(-50%);
}




/*===============================================
  arrow
===============================================*/
#flow .flow_inner .arrow{
	margin:20px auto 20px auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 15px 0 15px;
	border-color: #613931 transparent transparent transparent;
}



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

#question{
	width:640px;
	background-color:#c48080;
}

#question .question_inner{
	width:560px;
	margin:0 auto;
	padding: 60px 0;
}

#question .question_inner .question_ribon{
	padding-bottom:40px;
}



/*===============================================
  accordion
===============================================*/

.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
	font-size:2.0em;
	padding-bottom: 15px;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	font-weight: bold;
	line-height: 2.3;
	position: relative;
	display: block;
	padding: 0 0 0 2em;
	cursor: pointer;
	margin: 0 0 1px 0;
	border-bottom:solid 1px;
	background:url(../image/question.png) no-repeat;
	background-position: left bottom 10px;
	width:90%;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2em;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #fff;
	background:url(../image/anser.png) no-repeat;
	background-position: left top 20px;
}
.cp_actab .cp_actab-content p {
	padding:10px 0 20px 0;
	line-height:1.4;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 20em;
}
/* Icon */

.cp_actab input[type=checkbox] + label::after {
	content: '';
	position: absolute;
	right: 25px;
	top: 38%;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 8px;
	height: 8px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(-45deg);
}




/*===============================================
  store
===============================================*/

#store{
	width:640px;
	margin:0 auto;
}

#store .store_inner{
	width:560px;
	margin:0 auto;
	padding-top:60px;
}

#store .store_inner .sore_ribon{
	margin-bottom:40px;
}

#store .store_inner .info .store_name{
	font-size:2.9em;
	font-weight:600;
	color:#613931;
	text-align: center;
	margin-bottom: 80px;
	margin-top: 80px;
	padding: 21px 0;
	background-color: #fdf7f7;
	line-height: 1.2;
}

#store .store_inner .info .store_name li{
	position:relative;
}

#store .store_inner .info .store_name li:before{
	content:"";
	background:url("../image/shop_title01.png");
	background-repeat:no-repeat;
	background-size:100% auto;
	width:100%;
	height:100%;
	position:absolute;
	top:-60%;
	left:50%;
	transform:translateX(-50%);
}

#store .store_inner .info .store_name li:after{
	content:"";
	background:url("../image/shop_title02.png");
	background-repeat:no-repeat;
	background-size:100% auto;
	width:100%;
	height:100%;
	position:absolute;
	top:130%;
	left:50%;
	transform:translateX(-50%);
}

#store .store_inner .info .info_box{
	margin:20px 0 15px 0;
}

#store .store_inner .info .info_box .adress{
	position:relative;
}

#store .store_inner .info .info_box .adress_t{
	font-size:1.8em;
	padding:0 0 7px 2.5em;
	background:url(../image/info01.png) no-repeat;
	background-position: 7px 50%;
	font-weight:500;
}

#store .store_inner .info .info_box .time{
	background:url(../image/info02.png) no-repeat;
	background-position: 7px 10%;
	position:relative;
	overflow:hidden;
	zoom:1;
}

#store .store_inner .info .info_box .time_t{
	font-size:2em;
	padding:0 0 7px 2em;
	font-weight:500;
	position:relative;
	float:left;
}

#store .store_inner .info .info_box .time_t02{
	position:relative;
	float:left;
	display:block;
}

#store .store_inner .info .info_box .time_t03{
	font-size:1.8em;
	font-weight:500;
/*-	position:relative;
	float:left;
	display:block;-*/
}

#store .store_inner .info .info_box .time_t04{
	display:block;
}


#store .store_inner .info .info_box .corona{
	font-size:1.5em;
	padding:0 0 7px 3.5em;
	color:#F50D11;
	display:inline-block;
}

#store .store_inner .info .info_box .last{
	font-size:1.6em;
	padding:0 0 7px 2.5em;
	display:inline-block;
	font-weight:500;
}

#store .store_inner .info .info_box .tel{
	position:relative;
}

#store .store_inner .info .info_box .tel_t{
	font-size:2.5em;
	padding:0 0 0 1.7em;
	background:url(../image/info03.png) no-repeat;
	background-position: 7px 50%;
	font-weight:700;
}

#store .store_inner .info .info_box .tel_t span{
	color:#333;
	font-size:1.2em;
}

#store .store_inner .map{
	width: 100% !important;
	height: 300px !important;
}


#store .store_inner .brand{
	width:560px;
	margin:0 auto;
	text-align:center;
}

#store .store_inner .brand .brand_01{
	margin-top:60px;
}

#store .store_inner .brand .brand_02{
	padding:60px 0 20px 0;
}

#store .store_inner .rose{
	width:60%;
	margin:0 auto;
}

#store .store_inner .rose p{
	font-size:3.0em;
	text-align:center;
	position:relative;
	margin-bottom:60px;
	font-weight:500;
}

#store .store_inner .rose p:before{
	content: "";
	background: url(../image/rose_l.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 130px;
	height:30px;
	background-size:100% auto;
}

#store .store_inner .rose p:after{
	content:"";
	background:url(../image/rose_r.png);
	background-repeat:no-repeat;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	width:130px;
	height:30px;
	background-size:100% auto;
}

.kiba_open_ttl{
	text-align: center;
	font-size: 22px;
	color: #603931;
}
.humming_kiba_bnr{
	margin: 20px 0 40px;
}
.humming_kiba_bnr img{
	width: 100%;
	height: auto;
}

/*---------kiba---------*/
#store .store_inner .kiba{
	padding-bottom:50px;
	position:relative;
}
#store .store_inner .kiba:before{
	content: "";
	background: url("../image/kiba_no1.png") no-repeat;
	width: 189px;
	height: 100px;
	position: absolute;
	top: -40px;
	left: 15px;
	z-index: 10;
}

#store .store_inner .kiba .band{
	position:relative;
	overflow:hidden;
	zoom:1;
}

#store .store_inner .kiba .kiba_no1{
	text-align: center;
	color: #613931;
}
#store .store_inner .kiba .kiba_no1 dt{
	font-size: 2.8em;
	font-weight: 500;
	margin: 20px 0 10px;
	position: relative;
	padding: 0 20px 0 20px;
}
#store .store_inner .kiba .kiba_no1 dt:before{
	content: "";
	margin       : auto;
	width        : 10px;
	height       : 10px;
	background   : #613931;
	transform    : rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	left: 0;
}
#store .store_inner .kiba .kiba_no1 dt:after{
	content: "";
	margin       : auto;
	width        : 10px;
	height       : 10px;
	background   : #613931;
	transform    : rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 0;
}
#store .store_inner .kiba .kiba_no1 dd{
	font-size: 2.1em;
	font-weight: 400;
	margin-bottom: 30px;
}
/*
#store .store_inner .kiba .first_before{
	color: #cc9999;
	font-weight: 500;
	font-size: 1.8em;
	margin-bottom: -20px;
}
#store .store_inner .kiba .first_before span{
	font-size: 1.9em;
}
*/

.first_before{
	color: #cc9999;
	font-weight: 500;
	font-size: 1.8em;
	margin-top: 20px;
	margin-bottom: -20px;
}

.first_before span{
	font-size: 1.9em;
}

#store .store_inner .kiba .price_before{
	font-size:2.5em;
	font-weight:500;
	color:#333;
	text-align:center;
	margin: 20px 0 25px 0;
	position: relative;
}
#store .store_inner .kiba .price_before:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 15px 0 15px;
	border-color: #CF8E94 transparent transparent transparent;
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
}
#store .store_inner .kiba .first{
	font-size:3.4em;
	font-weight:500;
	color:#613931;
	text-align:right;
	overflow: hidden;
    zoom: 1;
    position: relative;
}
#store .store_inner .kiba .first span{
	font-size:2.5em;
	line-height: 1.4;
}
#store .store_inner .kiba .first .mini_ribon{
	display: inline-block;
    background-color: #613931;
    color: #fff;
    font-size: 1rem;
    padding: 3px 10px;
    font-weight: 700;
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    left: 3%;
}

#store .store_inner .kiba .comment{
	font-size:1.6em;
	font-weight: 500;
	padding-top: 15px;
}

#store .store_inner .kiba .band .band_inner .band_left{
	padding-left:10px;
	padding-bottom:5px;
	font-weight:500;
}

#store .store_inner .kiba .comment .inde{
	text-indent:-1em;
	padding-left:1em;
}

/*---------kiba03---------*/
#store .store_inner .kiba03{
	padding-bottom:40px;
	position:relative;
}
#store .store_inner .kiba03 .band{
	position:relative;
	overflow:hidden;
	zoom:1;
}
#store .store_inner .kiba03 .first{
	font-size:3.4em;
	font-weight:500;
	color:#613931;
	text-align:right;
	overflow: hidden;
    zoom: 1;
    position: relative;
}
#store .store_inner .kiba03 .first span{
	font-size:2.5em;
}
#store .store_inner .kiba03 .first .mini_ribon{
	display: inline-block;
    background-color: #613931;
    color: #fff;
    font-size: 1rem;
    padding: 3px 10px;
    font-weight: 700;
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    left: 3%;
}
#store .store_inner .kiba03 .comment{
	font-size:1.6em;
	line-height: 1.6;
	font-weight: 500;
	padding-top: 15px;
}

#store .store_inner .kiba03 .band .band_inner .band_left{
	padding-left:10px;
	padding-bottom:5px;
	font-weight:500;
}

#store .store_inner .kiba03 .comment .inde{
	text-indent:-1em;
	padding-left:1em;
}


/*---------kiba04---------*/

#store .store_inner .kiba04{
	margin-bottom: 90px;
}

#store .store_inner .kiba04 .band {
    position: relative;
    overflow: hidden;
    zoom: 1;
}

#store .store_inner .kiba04 .band .band_inner .band_left {
    padding-left: 10px;
    padding-bottom: 5px;
    font-weight: 500;
}

#store .store_inner .kiba04 .kiba04box{
	margin: 20px auto 40px;
}
#store .store_inner .kiba04 .kiba04box .inner2 .kiba04_title{
	font-size: 2.1em;
	color: #613931;
	font-weight: 500;
	padding-bottom: 10px;
	position: relative;
	padding-left: 20px;
}
#store .store_inner .kiba04 .kiba04box .inner2 .kiba04_title:before{
	content: "";
	margin       : auto;
	width        : 10px;
	height       : 10px;
	background   : #613931;
	transform    : rotate(45deg);
	position: absolute;
	top: 15px;
	left: 0;
}
#store .store_inner .kiba04 .kiba04box .inner2 .kiba04_title span{
	font-size: 1.2em;
}
#store .store_inner .kiba04 .kiba04box .inner2 .kiba04_title:last-child{
	padding-bottom: 0;
}
#store .store_inner .kiba04 .kiba04box .inner2 ul .pin{
	font-size: 2.0em;
	color: #b48080;
	padding-bottom: 20px;
	font-weight: 500;
}
#store .store_inner .kiba04 .kiba04box .inner2 ul .pin span{
	font-size: 1.2em;
}
#store .store_inner .kiba04 .kiba04box .inner2 ul .inde{
	text-indent: -1em;
	padding-left: 1em;
	font-size: 1.6em;
    line-height: 1.6;
    font-weight: 500;
	padding-bottom: 30px;
}

#store .store_inner .band:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 2.5%;
    transform: translateY(-50%) rotate(45deg);
    display: inline-block;
    width: 35px;
    height: 35px;
    border: 1px solid;
    border-color: #613931 #613931 transparent transparent;
}
#store .store_inner .band:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 2.5%;
    transform: translateY(-50%) rotate(-135deg);
    display: inline-block;
    width: 35px;
    height: 35px;
    border: 1px solid;
    border-color: #613931 #613931 transparent transparent;
}





#store .store_inner .band .band_inner{
	overflow:hidden;
	zoom:1;
	position:relative;
	font-size:2.5em;
	background-color:#fff;
	color:#613931;
	text-align:left;
	border-top:solid 1px #613931;
	border-bottom:solid 1px #613931;
	width:90%;
	margin:0 auto;
}


#store .store_inner .band:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 2.5%;
	transform: translateY(-50%) rotate(-135deg);
	display: inline-block;
	width: 35px;
	height: 35px;
	border: 1px solid;
	border-color: #613931 #613931 transparent transparent;
}

#store .store_inner .band:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 2.5%;
	transform: translateY(-50%) rotate(45deg);
	display: inline-block;
	width: 35px;
	height: 35px;
	border: 1px solid;
	border-color: #613931 #613931 transparent transparent;
}


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

#wrap{
    min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-bottom: 80px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

footer{
	font-size: 15px;
    width: 100%;
    background-color: #613931;
    color: #fff;
    text-align: center;
    padding: 10px 0;

 position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}



/*===============================================
  pagetop
===============================================*/


#pagetop {
	position: fixed;
	width: 100%;
	right: 0;
	bottom: 50px;
	pointer-events:none;
}

#pagetop .into {
	width: 600px;
	margin: 0 auto;
	text-align: right;
	pointer-events:none;
}

#pagetop .into a{
	pointer-events:auto;
}

















/*===============================================
  画面の横幅が1024px以下に適用
===============================================*/
@media screen and (max-width: 1024px){
	
}

/*===============================================
  画面の横幅が768px以下に適用
===============================================*/
@media screen and (max-width: 768px){
	

}

/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){
	
.pc{
	display:none;
}
	
	
.sp{
	display:block;
}

img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

/*-------------------------------------------------------------------
	wrap
-------------------------------------------------------------------*/

#wrap{
	width:100%;
	margin:0 auto;
	font-family:source-han-serif-japanese, serif;
}



/*-------------------------------------------------------------------
	youtube
-------------------------------------------------------------------*/

.youtube {
	width:94%;
	margin: 50px auto;
}

.youtube dt {
	margin: 0 0 10px;
}

.youtube dt iframe {
	width: 100% !important;
}

.youtube dd {
	text-align:center;
	font-size: 1.6em;
}

.brand_03{
	max-width:80%;
	margin:0 auto
}

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

#global-nav {
	display:none;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 8888;
}

#header .navbox {
	position:fixed;
	top:0;
	right:0;
	z-index: 9999;
	width: 100%;
}

#header .navbox .into {
	width: auto;
}

#header .navbox .into .white {
	display: inline-block;
}

#header .navbtn {
	width:50px;
	height: 50px;
	cursor: pointer;
	position: relative;
}
	
	#header .navbtn span {
		display: block;
		position: absolute;
		height: 4px;
		width: 80%;
		background: #613931;
		left: 10%;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	
	#header .navbtn span:nth-child(1) {
		top: 10px;
	}
	
	#header .navbtn span:nth-child(2) {
		top: 22px;
	}
	
	#header .navbtn span:nth-child(3) {
		top: 34px;
	}
	
	/* global-nav */
	
	#global-nav.open {
		display:block;
	}
	
	#global-nav ul {
		width: 100%;
		margin: 0 auto;
		background:rgba(196,128,128,0.95);
		padding: 60px 0 30px;
	}
	
	#global-nav ul li {
		padding: 0 5%;
	}
	
	
	#global-nav ul li a {
		display:block;
		color: #fff;
		text-align:center;
		padding:15px 5%;
		text-decoration:none;
		font-size:2.0em;
		font-weight: 400;
		
	}
	
#header .navbtn.move {
	background: none;
}

#header .navbtn.move span {
	background:#fff;
}

	
	/* 切り替えアニメーション */
	#header .navbtn.move span:nth-child(1) {
		top: 22px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	#header .navbtn.move span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	#header .navbtn.move span:nth-child(3) {
		top: 22px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}




/*-------------------------------------------------------------------
	concept
-------------------------------------------------------------------*/

#concept{
	height:800px;;
	text-align:center;
	overflow:hidden;
	zoom:1;
	position:relative;
	width: 100%;
    margin: 0 auto;
}

#concept .con01{
	position:absolute;
	top:0;
	left:-5%;
}

#concept .con01 img{
	max-width:60%;
}

#concept .con02{
	position:absolute;
	top:5%;
	right:0;
	left:0;
	font-size:2.0em;
	font-weight:700;
	line-height:1.3;
}

#concept .con03{
	position:absolute;
	top:12%;
}

#concept .con04{
	position:absolute;
	top:40%;
	z-index:-9999;
	max-width:35%;
}

#concept .con04_2{
	position:absolute;
	top:73%;
	left:0;
	z-index:-9999;
	max-width:20%;
}

#concept .con05{
	position:absolute;
	top:48%;
	left:5%;
	right:5%;
	text-align:left;
	font-size:1.7em;
	font-weight:500;
	line-height:1.7;
}

#concept .con06{
	position:absolute;
	top:80%;
}


/*-------------------------------------------------------------------
	index
-------------------------------------------------------------------*/

#index{
	width:94%;
	margin: 0 auto;
	overflow:hidden;
	zoom:1;
	padding-top:10px;
}

#index ul{
	width:47.9%;
	border:solid 1px #c48080;
	font-size:1.15em;
	font-weight:700;
	text-align:center;
	color:#c48080;
	margin-bottom:3%;
}

#index .left{
	float:left;
	margin-right:3%;
	display:inline-block;
	position:relative;
}

#index .left:before{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #c48080;
	border-right: solid 1px #c48080;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 40%;
	right:5%;
}

#index .right{
	display:inline-block;
	position:relative;
}	

#index .right:before{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #c48080;
	border-right: solid 1px #c48080;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 40%;
	right:5%;
}

#index .center{
	margin: 0 auto;
	display:block;
	position:relative;
}	

#index .center:before{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #c48080;
	border-right: solid 1px #c48080;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 40%;
	right:5%;
}

#index li{
	padding: 10px 0px;
}

#index .indexlink{
	color:#c48080;
}


#index .indexlink:hover{
	color:#e2c1c1;
	text-decoration:none;
}



/*-------------------------------------------------------------------
	declaration
-------------------------------------------------------------------*/

.declaration{
	width:94%;
	margin:40px auto 60px auto;
	border:solid 1px #c48080;
	position:relative;

	background:url(../image/declaration01.png), 
						 url(../image/declaration02.png),
						 url(../image/declaration03.png),
						 url(../image/declaration04.png);
	background-repeat:no-repeat;
	background-position:left 0 top 0,
											right 0 top 0,
											left 0 bottom 0,
											right 0 bottom 0;
}

.declaration .declaration_inner .declaration_p .declaration_01 {
	font-size: 2.0em;
	color: #c48080;
	border-bottom: solid 1px #c48080;
	display: inline-block;
	font-weight: 600;
}


/*-------------------------------------------------------------------
	inoa
-------------------------------------------------------------------*/

#inoa{
	margin:60px 0 0 0 ;
}

#inoa .inoainner{
	width: 94%;
	margin: 0 auto;
	text-align:center;
}

#inoa .inoainner .inoacopy{
	font-size:2.0em;
	text-align:center;
	font-weight:600;
	margin:40px 0;
	line-height:1.3;
}

#inoa .inoainner .inoacopy .green{
	color:#a8ba23;
}

#inoa .inoainner .innovation{
	text-align:center;
}

#inoa .inoainner .innovation img{
	max-width:60%;
}

#inoa .inoainner .innovationbox{
	margin: 40px auto;
	width:70%;
	height:70%;
	background-color:#a8ba23;
	text-align:center;
}

#inoa .inoainner .innovationbox_last{
	margin: 40px auto 60px auto;
}

#inoa .inoainner .innovationbox .icon01{
	padding: 5%;
}

#inoa .inoainner .innovationbox .icon01 img{
	max-width:50%;
}

#inoa .inoainner .innovationbox .ibt01{
	font-size:2.5em;
	font-weight:500;
	color:#fff;
	line-height:1.2;
}

#inoa .inoainner .innovationbox .ibt02{
	font-size:1.6em;
	font-weight:400;
	line-height:1.3;
	color:#fff;
	padding:5%;
}

	
	
	
	
/*-------------------------------------------------------------------
	metaldx
-------------------------------------------------------------------*/

#metaldx .metaldx_inner .step table {
    width: 100%;
    background: linear-gradient(55deg, #e8e8e8 0%, #e8e8e8 50%, #f5f5f5 50%, #f5f5f5 100%);
}

#metaldx .metaldx_inner {
    width: 90%;
    margin: 0 auto;
}
	
#metaldx .metaldx_inner .title {
    font-size: 2.5em;
    margin-bottom: 20px;
}
#metaldx .metaldx_inner .leed {
    font-size: 1.6em;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 40px;
}
#metaldx .metaldx_inner .logo {
	max-width: 200px;
}
#metaldx .metaldx_inner .step th {
    width: 100%;
}
#metaldx .metaldx_inner .step th,
#metaldx .metaldx_inner .step td{
	display: block;
}
#metaldx .metaldx_inner .step table {
    height: 500px;
    margin-bottom: 30px;
}
#metaldx .metaldx_inner table:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 20px 0 20px;
    border-color: #727171 transparent transparent transparent;
    position: absolute;
    right: 45%;
    transform: translateX(50%);
    transform: translateY(250px);
}	
#metaldx .metaldx_inner .step dt {
    font-size: 2.5em;
	font-weight: 600;
}
#metaldx .metaldx_inner .step dd {
    font-size: 1.6em;
    padding-top: 15px;
}
#metaldx .metaldx_inner .step .no1 dt:before {
    content: "";
    width: 50px;
    height: 50px;
    background: url(../image/metaldx_step01.png) no-repeat;
    position: absolute;
    top: -15px;
    left: 0;
    background-size: cover;
}
#metaldx .metaldx_inner .step .no2 dt:before {
    content: "";
    width: 50px;
    height: 50px;
    background: url(../image/metaldx_step02.png) no-repeat;
    position: absolute;
    top: -15px;
    left: 0;
    background-size: cover;
}
#metaldx .metaldx_inner .step .no3 dt:before {
    content: "";
    width: 50px;
    height: 50px;
    background: url(../image/metaldx_step03.png) no-repeat;
    position: absolute;
    top: -15px;
    left: 0;
    background-size: cover;
}	


/*-------------------------------------------------------------------
	voice
-------------------------------------------------------------------*/

#voice{
	width:100%;
	margin: 0 auto;
}

#voice .voice_inner{
	width:94%;
	margin: 0 auto;
	text-align:center;
	padding:0 0 60px 0;
}



/*-------------------------------------------------------------------
	price
-------------------------------------------------------------------*/

#price{
	width:100%;
	margin: 0 auto;
}

#price .priceinner{
	width:100%;
	margin: 0 auto;
	padding:40px 0;
}

#price .priceinner .ribon{
	padding-bottom:20px;
}


#price .priceinner .pricecopy{
	font-size:2.3em;
	font-weight:500;
	text-align:center;
}

#price .priceinner .pricecopy_sub{
	font-size:1.4em;
	text-align:center;
	line-height:1.4;
	padding-top:10px;
	font-weight:400;
}

#price .priceinner .pricecopy_sub span{
	font-size:1.3em;
	font-weight:500;
	padding-bottom:10px;
}

#price .priceinner .select{
	margin:40px auto 20px auto;
	overflow:hidden;
	zoom:1;
	width:94%;
}

/*-------------retouch-----------------*/

#price .priceinner .select .retouch{
	margin: 0 auto;
	padding-bottom:25px;
}


#price .priceinner .select .retouch .band{
}


#price .priceinner .select .retouch .band_left{
	text-align:left;
	float:left;
	padding-left:10px;
	vertical-align:middle;
	font-weight:600;
	padding-bottom: 5px;
}

#price .priceinner .select .retouch .band_right{
	text-align:right;
	font-size:0.7em;
	position:absolute;
	right:0%;
	top:50%;
	transform:translateY(-50%);
	font-weight:500;
}

.priceinner .select .all .band_right {
  text-align: right;
  font-size: 0.7em;
  position: absolute;
  right: 0%;
  top: 55%;
	transform: translateY(-50%);
	font-weight:500;
}

#price .priceinner .select .retouch .retouch_price{
	overflow:hidden;
	zoom:1;
	position:relative;
	font-weight:500;
}

#price .priceinner .select .retouch .mini_ribon{
	display:inline-block;
	background-color:#613931;
	color:#fff;
	font-size:1.3em;
	padding:3px 10px;
	font-weight:700;
	position:absolute;
	top:55%;
	transform:translateY(-50%);
	left:2%;
}
	
#price .priceinner .select .retouch .money{
	font-size:1.6em;
	margin-left:25%;
}

#price .priceinner .select .retouch .money span{
	font-size:2.5em;
}



/*---------all----------*/

#price .priceinner .select .option{
	padding-top: 0;
}

#price .priceinner .select .all .band_left{
	text-align:left;
	float:left;
	padding-left:20px;
	vertical-align:middle;
	font-weight:600;
	padding-bottom: 5px;
}


#price .priceinner .select .all .all_price{
	overflow:hidden;
	zoom:1;
	position:relative;
	font-weight:500;
}

#price .priceinner .select .all .mini_ribon{
	display:inline-block;
	background-color:#613931;
	color:#fff;
	font-size:1.3em;
	padding:3px 10px;
	font-weight:700;
	position:absolute;
	top:55%;
	transform:translateY(-50%);
	left:2%;
}
	
#price .priceinner .select .all .money{
	font-size:1.6em;
	margin-left:25%;
}

#price .priceinner .select .all .money span{
	font-size:2.5em;
}

#price .priceinner .select .select_sub{
	font-size:1.4em;
	font-weight:500;
	line-height:1.3;
	padding-top:20px;
}

.price_op_ttl{
	margin-bottom: 10px;
	font-size: 18px;
}

/*-------------cut-----------------*/

#price .priceinner .select .cut{
	margin: 0 auto;
	padding-bottom:25px;
}

#price .priceinner .select .cut .band_left{
	text-align:left;
	float:left;
	padding-left:10px;
	vertical-align:middle;
	font-weight:600;
	padding-bottom: 5px;
}

#price .priceinner .select .cut .band_right{
	text-align:right;
	font-size:0.7em;
	position:absolute;
	right:0%;
	top:50%;
	transform:translateY(-50%);
	font-weight:500;
}

.priceinner .select .all .band_right {
  text-align: right;
  font-size: 0.7em;
  position: absolute;
  right: 0%;
  top: 55%;
	transform: translateY(-50%);
	font-weight:500;
}

#price .priceinner .select .cut .cut_price{
	overflow:hidden;
	zoom:1;
	position:relative;
	font-weight:500;
}

#price .priceinner .select .cut .mini_ribon{
	display:inline-block;
	background-color:#613931;
	color:#fff;
	font-size:1.3em;
	padding:3px 10px;
	font-weight:700;
	position:absolute;
	top:55%;
	transform:translateY(-50%);
	left:2%;
}
	
#price .priceinner .select .cut .money{
	font-size:1.6em;
	margin-left:25%;
}

#price .priceinner .select .cut .money span{
	font-size:2.5em;
}

/*===============================================
  flow
===============================================*/

#flow{
	width:100%;
	margin:60px auto;
}

#flow .flow_inner{
	width:94%;
	margin: 0 auto;
}

#flow .flow_inner .flow_riobn{
	margin-bottom:40px;
}

#flow .flow_inner .flow_p{
	padding:35px;
	padding: 55px 35px 35px 35px;
}

#flow .flow_inner .flow_p .flow_p01{
	font-size:2.5em;
	text-align:center;
	font-weight:600;
	color:#613931;
}

#flow .flow_inner .flow_p .flow_p02{
	font-size:1.6em;
	text-align:left;
	font-weight:400;
	padding-top:5px;
	line-height:1.5;
}


/*===============================================
  counseling
===============================================*/

#flow .flow_inner .counseling{
	background-color:#f6f2ed;
	position:relative;
	margin:20% 0 0 0;
}

#flow .flow_inner .counseling .icon04{
	position:absolute;
	top:-15%;
    left: 50%;
	transform: translateX(-30%);
}

#flow .flow_inner .counseling .icon04 img{
	max-width:60%;
}


/*===============================================
  color
===============================================*/


#flow .flow_inner .flow_p .color_p{
	text-align:center !important;
	font-size:1.8em;
	font-weight:500;
	padding-top:5px;
}

#flow .flow_inner .color{
	background-color:#f6f2ed;
	position:relative;
	margin:18% 0 0 0;
}

#flow .flow_inner .color .icon05{
	position:absolute;
	top:-12%;
    left: 50%;
	transform: translateX(-30%);
}

#flow .flow_inner .color .icon05 img{
	max-width:60%;
}


/*===============================================
  shampoo
===============================================*/


#flow .flow_inner .shampoo{
	background-color:#f6f2ed;
	position:relative;
	margin:18% 0 0 0;
}

#flow .flow_inner .shampoo .icon06{
	position:absolute;
	top:-15%;
    left: 50%;
	transform: translateX(-30%);
}

#flow .flow_inner .shampoo .icon06 img{
	max-width:60%;
}


/*===============================================
  shampoo
===============================================*/


#flow .flow_inner .self{
	background-color:#f6f2ed;
	position:relative;
	margin:18% 0 0 0;
}

#flow .flow_inner .self .icon07{
	position:absolute;
	top:-15%;
    left: 50%;
	transform: translateX(-30%);
}

#flow .flow_inner .self .icon07 img{
	max-width:60%;
}


/*===============================================
  arrow
===============================================*/
#flow .flow_inner .arrow{
	margin:20px auto 20px auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 15px 0 15px;
	border-color: #613931 transparent transparent transparent;
}



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

#question{
	width:100%;
	background-color:#c48080;
}

#question .question_inner{
	width:94%;
	margin:0 auto;
	padding: 60px 0;
}

#question .question_inner .question_ribon{
	padding-bottom:20px;
}



/*===============================================
  accordion
===============================================*/

.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
	font-size:1.8em;
	padding-bottom: 15px;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	font-weight: 400;
	line-height: 2.3;
	position: relative;
	display: block;
	padding: 0 0 0 2em;
	cursor: pointer;
	margin: 0 0 1px 0;
	border-bottom:solid 1px;
	background:url(../image/question.png) no-repeat;
	background-position: left bottom 10px;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2em;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #fff;
	background:url(../image/anser.png) no-repeat;
	background-position: left top 20px;
}
.cp_actab .cp_actab-content p {
	padding:10px 0 20px 0;
	line-height:1.4;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 20em;
}
/* Icon */

.cp_actab input[type=checkbox] + label::after {
	content: '';
	position: absolute;
	right: 25px;
	top: 38%;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 8px;
	height: 8px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(-45deg);
}




/*===============================================
  store
===============================================*/

#store{
	width:100%;
	margin:0 auto;
}

#store .store_inner{
	width:94%;
	margin:0 auto;
	padding-top:60px;
}

#store .store_inner .rose p {
	font-size: 2.5em;
	margin-bottom: 40px;
}

#store .store_inner .sore_ribon{
	margin-bottom:20px;
}

#store .store_inner .info{
	margin:-50px auto 0;
	padding-top:20px;
}

#store .store_inner .info .store_name{
	font-size:2.0em;
	font-weight:600;
	color:#613931;
	margin-bottom: 50px;
	padding: 15px 0;
	margin-top: 50px;
}

#store .store_inner .info .info_box{
	margin:20px 0 15px 0;
}

#store .store_inner .info .info_box .adress{
	position:relative;
}

#store .store_inner .info .info_box .adress_t{
	font-size:1.6em;
	padding:0 0 7px 3em;
	background:url(../image/info01.png) no-repeat;
	background-position: 2% 10%;
	font-weight:700;
}

#store .store_inner .info .info_box .time{
	position:relative;
	overflow:hidden;
	zoom:1;
	background:url(../image/info02.png) no-repeat;
	background-position: 2% 0%;
}

#store .store_inner .info .info_box .time_t{
	font-size:1.6em;
	padding:0 0 7px 3em;
	font-weight:700;
	position:relative;
	float:left;
}

#store .store_inner .info .info_box .time_t02{
	position:relative;
	float:left;
	display:block;
}

#store .store_inner .info .info_box .time_t03{
	font-size:1.6em;
	font-weight:700;
	position:relative;
	float:left;
	display:block;
}

#store .store_inner .info .info_box .time_t04{
	display:block;
}


#store .store_inner .info .info_box .corona{
	font-size:1.5em;
	padding:0 0 7px 3.5em;
	color:#F50D11;
	display:inline-block;
}

#store .store_inner .info .info_box .tel{
	position:relative;
}

#store .store_inner .info .info_box .tel_t{
	font-size:2.5em;
	padding:0 0 0 2em;
	background:url(../image/info03.png) no-repeat;
	background-position: 2% 50%;
	font-weight:700;
}

#store .store_inner .info .info_box .tel_t .tellink{
	color:#333;
}

#store .store_inner .map{
	width: 100% !important;
	height: 300px !important;
}

#store .store_inner .brand{
	width:94%;
	margin:0 auto;
	text-align:center;
}

#store .store_inner .brand .brand_01 img{
	max-width:60%;
}

#store .store_inner .brand .brand_02{
	padding:60px 0 20px 0;
}

#store .store_inner .brand .brand_02 img{
	max-width:25%;
}
#store .store_inner .kiba{
	padding-bottom: 30px;
	margin: 0 auto;
	width: 94%;
}

#store .store_inner .kiba .comment {
    font-size: 1.5em;
	padding-top: 10px;
}

#store .store_inner .kiba .price_before {
    font-size: 1.2rem;
    margin: 15px 0 20px 0;
}
#store .store_inner .kiba .price_before:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    border-color: #CF8E94 transparent transparent transparent;
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
}

/*---------kiba---------*/
#store .store_inner .kiba .first .mini_ribon{
    font-size: 0.9em;
}
#store .store_inner .kiba .comment {
    font-size: 1.5em;
}
	
#store .store_inner .kiba:before {
    content: "";
    background: url(../image/kiba_no1.png) no-repeat;
    width: 150px;
    height: 50px;
    position: absolute;
    top: -30px;
    left: 15px;
    z-index: 10;
	background-size: cover;
}

	
	
	
	
/*---------kiba03---------*/
#store .store_inner .kiba03{
	padding-bottom:30px;
	position:relative;
	width: 94%;
	margin: 0 auto;
}
#store .store_inner .kiba03 .first .mini_ribon {
    font-size: 0.9em;
}
#store .store_inner .kiba03 .first{
	margin-top: 5px;
}
#store .store_inner .kiba03 .first span{
	font-size:2.5em;
}
#store .store_inner .kiba03 .comment{
	font-size:1.5em;
	padding-top: 10px;
}
#store .store_inner .kiba03 .first {
    font-size: 1.6em;
	text-align: left;
	padding-left: 40%;
}
#store .store_inner .kiba03 .band .band_inner .band_left {
    font-weight: 600;
}

	
	
	
/*---------kiba04---------*/
#store .store_inner .kiba04 {
	width: 94%;
	margin: 0 auto 40px auto;
}
#store .store_inner .kiba04 .kiba04box{
	margin: 15px auto 0;
	width: 94%;
}
#store .store_inner .kiba04 .kiba04box .inner2 ul .pin {
    padding-bottom: 15px;
}
#store .store_inner .kiba04 .kiba04box .inner2 ul .inde {
    padding-bottom: 20px;
}
#store .store_inner .kiba04 .band .band_inner .band_left {
    font-weight: 600;
}
#store .store_inner .kiba04 .kiba04box .inner2 .kiba04_title {
    font-weight: 600;
}
#store .store_inner .kiba .band .band_inner .band_left {
    font-weight: 600;
}
#store .store_inner .kiba04 .kiba04box .inner2 .kiba04_title {
    font-weight: 600;
}
#store .store_inner .kiba .kiba_no1 dt {
    font-size: 2.3em;
	font-weight: 600
}
#store .store_inner .kiba04 .kiba04box .inner2 .kiba04_title {
    font-weight: 600;
}
#store .store_inner .kiba .kiba_no1 dd {
    font-size: 2.0em;
}
	/*
#store .store_inner .kiba .first_before {
    font-size: 1.3em;
	margin: 0 0 -5px 3%;
}
	*/
	.first_before {
  	font-size: 1.3em;
		margin: 20px 0 -5px 3%;
	}
	
#store .store_inner .kiba04 .inner2 ul:first-child{
	font-size: 1.8em;
	line-height: 2.5;
}
	
/*-------------store_name----------------*/

#store .store_inner .rose {
	width: 100%;
	margin: 0 auto;
}
	

/*===============================================
  voice
===============================================*/

#voice .voice_inner .box {
    display: block;
}

#voice .voice_inner .left {
	width:100% !important;
}

#voice .voice_inner .right {
	width:100% !important;
	display:flex;
}

#voice .voice_inner .right figure{
	width:48.5%;
}

#voice .voice_inner .right figure:first-child{
	margin-right:3%;
}

#voice .voice_inner .right figure img{
	width:100%;
}

#voice .voice_inner .box .left dd {
    font-size: 1.6em;
		line-height:1.4;
}

#voice .voice_inner .box .left dl {
    margin-bottom: 20px !important;
}

#voice .voice_inner .box .left dl:last-chid{
    margin-bottom: 20px !important;
}


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

#wrap{
    min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-bottom: 80px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

footer{
	font-size: 13px;
    width: 100%;
    background-color: #613931;
    color: #fff;
    text-align: center;
    padding: 10px 0;

 position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}


/*===============================================
  store
===============================================*/
#store .store_inner .kiba .first {
	font-size: 1.6em;
}
#store .store_inner .kiba .first {
	text-align: left;
	padding-left: 40%;
}
	
#store .store_inner .band:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 8%;
    transform: translateY(-50%) rotate(-135deg);
    display: inline-block;
    width: 120px;
    height: 120px;
    border: 1px solid;
    border-color: #613931 #613931 transparent transparent;
}
#store .store_inner .band:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8%;
    transform: translateY(-50%) rotate(45deg);
    display: inline-block;
    width: 120px;
    height: 120px;
    border: 1px solid;
    border-color: #613931 #613931 transparent transparent;
}
#store .store_inner .band .band_inner {
    overflow: hidden;
    zoom: 1;
    position: relative;
    font-size: 1.85em;
    background-color: #fff;
    color: #613931;
    text-align: left;
    border-top: solid 1px #613931;
    border-bottom: solid 1px #613931;
    width: 87%;
    margin: 0 auto;
}

/*===============================================
  pagetop
===============================================*/


#pagetop {
	position: fixed;
	width: 100%;
	right: 0;
	bottom: 50px;
}

#pagetop .into {
	width: 94%;
	margin: 0 auto;
	text-align: right;
}

	
}