@charset("UTF-8");

.slider{
	width:100%;
	height:100vh;
	position:absolute;
	left:0;
	top:0;
}
.slider li{
	width:100%;
	height:calc(100vh - 90px);
	min-height:620px;
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}
.index-main-visual{
	background-position:center;
	background-size:cover;
	position:relative;
	background-image:url(../images/top-main-gsc.jpg);
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}
.slider-outer{
	display:table;
	height:100%;
}
.slider-inner{
	display:table-cell;
	vertical-align:middle;
} 
.index-main-visual .table{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	z-index:99999;
	background:url(../images/top-main-gsc.jpg) no-repeat;
	background-position:center;
	background-size:cover;
}
.index-main-visual section{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
}
.main-pic{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}
.main-pic img{
	display:block;
	width:100%;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}
.index-main-visual h2{
	font-size:26px;
	line-height:1.4;
	padding-bottom:0.7em;
	font-weight:600;
	letter-spacing:0.1em;
}
.index-main-visual p{
	font-weight:500;
	line-height:2;
}
.news-list{
	overflow-y:auto;
	max-height:380px;
}
.news-list li{
	border-bottom:1px solid #dfdfdf;
	padding:20px 100px;
	line-height:1.8;
}
.news-list span{
	color:#60c4b0;
	display:block;
	width:100px;
	margin-right:30px;
	line-height:2;
}
.news-list a{
	text-decoration:underline;
	width:calc(100% - 130px);
}
.news-list a:hover{
	text-decoration:none;
}
.sec02{
	padding-bottom:0;
}
.sec02 .outline p{
	padding-top:20px;
}
.sec02 .pic{
	width:calc(50% - 20px);
}
.sec02 .pic img{
	display:block;
	width:100%;
}
.sec02 .txt{
	//width:calc(50% - 20px);
	width:100%;
}
.sec02 .outline h3{
	font-weight:500;
	font-size:24px;
	line-height:1.4;
}


.sec03{
	margin-top:80px;
	background:#f1f1f1;
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	background-position:center top;
}
.sec03 h3 span{
	font-size:75%;
}
.sec03 .pic{
	width:30%;
}
.sec03 .pic img{
	width:100%;
	display:block;
}
.pack-info{
	width:calc(70% - 40px);
}
.menu01{
	width:800px;
	margin:0 auto 40px;
	background:rgba(255,255,255,0.8);
	padding:20px;
}
.menu02{
	width:530px;
	margin-bottom:40px;
	background:rgba(255,255,255,0.8);
	padding:20px;
}
.menu02.f-left{
	margin-right:20px;
}
.menu02.f-right{
	margin-left:20px;
}

.sec03 dt{
	font-weight:600;
}
.sec03 dl dt span{
	display:block;
	padding:0;
}
.sec03 dl span{
	font-size:14px;
	line-height:1.5;
	color:#444;
	padding:0 0.4em;
}
.price{
	font-weight:600;
	color:#e01c33;
	text-align:right;
	font-size:16px;
	clear:right;
}
.sec03 dl dd.f-left{
	font-size:14px;
	padding:0 0.8em;
}
.sec03 dl{
	border-bottom:1px solid #434343;
	padding:12px 0;
}
.sec03 .comment{
	font-size:14px;
	line-height:1.5;
	font-weight:600;
	padding-bottom:40px;
	padding-top:2em;
}
.sec03 th{
	font-weight:600 !important;
}
.package-outer{
	padding-bottom:5em;
	margin-bottom:5em;
	border-bottom:1px solid rgba(0,0,0,0.15);
}
.salon-info{
	width:100%;
}
.sec04 .pic{
	width:530px;
}
.sec04 .pic img{
	display:block;
	width:100%;
}

.sec03 th,.sec04 th{
	font-weight:500;
	padding:18px 12px;
	line-height:1.5;
	width:30%;
	border-bottom:1px solid #434343;
}
.sec03 td,.sec04 td{
	padding:18px 12px;
	line-height:1.5;
	width:70%;
	border-bottom:1px solid #434343;
}
.sec03 h3,.sec04 h3{
	font-size:20px;
	line-height:1.3;
	margin-bottom:20px;
	letter-spacing:0.1em;
	font-weight:600;
}
#googlemap{
	width:100%;
	height:500px;
	background:#efefef;
	margin-top:40px;
}
.map-btn{
	display:block;
	width:330px;
	line-height:63px;
	color:#fff;
	margin:40px auto 80px;
	letter-spacing:0.05em;
	font-weight:400;
	background:#60c4b0;
}

.map-btn:after{
	content:"";
	display:inline-block;
	margin-left:20px;
	border-left:10px solid #fff;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
}
.style-list{
	max-height:580px;
	overflow-y:auto;
}
.style-list:after{
	content:"";
	display:block;
	width:0;
	height:0;
	clear:both;
}
.style-list li{
	width:25%;
	padding:20px;
}
.style-list li:nth-of-type(4n+1){
	clear:left;
}
.style-list li:nth-of-type(4n){
	margin-right:0;
}
.style-list li *{
	display:block;
	width:100%;
}

.sec06 ul{
	font-size:0;
	text-align:center;
}
.sec06 li{
	width:50%;	
	padding:0 20px;
	margin-bottom:40px;
	display:inline-block;
}
.sec06 li img,.sec06 li a{
	display:block;
	width:100%;
}

















/* ********************************************** */
/* **************レスポンシブスタイル************ */
/* ********************************************** */



@media screen and (max-width:767px){
.index-main-visual{
	min-height:75vw;
	height:150vw;
}
.index-main-visual h2 {
    font-size: 1.5rem;
    line-height: 1.8;
    padding-bottom: 1em;
	padding-left:1.5rem;
	padding-right:1.5rem;
    letter-spacing: 0;
}
.index-main-visual p {
    font-weight: 500;
    line-height: 1.5;
	padding-left:1.5rem;
	padding-right:1.5rem;
	font-size:1.4rem;
}
.index-main-visual section{
	padding:25px 0;
}
div.slider-inner{
	padding:0;
}

.main-pic img{
	width:calc(100% - 3rem);
	max-width:290px;
}
.main-pic {
	min-height:650px;
	top:70px;
}
.slider li{
	min-height:auto;
}

/* ++++++++++++++++++++information++++++++++++++++++++ */
.news-list{
	overflow:hidden;
	max-height:380px;
}
.news-list li{
	border-bottom:1px solid #dfdfdf;
	padding:15px 0;
	line-height:1.8;
}
.news-list span{
    display: inline-block;
    width: auto;
    margin-right: 0;
    float: none;
    margin-bottom: 5px;
    padding: 0;
}
.news-list a{
	text-decoration:underline;
	width:100%;
	float:none;
	display:block;
}
.news-list a:hover{
	text-decoration:none;
}




/* +++++++++++++++++concept+++++++++++++++++++ */
.sec02{
	padding-bottom:0;
}
.sec02 .outline {
	position:relative;
	z-index:2;
	min-height:366px;
}
.sec02 .outline h3 span{
	width:100%;
}
.sec02 .outline p{
	width:100%;
	padding-top:10px;
}
.sec02 .pic{
	position:static;
	right:auto;
	top:auto;
	display:block;
	width:100%;
	margin-bottom:15px;
}
.sec02 .outline h3{
	width:100%;
	font-size:1.7rem;
	line-height:1.5;

}
.sec02 .txt {
    width: 100%;
}


/* +++++++++++++++++++menu++++++++++++++++++ */
.menu01{
	width:calc(100% - 3rem);
	margin:0 auto 2rem;
	padding:1.5rem;
}
.menu02{
	width:100%;
	margin:0 auto 2rem;
	padding:1.5rem;
}
.menu02.f-left{
	float:none;
	margin-right:0;
}
.menu02.f-right{
	float:none;
	margin-left:0;
}
.menu-outer{
	display:block;
}

.sec03 dl span{
	font-size:100%;
	padding:0 0.4em;
}
.price{
	font-weight:600;
	color:#f45164;
	text-align:right;
	font-size:100%;
}
.sec03 dl dd.f-left{
	font-size:1.3rem;
	padding:0.4em 0;
}

.sec03 .comment{
	font-size:1.3rem;
	line-height:1.5;
	padding-bottom:4rem;
}
.salon-info{
	width:100%;
	float:none;
	margin-bottom:2rem;
}
.sec04 .pic{
	width:100%;
	float:none;
}
.pack-info {
    width: 100%;
	float:none;
}
.sec03 .pic {
    width: 100%;
	float:none;
	padding-bottom:1em;
}
.sec03 table,.sec04 table{
	display:block;
	width:100%;
}
.sec03 th,.sec04 th{
	padding:1.2rem;
	font-weight:600;
	width:100%;
	display:block;
	border-bottom:none;
	padding-bottom:0;
}
.sec03 td,.sec04 td{
	padding:1.2rem;
	display:block;
	width:100%;
}
.sec03 h3,.sec04 h3{
	font-size:1.8rem;
	line-height:1.5;
	margin-bottom:10px;
}

#googlemap{
	height:300px;
	margin-top:4rem;
	margin-left:auto;
	margin-right:auto;
	width:calc(100% - 3rem);
}
.map-btn{
	width:90%;
	line-height:4.8rem;
	color:#fff;
	margin:2rem auto 6rem;
}
.map-btn:after{
	content:"";
	display:inline-block;
	margin-left:20px;
	border-left:10px solid #fff;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
}

.sec06 li{
	width:100%;	
}

/* +++++++++++++++++++++++++instagram++++++++++++++++++++++++ */
.instagram-gallery li{
	width:calc(50% - 1rem);
	float:left;
	margin-right:2rem;
	margin-bottom:2rem;
}
.instagram-gallery li:nth-of-type(2n){
	margin-right:0;
}
.instagram-gallery li:nth-of-type(2n+1){
	clear:left;
}

#instagram{
	//margin-bottom:6rem;
}

.map-btn{
	width:90%;
	line-height:4.8rem;
	color:#fff;
	margin:2rem auto 6rem;
}
.map-btn:after{
	content:"";
	display:inline-block;
	margin-left:20px;
	border-left:10px solid #fff;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
}


}