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

/*-------------------------------------------------------------------
	colorbox
-------------------------------------------------------------------*/
.pup{
	display:none;
}
/*-------------------------------------------------------------------
	wrap
-------------------------------------------------------------------*/
#wrap{
	width: 640px;
	margin: 0 auto;
}


@media screen and (min-width : 381px ){	
  .line { display:block; }
  .line02 { display:none; }
}

.pc{
	display:block !important;
}

.sp{
	display:none !important;
}

.mobile2{
	display:none;;
}
.spblock{
	display:inline-block;
}


body {
	background:#ecf7f7;
}


#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;
	background: #fff;
}
	
	#header .navbtn span {
		display: block;
		position: absolute;
		height: 4px;
		width: 80%;
		background: #7dc2c0;
		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(125,194,192,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;
		border-bottom:1px solid #FFF;
		
	}
	
#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);
	}

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

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


@media screen and (max-width: 640px){
	
	#header .navbox .into {
		width: auto;
	}
	
	#global-nav ul {
		width: auto;
	}
	
	#pagetop .into {
		width: 94%;
		margin: 0 auto;
		text-align: right;
	}

}

/*--wrap--*/
#wrap{
	width: 640px;
	margin: 0 auto;
	background: #fff;
}

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

/*-------------------------------------------------------------------
	header
-------------------------------------------------------------------*/
#header{
}

.bnr {
	overflow:hidden;
	zoom:1;
}

.bnr dt {
	margin:0 0 5%;
	font-size: 1.4em;
	line-height: 1.4;
}

.bnr dt:last-child {
	margin:0;
}


/*-------------------------------------------------------------------
	bag
-------------------------------------------------------------------*/

#bag{
	text-align: center;
	padding: 40px 0 65px 0 ;
}

#bag_text{
	font-size: 30px;
	font-family: source-han-serif-japanese, serif;
	font-style:normal;
	font-weight: 600;
	padding: 10px 0 0 0;
}


/*-------------------------------------------------------------------
	living
-------------------------------------------------------------------*/
#living{
	overflow: hidden;
	zoom:1;
	position: relative;
}

#living02{
	float:left;
	padding: 30px 0 0 60px;
}

#living03{
	float: right;
	position: absolute; top: 510px; right: 40px;
}


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

#concept{
	width: 560px;
	margin: 0 auto;
}



#concept p{
	text-align: center;
	font-size:18px;
	padding: 26px 0 70px 0;
	font-family: source-han-serif-japanese, serif;
	font-style:normal;
	font-weight: 500;
	font-feature-settings: "pkna";
	line-height: 2em;
}

/*-------------------------------------------------------------------
	beauty
-------------------------------------------------------------------*/
beauty{
	overflow: hidden;
	zoom:1;
}

#beauty02{
	padding: 130px 0 0 0;
}

#beauty03{
	float: right;
	padding: 30px 30px 0 70px;
}


/*-------------------------------------------------------------------
	index#index li{
	width: 100%;
}

-------------------------------------------------------------------*/

#index .link img{
	padding-left: 20px;
}

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

#index h3{
	font-size: 30px;
	color: #4eaeab;
	border: solid 2px #4eaeab;
	text-align: center;
	font-weight: 500;
}

#index dl{
	margin-top: 35px;
	float: left;
}

#index dl dt{
	color: #4eaeab;
	font-weight: 500;
}

#index .link a{
	color: #000000;
}


.aichi{
	padding-right: 25px;
	border-right: solid 1px #4eaeab;
}
.aichi dt{
	font-size: 26px;
}

.aichi li{
	font-size: 20px;
	font-weight: 400;
}

.gifu{
	padding-left: 25px;
	padding-right: 25px;
	border-right: solid 1px #4eaeab;

}
.gifu dt{
	font-size: 26px;
}

.gifu li{
	font-size: 20px;
	font-weight: 400;
}

.shizuoka{
	padding-left: 25px;
}
.shizuoka dt{
	font-size: 26px;
}

.shizuoka li{
	font-size: 20px;
	font-weight: 400;
}

/*-------------------------------------------------------------------
	picup
-------------------------------------------------------------------*/

#picup{
	background-color: #bde0df;
	padding: 80px 0  80px 0;
	margin-top: 80px;
}

#picup h2{
	text-align: center;
	padding-bottom: 60px;
}

#icon_box{
	overflow: hidden;
	zoom:1;
	width: 560px;
	margin: 0 auto;
	text-align: center;
}

.icon1{
	padding: 0 24px 30px 23px;
	border-bottom: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
}

.icon2{
	padding: 0 68px 30px 68px;
	border-bottom: solid 1px #FFFFFF;
}

.icon3{
	padding: 30px 40px 0 30px;
	border-right: solid 1px #FFFFFF;
}

.icon4{
	padding: 30px 22px 7px 35px;
}


/*===============================================
  price
===============================================*/
#price{
	width: 560px;
	margin: 0 auto;
}

#price h2{
	text-align: center;
	margin: 80px 0 60px 0; 
}

#menue{
	overflow: hidden;
	zoom:1;
}



.mobile{
	display: none;
}


.list01{
	font-size: 20px;
	padding: 30px 0 15px 0;
	border-top: solid 1px #bde0df;
	font-weight: 500;
}

.list01 .kind{
	/*--position:relative;-*/
	font-size: 14px;
	font-weight: 500;
	color: #000000;
}

.list01 span{
	color: #4eaeab;
}

.list02{
	font-size: 20px;
	text-indent: 0.5em;
	font-weight: 500;
	padding: 10px 0 0 0;
}

.list03{
	color: #4eaeab;
	text-indent: 1em;
	font-weight: 300;
	font-size: 22px;
	padding: 5px 0 20px 0;

}

.list04{
	font-size: 20px;
	padding: 0 0 20px 0;
	font-weight: 500;
}

.list04 span{
	color: #4eaeab;
}

.list05{
	font-size: 20px;
	padding: 30px 0 15px 0;
	border-top: solid 1px #bde0df;
	border-bottom: solid 1px #bde0df;
	font-weight: 500;
}
.list05 .kind{
	/*--position:relative;-*/
	font-size: 14px;
	font-weight: 500;
	color: #000000;
}
.list05 span{
	color: #000000;
}
.list05 .long_icon{
	color: #4eaeab;
}

.list06{
	color: #4eaeab;
	text-indent: 1em;
	font-weight: 300;
	font-size: 22px;
	padding: 5px 0 20px 0;
}


.submenue{
	width: 242px;
	font-size: 13.9px;
	font-weight: 300;
	font-feature-settings: "pkna";
}

.submenue p{
	padding-left:1em;
	text-indent:-1em;
}

.oilmini{
	font-size: 16px;
	color:#4eaeab !important;
}

.black{
    font-size: 14px;
    font-weight: 500;
    color: #000000 !important;
}


.left{
	/*-width:242px;-*/
	width: 45%;
	padding-right:4.5%; 
	float: left;
	/*-padding-right: 38px;-*/
	border-right: solid 1px #bde0df;
}
.right{
	width: 45%;
	padding-left:4.5%; 

	/*-width:242px;-*/
	float: right;
	/*-padding-left: 37px;-*/
}


/*===============================================
  cut
===============================================*/

#cut{
	width: 560px;
	margin: 0 auto;
}

#cut h2{
	text-align: center;
	margin: 80px 0 60px 0;
}

#cut h3{
	margin: 0 0 40px 0;
	position: relative;
	text-align: center;
}

#cut h5{
	font-size: 27px;
	font-family: source-han-serif-japanese, serif;
	font-style:normal;
	font-weight: 500;
	padding-top: 40px;
}

#cut h3 .medium{
	white-space: nowrap;
	font-size: 30px;
	font-family: source-han-serif-japanese, serif;
	font-style:normal;
	font-weight: 500;
	color: #7dc2c0;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#cut .cutsub{
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	padding-left:1em;
	text-indent:-1em;
}

.cuttext{
	text-align: center;
}

.hyphen{
	font-size: 27px;
	font-weight: 500;
}



/*===============================================
  oil
===============================================*/

#oil{
	width: 560px;
	margin: 0 auto;
	text-align: center;
}

#oil h2{
	margin: 80px 0 0 0; 
	position: relative;
}

#oil h2 .medium{
	white-space: nowrap;
	font-size: 30px;
	font-family: source-han-serif-japanese, serif;
	font-style:normal;
	font-weight: 500;
	color: #7dc2c0;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#oil h3{
	padding: 40px 0 0 0;
}

#oil h4{
	padding: 40px 0 0 0;
}

#oil h5{
	font-size: 27px;
	font-family: source-han-serif-japanese, serif;
	font-style:normal;
	font-weight: 500;
	padding-top: 40px;
}

.oiltext01{
	overflow: hidden;
	zoom:1;
	padding: 40px 0 40px 0;
	position: relative;
}

.oiltext01 p{
	font-size: 27px;
	color: #4eaeab;
	position: absolute; top: 70px; left: 90px;
	font-weight: 500;
}

.oiltext01 span{
	font-size: 18px;
	position: absolute; top: 115px; left: 90px;
	font-weight: 400;
}

.oiltext01 .pict{
	float: right;
	position: absolute; top: 70px; right: 0px;
}

.oiltext02{
	overflow: hidden;
	zoom:1;
	padding: 40px 0 50px 0;
	position: relative;
}

.oiltext02 p{
	font-size: 27px;
	color: #4eaeab;
	position: absolute; top: 70px; left: 90px;
	font-weight: 500;
}

.oiltext02 span{
	font-size: 18px;
	position: absolute; top: 115px; left: 90px;
	font-weight: 400;
}

.oiltext02 .pict{
	float: right;
	position: absolute; top: 70px; right: 0px;
}

.oiltext03{
	overflow: hidden;
	zoom:1;
	padding: 40px 0 50px 0;
	position: relative;
}

.oiltext03 p{
	font-size: 27px;
	color: #4eaeab;
	position: absolute; top: 70px; left: 90px;
	font-weight: 500;
}

.oiltext03 span{
	font-size: 18px;
	position: absolute; top: 115px; left: 90px;
	font-weight: 400;
}

.oiltext03 .pict{
	float: right;
	position: absolute; top: 70px; right: 0px;
}

.member{
	padding: 60px 0 0 0;
	text-align: center;
}

.member p{
	font-size: 24px;
	border: solid 1px #4eaeab;
	background: linear-gradient(180deg, #4eaeab 0%, #4eaeab 50%, #FFFFFF 50%, #FFFFFF 100%);
	font-weight: 500;
	color: #FFFFFF;
	line-height: 40px;
}

.member span{
	font-size: 18px;
	color: #000000;
}

.fee{
	text-align: center;
	padding: 60px 0 30px 0;
}
.fee_off{
	border: solid 1px #4eaeab;
	border-radius: 5px;
	margin-bottom: 20px;
}
.fee_off dt{
	background-color: #4eaeab;
	border-radius: 2px 2px 0px 0px;
	color: #fff;
	padding: 3px 0;
	text-align: center;
	font-weight: 500;
	font-size: 3.5em;
}
[data-ruby]{
	position: relative;
}
[data-ruby]::before{
	content: attr(data-ruby);
	position: absolute;
	top: -1em;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 0.5em;
}

.fee_off dt .fee_sub{
	font-size: 60%;
	/*-padding-top: .2em;
    background-position: top left -24px;
    background-repeat: repeat-x;
    background-size: 1.2em .3em;
    background-image: radial-gradient(.15em .15em at center center,#fff,#fff 100%,transparent);-*/
}
.fee_off dd{
	font-size: 2.6rem;
	font-weight: 600;
	color: #333;
	padding: 8px 0;
}
.fee_off dd .fee_sub{
	font-size: 60%;
}
.fee_text{
	text-align: left;
	font-size: 1.7em;
	color: #333;
	text-indent: -1em;
	padding-left: 10px;
	font-weight: 500;
	text-decoration: underline;
}

.mini{
	font-size:23px;
}

.fee_tax{
margin-bottom: 45px;
color: #505050;
font-size: 27px;
font-weight: 500;
position: relative;
}
.fee_tax:after{
	content: url("../image/arrow.png");
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
}

.mini{
	font-size:23px;
}

.hyphen{
position: relative;
display: inline-block !important;
padding: 0 45px;
color: #4eaeab;
}
.hyphen:before,
.hyphen:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 30px;
height: 2px;
background-color:#4eaeab;
}
.hyphen:before {
left:0;
}
.hyphen:after {
right:0;
}

.oiltext04{
	padding: 10px 0 0 0;
}

.cheapness{
	padding: 60px 0 20px 0;
}

.cheapness p{
	font-size: 18px;
	font-weight: 400;
	padding: 10px 0 0 0;
}

.experience{
	padding: 20px 0 80px 0;
}

.experience p{
	font-size: 18px;
	font-weight: 400;
	padding: 10px 0 0 0;
}


/*===============================================
  perm
===============================================*/
#perm{
	width: 560px;
	margin: 0 auto;
}

#perm h2{
	position: relative;
}

#perm h2 .medium{
	white-space: nowrap;
	font-size: 30px;
	font-family: source-han-serif-japanese, serif;
	font-style:normal;
	font-weight: 500;
	color: #7dc2c0;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


#perm h3{
	padding: 40px 0 0 0;
}

.permtext h5{
	font-size: 27px;
	font-family: source-han-serif-japanese, serif;
	font-style: normal;
	font-weight: 500;
	padding: 40px 0 20px 0;
	line-height: 35px;
	text-align: center;
}

.permtext span{
	font-size: 18px;
	font-weight: 400;
}


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

#store{
	width: 560px;
	margin: 0 auto;
}
#store a{
	color: #000000;
}

#store h4{
	padding: 50px 0 0 0;
}

#store h2{
	text-align: center;
	padding: 40px 0 0 0;
}

#aichi{
	padding: 60px 0 0 0;
	text-align: center;
}

#aichi h6{
	font-size: 32px;
	font-family: source-han-serif-japanese, serif;
	font-style: normal;
	font-weight: 400;
	border-bottom: solid 1px #4eaeab;
	display: inline-block;
	padding: 0 0 10px 0;
	margin-bottom: 40px;
	color: #4eaeab;
}

#gifu{
	padding: 60px 0 0 0;
	text-align: center;
}

#gifu h6{
	text-align: center;
	font-size: 32px;
	font-family: source-han-serif-japanese, serif;
	font-style: normal;
	font-weight: 400;
	border-bottom: solid 1px #4eaeab;
	display: inline-block;
	padding: 0 0 10px 0;
	margin-bottom: 40px;
	color: #4eaeab;
}

#shizuoka{
	padding: 60px 0 0 0;
	text-align: center;
}

#shizuoka h6{
	text-align: center;
	font-size: 32px;
	font-family: source-han-serif-japanese, serif;
	font-style: normal;
	font-weight: 400;
	border-bottom: solid 1px #4eaeab;
	display: inline-block;
	padding: 0 0 10px 0;
	margin-bottom: 40px;
	color: #4eaeab;
}


.information img{
	display: block;
	float: left;
	padding-right: 2%;
	margin-top: 1.2%;
}

.information p{
	text-align: left;
	font-size: 24px;
	border-bottom: solid 1px #bde0df;
	padding: 0 0 10px 0;
	font-weight: 600;
}

.information .indent{
	font-size: 17px;
	font-weight: 500;
	border: none;
	float: left;
}

#shop01{
	padding: 0 0 0 0;
}

#shop03{
	padding: 0 0 0 0;
}

#shop02{
	padding: 60px 0 0 0;
}

#shop04{
	padding: 60px 0 0 0;
}

#shop05{
	padding: 0 0 0 0;
}	


.address{
	text-align: left;
	padding: 10px 0 0 0;
	overflow: hidden;
	zoom:1;
}

.number{
	text-align: left;
	padding: 10px 0 0 0;
	overflow: hidden;
	zoom:1;
}
.number .indent span{
	font-size: 29px;
	font-weight: 500;
	color: #000000;
}

.time{
	text-align: left;
	padding: 10px 0 0 0;
	overflow: hidden;
	zoom:1;
}

.map iframe{
	width: 100% !important;
	height: 300px !important;
}

.map dl dt{
	cursor: pointer;
	margin: 20px 0 0 0;
	font-size: 17px;
	color: #4eaeab;
	border: solid 1px #4eaeab;
	position: relative;
	padding: 5px 0 5px 0;
	font-weight: 500;
}

.map dl dt{
	cursor: pointer;
	margin: 20px 0 0 0;
	font-size: 17px;
	color: #4eaeab;
	border: solid 1px #4eaeab;
	position: relative;
	padding: 5px 0 5px 0;
	font-weight: 500;
}

.map dl dt:after {
	position: absolute;
	right: 20px;
	content:'▼';
}

.map dl dt.open:after {
	content:'▲';
}


.map dl dd {
	display: none;
}


/*===============================================
  MIlogo
===============================================*/
.milogo{
	width: 560px;
    margin: 0 auto;
	text-align: center;
	padding-top: 60px;
}

.milogo a{
	display: inline-block;
}

.milogo img{
	max-width: 100%;
}



/*===============================================
  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: #7dc2c0;
    color: #fff;
    text-align: center;
    padding: 10px 0;

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





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

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

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

.spblock{
	display:block;
}

.pc{
	display:none !important;
}

.sp{
	display:block !important;
}
	
/*--wrap--*/
#wrap{
	width: 100%;
	margin: 0 auto;
}

img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
}
	
.indent2{
	text-indent:2em;
}
	
.mobile2{
	display:block;
}
	
	#global-nav ul li a {
		font-size:1.8em;
}	

/*-------------------------------------------------------------------
	header
-------------------------------------------------------------------*/
#header{
	margin: 0 auto;
}

/*-------------------------------------------------------------------
	bag
-------------------------------------------------------------------*/

#bag{
	text-align: center;
	padding: 40px 0 65px 0 ;
}

#bag_text{
	font-size: 25px;
	font-family: source-han-serif-japanese, serif;
	font-style:normal;
	font-weight: 600;
	padding: 10px 0 0 0;
}


/*-------------------------------------------------------------------
	living
-------------------------------------------------------------------*/
#living{
	overflow: hidden;
	zoom:1;
	position: relative;
	padding-bottom: 10%;
}

#living02{
	width: 40%;
	float:left;
	padding: 7% 0 0 7%;
}

#living03{
	width: 35%;
	float: right;
	position: absolute;
	top:60%;
}


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

#concept{
	width: 85%;
	margin: 0 auto;
}
	
	.line { display:none; }
	.line02 { display:block; }
	
#concept p{
	text-align: center;
	font-size:18px;
	padding: 4% 0 7% 0;
	font-family: source-han-serif-japanese, serif;
	font-style:normal;
	font-weight: 500;
	font-feature-settings: "pkna";
	line-height: 2em;
}

/*-------------------------------------------------------------------
	beauty
-------------------------------------------------------------------*/
beauty{
	overflow: hidden;
	zoom:1;
}

#beauty02{
	width: 30%;
	padding: 30% 0 0 0;
}

#beauty03{
	width: 60%;
	float: right;
	padding: 5% 5% 0 0;
}


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

	
#index .link img{
	padding-left: 12px;
	display: none;
}
	
	#index .link a {
		display: block;
		background: url("../image/nav01.png") right center no-repeat;
		background-position: right 5% bottom 5%;
		padding-left: 5%;
	}


#index{
	margin: 0 auto;
	width: 90%;
	overflow: hidden;
}

#index h3{
	margin-top: 7%;
	font-size: 20px;
	color: #4eaeab;
	border: solid 2px #4eaeab;
	font-weight: 500;
	text-align: center;
}
	
#index dl{
	width: 100%;
	margin-top: 35px;
	text-align: left;
	float: none;
}
	
#index dl dt{
	color: #4eaeab;
	font-weight: 500;
}
		
	
.aichi{
	border: none;
	text-align: center;
	}
	
.aichi dt{
	font-size: 23px;
	font-weight: 500;
}
	
.aichi ul{
	overflow: hidden;
	zoom:1;
	display: flex;
}	

.aichi li{
	font-size: 18px;
	font-weight: 600;
	/*--float: left;-*/
	padding-top: 3%;
	width: 47%;
	display: inline-block;
	text-align: left;
}
	
.aichi li:nth-child(even) {
	margin-left: 8%;
}	

	
.gifu{
	border: none;
	padding: 0 0 0 0;
}
.gifu dt{
	font-size: 23px;
	font-weight: 500;
}

.gifu li{
	font-size: 18px;
	font-weight: 600;
	padding-top: 3%;
	/*float: left;*/
	width: 47%;
	display: inline-block;
	text-align: left;
}
	.gifu li:nth-child(even) {
		margin-left: 5%;
	}
	
.shizuoka{
		padding: 0 0 0 0;
	}	
	
.shizuoka dt{
	font-size:23px;
	font-weight: 500;
}
	
	
.shizuoka ul{
	display: flex;
	}	

.shizuoka li{
	font-size: 18px;
	font-weight: 600;
	padding-top: 3%;
	width: 47%;
	display: inline-block;
	text-align: left;
}

.shizuoka li:first-child{
	}	
	
.shizuoka li:nth-child(even) {
	margin-left: 10%;
}	
	
/*-------------------------------------------------------------------
	picup
-------------------------------------------------------------------*/

#picup{
	background-color: #bde0df;
	padding: 15% 0  20% 0;
	margin-top: 15%;
}

#picup h2{
	text-align: center;
	padding-bottom: 15%;
}

#icon_box{
	overflow: hidden;
	zoom:1;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.icon1{
	width: 37%;
	border-bottom: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	padding: 0 8% 5% 0%;
}

.icon2{
	width: 22%;
	border-bottom: solid 1px #FFFFFF;
	padding: 0 13% 6% 10%;
}

.icon3{
	width: 32%;
	border-right: solid 1px #FFFFFF;
	padding: 5% 9% 0% 5%;
}

.icon4{
	width: 35%;
	padding: 0% 6% 2% 5%;
	}


/*===============================================
  price
===============================================*/
#price{
	width: 90%;
	margin: 0 auto;
}

#price h2{
	text-align: center;
	margin: 80px 0 60px 0; 
}

#menue{
	overflow: hidden;
	zoom:1;
}

	

	
.list01{
	font-size: 20px;
	padding: 10% 0 5% 0;
	border-top: solid 1px #bde0df;
	font-weight: 500;
	position: relative;
}

.list01 .kind{
	font-size: 18px;
	font-weight: 500;
	color: #000000;
}

.list01 span{
	color: #4eaeab;
}

.list02{
	font-size: 20px;
	text-indent: 1em;
	font-weight: 500;
}
	
.list02 .longmini{
	font-size: 18px;
	padding: 8% 0 0 0;
	overflow: hidden;
	zoom:1;
}	

.list02 .mobile{
	display: inline-block;
	position:absolute;
	right: 0;
	color: #4eaeab;
}
	
.list02 .mobile span{
	font-size: 16px
}	
	
.list03{
	color: #4eaeab;
	text-indent: 1em;
	font-weight: 500;
	font-size: 20px;
	padding: 1% 0 5% 0;
}

.list04{
	font-size: 20px;
	font-weight: 500;
	padding: 5% 0 0% 0;
}

.list04 span{
	color: #4eaeab;
}

.list05{
	font-size: 20px;
	padding: 30px 0 15px 0;
	border-top: solid 1px #bde0df;
	border-bottom: solid 1px #bde0df;
	font-weight: 500;
	position: relative;
}
.list05 .kind{
	/*--position:relative;-*/
	font-size: 15px;
	font-weight: 600;
	color: #000000;
}
.list05 span{
	color: #000000;
}
.list05 .long_icon{
	color: #4eaeab;
}
	
.list06{
	display: none;
}	

.submenue{
	width: 100%;
}
	
.submenue p{
	font-size: 14px;
	font-weight: 500;
	font-feature-settings: "pkna";
	width: 100%;
}

.submenue p{
	padding-left:1em;
	text-indent:-1em;
	border: none;
}

.submenue p:last-child{
	border-bottom: solid 1px #4eaeab;
	padding: 0% 0 10% 0;
	padding-left:1em;
	text-indent:-1em;
}
	

.oilmini{
	font-size: 18px;
}

.black{
	font-size: 18px;
}

.left{
	margin: 0 auto;
	width:90%;
	float: none;
	border-right: none;
	padding: 0 0 0 0;
}
.right{
	margin: 0 auto;
	width:90%;
	float: none;
	padding: 0 0 0 0;
}


/*===============================================
  cut
===============================================*/

#cut{
	width: 90%;
	margin: 0 auto;
}

#cut h2{
	text-align: center;
	margin: 80px 0 60px 0;
}

#cut h3{
	margin: 0 0 10% 0;
	position: relative;
	text-align: center;
}

#cut h5{
	font-size: 20px;
	font-family: source-han-serif-japanese, serif;
	font-style:normal;
	font-weight: 500;
	padding-top: 5%;
}

#cut h3 .medium{
	white-space: nowrap;
	font-size: 23px;
	font-family: source-han-serif-japanese, serif;
	font-style:normal;
	font-weight: 500;
	color: #7dc2c0;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#cut .cutsub{
	font-size: 13px;
	font-weight: 500;
	text-align: left;
	padding-left:1em;
	text-indent:-1em;
}

.cuttext{
	text-align: center;
}

.hyphen{
	font-size: 24px;
	font-weight: 500;
}



/*===============================================
  oil
===============================================*/

#oil{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

#oil h2{
	margin: 80px 0 0 0; 
	position: relative;
}

#oil h2 .medium{
	white-space: nowrap;
	font-size: 23px;
	font-family: source-han-serif-japanese, serif;
	font-style:normal;
	font-weight: 500;
	color: #7dc2c0;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#oil h3{
	padding: 10% 0 0 0;
}

#oil h4{
	padding: 10% 0 0 0;
}

#oil h5{
	font-size: 20px;
	font-family: source-han-serif-japanese, serif;
	font-style:normal;
	font-weight: 500;
	padding-top: 5%;
}	
	
.oiltext01{
	overflow: hidden;
	zoom:1;
	padding: 10% 0 10% 0;
	position: relative;
}

.oiltext01 p{
	font-size: 22px;
	color: #4eaeab;
	position: absolute; top: 40%; left: 13%;
	font-weight: 500;
}

.oiltext01 span{
	font-size: 12px;
	position: absolute; top: 75%; left: 13%;
	font-weight: 700;
}

.oiltext01 .pict{
	max-width: 15%;
	float: right;
	position: absolute; top: 45%; right: 0px;
}

.oiltext02{
	overflow: hidden;
	zoom:1;
	padding: 8% 0 10% 0;
	position: relative;
}

.oiltext02 p{
	font-size: 22px;
	color: #4eaeab;
	position: absolute; top: 40%; left: 13%;
	font-weight: 500;
}

.oiltext02 span{
	font-size: 12px;
	position: absolute; top: 75%; left: 13%;
	font-weight: 700;
}

.oiltext02 .pict{
	max-width: 15%;
	float: right;
	position: absolute; top: 45%; right: 0%;
	display: block;
}

.oiltext03{
	overflow: hidden;
	zoom:1;
	padding: 30px 0 50px 0;
	position: relative;
}

.oiltext03 p{
	font-size: 22px;
	color: #4eaeab;
	position: absolute; top: 40%; left: 13%;
	font-weight: 500;
}

.oiltext03 span{
	font-size: 12px;
	position: absolute; top: 70%; left: 13%;
	font-weight: 700;
}

.oiltext03 .pict{
	max-width: 15%;
	float: right;
	position: absolute; top: 45%; right: 0%;
}

.member{
	padding: 10% 0 0 0;
	text-align: center;
}

.member p{
	font-size: 20px;
	border: solid 1px #4eaeab;
	background: linear-gradient(180deg, #4eaeab 0%, #4eaeab 50%, #FFFFFF 50%, #FFFFFF 100%);
	font-weight: 500;
	color: #FFFFFF;
	line-height: 40px;
}

.member span{
	font-size: 14px;
	color: #000000;
}

.fee{
	text-align: center;
	padding: 30px 0 30px 0;
}

.hyphen{
position: relative;
display: inline-block !important;
padding: 0 45px;
color: #4eaeab;
}
.hyphen:before,
.hyphen:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 35px;
height: 2px;
background-color:#4eaeab;
}
.hyphen:before {
left:0;
}
.hyphen:after {
right:0;
}

.oiltext04{
	padding: 10px 0 0 0;
}

.cheapness{
	margin:  0 auto;
	padding: 60px 0 20px 0;
}

.cheapness img{
	width: 80%;
}		
	
.cheapness p{
	font-size: 15px;
	font-weight: 500;
	padding: 10px 0 0 0;
}

.experience{
	margin:  0 auto;
	padding: 20px 0 60px 0;
}
	
.experience img{
	width: 75%;
}	

.experience p{
	font-size: 15px;
	font-weight: 500;
	padding: 10px 0 0 0;
}

.oiltext04 .pop{
	font-size: 15px;
	font-weight: 500;
	position: relative;
}	
	
.pop:before{
	content:url("../image/before.png");
	position: absolute;
    top: 70%;
    left: 10%;
    transform: translate(-70%, -50%);
}

.pop:after{
  content:url("../image/after.png");
	position: absolute;
    top: 70%;
    left: 90%;
    transform: translate(-50%, -50%);
}


.oiltext04 h6{
	padding: 5% 0 20% 0;
}

/*===============================================
  perm
===============================================*/
#perm{
	width: 90%;
	margin: 0 auto;
}

#perm h2{
	position: relative;
}

#perm h2 .medium{
	white-space: nowrap;
	font-size: 23px;
	font-family: source-han-serif-japanese, serif;
	font-style:normal;
	font-weight: 500;
	color: #7dc2c0;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


#perm h3{
	padding: 10% 0 0 0;
}

.permtext h5{
	font-size: 20px;
	font-family: source-han-serif-japanese, serif;
	font-style: normal;
	font-weight: 500;
	padding: 5% 0 5% 0;
	line-height: 35px;
	text-align: center;
}

.permtext span{
	font-size: 15px;
	font-weight: 400;
}
	
	
/*===============================================
 fee
===============================================*/
.fee_off{
	border: solid 1px #4eaeab;
	border-radius: 5px;
	margin-bottom: 20px;
}
.fee_off dt{
	font-size: 2.8em;
}
[data-ruby]{
	position: relative;
}
[data-ruby]::before{
	content: attr(data-ruby);
	position: absolute;
	top: -1em;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 0.5em;
}
.fee_off dt .fee_sub{
	font-size: 62%;
	/*-padding-top: .2em;
    background-position: top left -24px;
    background-repeat: repeat-x;
    background-size: 1.25em .3em;
    background-image: radial-gradient(.15em .15em at center center,#fff,#fff 100%,transparent);-*/
}
.fee_off dd{
	font-size: 2.0rem;
	font-weight: 600;
	color: #333;
	padding: 8px 0;
}
.fee_off dd .fee_sub{
	font-size: 60%;
}
.fee_text{
	font-size: 1.5em;
}

	
.fee_tax{
margin-bottom: 45px;
color: #505050;
font-size: 20px;
font-weight: 500;
position: relative;
}
.fee_tax:after{
	content: url("../image/arrow.png");
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 120%;
}
	
	

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

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

#store h4{
	padding: 10% 0 0 0;
}

#store h2{
	text-align: center;
	padding: 40px 0 0 0;
}

#aichi{
	padding: 60px 0 0 0;
	text-align: center;
}

#aichi h6{
	font-size: 25px;
	font-family: source-han-serif-japanese, serif;
	font-style: normal;
	font-weight: 400;
	border-bottom: solid 1px #4eaeab;
	display: inline-block;
	padding: 0 0 10px 0;
	margin-bottom: 40px;
	color: #4eaeab;
}

#aichi img{
		width: 5%;
	}	
	
#gifu img{
		width: 5%;
	}
	
#shizuoka img{
		width: 5%;
	}	
	
#gifu{
	padding: 60px 0 0 0;
	text-align: center;
}

#gifu h6{
	text-align: center;
	font-size: 25px;
	font-family: source-han-serif-japanese, serif;
	font-style: normal;
	font-weight: 400;
	border-bottom: solid 1px #4eaeab;
	display: inline-block;
	padding: 0 0 10px 0;
	margin-bottom: 40px;
	color: #4eaeab;
}

#shizuoka{
	padding: 60px 0 0 0;
	text-align: center;
}

#shizuoka h6{
	text-align: center;
	font-size: 25px;
	font-family: source-han-serif-japanese, serif;
	font-style: normal;
	font-weight: 400;
	border-bottom: solid 1px #4eaeab;
	display: inline-block;
	padding: 0 0 10px 0;
	margin-bottom: 40px;
	color: #4eaeab;
}


.information p{
	text-align: left;
	font-size: 20px;
	border-bottom: solid 1px #bde0df;
	padding: 0 0 10px 0;
	font-weight: 600;
}


.information img{
	display: block;
	float: left;
	padding-right: 2%;
	margin-top: 1.3%;
}

.information p{
	text-align: left;
	font-size: 20px;
	border-bottom: solid 1px #bde0df;
	padding: 0 0 10px 0;
	font-weight: 600;
}

.information .indent{
	font-size: 15px;
	font-weight: 500;
	border: none;
	float: left;
}

#shop01{
	padding: 0 0 0 0;
}

#shop03{
	padding: 0 0 0 0;
}

#shop02{
	padding: 60px 0 0 0;
}

#shop04{
	padding: 60px 0 0 0;
}
#shop05{
	padding: 0 0 0 0;
}	

.address{
	text-align: left;
	padding: 20px 0 0 0;
}

.number{
	text-align: left;
	padding: 0px 0 0 0;
}
.number .indent span{
	font-size: 20px;
	font-weight: 500;
}

.time{
	text-align: left;
	padding: 0px 0 0 0;
}

.map p{
	margin: 20px 0 0 0;
	font-size: 17px;
	color: #4eaeab;
	border: solid 1px #4eaeab;
	position: relative;
	padding: 5px 0 5px 0;
	font-weight: 500;
}

.map span{
	position: absolute;
	right: 20px;
}

.map iframe{
	width: 100% !important;
	height: 300px !important;
}
	
/*===============================================
  Milogo
===============================================*/
.milogo{
	width: 90%;
    margin: 0 auto;
}


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

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

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

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