@charset "utf-8";

.index_mv {
    width: 100%;
    min-width: 1200px;
	overflow:hidden;
}

.index_mv img {
	width: 100%;
	height: auto;
}

.index_salon {
	padding: 0 0 60px;
	margin: 0 0 68px;
	border-bottom: 1px solid #fc7481;
}

.index_salon .salonlist {
	width: 900px;
	margin: 0 auto;
}

.index_salon .salonlist > li {
	border: 1px solid #fc7481;
	margin: 0 0 12px;
	overflow:hidden;
}

.index_salon .salonlist > li .logo {
	width: 140px;
	float: left;
	text-align: center;
	margin: 10px 0 0 10px;
}

.index_salon .salonlist > li .saloninfo {
	width: 438px;
	float: left;
	margin: 10px 0;
	overflow:hidden;
}

.index_salon .salonlist > li .saloninfo .img {
	width: 140px;
	float: left;
	margin: 0 24px 0 0;
}

.index_salon .salonlist > li .saloninfo .infobox {
	padding: 7px 0 0;
}

.index_salon .salonlist > li .saloninfo .infobox h3 {
	color: #676d95;
	letter-spacing: 0.1em;
	font-family: 'PT Serif', serif;
	font-size: 180%;
	font-style: italic;
	margin: 0 0 5px;
}

.index_salon .salonlist > li .saloninfo .infobox h3 span {
	display: block;
	font-family:"游ゴシック","YuGothic",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 55%;
	letter-spacing: 0;
	margin: 5px 0 0;
	font-style: normal;
}

.index_salon .salonlist > li .saloninfo .infobox .txt {
	font-size: 95%;
}

.index_salon .salonlist > li .saloncontact {
	border-left: 1px solid #fc7481;
	float: left;
}

.index_salon .salonlist > li .saloncontact .contactbox {
	border-bottom: 1px solid #fc7481;
	width: 309px;
}

.index_salon .salonlist > li .saloncontact .contactbox .tel {
	display: inline-block;
	margin: 21px 10px 0 12px;
	font-family: 'PT Serif', serif;
	color: #d99a36;
	font-size: 145%;
	letter-spacing: 0.08em;
	padding: 7px 0 7px 34px;
	background: url(../images/common/common_telmark.png) no-repeat left center;
}


.index_salon .salonlist > li .saloncontact .contactbox .resb {
	display: inline-block;
	background: #676d95;
	text-align: center;
	margin: 0 0 9px 0;
}

.index_salon .salonlist > li .saloncontact .contactbox .resb a {
	display: block;
	font-family: 'PT Serif', serif;
	color: white;
	font-size: 115%;
	padding: 19px;
	letter-spacing: 0.07em;
}

.index_salon .salonlist > li .saloncontact .btnbox .box {
	float: left;
	width: 80px;
	margin: 15px 14px 10px 17px;
}

.index_salon .salonlist > li .saloncontact .btnbox .box .sns li {
	display: inline-block;
	margin: 0 14px 0 0;
}

.index_salon .salonlist > li .saloncontact .btnbox .box .sns li:last-child {
	margin: 0;
}

.index_salon .salonlist > li .saloncontact .btnbox .box .blogb {
	border: 1px solid #97acc6;
	margin: 8px 0 0;
	text-align: center;
}

.index_salon .salonlist > li .saloncontact .btnbox .box .blogb a {
	display: block;
	font-style: italic;
	font-family: 'PT Serif', serif;
	color: #427abf;
	font-size: 120%;
	letter-spacing: 0.07em;
	padding: 5px 0;
}

.index_salon .salonlist > li .saloncontact .btnbox .menus li {
	display: inline-block;
	margin: 15px 0 0;
}

.index_contents {
	padding: 0 0 40px;
	margin: 0 0 68px;
	border-bottom: 1px solid #fc7481;
}

.index_contents ul {
	width: 900px;
	margin: 0 auto;
	overflow:hidden;
}

.index_contents ul li {
	width: 280px;
	float: left;
	margin: 0 30px 30px 0;
	height: 196px;
	position: relative;
}

.index_contents ul li:nth-child(3n) {
	margin: 0 0 30px;
}

.index_contents ul li .mark {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}

.index_contents ul li .mark a {
	display: block;
	padding: 24px 0;
	text-align: center;
	width: 105px;
}

.index_contents ul li:nth-child(1) .mark {
	background: #b48bb7;
}
.index_contents ul li:nth-child(2) .mark {
	background: #dea853;
}
.index_contents ul li:nth-child(3) .mark {
	background: #73ae93;
}
.index_contents ul li:nth-child(4) .mark {
	background: #C8C566;
}
.index_contents ul li:nth-child(5) .mark {
	background: #e681a2;
}
.index_contents ul li:nth-child(6) .mark {
	background: #6b91bf;
}

.index_hair {
	padding: 0 0 60px;
	margin: 0 0 68px;
	border-bottom: 1px solid #fc7481;
}

.index_hair ul {
	width: 866px;
	margin: 0 auto 43px;
	overflow:hidden;
	text-align: center;

}


.index_hair ul li {
	width: 188px;
	margin: 0 0 0 0;
		display: inline-block;
	
}

.index_hair ul li:last-child {
	margin: 0;
}

.index_hair .btn {
	width: 188px;
	margin: 0 auto;
	background: #858aaa;
}

.index_hair .btn a {
	display: block;
	font-family: 'PT Serif', serif;
	color: white;
	font-size: 115%;
	font-style: italic;
	padding: 8px 0;
	text-align: center;
	letter-spacing: 0.07em;
}

.index_information {
	padding: 0 0 120px;
	margin: 0 0 90px;
	border-bottom: 1px solid #fc7481;
}

.index_information ul {
	width: 761px;
	margin: 0 auto 40px;
	padding: 40px 45px;
	border: 1px solid #fc7481;
}

.index_information ul li {
	overflow: hidden;
	padding: 0 0 10px;
	margin: 0 0 12px;
	border-bottom: 1px dotted #fc7481;
}

.index_information ul li .label {
	width: 115px;
	float: left;
	margin: 0 30px 0 0;
	padding: 2px 0;
	font-size: 80%;
	text-align: center;
	background: #7cb276;
	color: white;
}

.index_information ul li .label.s829921e48c7dd9bd91f74fd3d7b2f988 {
	background: #7cb276;
}
.index_information ul li .label.s829921e48c7dd9bd91f74fd3d7b2f988:after {
    content: "スーリール 大井町店";
}
.index_information ul li .label.s89a84882a450dd7b630fa030ccc58f00 {
	background: #71a2c2;
}
.index_information ul li .label.s89a84882a450dd7b630fa030ccc58f00:after {
    content: "スーリール 五反田店";
}
.index_information ul li .label.s0e78de719bd77776b2b886056a71a312 {
	background: #bc99c3;
}
.index_information ul li .label.s0e78de719bd77776b2b886056a71a312:after {
    content: "カグヤヒメ";
}

.index_information ul li .date {
	float: left;
	padding: 2px 0 0;
	font-family: 'PT Serif', serif;
	font-style: italic;
	font-size: 110%;
	letter-spacing: 0.05em;
	color: #848280;
}

.index_information ul li .title {
	padding: 2px 0 0 230px;
}

.index_information .btn {
	width: 188px;
	margin: 0 auto;
	background: #858aaa;
}

.index_information .btn a {
	display: block;
	font-family: 'PT Serif', serif;
	color: white;
	font-size: 115%;
	font-style: italic;
	padding: 8px 0;
	text-align: center;
	letter-spacing: 0.07em;
}

.index_voice {
	width: 912px;
	margin: 0 auto 0px;
	padding: 15px 0 0;
}
.index_voice .wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.index_voice .list {
  width: 412px;
  padding: 0px 22px;
  margin-bottom: 60px;
}
.index_voice .list h3 {
	font-family: 'PT Serif', serif;
	font-size: 26px;
	font-style: italic;
	letter-spacing: 0.1em;
	text-align: center;
	color: #676d95;
	margin: 0 0 25px;
}
.index_voice .list h3 span {
	display: block;
	font-family:"游ゴシック","YuGothic",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	letter-spacing: 0;
	font-style: normal;
	color: #8a8a8a;
	font-size: 12px;
	margin: 20px 0 0;
}
.index_voice .list ul {
  height: calc(100% - 85px);
}
.index_voice .list li {
  box-sizing: border-box;
  height: 100%;
  padding: 28px 30px 44px;
  border: 1px solid #fc7481;

  overflow:hidden;
  position: relative;
}
.index_voice .list li h4 {
  padding: 2px 0px 15px 60px;
  background: url(../images/voice/icon_voice.png) no-repeat;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  color: #676d95;
}
.index_voice .list li h4 .sub {
  font-size: 12px;
  font-weight: normal;
}
.index_voice .list li .date {
  padding-bottom: 12px;
  font-size: 12px;
  line-height: 1;
  border-bottom: 1px solid #fc7481;
  margin-bottom: 20px;
}
.index_voice .list li .data {
  width: 465px;
  float: left;
}
.index_voice .list li .data .menu {
  padding: 0px 0px 18px 75px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  position: relative;
}
.index_voice .list li .data .menu:before {
  box-sizing: border-box;
  width: 60px;
  height: 24px;
  padding-top: 8px;
  background-color: #9296b1;
  font-size: 10px;
  line-height: 1;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  content:"MENU";
}
.index_voice .list li .data .staff {
  font-size: 16px;
  color: #676d95;
}

.index_voice .list li .evaluation {
  padding-bottom: 20px;
  line-height: 1;
  text-align: right;
}
.index_voice .list li .evaluation .result {
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  color: #e71249;  
}
.index_voice .list li .comment {
  clear: both;
  padding: 30px 0px 0px;
  font-size: 14px;
  line-height: 1.7;
}
.index_voice .list li .reserve {
  width: 100%;
  padding-top: 30px;
  margin: 0 auto;
}
.index_voice .list li .reserve a {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 50px;
  background-color: #676D95;
  color: #fff;
  line-height: 1;
}
.index_voice .list li .reserve .en {
  font-family: 'PT Serif', serif;
  font-style: italic;
  font-size: 18px;
}
.index_voice .list li .reserve .jp {
  display: inline-block;
  padding-top: 2px;
  padding-left: 5px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-size: 12px;
}
.index_voice .list li .reserve a:hover {
  opacity: 0.5;
  text-decoration: none;
}
.index_voice .list li .res {
  padding-top: 25px;
}
.index_voice .list li .res h5 {
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
  color: #676d95;
}
.index_voice .list li .res h5 .res-date{
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  padding-left: 15px;
}

.index_sns {

}

.index_sns .wrap {
	width: 866px;
	margin: 0 auto 60px;
	padding: 15px 0 0;
	overflow:hidden;
}

.index_sns .facebook {
	width: 410px;
	float: left;
}

.index_sns .blog {
/*	width: 424px;
	float: right;*/
}

.index_sns .blog ul {
	margin: 0 0 20px;
	padding: 32px 30px 23px;
	border: 1px solid #fc7481;
}

.index_sns .blog ul li {
	overflow: hidden;
	position: relative;
	padding: 0 0 7px;
	margin: 0 0 10px;
	border-bottom: 1px dotted #fc7481;
}


.index_sns .blog ul li .img {
	width: 55px;
	float: left;
	margin: 0 25px 0 0;
}

.index_sns .blog ul li .label {
	position: absolute;
	top: 2px;
	left: 170px;
	width: 110px;
	padding: 2px 0;
	font-size: 80%;
	text-align: center;
	background: #7cb276;
	color: white;
}

.index_sns .blog ul li .label.s829921e48c7dd9bd91f74fd3d7b2f988 {
	background: #7cb276;
}
.index_sns .blog ul li .label.s829921e48c7dd9bd91f74fd3d7b2f988:after {
    content: "スーリール 大井町店";
}
.index_sns .blog ul li .label.s89a84882a450dd7b630fa030ccc58f00 {
	background: #71a2c2;
}
.index_sns .blog ul li .label.s89a84882a450dd7b630fa030ccc58f00:after {
    content: "スーリール 五反田店";
}
.index_sns .blog ul li .label.s0e78de719bd77776b2b886056a71a312 {
	background: #bc99c3;
}
.index_sns .blog ul li .label.s0e78de719bd77776b2b886056a71a312:after {
    content: "カグヤヒメ";
}
.index_sns .blog ul li .label.s317284b8cfcc2061aa27190f9903fe0f {
	background: #1ab4d3;
}
.index_sns .blog ul li .label.s317284b8cfcc2061aa27190f9903fe0f:after {
    content: "医療用ウィッグ";
}

.index_sns .blog ul li .date {
	padding: 4px 0 0;
	font-family: 'PT Serif', serif;
	font-style: italic;
	font-size: 115%;
	letter-spacing: 0.08em;
	color: #848280;
	margin: 0 0 7px;
}

.index_sns .btn {
	width: 188px;
	margin: 0 auto;
	background: #858aaa;
}

.index_sns .btn a {
	display: block;
	font-family: 'PT Serif', serif;
	color: white;
	font-size: 115%;
	font-style: italic;
	padding: 8px 0;
	text-align: center;
	letter-spacing: 0.07em;
}

.index_sns .instagram ul {
	width: 838px;
	margin: 0 auto 30px;
	overflow:hidden;
	border: 1px solid #fc7481;
	padding: 14px;
}

.index_sns .instagram ul li {
	width: 196px;
	float: left;
	margin: 0 18px 0 0;
}

.index_sns .instagram ul li:last-child {
	margin: 0;
}