@charset "utf-8";

/*PC*/
@media print, screen and (min-width:641px){
	

	/* .contentArea1 .bigimageArea */

	.contentArea1 .bigimageArea{
		width:100%;
		height:100px;
	}
	
	
	
	/* .contentArea1 */
	.contentArea1{
		text-align:center;
		overflow:hidden;
	}
	/* .contentArea1 HAIR */
	.contentArea_box{
		height:auto;
	}
	.contentArea_box .bigimageArea{
		height:200px;
	}
	
	/* .contentArea1 .descriptionArea */
	.contentArea1 .descriptionArea{
		width:100%;
		margin:0px;
		padding:0px;
		border-bottom:1px solid #ccc;
	}
	
	/* .pagelinkNavArea */
	.pagelinkNavArea{
		position:fixed;
		top:40%;
		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:20px;
		height:50px;
		border:2px solid #bebebe;
		background-color:#fff;
		color:#999999;
				border-radius:10px; /* CSS3草案 */
		   -moz-border-radius:10px; /* Firefox用 */
		-webkit-border-radius:10px; /* 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: 50px;
		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;
	}
}

/*tablet*/
@media screen and (max-width:1000px) and (min-width:641px){
	
	/* .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;
	}
}

/*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;
	}
}