@charset "UTF-8";

/* -----------------------------------------------
FileName: mobile.css
----------------------------------------------- */

@media screen and (max-width: 640px) {

	html {
		-webkit-text-size-adjust: 100%;
	}

	.pc {display:none !important;}
	.sp {display:block !important;}

	form.changeSelect {
		display:block;
		text-align:right;
		margin:0 0 20px 0;
	}
	
	.container {
		padding:40px 0;
	}
	
	
	.container:first-child {
		padding:0 0 40px 0;
	}
	
	.recruit .outline.x2 .container:first-child {
		padding:40px 0 40px 0;
	}
	
	.salon .container:first-child {
		padding:0 0 10px 0;
	}
	
	.mypage .container:first-child {
		padding:80px 0 40px 0;
	}


	.contents {
		width:95%;
	
	}
	#mainCol{
		float:none;
		width:100%;
		margin:0 0 30px 0;
	}
	
	#mainCol2{
		float:none;
		width:100%;
		margin:0 0 30px 0;
	}
	
	#sideCol{
		float:none;
		width:100%;
	}
	
	#sideCol2{
		float:none;
		width:100%;
	}
	
	header #headNavi {
		display:none;
	}
	
	header #logo2 {
		display:block;
		vertical-align:middle;
		margin:0 0 0 0;
		text-align:center;
	}
	
	header #logo2 img {
		width:80px;
		height:auto;
	}
	header.is-fixed #logo2 img {
		width:80px;
		height:auto;
	}
		
	
	
	header #header {
		background-color: rgba(255,255,255,.9);
		width:100%;
		padding:10px 0 10px 0;
	
	}
	
	header.is-fixed #header {
		background-color: rgba(255,255,255,.9);
	
	}
	
	#header .searchBtn {
		display:block;
		position:absolute;
		top:18px;
		left:10px;
		font-size:2.5em;
		line-height:1em;
	}
	
	#footer {
		width:100%;
	}
	
	footer {
		padding:20px 0 70px 0;
	}
	
	footer .footBn {
		display:none;
		width:95%;
		margin:0 auto 10px auto;
	}
	
	footer .footBn li {
		display:block;
		margin:0 0 10px 0;
		width:48.5%;
	}
	
	footer .footBn li:nth-child(odd) {float:left;}
	footer .footBn li:nth-child(even) {float:right;}
	
	footer .footBn li img {
		width:100%;
		height:auto;
	}
	
	footer nav .footNavi li {
		display:inline-block;
		letter-spacing:0;
		font-size:.9em;
	}
	
	footer nav .footNavi li:not(:last-child):after {
		vertical-align:middle;
		padding:0 .5em ;
	}
	
	footer .snsIcon {
		position:static;
		text-align:center;
		margin: 0 0 1em 0;
	}
	
	footer .snsIcon li a {
		color:#fff;
		font-size:2.5em;
		text-align:center;
	}
	
	footer .snsIcon li {
		float:none;
		display:inline-block;
		margin:0 .5em;
		text-align:center;
	}

	nav#gNavi {
		width:auto;
		text-align:left;
		padding:0 ;
	}
	
	
	nav#gNavi ul {
		float:none;
		padding:1em 0 0 0;
	}
	
	nav#gNavi li {
		display:block;
	
	}
	
	#gNavi li:first-child {
		display:block;
	}
	
	nav#gNavi li span {
		display:inline !important;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:.8em;
	}
	
	nav#gNavi li span:before {
		content:"‐";
		padding:0 .3em;
		vertical-align:middle;
	}
	
	#gNavi li a {
		padding:.7em 1.2em;
		border-bottom:1px solid #fff;
		display:block;
	}
	
	#gNavi li:last-child a {
		border-bottom:none;
	}
	
	nav#gNavi li.reservBtn,
	header.is-fixed nav#gNavi li.reservBtn {
		display:none;
	}
	
	/*
	nav#gNavi li.reservBtn a {
		margin:30px 0 0 0;
		text-align:center;
	}
	*/
	
	nav#gNavi li.visitBtn {
		display:block;
	}
	
	nav#gNavi li.visitBtn a {
		display:block;
		padding:.8em 0;
		background:#1d9c72;
		color:#fff;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		font-size:1.1em;
		letter-spacing:.1em;
		margin:30px 0 0 0;
		text-align:center;
	}
	
	header #gNavi li ul {
		display:none;
	}
	
	header #gNavi li a {
		color:#fff !important;
	}
	
	header.is-fixed #gNavi {
		width:100%;
		margin:auto;
	}
	

	#pageTop{
		right:3%;
		width:30px;
		height:30px;
	}
	

	#panz {
		width:95%;
		font-size:.8em;
		letter-spacing:0;
		/* line-height:1em; */
		margin:55px auto 0 auto;
	}
	#panz ol {
		padding:0 0 15px 0;
	}

	
	#reservations {
		clear:both;
		display:block !important;
		position:fixed;
		bottom:0;
		z-index:500;
		width:100%;
		animation-duration: 0.5s;
		animation-name: fade-in;
		-moz-animation-duration: 0.5s;
		-moz-animation-name: fade-in;
		-webkit-animation-duration: 0.5s;
		-webkit-animation-name: fade-in;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;

	}
	
	#reservations.disp {
		display:block !important;
	}
	
	#reservations li {
		float:left;
		width:50%;
		display:block;
	}

	#reservations li.x3 {
		width:33.333333%;
	}
	
	#reservations a {
		display:block;
		font-family: "Sawarabi Mincho";
		font-size:15px;
		line-height:1em;
		padding:1.2em 1.3em;
		letter-spacing:.2em;
		width:100%;
		text-align:center;
		box-sizing:border-box;
		color:#fff;
	}
	
	#reservations li.x3 a{
		font-size:12px;
		padding:1.2em 0;
	}

	#reservations li.mypage a {
		background:#beb4a0;
	}
	
	#reservations li.tel a {
		background:#464646;
	}
	
	#reservations li.reserve a {
		background:#ff5a96;
	}
	
	#reservations a:hover {
		text-decoration:none;
		opacity:.9;
	}

	.moreBtn {
		width:100%;
	}
	
	.moreBtn a {
		width:80%;
	}
	
	.moreBtn.x2 {
		width:45%;
	}
	
	.moreBtn.x2 a {
		width:100%;
	}
	
	h2.title {
		font-size:26px;
	}
	
	
	#index-styling-slider .slider{
		 margin: 0 5px 0 5px;
		width: 180px!important;
	}
	
	
	.home #styleArea .slider a {
		display:table;
		width:180px;
		height:auto;
		color:#fff;
	}
	
	.home #styleArea dl {
		width:180px;
		height:240px;
	}
	
	.home #styleArea .slider img {
		width:180px;
		height:240px;
		object-fit: cover;
		object-position: 50% 0;
		font-family: 'object-fit: cover;';
	}
	
	#index-styling-slider .film_roll_prev,
	#index-styling-slider .film_roll_next{
		padding-top: 30px;
		width: 30px;
	}
	
	.home #slider-next3 a {
		width:30px;
		height:30px;
		margin:-30px 0 0 0;
	}
	
	.home #slider-prev3 a {
		width:30px;
		height:30px;
		margin:-30px 0 0 0;
	}
	
	.home #thumSlider #slider-next a {
		right:0;
	}
	
	.home #thumSlider #slider-prev a {
		left:0;
	}
	
	.home #thumSlider img {
		width:100%;
		height:auto;
	}
	
	.home #keyImg {
		width:100%;
		height:80vh;
		margin:0 0 0 0;
	}

	.home #thumSlider {
		margin:0 0 0 0;
	}

	.home #newsArea {
		margin:0 0 30px 0;
	}

	.home #newsArea a {
		display:block;
		width:100%;
		text-decoration:none;
		padding:0 0 0 0;
		float:none;
		margin:0 0 10px 0;
	}
	
	
	
	.home #newsArea a .newsL {
		width:100px;
	}
	
	.home #newsArea a dl {
		margin-left:115px;
		overflow:hidden;
		padding:.5em 0;
	}

	
	.home #newsArea a dl dd.note {
		display:none;
	}

	.home #newsArea a dl dd.title {
		font-size:.9em;
		line-height:1.8em;
	}

	.home #newsArea a .newsL img {
		width:100px;
		height:100px;
	}


	.home #slider-next2 a {
		width:30px;
		height:30px;
		margin:0 0 0 0;
		top:auto;
		bottom:160px;
	}
	
	.home #slider-prev2 a {
		width:30px;
		height:30px;
		margin:0 0 0 0;
		top:auto;
		bottom:160px;
	}
	
	#columnArea a:nth-child(1),
	#columnArea a:nth-child(2) {
		width:48.5%;
		margin:0 0 25px 0;
	}
	
	#columnArea a:nth-child(1) {float:left;}
	#columnArea a:nth-child(2) {float:right;}
	
	#columnArea a:nth-child(1) dt img,
	#columnArea a:nth-child(2) dt img {
		width:100%;
		height:130px;
		/* border:1px solid #efefef; */
		box-sizing:border-box;
		margin:0 0 10px 0;
	}
	
	#columnArea a:nth-child(1) dd.title,
	#columnArea a:nth-child(2) dd.title {
		font-weight:bold;
		font-size:1.05em;
	}
	
	#columnArea a dd.date .author {
		font-size:.9em;
	}
	
	
	#columnArea a:nth-child(n + 3) {
		clear:both;
		width:100%;
		float:none;
		margin:0 0 10px 0;
		padding:0 0 10px 0;
		border-bottom:1px dashed #8c786e;
	}
	
	#columnArea a:nth-child(3) {
		margin:0 0 10px 0;
	}
	
	#columnArea a:nth-child(n + 3) dt {
		float:left;
		width:26%;
	}
	#columnArea a:nth-child(n + 3) dt img {
		width:100%;
		height:90px;
		/* border:1px solid #efefef; */
		box-sizing:border-box;
	}
	
	#columnArea a:nth-child(n + 3) dd {
		float:right;
		width:70%;
	}
	
	#columnArea a:nth-child(n + 3) dd.date .author {
		margin:0 0 0 1.5em ;
		float:none;
		
	}
	#columnArea a:nth-child(n + 3) dd.title {
		font-weight:bold;
		font-size:1.05em;
		width:70%;
		
	
	}
	#columnArea a dd.date {
		line-height:1em;
		padding:.5em 0 .5em 0;
	}

	#columnArea a dd.title {
		line-height:1.5em;
	}
	
	#columnArea a:nth-child(n + 4) {
		width:100%;
		float:none;
		margin:0 0 10px 0;
		padding:0 0 10px 0;
		border-bottom:1px dashed #8c786e;
	}

	#columnArea a:nth-child(n + 4) dt img {
		width:100%;
		height:90px;
	}
	
	#columnArea a:nth-child(5),
	#columnArea a:nth-child(7) {
		margin:0 0 10px 0;
	}
	
	.home #contentsArea li {
		width:50%;
		float:left;
		margin:0 0 0 0;
	}
	
	.home #contentsArea li:nth-child(3n) {
		margin:0 0 0 0;
	}
	
	.home #contentsArea li img {
		width:100%;
		height:auto;
		box-sizing:border-box;
		border:2px solid #FBF8F0;
	}

	.home #contentsArea li:last-child {
		display:block;
	}

	.home #pressArea {
		margin:0 0 20px 0;
	}


	.home #pressArea dt img {
		width:100%;
		height:200px;
		object-fit: cover;
		font-family: 'object-fit: cover;';
		object-position: 50% 0;
	}

	
	.home #slider-prev4 a,
	.home #slider-next4 a {
		display:block;
	}
	
	.home .salonList {
		clear:both;
		margin:0 0 40px 0;
	}
	/*
	.home .salonList dl dt img {
		width:100%;
		height:130px;
	}
	*/
	
	.home #slider-next4 a {
		width:30px;
		height:30px;
		margin:-0 0 0 0;
		top:30%;
	}
	
	.home #slider-prev4 a {
		width:30px;
		height:30px;
		margin:-0 0 0 0;
		top:30%;
	}
	
	.salonList dl {
		float:none;
		margin:0 0 40px 0;
		width:100%;
	}
	
	.salonList dl:nth-child(4n) {
		margin:0 0 40px 0;
	}
	
	.salonList dl:last-child {
		margin:0 0 0 0;
	}
	
	.salonList dl dt img {
		width:100%;
		height:260px;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	
	.salon .salonList.fc dl {
		float:none;
		margin:0 0 20px 0;
		width:48.5%;
	}
	
	.salon .salonList.fc dl:nth-child(odd) {float:left;}
	.salon .salonList.fc dl:nth-child(even) {float:right;}
	
	.salon .salonList.fc dl:nth-child(4n) {
		margin:0 0 20px 0;
	}
	
	.salon .salonList.fc dl dt img {
		width:100%;
		height:130px;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	
	.salonList dl dd.name {
		line-height:1.3em;
	}
	.salonList dl dd.kana {
		line-height:1.5em;
	}
	
	/* .salon サロン情報 */
	
	.salon .salonHead .snsIcons {
		position:static;
		text-align:center;
		margin:0px 0 15px 0;
	}
	
	.salon #mainImg {
		margin:0 0 -30px 0;
		position:relative;
	}
	
	
	.salon #mainImg #keyslider img {
		width:100%;
		height:300px;
	}

	.salon #salonNavi {
		margin:0 0 20px 0;
		text-align:center;
	}
	
	.salon #salonNavi li {
		display:block;
		text-align:center;
		float:left;
		margin:0;
		width:25%;
	}
	
	.salon #salonNavi.x2 li {
		width:20%;
	}
	
	.salon #salonNavi li a {
		display:block;
		padding:45px 0 0 0;
		min-width:100%;
		width:100%;
		font-size:10px;
		box-sizing:border-box;
		margin:0 0 10px 0;
	}
	
	.salon #salonNavi.x2 li a {
		width:20%;
		margin:0 0 0 0;
		padding:40px 0 0 0;
	}
	
	.salon #salonNavi li.x1 a {background-size:45% !important;}
	.salon #salonNavi li.x2 a {background-size:50% !important;}
	.salon #salonNavi li.x3 a {background-size:40% !important; background-position:top 0 center !important;}
	.salon #salonNavi li.x4 a {background-size:50% !important; background-position:top 0 center !important;}
	.salon #salonNavi li.x5 a {background-size:50% !important;}
	.salon #salonNavi li.x6 a {background-size:45% !important;}
	.salon #salonNavi li.x7 a {background-size:45% !important;}
	
	
	.salon #salonNavi.x2 li.x1 a {background-size:50% !important;}
	.salon #salonNavi.x2 li.x2 a {background-size:55% !important;}
	.salon #salonNavi.x2 li.x3 a {background-size:45% !important; background-position:top 0 center !important;}
	.salon #salonNavi.x2 li.x4 a {background-size:50% !important; background-position:top 0 center !important;}
	.salon #salonNavi.x2 li.x5 a {background-size:50% !important;}
	.salon #salonNavi.x2 li.x6 a {background-size:50% !important;}
	.salon #salonNavi.x2 li.x7 a {background-size:50% !important;}
	
	.salon .salonImg {
		margin:0 0 40px 0;
	}
	
	.salon .salonImg li {
		float:left;
		margin:0 0 0 0;
		width:33.3333333%;
	}
	
	.salon .salonImg li img {
		width:100%;
		height:auto;
	}
	
	.salon #map_canvas {
		width:100%;
		height:250px;
		margin:0 0 15px 0;
	}

	.salon #salonInfo iframe {
		width:100%;
		height:250px;
	}
	
	.salon .container#salonInfo #accessInfo {
		background-color: rgba(255,255,255,0);
		position:static;
		padding:0 5% 0 5%;
		width:100%;
		height:auto;
		display:block;
		font-size:1.1em;
		margin:0 0 20px 0;
	}
	
	.salon .container#salonInfo #directions {
		position:static;
		text-align:center;
	}

	.salon .container#salonInfo #directions li {
		display:inline-block;
		text-align:center;
		width:48.5%
	}
	
	.salon .container#salonInfo #directions li a {
		display:block;
		padding:1em .5em;
		background-color: rgba(255,255,255,.85);
		border:1px solid #8c786e;
		line-height:1em;
		width:100%;
		text-decoration:none;
		box-sizing:border-box;
		font-size:.9em;
	}

	/* .menu メニュー */
	
	.menu #menuArea {
		clear:both;
		position:relative;
		margin:0 auto 0 auto;
		width:95%;
	}
	
	.menu .tax {
		text-align:left;
		margin:0 0 3em 0;
		padding:0 2.5%;
	}
	
	.menu #menuArea .menuBox {
		width:100%;
		margin:0 0 40px 0;	
	}

	.menu #menuArea .menuBox td.price {
		white-space:nowrap;
	}
	
	.staffList dl {
		float:none;
		width:48.5%;
		margin:0 0 30px 0;
	}
	

	
	.staffList dl:nth-child(5n) {
		margin:0 0 30px 0 ;
	}
	
	.staff .staffList dl {
		float:none;
		width:48.5%;
		margin:0 0 30px 0;
	}
	
	.staff .staffList dl:nth-child(5n) {
		margin:0 0 30px 0 ;
	}
	
	.staff .staffList dl:nth-child(4n) {
		margin:0 0 30px 0 ;
	}
	
	.staffList dl:nth-child(odd) {float:left;}
	.staffList dl:nth-child(even) {float:right;}


	.staffList dl dt img {
		width:100%;
		height:200px;
		object-position: 50% 0;
	}
	
	.staff .staffList dl dt img {
		width:100%;
		height:200px;
		object-position: 50% 0;
	}

	
	.staffList.stylist dl {
		float:none !important;
		width:100%;
		margin:0 0 20px 0;
		padding:0 0 10px 0;
		position:relative;
		border-bottom:1px dashed #ccc;
	}
	
	.staffList.stylist dl:nth-child(5n) {
		margin:0 0 20px 0 ;
	}
	
	.staffList.stylist dl dt {
		float:left;
		width:40%;
	}
	
	.staffList.stylist dl dt img {
		width:100%;
		height:auto;
	}
	
	.staffList.stylist dl dd {
		float:right;
		width:57%;
	}
	
	.staffList dl dd.reserveBtn {
		margin:10px 0 0 0;
	}
	
	.staffList dl dd.name {
		font-size:1.3em;
		letter-spacing:.1em;
		margin:0 0 .5em 0;
		
	}
	
	.staffList dl dd.rank {
		line-height:1.5em;
		font-size:.8em;
		letter-spacing:0;
	}
	
	/* クーポン */
	
	.salon #menuNavi {
		padding:0 0 20px 0;
	}
	
	.salon #menuNavi li {
		width:100%;
		margin: 0 0 15px 0;
	}
	
	.salon #menuNavi li:nth-child(odd) {float:none;}
	.salon #menuNavi li:nth-child(even) {float:none;}
	
	.salon #couponArea .couponBox {
		width:100%;
		padding:15px 10px;
		border:1px solid #8c786e;
		margin:0 0 30px 0;
	}
	
	.salon #couponArea .couponBox:nth-child(odd){float:none;}
	.salon #couponArea .couponBox:nth-child(even){float:none;}
	
	.salon #couponArea .couponBox .couponR.x2 {
		float:right;
		width:68%;
	}

	.salon.coupon #couponArea .couponBox .couponR.x2 {
		float:right;
		width:68%;
	}
	
	
	.salon #couponArea .couponBox .couponL {
		float:left;
		width:30%;
	}
	
	.salon #couponArea .couponBox .pricer li {
		font-size:1.1em;
	}
	
	.salon #couponArea .couponBox .pricer li.discount {
		font-size:1.5em;
	}
	
	.salon #couponArea .couponBox .type {
		display:block;
		width:100%;
		text-align:center;
		box-sizing:border-box;
		padding:1em 1.5em;
	}
	
	.salon #couponArea .couponBox .reservBtn a {
		padding:1em 0;
	}
	
	/* review 口コミ */
	
	
	.reviewBox {
		padding:15px;
	}
	
	.reviewBox article dt {
		margin:0 0 .5em 0;
	}
	
	#comment-top {
		padding: 15px;
	}
	
	/*　.staff スタッフ */
	
	.staff #staffDetail {
		clear:both;
		width:100%;
		margin:0 auto 0 auto;
		
		
	}
	
	.staff #staffDetail #detailL {
		float:none;
		width:85%;
		margin:0 auto 30px auto;
	}
	
	.staff #detailR {
		float:none;
		width:100%;
		display:block;
		height:auto;
		
	}
	
	.staff #staffInfo {
		display:block;
		height:auto;
		
	}
	
	.staff #mainImg {
		text-align:center;
	}
	
	.staff #mainImg img {
		width: 100%;
		height:auto;
		object-fit: fill;
		object-position: 50% 0;
		font-family: 'object-fit: fill;';
	}
	
	.staff #staffInfo {
		clear:both;
		margin:0 auto 30px auto;
		width:100%;
		
	}
	

	
	.staff #staffInfo #staffL dt {
		margin:0 0 .8em 0;
		font-size:24px;
	}
	
	.staff #staffInfo #staffL dd.name {
		font-size:1.8em;
		padding:.8em 0 0 0;
		display:inline-block;
	}
	
	.staff #staffInfo #staffL dd.rank {
		font-size:1.2em;
		display:inline-block;
		margin:0 0 0 1em;
	}
	
	.staff #linkBtn {
		margin:0 0 20px 0;
	}
	
	.staff #linkBtn li {
		display:block;
		margin:0  0 10px 0;
		width:100%;
	}
	
	.staff #linkBtn li.reserve {
		width:100%;
	}
	
	.staff #linkBtn li.style {
		width:49%;
		float:left;
	}
	
	.staff #linkBtn li.review {
		width:49%;
		float:right;
	}
	
	
	.staff #linkBtn a {
		width:100%;
	}
	
	.staff #linkBtn li span {
		display:none;
	}
	
	.staff #linkBtn li span.x2 {
		display:inline;
	}
	
	.staff #staffData {
		width:100%;
	}
	
	.staff #staffData table tr {
		width:100%;
		display: block;
		list-style: none;
	}
	
	.staff #staffData table th,
	.staff #staffData table td {
		width:100%;
		display: list-item;
		padding:10px 3%; 
		border:none;
		box-sizing:border-box;
		text-align:left;
	}
	
	.staff #staffData table th {
		background:#fbf8f0;
	}
	.staff #staffData table th.x2 {
		border:none;
	}
	
	#datepicker {
		padding:0 0 0px 0;
		height:auto;
		width:100%;
		clear:both;
		box-sizing:border-box;
	}
	
	
	#datepicker .ui-datepicker {
		clear:both;
		width:100% !important;
		background:#fff;
		box-sizing:border-box;
		padding:0 !important;
	}
	
	
	
	.ui-datepicker table {
		width:100%;	
		margin:auto;
		border-collapse: collapse;
	}
	
	
	.ui-datepicker thead th {
		padding:7px 5px;
		text-align:center;
		font-size:16px;
		font-weight:normal;
		border-bottom:1px solid #e6e6e6;
	}
	
	
	.ui-datepicker tbody td {
		padding:15px 5px;
		text-align:center;
		font-size:18px;
		border-bottom:1px solid #e6e6e6;
		
	}
		
		
	.ui-datepicker .holiday .ui-state-default{
		color: #fff;
		padding:.25em;
		font-weight:normal;
		background:#ff3269;
		border-radius: 50%;
		-moz-border-image: border-radius: 50%;
		-webkit-border-image: border-radius: 50%;
		width:1.5em;
		height:1.5em;
		display:inline-block;
		line-height:1.5em;
	}
	
	.ui-datepicker tbody td.holiday {
		padding:0px 0px !important;
		
	}

	.ui-datepicker .ui-datepicker-prev {left:2%;}
	.ui-datepicker .ui-datepicker-next {right:7%;}
	
	.ui-datepicker thead th:nth-child(1){color:#ff4b6e;}
	.ui-datepicker thead th:nth-child(7){color:#41b9b9;}
	.ui-datepicker tbody td.saturday {color:#41b9b9;}
	.ui-datepicker tbody td.sunday {color:#ff4b6e;}
	
	.ui-datepicker .photo .ui-state-default{
		color: #fff;
		padding:.25em;
		font-weight:normal;
		background:#5b93e6;
		border-radius: 50%;
		-moz-border-image: border-radius: 50%;
		-webkit-border-image: border-radius: 50%;
		width:1.5em;
		height:1.5em;
		display:inline-block;
		line-height:1.5em;
	}
	
	.ui-datepicker .ui-datepicker-group tbody td.photo {
		padding:0px 0px !important;
		
	}
	
	.ui-datepicker .seminar .ui-state-default{
		color: #fff;
		padding:.25em;
		font-weight:normal;
		background:#ffd351;
		border-radius: 50%;
		-moz-border-image: border-radius: 50%;
		-webkit-border-image: border-radius: 50%;
		width:1.5em;
		height:1.5em;
		display:inline-block;
		line-height:1.5em;
	}
	
	.ui-datepicker .ui-datepicker-group tbody td.seminar {
		padding:0px 0px !important;
		
	}
	
	#calendarNote {
		clear:both;
		padding:1em 0 0 .5em;
	}
	
	.staff #salonWorks li {
		width:33.33333%;
		float:left;
		margin:0 0 0 0;
		box-sizing:border-box;
		padding:1px 1px;
	}
	
	.staff #salonWorks li img {
		width:100%;
		height:180px;
	}
	
	.staff #salonWorks li:nth-child(6) {
		margin:0 0 0 0;
		display:block;
	}


	#instaArea a {
		width:33.333333%;
		margin:0 0px 0 0;
	
	}
	
	#instaArea a:nth-child(6) {
		display:block;
	}
	
	#instaArea a img {
		width:100%;
		height:110px;
		object-position: 50% 0;
	}
	
	#instaArea p {
		width: 33.333333%;
		height: 110px;
		padding:0% 0 0 0;
		box-sizing:border-box;
		font-size:.8em;
	}

	.staff #staffData .ans {
		padding:15px 0 0 0;
	}
	
	.staff #staffData #profBtn {
		font-size:1.3em;
	}
	
	.staff #staffData #profBtn:after {
		content:"\f105";
		font-family: FontAwesome;
		font-size:1.4em;
		margin:0 0 0 .3em;
		vertical-align:text-top;
	}
	.staff #staffData #profBtn.selected:after {
		content:"\f107";

	}
	
	
	/* .style ヘアカタログ */
	
	.style #styleList {
		margin:0 0 30px 0;
		position:relative;
	}
	
	.style #styleList #sort {
		position:static;
		top:0px;
		right:0;
		text-align:right;
		margin:-20px 0 20px 0;
	}
	
	.style #styleList dl {
		width:48.5%;
		float:none;
		margin:0 0 30px 0;
		position:relative;
		
	}
	
	.style #styleList dl:nth-child(odd) {float:left;}
	.style #styleList dl:nth-child(even) {float:right;}
	
	.style #styleList dl:nth-child(3n) {
		margin:0 0 30px 0;
	}
	
	
	.style #styleList dt {
		margin:0 0 15px 0;
		position:relative;
	}
	
	.style #styleList dt img {
		width:100%;
		height:230px;
		object-fit: cover;
		object-position: 50% 0;
		font-family: 'object-fit: cover;';
	}
	
	.style #styleList dd.author span {
		margin:0 0 0em 0;
		display:block;
		font-size:.8em;
		letter-spacing:0;
		
	}
	
	.style.ranking #ranking1 {
		padding:10px;
	}
	
	.style.ranking #ranking1 #rankL {
		float:none;
		width:100%;
		position:relative;
	}
	
	.style.ranking #ranking1 #rankL .ranking {
		top:-.5em;
		font-size:40px;
	}
	
	.style.ranking #ranking1 #rankL img {
		width:100%;
		height:auto;
		object-fit: cover;
		object-position: 50% 0;
		font-family: 'object-fit: cover;';
	}
	
	.style.ranking #ranking1 #rankR {
		width:100%;
		float:none;
	}
	
	.style.ranking #styleList article.x1 dl {
		width:100%;
		float:none;
		margin:0 0 20px 0;
	}
	
	.style.ranking #styleList article.x1 dl:nth-child(odd) {float:none;}
	.style.ranking #styleList article.x1 dl:nth-child(even) {float:none;}
	
	
	.style.ranking #styleList article.x1 dt {
		float:left;
		width:43%;
	}
	
	.style.ranking #styleList article.x1 dd.title,
	.style.ranking #styleList article.x1 dd.salon,
	.style.ranking #styleList article.x1 dd.author {
		float:right;
		width:53%;
	}
	
	.style.ranking #styleList article.x1 dd.title {
		padding:1em 0 0 0;
	}
	
	.style.ranking #styleList article.x1 dt img {
		width:100%;
		height:200px;
		object-fit: cover;
		object-position: 50% 0;
		font-family: 'object-fit: cover;';
	}
	
	.style.ranking #styleList article.x1 dd.ranking.num2,
	.style.ranking #styleList article.x1 dd.ranking.num3,
	.style.ranking #styleList article.x1 dd.ranking.num4 {
		top:-1em;
		left:0;
		right:auto;
	}

	.style.ranking #styleList article.x2 dl {
		width:48.5%;
		float:none;
		margin:0 0 30px 0;
		position:relative;
		
	}
	
	.style.ranking #styleList article.x2 dl:nth-child(odd) {float:left;}
	.style.ranking #styleList article.x2 dl:nth-child(even) {float:right;}
	
	.style.ranking #styleList article.x2 dl:nth-child(3n) {
		margin:0 0 30px 0;;
	}
	
	
	.style.ranking #styleList article.x2 dl:nth-child(4n) {
		margin:0 0 30px 0;
	}
	
	
	
	.style.ranking #styleList article.x2 dt img {
		width:100%;
		height:230px;
		object-fit: cover;
		object-position: 50% 0;
		font-family: 'object-fit: cover;';
	}
	
	
	.authorBox dl {
		float:right;
		width:70%;
	}
	
	.authorBox dl dt {
		letter-spacing:0;
		font-size:.9em;
	}
	
	.authorBox dl dd.name {
		font-size:1.4em;
	}
	
	.authorBox dl dd.name span {
		font-size:12px;
		
	}
	
	.authorBox .authorL img {
		width:100%;
		height:auto;
		/*
		border-radius: 0%;
		-moz-border-image: border-radius: 0%;
		-webkit-border-image: border-radius: 0%;
		*/
	}
	
	.authorBox.x2 .authorL {
		width:25%;
	}
		
	.authorBox.x2 dl {
		float:right;
		width:70%;
	}
	
	.authorBox.x2 ul.linkBtn {
		clear:both;
		float:none;
		width:100%;
		padding:15px 0 0 0;
	}
	
	.authorBox.x2 ul.linkBtn li {
		display:block;
		margin:0 0 10px 0;
		width:49%
	}
	
	.authorBox.x2 ul.linkBtn li:nth-child(odd) {float:left;}
	.authorBox.x2 ul.linkBtn li:nth-child(even) {float:right;}
	
	.authorBox.x2 ul.linkBtn li:nth-child(3) {
		clear:both;
		width:100%;
		float:none;
	}
	
	.authorBox.x2 ul.linkBtn li span {
		display:none;
	}
	
	.authorBox dl dd.name span.tel {
		display:block;
		margin: .3em 0 0 0;
	}
	
	.style #otherStyle li {
		float:left;
		width:33.33333%;
		margin:0 0 0 0;
		box-sizing:border-box;
		padding:1px 1px;
	}
	
	.style #otherStyle li:nth-child(5) {
		margin:0 0 0 0;
	}
	
	
	.style #otherStyle li:nth-child(6) {
		display:block;
		margin:0 0 0 0;
	}
	
	.style #otherStyle li img {
			width:100%;
			height:180px;
		}





	/* #styleDatail スタイル詳細 */
	.style #styleDatail {
		margin:0 0 0 0;
	}
	
	.style #styleDatail #styleL {
		float:none;
		width:100%;
		margin:0 0 20px 0;
	}
	
	.style #styleDatail #styleR {
		float:none;
		width:100%;
	}
	
	.style #styleDatail #styleL #slider li {
		width:100%;
		height:auto;
		padding:0 0 10px 0;
	}
	
	.style #styleDatail #styleL #slider li img {
		width:100%;
		height:500px;
	}
	
	.style #styleDatail #styleL #bx-pager li {
		width:33.33333%;
		margin:0 0 0 0;
		height:auto;
	}
	
	.style #styleDatail #styleL #bx-pager li img {
		box-sizing:border-box;
		border:1px solid #fff;
		width:100%;
		height:150px;
	}
	
	.style #styleDatail #styleR #styleData table tr {
		width:100%;
		display: block;
		list-style: none;
	}
	
	.style #styleDatail #styleR #styleData table td {
		width:100%;
		display: list-item;
		padding:5px 0; 
		border:none;
		box-sizing:border-box;
		text-align:left;
	}
	
	.style #styleDatail #styleR #styleData table th {
		font-size:.9em;
		width:100%;
		display: list-item;
		padding:0 0; 
		border:none;
		box-sizing:border-box;
		text-align:left;
	}
	
	.style #styleDatail #styleR #styleData li {
		width:33.33333%;
		margin:0;
		border:1px solid #fff;
	}
	
	.style #styleDatail #styleR #styleData ul.type {
		display:block;
		vertical-align:middle;
	}
	
	.style #styleDatail #styleR #styleData ul.type li {
		width:20%;
		margin:0;
		border:1px solid #fff;
	}
	
	.style #styleDatail #styleR #styleData dd:last-child {
		border:none;
	}

		
	.style #planBtn li {
		width:100%;
		text-align:center;
	}
	
	.style #planBtn li.new {float:none; margin:0 0 15px 0;}
	.style #planBtn li.repeat {float:none;}


	/* .movie ムービー */
	
	.movie #movieArea {
		margin:0 0 40px 0;
	}
	
	.movie #movieArea dl {
		width:100%;
		margin:0 0 25px 0;
	}
	
	.movie #movieArea dl:nth-child(odd) {float:none;}
	.movie #movieArea dl:nth-child(even) {float:none;}
	
	.movie #movieArea dl iframe {
		width:100% !important;
		height:auto !important;
	}


	/* .lilou リル */
	
	.lilou #lilouList a {
		display:block;
		width:100%;
		float:none;
		margin:0 0 15px 0;
		padding:0 0 15px 0
		text-decoration:none;
		border-bottom:1px dashed #8c786e;
	}
	
	.lilou #lilouList a:nth-child(3n) {
		margin: 0 0 15px 0;
	}
	
	.lilou #lilouList dt {
		float:left;
		width:30%;
	}
	
	.lilou #lilouList dd {
		float:right;
		width:68%;
	}
	
	.lilou #lilouList dt img {
		width:100%;
		height:auto;
	}
	
	/* .award アワード */
	
	.award #awardList a {
		display:block;
		width:100%;
		float:none;
		margin:0 0 30px 0;
		text-decoration:none;
	}
	
	.award #awardList dt img {
		width:100%;
		height:auto;
	}
	
	/* .press プレス */
	
	.press #pressList .message {
		display:none;
	}
	
	.press #pressList dl {
		display:block;
		width:48.5%;
		float:none;
		margin:0 0 30px 0;
		text-decoration:none;
	}

	.press #pressList dl:nth-child(odd) {float:left;}
	.press #pressList dl:nth-child(even) {float:right;}
	
	.press #pressList dt img {
		width:100%;
		height:220px;
	}
	
	/* .recruit 採用情報 */
	
	.recruit #keyImg {
		margin:0 0 20px 0;
	}
	
	.recruit #photoArea {
		padding:20px 0 50px 0;
	}
	
	.recruit #photoArea li {
		width:50%;
		float:left;
	}

	.recruit #voiceArea .voiceBox:last-child {
		clear:both;
		margin:0 0 0 0;
	}


	.recruit .voiceBox .voicePict {
		width:100%;
	}
	
	.recruit .voiceBox .voicePict img {
		width:100%;
		height:auto;
	}
	
	.recruit .voiceBox .voicePict { display:none}
	
	.recruit .voiceBox .voiceTxt {
		width:100%;
		position:relative;
	}
	.recruit .voiceBox .voiceTxt {float:none;}
	


	.recruit .voiceBox dl {
		border:none;
		margin:0 0 2em 0;
		padding:0 0 0 0;
	}
	
	.recruit .voiceBox dt {
		font-size:2em;
		margin:0 .3em 0 0;
		letter-spacing:.15em;
		display:inline-block;
	}
	
	.recruit .voiceBox dd.rank {
		font-size:1.1em;
		display:inline-block;
		
	}
	
	.recruit .voiceBox dd.photo {
		display:block;
		border-top:1px solid #beb4a0;
		margin: 1em 0 0 0;
		padding:1.5em 0 0 0;
	}
	
	.recruit .voiceBox dd.photo img {
		width:100%;
		height:auto;
	}
	
	.recruit .voiceBox .messageBtn {
		font-size:1.3em;
	}
	
	.recruit .voiceBox .messageBtn:after {
		content:"\f105";
		font-family: FontAwesome;
		font-size:1.4em;
		margin:0 0 0 .3em;
		vertical-align:text-top;
	}
	.recruit .voiceBox .messageBtn.selected:after {
		content:"\f107";

	}
	
	.recruit .voiceBox .ans {
		padding:15px 0 0 0;
	}
	
	.recruit .voiceBox p {
		margin:0 0 1em 0;
		padding:0 0 1em 0;
		border-bottom: 1px dotted #beb4a0;
	}
	
	.recruit .voiceBox p:last-child {
		border:none;
	}

	.recruit .outlineArea img.flowImg {
		width:100%;
		height:auto;
		margin:0 0 20px 0;
	}
	
	.recruit .outlineArea .mainPict img {
		width:100%;
		height:auto;
	}

	
	.outlineArea table tr {
		width:100%;
		display: block;
		list-style: none;
	}
	
	.outlineArea table th,
	.outlineArea table td {
		width:100%;
		display: list-item;
		padding:10px 3%; 
		border:none;
		box-sizing:border-box;
		text-align:left;
	}
	
	.outlineArea table th {
		background:#fbf8f0;
	}
	
	.container.x2 .outlineArea table th {
		background:#fff;
	}
	
	.outlineArea h3 {
		font-size:1.25em;
		line-height:1.8em;
	}
	
	
	.outlineArea table.alt {
		margin:0 0 20px 0;
	}
	.outlineArea table.alt tr {
		width:100%;
		display:table;
		list-style: none;
	}
	
	.outlineArea table.alt td {
		display:table-cell !important;
		width:80% !important;
		text-align:left !important;
		vertical-align:top !important;
		padding:.3em 0 !important;
		box-sizing:border-box !important;
	}
	
	.outlineArea table.alt th {
		display:table-cell !important;
		width:20% !important;
		padding:0 0 !important; 
		border:none !important;
		box-sizing:border-box !important;
		text-align:left !important;
		background:none !important;
		text-align:left !important;
		vertical-align:top !important;
		padding:.3em 0 !important;
	}

	
	/* .mypage マイページ */
	.mypage .loginBox {
		width:100%;
		padding:15px;
	}
	
	.mypage .loginBox:nth-child(odd) {float:none; margin:0 0 20px 0;}
	.mypage .loginBox:nth-child(even) {float:none;}
	
	.mypage .loginBox #formArea {
		width:100%;
		margin:0 auto 0 auto;
	}
	
	.mypage .loginBox #formArea table tr {
		width:100%;
		display: block;
		list-style: none;
	}
	
	.mypage .loginBox #formArea table td {
		width:100%;
		display: list-item;
		padding:10px 3% 15px 3% ; 
		border:none;
		box-sizing:border-box;
		text-align:left;
	}
	
	.mypage .loginBox #formArea table th {
		background:#fbf8f0;
		width:100%;
		display: list-item;
		padding:10px 3%; 
		border:none;
		box-sizing:border-box;
		text-align:left;
	}
	
	.mypage input.input-large {width:100% !important; box-sizing:border-box; margin:0 0 5px 0;}
	
	.mypage button.button2,
	.mypage a.button2 {
		font-size:1em !important;
	}
	
	.mypage #salonSelect {
		width:100%;
		margin:0 auto 0 auto;
	}
	
	.mypage #salonSelect .salonBox dl {
		float:none;
		margin:0 0 10px 0;
	}
	
	
	.mypage #salonSelect .salonBox form {
		float:none;
		text-align:right;
	}
	
	.mypage  h3.loginAs {
		font-size:1.3em;
		margin:0 0 .5em 0;
		padding:0 0 .5em 0;
	}
	
	.mypage #mySalon {
		padding:15px;
	}
	
	.mypage #mySalon dl dd.reserveBtn a {
		display:block;
		padding:.75em 0em;
		width:100%;
	}
	
	.mypage #myStyle a {
		display:block;
		width:49%;
		float:left;
		margin:0 0 20px 0;
		text-decoration:none;
	}
	
	.mypage #myStyle a:nth-child(odd) {float:left;}
	.mypage #myStyle a:nth-child(even) {float:right;}
	
	.mypage #myStyle dt img {
		width:100%;
		height:220px;
		object-fit: cover;
		object-position: 50% 0;
		font-family: 'object-fit: cover;';
	}
	
	.mypage .widget h3 {
		font-family: 'Playfair Display', serif;
	}
	
	.mypage #memberBox table {
		margin:15px 0 0 0;
	}
	
	.mypage #memberBox table tr {
		width:100%;
		display: block;
		list-style: none;
	}
	
	.mypage #memberBox table td {
		width:100%;
		display: list-item;
		padding:10px 3% 15px 3% ; 
		border:none;
		box-sizing:border-box;
		text-align:left;
	}
	
	.mypage #memberBox table th {
		background:#fbf8f0;
		width:100%;
		display: list-item;
		padding:10px 3%; 
		border:none;
		box-sizing:border-box;
		text-align:left;
	}
	
	
	.mypage .text-left.buttons {
		text-align:center;
		margin:20px 0 0 0;
	}
	
	.mypage #messagesBox nav li a {
		font-size:1.1em;
	}
	
	.mypage #messageList {
		padding:20px 15px;
	}
	
	.mypage #messagesDetail {
		padding:20px 15px;
	}
	
	.mypage .nextArea .nextBox {
		padding:15px;
	}
	
	.mypage #mypageMunu ul {
		border-top:1px solid #beb4a0;
	}
	
	.mypage #mypageMunu li {
		padding:0 0 0 .5em;
	}
	
	.mypage .bnList img {
		width:100%;
		height:auto;
	}
	
	/* .collection コレクション */
	
	
	.collection header {
		padding:15px 0;
		text-align:center;
		
	}
	
	.collection header dl#logo dt img {
		width:120px;
		height:auto;
	}
	
	.collection .container:first-child {
		padding:40px 0 40px 0;
	}
	
	
	.collection #collectionList dl dt img {
		width:100%;
		height:auto;
	}


	.collection #collectionList .achives dl {
		width:100%;
	}
	
	.collection #collectionList .achives dl:nth-child(odd) {float:none;}
	.collection #collectionList .achives dl:nth-child(even) {float:none;}
	
	
	.collection #photoList {
		width:100%;
		margin:auto;
	}
	
	.collection #photoList li{
		padding:2px;
	}
	
	.collection .container.detail:first-child {
		background-color: rgba(0,0,0,.0);
	}
	
	.collection #photoList.x2 li:nth-child(6n) {width:47%;}
	.collection #photoList.x2 li:nth-child(3n) {width:75%;}
	.collection #photoList.x2 li:nth-child(3n) {margin:0 4% 0 4%; }
	
	.collection #photoList.x2 li iframe {
		width:100%;
		height:auto;
	}
	
	/* .faq FAQ */
	#faqArea {
		width:100%;
		margin:auto;
	}
	
	#faqArea h3 {
		font-size:1.25em;
		padding:0 0 .5em 0;
	}
	
	
	/* WP系 */
	
	#wpList a:nth-child(1),
	#wpList a:nth-child(2) {
		width:48.5%;
		margin:0 0 25px 0;
		
	}
	
	#wpList a:nth-child(1) {float:left;}
	#wpList a:nth-child(2) {float:right;}
	
	#wpList a:nth-child(1) dt,
	#wpList a:nth-child(2) dt {
		width:100%;
		float:none;
		margin:0 0 0 0;
	}
	
	#wpList a:nth-child(1) dd,
	#wpList a:nth-child(2) dd {
		width:100%;
		float:none;
	}
	
	#wpList a:nth-child(1) dt img,
	#wpList a:nth-child(2) dt img {
		width:100%;
		height:130px;
		/* border:1px solid #efefef; */
		box-sizing:border-box;
		margin:0 0 10px 0;
	}
	
	#wpList a:nth-child(1) dd.title,
	#wpList a:nth-child(2) dd.title {
		font-weight:bold;
		font-size:1.05em;
	}
	
	#wpList a dd.date .author {
		font-size:.9em;
	}
	
	
	
	#wpList a:nth-child(n + 3) {
		clear:both;
		width:100%;
		margin:0 0 15px 0;
		padding:0 0 5px 0;
		border-bottom:1px dotted #8c786e;
	}
	
	#wpList a:nth-child(n + 3):nth-child(odd) {float:none;}
	#wpList a:nth-child(n + 3):nth-child(even) {float:none;}
	
	#wpList a:nth-child(n + 3) dt img {
		width:100%;
		height:100px;
		object-fit: cover;
		object-position: 50% 20%;
		font-family: 'object-fit: cover;';
	}
	
	#wpList a dt {
		width:30%;
		float:left;
	}
	
	#wpList a dd.date {
		padding:.5em 0 0 0;
	}
	
	#wpList a dd {
		width:68%;
		float:right;
	}
	
	#wpList a dd.tag {
		float:none;
		width:auto;
		font-size:.8em;
	}
	
	#wpList a dd.title {
		font-size:1.05em;
		line-height:1.5em;
	}
	
	#wpList a dd.author {
		font-size:.85em;
	}
	
	#wpList a:nth-child(+n + 5) {
		width:100%;
		margin:0 0 15px 0;
		padding:0 0 5px 0;
		border-bottom:1px dotted #8c786e;
	}
	
	
	
	#wpList a:nth-child(+n + 5):nth-child(7) {margin:0 0 15px 0;}
	#wpList a:nth-child(+n + 5):last-child {margin:0 0 15px 0;}
	
	#wpList a:nth-child(+n + 5) dt img {
		width:100%;
		height:100px;
		object-fit: cover;
		object-position: 50% 20%;
		font-family: 'object-fit: cover;';
	}
	
	#sideCol2 #pickupArea #tabs li a {
		float:left;
		width:33.333333%;
		box-sizing:border-box;
		text-align:center;
		margin:0 0px 6px 0;
	
	}
	
	#sideCol2 #pickupArea .pick a {
		padding:0 0 10px 0;
		margin:0 0 10px 0;
		border-bottom:1px solid #efefef;
	}
	
	#sideCol2 #pickupArea .pickL {
		float:left;
		width:25%;
	}
	
	#sideCol2 #pickupArea .pickL img {
		width:100%;
		height:80px;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	
	#sideCol2 #pickupArea .pickR {
		float:right;
		width:72%;
		font-size:.9em;
	}
	

	/* #blog ブログ系コンテンツ */
	
	.navi.navi_pagination{
		width:100%;
		text-align:center;
		overflow:hidden;
		position:relative;
		margin:0 0 30px 0;
	}
		
	.navi.navi_pagination>a{
		float:left;
		display:block;
		width:28%;
		height:40px;
		line-height:40px;
		font-size:13px;
		font-size:1rem;
		color:#5F522E;
		font-weight:bold;
		background:#f8f7f6;
	}
	
	.container.x2 .navi.navi_pagination>a {
		background:#fff;
	}
	
	.navi.navi_pagination>a.is_disable{
		-webkit-tap-highlight-color:transparent;
		color:#ccc;
	}
	
	.navi.navi_pagination .navi_pagination--select{
		float:left;width:42%;
		height:40px;
		line-height:40px;
		border-right:3px solid #fff;
		border-left:3px solid #fff;
		position:relative;
		background: url(../images/arrow_down.png) right 13px top 50% no-repeat #f8f7f6;
	}
	
	.container.x2 .navi.navi_pagination .navi_pagination--select {
		border-right:3px solid #fbf8f0;
		border-left:3px solid #fbf8f0;
		background: url(../images/arrow_down.png) right 13px top 50% no-repeat #fff;
	}
	
	.navi.navi_pagination .navi_pagination--select>p{
		width:100%;
		height:40px;
		font-weight:bold;
		position:relative;
		z-index:1;
		letter-spacing:2px;
	}
	
	.navi.navi_pagination .navi_pagination--select select{
		opacity:0;
		width:100%;
		height:40px;
		text-align:center;
		position:absolute;
		z-index:2;
		top:0;
		left:0;
		font-weight:bold;
	}

	/* .entry 記事詳細　*/

	.entry {
		padding:0;
	}
	
	article.entry h1 {
		line-height:1.6em;
		display:block;
		position:static;
	}
	

	article.entry em {
		font-size:1.0em;
	}

	article.entry aside a img {
		max-width:100% !important;
		height:auto !important;
	}

	article.entry aside img {
		max-width:100% !important;
		height:auto !important;
	}
	
	article.entry aside .wsbl_line a img {
		width:20px !important;
	}

	article.entry aside img.emoji {
		width:1em !important;
		height:auto !important;
	}

	article.entry aside .wp-caption {
		width:auto !important;
	}

	article.entry aside blockquote img {
		max-width:100% !important;
		height:auto;
	}
	
	article.entry aside blockquote {
		padding:50px 20px;
	}
	
	#mainCol2 .eyecatch {
		width:100% !important;
		height:auto;
	}
	
	#mainCol2 .eyecatch img {
		width:100% !important;
		height:auto;
	}
	
	#relatedArticle .entryList a:hover {
		text-decoration:none;
	}
	
	#relatedArticle .entryList .entryL {
		width:30%;
	}
	
	#relatedArticle .entryList .entryL img {
		width:100% ;
		height:90px ;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	
	#relatedArticle .entryList .entryR {
		width:67%;
	}
	
	#relatedArticle .entryList .entryR p {
		display:none;
	}
	
	#relatedArticle .entryList dd h4 {
		font-weight:normal;
		font-size:1em;
	}
	
	#mainCol2 .shareBtn li a {
		font-size:1em;
	}

	.modal {
		padding:0 10px 0 10px;
		box-sizing:border-box;
	}

	.modal h5 {
		text-align:center;
		margin:1em 0 1em 0;
		font-weight:bold;
		font-size:1.2em;
	}
	.modal #stepBox dl {
		width:100%;
		padding:10px;
		box-sizing:border-box;
		display:block;
		border:1px solid #beb4a0;
		vertical-align:top;
		margin:0 0 20px 0;
	}
	
	.modal #hideMessage {
		text-align:center;
		margin:15px 0 30px 0;
	}
	
	.modal .sp .haircataLink {
		margin:-1em 0 0 0;
	}
	
	.modal .haircataLink {
		margin:1em 0 1em 0;
	}

	#formArea table tr {
		width:100%;
		display: block;
		list-style: none;
	}
	
	#formArea table th,
	#formArea table td {
		width:100%;
		display: list-item;
		border:none;
		box-sizing:border-box;
		text-align:left;
	}
	
	#formArea table th {
		background:#efefef;
		padding:10px 3% 10px 3%; 
	}
	
	#formArea table td {
		padding:10px 3% 20px 3%; 
	}
	
	
	
	#formArea input.S {	width:70% !important; box-sizing:border-box;}
	#formArea input.S2 {width:50% !important; box-sizing:border-box;}
	#formArea input.S3 {width:30% !important; box-sizing:border-box;}
	#formArea input.M {	width:100% !important; box-sizing:border-box;}
	#formArea input.L {	width:100% !important; box-sizing:border-box;}
	#formArea input.L2 {width:100% !important; box-sizing:border-box;}
	#formArea textarea {width:100% !important; box-sizing:border-box;}
	
	#formArea td.type br {
		display:block;
	}
	
	/* .setsumeikai 説明会 */
	
	.setsumeikai h3.title {
		margin:0 0 20px 0;
	}
	
	.setsumeikai h3.title img {
		width:100%;
		height:45px;
		object-fit: cover;
		object-position: 50% 0;
		font-family: 'object-fit: cover;';

	}
	
	
	#modal-search.modal {
		padding:0 10px 0 10px;
		box-sizing:border-box;
	}
	
	#modal-search.modal .widget {
		clear:both;
		margin: 25px 0 0 0;
	}
	
	
	.home #shopArea {
		margin:40px 0 0 0;
	}




	
}

@media screen and (max-width: 480px) {
	

	


}

@media screen and (max-width: 360px) {
	


}