@charset "utf-8";

/*PC*/
@media print, screen and (min-width:641px){
	/* .contentArea0 */
	.contentArea0{
		position:relative;
		height:1158px;
		overflow:hidden;
	}
	/* .contentArea0 .bigimageArea */
	/* .contentArea1 .bigimageArea */
	.contentArea0 .bigimageArea,
	.contentArea1 .bigimageArea{
		position:relative;
		background-color:#f7f7f7;
		width:100%;
		height:100%;
	}
	.contentArea0 .bigimageArea > img,
	.contentArea1 .bigimageArea > img{
		position:absolute;
		left:50%;
		top:0;
		margin-left:-637px;
	}
	.contentArea0 .bigimageArea > img{
		margin-left:-637px;
	}
	.contentArea1 .bigimageArea > img{
		margin-left:-637px;
	}
	.contentArea_top .bigimageArea > img{
	}
	/* .contentArea0 .descriptionArea */
	.contentArea0 .descriptionArea{
		background-color:rgba(255,255,255,0.94);
		height:633px;
		text-align:center;
		position:absolute;
		width:100%;
		bottom:0;
	}
	.contentArea0 .descriptionArea:after{
		content:'';
		display:inline-block;
		height:100%;
		width:0;
		vertical-align:middle;
	}
	/* .contentArea0 .descriptionArea .descriptionAreaIn */
	.contentArea0 .descriptionArea .descriptionAreaIn{
		display:inline-block;
		vertical-align:middle;
		position: relative;
		top: -19px;
	}
	/* .contentArea0 .descriptionArea .descriptionAreaIn テキスト */
	.contentArea0 .descriptionArea .descriptionAreaIn .txt{
		color:#303030;
		font-size:28px;
		font-size:2.8rem;
		line-height:2.0;
		margin:0 0 50px;
	}
	/* .contentArea0 .descriptionArea .descriptionAreaIn リンク */
	.contentArea0 .descriptionArea .descriptionAreaIn .link{
		text-align:center;
		font-size:0;
	}
	.contentArea0 .descriptionArea .descriptionAreaIn .link > a{
		display:inline-block;
		margin:0 35px;
	}
	.contentArea0 .descriptionArea .descriptionAreaIn .link > a > p{
				border-radius:75px; /* CSS3草案 */
		   -moz-border-radius:75px; /* Firefox用 */
		-webkit-border-radius:75px; /* Safari,Google Chrome用 */
		border:2px solid #c8c8c8;
		width:150px;
		height:150px;
		background-color:#FFF;
		color:#c8c8c8;
	}
	.contentArea0 .descriptionArea .descriptionAreaIn .link > a > p:after{
		content:'';
		display:inline-block;
		height:100%;
		width:0;
		vertical-align:middle;
	}
	.contentArea0 .descriptionArea .descriptionAreaIn .link > a > p > span{
		display:inline-block;
		vertical-align:middle;
	}
	.contentArea0 .descriptionArea .descriptionAreaIn .link > a > p > span > span{
		display:block;
	}
	.contentArea0 .descriptionArea .descriptionAreaIn .link > a > p > span > span:nth-child(1){
		font-size:12px;
		font-size:1.2rem;
		line-height: 1.0;
	}
	.contentArea0 .descriptionArea .descriptionAreaIn .link > a > p > span > span:nth-child(2){
		font-size:20px;
		font-size:2.0rem;
		font-family:'Lato-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
		line-height: 1.4;
	}
	.contentArea0 .descriptionArea .descriptionAreaIn .link > a > div{
		width:18px;
		height:18px;
		border-bottom:1px solid #c8c8c8;
		border-right:1px solid #c8c8c8;
		display:inline-block;
		position: relative;
		top: 2px
	}
	
	/* .contentArea1 */
	.contentArea1{
		position:relative;
		text-align:center;
		overflow:hidden;
	}
	/* .contentArea1 HAIR */
	.contentArea_hair{
		height:1100px;
	}
	.contentArea_hair .bigimageArea{
		background-color:#f7f7f7;
	}
	.contentArea_hair .bigimageArea	> div{
		left:-300px;
	}
	.contentArea_hair .bigimageArea	> p{
		left:-300px;
	}
	/* .contentArea1 ESTE */
	.contentArea_este{
		height:1100px;
	}
	.contentArea_este .bigimageArea{
		background-color:#f9f9fa;
	}
	/* .contentArea1 NAIL */
	.contentArea_nail{
		height:1100px;
	}
	.contentArea_nail .bigimageArea{
		background-color:#edecf1;
	}
	/* .contentArea1 .bigimageArea */
	.contentArea1 .bigimageArea{
		overflow: hidden;
	}
	.contentArea1 .bigimageArea > div{
		width:39px;
		height:2px;
		margin:252px auto 35px;
		position:relative;
		background-color:#ff1890;
		z-index:5;
		left:-210px;
	}
	.contentArea1 .bigimageArea > p{
		position:relative;
		z-index:5;
		left:-210px;
	}
	.contentArea1 .bigimageArea > img{
	}
	/* .contentArea1 .descriptionArea */
	.contentArea1 .descriptionArea{
		background-color:rgba(255,255,255,0.94);
		position:absolute;
		width:100%;
		bottom:0;
		min-height:470px;
		padding:74px 0px 0px;
		font-size:0;
	}
	/* .contentArea1 .descriptionArea 画像 */
	.contentArea1 .descriptionArea .imgArea{
		display:inline-block;
		margin:0 30px;
		vertical-align:top;
		position: relative;
	}
	/* .contentArea1 .descriptionArea 文字 */
	.contentArea1 .descriptionArea .txtArea{
		display:inline-block;
		margin:0 30px;
		width:515px;
		vertical-align:top;
		text-align: left;
		position: relative;
	}
	/* .contentArea1 .descriptionArea 文字 タイトル */
	.contentArea1 .descriptionArea .txtArea > h1{
		font-size:24px;
		font-size:2.4rem;
		color:#303030;
		line-height: 1.7;
		font-weight: lighter;
		margin-top: -9px;
		margin-bottom: 26px;
		letter-spacing: 2px;
		letter-spacing: 0.2rem;
	}
	/* .contentArea1 .descriptionArea 文字 テキスト */
	.contentArea1 .descriptionArea .txtArea > p{
		font-size:14px;
		font-size:1.4rem;
		color:#303030;
		line-height: 2.1;
		margin-bottom: 28px;
		letter-spacing: 1.1px;
		letter-spacing: 0.11rem;
	}
	/* .contentArea1 .descriptionArea 文字 リンク */
	.contentArea1 .descriptionArea .txtArea > a{
	}
	
		/*  content8Area  */
	.content8Area {
		background-color:rgba(240,240,240,0.78);
		z-index:1;
		position:relative;
	}
		.content8Area section{
			width:982px;
			padding:50px 0 46px;
			margin:0 auto;
			overflow:hidden;
		}
			.content8Area section h1 {
				display:inline-block;
				font-family:'Lato-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
				font-size:24px;
				font-size:2.4rem;
				font-weight:normal;
				letter-spacing:0.14em;
				border-bottom:solid 2px #DF0101;
				margin-right:55px;
			}
			.content8Area section p {
				font-family:'NotoSansJP-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
				display:inline-block;
				letter-spacing:0.075em;
			}
			.content8Area section > a{
				float:right;
				margin-top: 14px;
			}
			.content8Area section ul {
				margin-top:30px;
				margin-left:-28px;
			}
				.content8Area section ul li {
					position:relative;
					margin-left:28px;
					float:left;
					-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);
					-moz-box-shadow:0 2px 3px rgba(0,0,0,0.1);
					-ms-box-shadow:0 2px 3px rgba(0,0,0,0.1);
					-o-box-shadow:0 2px 3px rgba(0,0,0,0.1);
					box-shadow:0 2px 3px rgba(0,0,0,0.1);
				}
					.content8Area section > ul li a {
						display:block;
						width:146px;
						height:202px;
						padding:14px 14px 0;
						text-align:right;
						color:#555;
						background-color:#fff;
						font-family:'Lato-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
					}
						.content8Area section > ul li a span:before {
							content:'';
							display:inline-block;
							width:10px;
							height:10px;
							margin-right:5px;
							background-image:url(../img/clock.svg);
							background-repeat:no-repeat;
							position:relative;
							top:1px;
						}
						.content8Area section > ul li a img {
							width:146px;
							height:146px;
						}
	
	/* .pagelinkNavArea */
	.pagelinkNavArea{
		position:fixed;
		top:50%;
		right:25px;
		margin:-80px 0px 0px;
		overflow:hidden;
	}
	.pagelinkNavArea .linkBtn{
		display:block;
		float:left;
		clear:both;
		min-height:34px;
		text-align:left;
		margin-bottom: 8px;
	}
	.pagelinkNavArea .linkBtn:last-child{
		margin-bottom: 0;
	}
	.pagelinkNavArea .linkBtn > span:nth-child(1){
		display:inline-block;
		width:30px;
		height:30px;
		border:2px solid #bebebe;
		background-color:#fff;
		color:#999999;
				border-radius:17px; /* CSS3草案 */
		   -moz-border-radius:17px; /* Firefox用 */
		-webkit-border-radius:17px; /* Safari,Google Chrome用 */
		font-family:'Lato-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
		font-size:12px;
		font-size:1.2rem;
		vertical-align:middle;
		text-align:center;
		line-height: 2.4;
		text-indent: -1px;
		text-indent: -0.1rem;
	}
	.pagelinkNavArea .linkBtn > span:nth-child(2){
		color:#545454;
		font-size:11px;
		font-size:1.1rem;
		vertical-align:middle;
		margin-left: 3px;
	}
	
		.bodyEx{
		padding:70px 0;
		background:#faf7f3;
	}
	.bodyEx h2{
		font-size:19px;
		color:#984723;
		letter-spacing:0.1em;
	}
	.bodyEx section > p {
		margin-top:8px;
		margin-bottom:30px;
	}
	.bodyEx article {
		width:306px;
		float:left;
		margin-right:32px;
	}
	.bodyEx article:last-child {
		margin-right:0;
	}
	.bodyEx article .exCourse {
		border:1px solid #99471C;
		background:#f9ebe4;
		font-size:12px;
	}
	.bodyEx article .exCourse p.courseImg {
		float:right;
		margin:20px 20px 0 0;
	}
	.bodyEx article .exCourse dl {
		position:relative;
		height:117px;
	}
	.bodyEx article .exCourse dt {
		margin-top:20px;
		padding:3px 5px;
		background:#984723;
		color:#FFF;
		text-align:center;
		width:112px;
		letter-spacing:0.2em;
	}
	.bodyEx article .exCourse dd {
		padding:0 20px 0;
	}
	.bodyEx article .exCourse .exCourseMenu {
		position:absolute;
		bottom:34px;
		font-size:13px;
		line-height:1.3;
	}
	.bodyEx article .exCourse .exCoursePrice{
		position:absolute;
		bottom:-15px;
		font-weight:normal;
		font-style:italic;
		font-family:'Lato-Light', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
		font-size:32px;
		color:#984723;
	}
	.bodyEx article .exCourse .exCoursePrice small{
		font-size:18px;
	}
	.bodyEx article .exCourse .exCourseTxt {
		clear:both;
		padding:12px 20px 18px;
	}
	.bodyEx article .exCourse { /zoom : 1; }
	.bodyEx article .exCourse:after{ content : ''; display : block; clear : both; height:0; }

}

/*tablet*/
@media screen and (max-width:1000px) and (min-width:641px){
	
	.bodyEx article{
		margin-bottom:20px;
	}
	/* .contentArea0 */
	.contentArea0 {
		height:1100px;
	}
	.contentArea0 > .bigimageArea{
		background-color:#fff;
	}
	.contentArea0 .bigimageArea > img{
		left:0;
		margin-left:-15%;
		width:130%;
		height:auto;
	}
	/* .contentArea0 .descriptionArea .descriptionAreaIn テキスト */
	.contentArea0 .descriptionArea .descriptionAreaIn .txt{
		margin:50px 0 50px;
	}
	/* .contentArea1 HAIR */
	.contentArea_hair{
		height:1170px;
	}
	/* .contentArea1 ESTE */
	.contentArea_este{
		height:1170px;
	}
	/* .contentArea1 NAIL */
	.contentArea_nail{
		height:1170px;
	}
	/* .contentArea1 .descriptionArea 画像 */
	.contentArea1 .descriptionArea .imgArea{
		margin-bottom:50px;
	}
	.contentArea_hair .bigimageArea	> div{
		left:-210px;
	}
	.contentArea_hair .bigimageArea	> p{
		left:-210px;
	}
	/* .contentArea1 .descriptionArea */
	.contentArea1 .descriptionArea{
		min-height:690px;
	}
	/*  content8Area  */
		.content8Area section{
			width:94%;
			position:relative;
		}
			.content8Area section h1 {
				float:left;
				margin-bottom:10px;
			}
			.content8Area section p {
				clear:both;
				float:left;
			}
			.content8Area section > a{
				position:absolute;
				right:0;
			}
			.content8Area section ul {
				clear:both;
				margin-top:100px;
				margin-left:0;
				display:-webkit-box;
				display:-webkit-flexbox;
				display:-webkit-flex;
				display:-moz-flexbox;
				display:-moz-flex;
				display:-moz-box;
				display:box;
				display:flexbox;
				display:flex;
				-webkit-justify-content:space-between;
				-moz-justify-content:space-between;
				justify-content:space-between;
			}
				.content8Area section ul li {
					margin-left:0;
				}
				.content8Area section ul li:last-child {
					display:none;
				}
					.content8Area section > ul li a {
						width:130px;
						//height:163px;
						height:180px;
						padding:9px 9px 0;
					}
						.content8Area section > ul li a img {
							width:130px;
							height:130px;
						}
}

/*smart*/
@media screen and (max-width:640px){
	/* .contentArea0 */
	.contentArea0{
	}
	/* .contentArea0 .bigimageArea */
	/* .contentArea1 .bigimageArea */
	.contentArea0 .bigimageArea,
	.contentArea1 .bigimageArea{
		margin-bottom:32px;
	}
	.contentArea0 .bigimageArea > img,
	.contentArea1 .bigimageArea > img{
		width:100%;
		margin-top:0!important;
	}
	.contentArea_top .bigimageArea > img{
	}
	/* .contentArea0 .descriptionArea */
	.contentArea0 .descriptionArea{
		height:auto!important;
	}
	.contentArea0 .descriptionArea:after{
	}
	/* .contentArea0 .descriptionArea .descriptionAreaIn */
	.contentArea0 .descriptionArea .descriptionAreaIn{
	}
	/* .contentArea0 .descriptionArea .descriptionAreaIn テキスト */
	.contentArea0 .descriptionArea .descriptionAreaIn .txt{
		color:#303030;
		font-size:2.8rem;
		margin-bottom:50px;
		text-align:center;
	}
	/* .contentArea0 .descriptionArea .descriptionAreaIn リンク */
	.contentArea0 .descriptionArea .descriptionAreaIn .link{
	}
	.contentArea0 .descriptionArea .descriptionAreaIn .link > a{
		visibility:visible!important;
		opacity:1!important;
	}
	.contentArea0 .descriptionArea .descriptionAreaIn .link > a > p{
	}
	.contentArea0 .descriptionArea .descriptionAreaIn .link > a > p:after{
	}
	.contentArea0 .descriptionArea .descriptionAreaIn .link > a > p > span{
	}
	.contentArea0 .descriptionArea .descriptionAreaIn .link > a > p > span > span{
	}
	.contentArea0 .descriptionArea .descriptionAreaIn .link > a > p > span > span:nth-child(1){
	}
	.contentArea0 .descriptionArea .descriptionAreaIn .link > a > p > span > span:nth-child(2){
	}
	.contentArea0 .descriptionArea .descriptionAreaIn .link > a > div{
	}
	
	/* .contentArea1 */
	.contentArea1{
	}
	/* .contentArea1 HAIR */
	.contentArea_hair{
	}
	.contentArea_hair .bigimageArea > p > img{
		width:20.31%;
	}
	/* .contentArea1 ESTE */
	.contentArea_este{
	}
	.contentArea_este .bigimageArea{
	}
	.contentArea_este .bigimageArea > p > img{
		width:20.31%;
	}
	/* .contentArea1 NAIL */
	.contentArea_nail{
	}
	.contentArea_nail .bigimageArea{
	}
	.contentArea_nail .bigimageArea > p > img{
		width:20.31%;
	}
	/* .contentArea1 .bigimageArea */
	.contentArea1 .bigimageArea{
	}
	.contentArea1 .bigimageArea > div{
		width:6.25%!important;
		height:1px;
		margin:35px auto 17px;
		background-color:#ff1890;
	}
	.contentArea1 .bigimageArea > p{
		margin-bottom:30px;
		opacity:1!important;
	}
	.contentArea1 .bigimageArea > p > img{
		margin:0 auto;
	}
	/* .contentArea1 .descriptionArea */
	.contentArea1 .descriptionArea{
		padding-bottom:0!important;
		padding-top:0!important;
	}
	/* .contentArea1 .descriptionArea 画像 */
	.contentArea1 .descriptionArea .imgArea{
		visibility:visible!important;
		opacity:1!important;
		right:0!important;
	}
	/* .contentArea1 .descriptionArea 文字 */
	.contentArea1 .descriptionArea .txtArea{
		visibility:visible!important;
		opacity:1!important;
		left:0!important;
	}
	/* .contentArea1 .descriptionArea 文字 タイトル */
	.contentArea1 .descriptionArea .txtArea > h1{
		font-size:3.6rem;
		color:#303030;
		font-weight: lighter;
		width:89%;
		text-align:left;
		margin:0 auto 30px;
	}
	/* .contentArea1 .descriptionArea 文字 テキスト */
	.contentArea1 .descriptionArea .txtArea > p{
		font-size:2.6rem;
		color:#303030;
		font-weight: lighter;
		width:89%;
		text-align:left;
		margin:0 auto 30px;
	}
	/* .contentArea1 .descriptionArea 文字 リンク */
	.contentArea1 .descriptionArea .txtArea > a{
		width:37.5%;
		margin:0 auto;
		display:block;
	}
	.bodyEx{
		padding:20px 0;
		background:#faf7f3;
		font-size:2rem;
	}
	.bodyEx .contentArea{
		width:auto;
		margin:5%;
		
	}
	.bodyEx h2{
		font-size:2.4rem;
		color:#984723;
		margin-bottom:1em;
		letter-spacing:0.1em;
	}
	.bodyEx section > p {
		margin-bottom:20px;
	}
	.bodyEx article {
		width:100%;
		float:none;
		margin-right:0;
		margin-bottom:2rem;
	}
	.bodyEx article:last-child {
		margin-right:0;
	}
	.bodyEx article .exCourse {
		border:1px solid #984723;
		background:#f9ebe4;
		font-size:2rem;
	}
	.bodyEx article .exCourse p.courseImg {
		float:right;
		margin:20px 20px 0 0;
	}
	.bodyEx article .exCourse dl {
		position:relative;
		height:117px;
	}
	.bodyEx article .exCourse dt {
		margin-top:20px;
		padding:3px 5px;
		background:#984723;
		color:#FFF;
		text-align:center;
		width:42%;
	}
	.bodyEx article .exCourse dd {
		padding:0 20px 0;
	}
	.bodyEx article .exCourse .exCourseMenu {
		position:absolute;
		bottom:34px;
		line-height:1.3;
	}
	.bodyEx article .exCourse .exCoursePrice{
		position:absolute;
		bottom:-15px;
		font-family:'Lato-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
		font-size:32px;
		color:#984723;
	}
	.bodyEx article .exCourse .exCoursePrice small{
		font-size:18px;
	}
	.bodyEx article .exCourse .exCourseTxt {
		clear:both;
		padding:5px 20px 20px;
	}
	.bodyEx article .exCourse,
	.bodyEx section { /zoom : 1; }
	.bodyEx article .exCourse:after,
	.bodyEx section:after{ content : ''; display : block; clear : both; height:0; }
	/*  content8Area  */
	.content8Area {
		background-color:rgba(240,240,240,0.78);
		z-index:1;
		position:relative;
	}
		.content8Area section{
			padding:12% 0 31.5%;
			overflow:hidden;
			position:relative;
		}
			.content8Area section h1 {
				display:inline-block;
				font-family:'Lato-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
				font-size:3.2rem;
				font-weight:normal;
				letter-spacing:0.14em;
				border-bottom:solid 2px #DF0101;
				margin:0 5.5% 7%;
			}
			.content8Area section p {
				font-family:'NotoSansJP-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
				display:block;
				font-size:2.4rem;
				letter-spacing:0.075em;
				margin:0 5.5%;
			}
			.content8Area section > a {
				position:absolute;
				bottom:7.5%;
				left:50%;
			}
			.content8Area section ul {
				margin-top:6%;
			}
				.content8Area section ul li {
					width:45%;
					height:40%;
					margin-bottom:4.3%;
					margin-left:3.333%;
					float:left;
					-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);
					-moz-box-shadow:0 2px 3px rgba(0,0,0,0.1);
					-ms-box-shadow:0 2px 3px rgba(0,0,0,0.1);
					-o-box-shadow:0 2px 3px rgba(0,0,0,0.1);
					box-shadow:0 2px 3px rgba(0,0,0,0.1);
				}
				.content8Area section ul li:last-child {
					display:none;
				}
					.content8Area section > ul li a {
						display:block;
						padding:5% 5% 7%;
						text-align:right;
						color:#555;
						font-size:1.6rem;
						text-align:center;
						background-color:#fff;
					}
						.content8Area section > ul li a span {
							display:inline-block;
							padding-left:8%;
							background-image:url(../img/clock.svg);
							background-repeat:no-repeat;
							background-position:0;
							background-size:15%;
						}
						.content8Area section > ul li a img {
							width:100%;
							margin-bottom:3px;
							height:auto;
						}
}