@charset "UTF-8";
/******************* salonlist *******************/
.main {
  max-width: 100%;
  background-color: #f2f2ef;
  background-image: url(../img/common/under_main.jpg);
  background-position: 50% 0;
  height: 284px;
  text-align: center;
  background-repeat: no-repeat;
  margin-bottom: 50px;
  padding: 110px 0 0; }
  .main h1 {
    font-size: 40px;
    font-size: 4rem;
    font-weight: bold;
    color: #82858a;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    font-family: "Open Sans Condensed"; }
  .main .alias {
    font-size: 12px;
    font-size: 1.2rem;
    color: #82858a; }

.whiteBox h2 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
  margin-bottom: 40px;
  margin-bottom: 4rem; }

.enactmentDay{
	text-align: right;
}

@media screen and (min-width: 641px) {
	.no-pc{
		display: none;
	}
}

/* sp */
@media screen and (max-width: 640px) {
	.no-sp{
		display: none;
	}
  body {
    font-size: 14px; }

  .main {
    height: 44.375vw;
    margin-bottom: 7.8125vw;
    padding: 17.1875vw 0 0;
    background-size: cover; }
    .main h1 {
      font-size: 50px;
      font-size: 5rem; }
    .main .alias {
      font-size: 25px;
      font-size: 2.5rem; }

  .whiteBox h2 {
    font-size: 5.5vw;
    margin-bottom: 4rem;
    margin-bottom: 6.25vw; }

	.enactmentDay{
	padding-top: 0;
}
}

/* ---------------------------------------------------------------- *
	salon list
 * ---------------------------------------------------------------- */
/* ----- anc_nav ----- */
#anc_nav{
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #e9eae9;
}

#anc_nav ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: start;
	align-items: start;
	-webkit-justify-content: start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-moz-box-pack: start;
	justify-content: start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#anc_nav li{
  width: 23.5%;
  margin-top: 15px;
  margin-right: 2%;
}

/* PC */
@media screen and (min-width: 641px) {
	#anc_nav{
		margin-bottom: 60px;
		padding-bottom: 60px;
	}
	#anc_nav li:nth-of-type(4n){
		margin-right: 0;
	}
	#anc_nav li:nth-child(-n + 4){
		margin-top: 0;
	}
}

/* SP */
@media screen and (max-width: 640px) {
	#anc_nav li{
		width: 49%;
	}
	#anc_nav li:nth-of-type(2n){
		margin-right: 0;
	}
	#anc_nav li:nth-child(-n + 2){
		margin-top: 0;
	}
}

#anc_nav a{
	position: relative;
	background-color: #98a8b1;
	text-align: center;
	display: block;
	color: #fff;
	padding: 15px 10px;
	font-size: 18px;
	background-image: url(https://www.socie-world.co.jp/img/common/link_ic_arrow.gif);
  background-repeat: no-repeat;
  background-position: 95% 50%;
	font-family: 'Open Sans Condensed';
	font-weight: 700;
}

/* ----- intro ----- */
#intro{
	font-size: 20px;
	margin-bottom: 40px;
	line-height: 1.6;
	font-family: "Reimin Light";
}
/* SP */
@media screen and (max-width: 640px) {
	#intro{
		font-size: 18px;
	}
}


/* ----- salonlist_box ----- */
.salonlist_box{
	margin-bottom: 100px;
	padding-top: 100px;
	margin-top: -100px;
}
/* SP */
@media screen and (max-width: 640px) {
	.salonlist_box{
		padding-top: 61.03px;
		margin-top: -61.03px;
	}
}
.salonlist_box:last-of-type{
	margin-bottom: 0;
}

/* ----- contaxt_txt ----- */
.contaxt_txt{
	margin-bottom: 40px;
}

/* PC */
@media screen and (min-width: 641px) {
	.contaxt_txt{
		padding-left: 20px;
	}
}
/* SP */
@media screen and (max-width: 640px) {
	.contaxt_txt{
		line-height: 1.4;
	}
}

/* ----- shoplist ----- */
.shoplist{
	margin-bottom: 60px;
}
.shoplist:last-of-type{
	margin-bottom: 0;
}

/* ----- list_ttl02 ----- */
.whiteBox  .list_ttl02{
	color: #fff;
	background-color: #98a8b1;
	padding: 10px 20px;
	font-size: 18px;
	font-family: "Yu Gothic Pr6N B";
	margin-bottom: 20px;
}


/* ----- list_ttl03 ----- */
.list_ttl03{
	border-left: 7px solid #98a8b1;
	padding-left: 10px;
	margin-bottom: 20px;
	font-size: 18px;
	font-family: "Yu Gothic Pr6N B";
}

/* ----- list_ttl04 ----- */
.list_ttl04{
	margin-top: 40px;
	margin-bottom: 20px;
	font-weight: 400;
}
.list_ttl04:first-child{
	margin-top: 0;
}

.list_ttl04::before{
	content: "＜";
}
.list_ttl04::after{
	content: "＞";
}

/* PC */
@media screen and (min-width: 641px) {
	.list_ttl04{
		padding-left: 20px;
	}
}

/* ----- dl ----- */
.shoplist dl{
	margin-bottom: 20px;
	line-height: 1.4;
}

.shoplist dl .shop{
  width: 50%;
  margin-right: 5%;
}
.shoplist dl .shop ,
.shoplist dl .shop a{
  display: block;
  font-family: "Yu Gothic Pr6N B";
}
.shoplist dl .address{
  width: 57%;
	font-size: 13px;
}
.shoplist dl .tel{
  width: 20%;
  text-align: right;
}

/* PC */
@media screen and (min-width: 641px) {
	.shoplist dl{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: start;
		align-items: start;
		-webkit-justify-content: start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-moz-box-pack: start;
		justify-content: start;
		padding-left: 20px;
	}
	.shoplist dl .address{
		margin-right: 3%;
	}
}

/* SP */
@media screen and (max-width: 640px) {
	.shoplist dl{
		padding-bottom: 20px;
		border-bottom: 1px dotted #e9eae9;
	}
	.shoplist dl .shop{
		width: 100%;
		margin: 0 auto 10px;
	}
	.shoplist dl .address{
		width: 100%;
		margin-bottom: 10px;
	}
	.shoplist dl .tel{
		width: 100%;
		text-align: right;
	}
}