@charset "utf-8";

/*==============================================

	パリジェンヌ (PC)
	サロン

==============================================*/

/*================================
	Layout, Elements
================================*/
body{
	
}
main{
	
}

.pageheader h1{
	color: #cf7078;
	font-size: 3.3rem;
	letter-spacing: 0.1rem;
}

.sp-br{
	display: none;
}


/*================================
	Salon List
================================*/
.note {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size: 1.5rem;
}
.salon-list{
	background:linear-gradient(90deg,#F9F5F4 0%,#F9F5F4 50%,#FFFFFF 50%,#FFFFFF 100%);
	
}
.salon-list .inner{
	width: 90%;
	max-width: 1100px;
	background:linear-gradient(90deg,#F9F5F4 0%,#F9F5F4 71.545%,#FFFFFF 71.545%,#FFFFFF 100%);
	margin: 2rem auto 0;
	padding: 10rem 0 8rem;
	position: relative;
}
.salon-list .inner .list{
	display: flex;
	flex-wrap: wrap;
	width: 64%;
	
}
.salon-list .inner .list .area{
	width: 22%;
	margin-right: 4%;
	position: relative;
	z-index: 1;
	
}
.salon-list .inner .list .area:nth-child(4n){
	margin-right: 0;
}
.salon-list .inner .list .area .midashi{
	color: #CF7078;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: normal;
    font-size: 1.4rem;
    letter-spacing: .1em;
    border-bottom: 1px solid #CF7078;
    padding: 0 0 10px;
    margin: 0 0 10px;
    pointer-events: none;
}
.salon-list .inner .list .area .item{
	display: block !important;
}
.salon-list .inner .list .area ul{
	color: #C1AAAA;
	text-decoration: underline;
	margin-bottom: 20px;
}
.salon-list .inner .list .area ul li{
	margin-bottom: 5px;
}
.salon-list .inner .list .area ul li a{
	color: #C1AAAA;
}
.salon-list .inner .list .area ul li.active a{
	color:#CF7078;
}
.salon-list .inner .map{
	position: absolute;
	bottom: 4rem;
	right:0;
	width: 635px;
	height: 685px;
	z-index: 0;
}
.salon-list .inner .map .base{
	position: absolute;
	top:0;
	left: 0;
	
}
.salon-list .inner .map .pin li{
	width: 12px;
	height: 16px;
	background: url(../../img/pin_on.svg) 50% no-repeat;
	background-size: 12px 16px;
	transform: translate(-50%,-100%);
	position: absolute;
	z-index: 1;
}
.salon-list .inner .map .pin li.active img{
	opacity: 0;
}
.salon-list .inner .map .pin li[data-pref="hokkaido"]{
	top: 118px;
	left: 487px;
}
.salon-list .inner .map .pin li[data-pref="aomori"]{
	top: 246px;
	left: 416px;
}
.salon-list .inner .map .pin li[data-pref="iwate"]{
	top: 303px;
	left: 432px;
}
.salon-list .inner .map .pin li[data-pref="miyagi"]{
	top: 358px;
	left: 412px;
}
.salon-list .inner .map .pin li[data-pref="akita"]{
	top: 297px;
	left: 400px;
}
.salon-list .inner .map .pin li[data-pref="yamagata"]{
	top: 353px;
	left: 391px;
}
.salon-list .inner .map .pin li[data-pref="fukushima"]{
	top: 407px;
	left: 393px;
}
.salon-list .inner .map .pin li[data-pref="ibaragi"]{
	top: 450px;
	left: 397px;
}
.salon-list .inner .map .pin li[data-pref="tochigi"]{
	top: 432px;
	left: 378px;
}
.salon-list .inner .map .pin li[data-pref="gunma"]{
	top: 440px;
	left: 346px;
}
.salon-list .inner .map .pin li[data-pref="saitama"]{
	top: 464px;
	left: 361px;
}
.salon-list .inner .map .pin li[data-pref="chiba"]{
	top: 484px;
	left: 395px;
}
.salon-list .inner .map .pin li[data-pref="tokyo"]{
	top: 477px;
	left: 373px;
}
.salon-list .inner .map .pin li[data-pref="kanagawa"]{
	top: 488px;
	left: 359px;
}
.salon-list .inner .map .pin li[data-pref="niigata"]{
	top: 397px;
	left: 345px;
}
.salon-list .inner .map .pin li[data-pref="toyama"]{
	top: 432px;
	left: 283px;
}
.salon-list .inner .map .pin li[data-pref="ishikawa"]{
	top: 446px;
	left: 259px;
}
.salon-list .inner .map .pin li[data-pref="fukui"]{
	top: 468px;
	left: 248px;
}
.salon-list .inner .map .pin li[data-pref="yamanashi"]{
	top: 481px;
	left: 334px;
}
.salon-list .inner .map .pin li[data-pref="nagano"]{
	top: 460px;
	left: 311px;
}
.salon-list .inner .map .pin li[data-pref="gifu"]{
	top: 475px;
	left: 277px;
}
.salon-list .inner .map .pin li[data-pref="shizuoka"]{
	top: 511px;
	left: 316px;
}
.salon-list .inner .map .pin li[data-pref="aichi"]{
	top: 509px;
	left: 282px;
}
.salon-list .inner .map .pin li[data-pref="mie"]{
	top: 530px;
	left: 253px;
}
.salon-list .inner .map .pin li[data-pref="shiga"]{
	top: 501px;
	left: 241px;
}
.salon-list .inner .map .pin li[data-pref="kyoto"]{
	top: 497px;
	left: 220px;
}
.salon-list .inner .map .pin li[data-pref="osaka"]{
	top: 525px;
	left: 222px;
}
.salon-list .inner .map .pin li[data-pref="hyogo"]{
	top: 508px;
	left: 192px;
}
.salon-list .inner .map .pin li[data-pref="nara"]{
	top: 541px;
	left: 234px;
}
.salon-list .inner .map .pin li[data-pref="wakayama"]{
	top: 559px;
	left: 218px;
}
.salon-list .inner .map .pin li[data-pref="tottori"]{
	top: 489px;
	left: 160px;
}
.salon-list .inner .map .pin li[data-pref="shimane"]{
	top: 505px;
	left: 113px;
}
.salon-list .inner .map .pin li[data-pref="okayama"]{
	top: 515px;
	left: 159px;
}
.salon-list .inner .map .pin li[data-pref="hiroshima"]{
	top: 528px;
	left: 122px;
}
.salon-list .inner .map .pin li[data-pref="yamaguchi"]{
	top: 543px;
	left: 73px;
}
.salon-list .inner .map .pin li[data-pref="tokushima"]{
	top: 558px;
	left: 176px;
}
.salon-list .inner .map .pin li[data-pref="kagawa"]{
	top: 542px;
	left: 162px;
}
.salon-list .inner .map .pin li[data-pref="ehime"]{
	top: 564px;
	left: 122px;
}
.salon-list .inner .map .pin li[data-pref="kouchi"]{
	top: 567px;
	left: 146px;
}
.salon-list .inner .map .pin li[data-pref="fukuoka"]{
	top: 570px;
	left: 44px;
}
.salon-list .inner .map .pin li[data-pref="saga"]{
	top: 580px;
	left: 21px;
}
.salon-list .inner .map .pin li[data-pref="nagasaki"]{
	top: 599px;
	left: 19px;
}
.salon-list .inner .map .pin li[data-pref="kumamoto"]{
	top: 615px;
	left: 48px;
}
.salon-list .inner .map .pin li[data-pref="oita"]{
	top: 590px;
	left: 72px;
}
.salon-list .inner .map .pin li[data-pref="miyazaki"]{
	top: 627px;
	left: 68px;
}
.salon-list .inner .map .pin li[data-pref="kagoshima"]{
	top: 647px;
	left: 34px;
}
.salon-list .inner .map .pin li[data-pref="okinawa"]{
	top: 585px;
	left: 502px;
}

.salon-detail{
	width: 90%;
	max-width: 1100px;
	padding-top:10rem;
	margin: 0 auto 15rem;
	position: relative;
}
.salon-detail .pref{
	margin-bottom: 20px;
	display: none;
}
.salon-detail .pref.active{
	display: block;
}
.salon-detail .pref .midashi{
	color: #CF7078;
	font-size: 3rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: 0.2rem;
	margin: 0 0 15px;
	padding: 0 0 15px;
	text-align: center;
	border-bottom: 5px solid #CF7078;
} 
.salon-detail .pref .count{
	color: #CF7078;
	text-align: center;
	font-size: 1.3rem;
	margin: 0 0 30px;
}
.salon-detail .pref .item {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.salon-detail .pref .item li{
	width: 48%;
	margin-bottom: 3%;
}
.salon-detail .pref .item li .name{
font-size: 2.2rem;
    color: #CF7078;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
    letter-spacing: 0.1rem;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #CF7078;
	text-align: left;
}
.salon-detail .pref .item li .name .sns{
	display: inline-block;
	color: #AA9268;
	vertical-align: middle;
	font-size: 1.3rem;
	margin-left: 20px;
}
.salon-detail .pref .item li .name .sns a{
	color: #AA9268;
}
.salon-detail .pref .item li .name .sns .icon{
	display: inline-block;
	width: 11px;
	height: 11px;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -1px;
}
.salon-detail .pref .item li table{
	width: 100%;
}
.salon-detail .pref .item li table tr{
	padding: 5px 0;
}
.salon-detail .pref .item li table th{
	width: 11%;
	font-weight: 400;
	vertical-align: top;
}
.salon-detail .pref .item li table th,
.salon-detail .pref .item li table td{
	padding: 3px 0;
}
.salon-detail .more a{
	display: block;
    max-width: 30rem;
    background: #cf7078;
    margin: 6rem auto 0;
    padding: 1.5rem;
    text-align: center;
    color: #fff;
    position: relative;
}

.iconblock{
	 margin-bottom: 5px;
}
.icons2020 {
	    font-family: Verdana,Tahoma,"游ゴシック体", "Yu Gothic", YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Noto Sans Japanese','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    background: #d0a9ac;
    color: #fff;
    font-size: 11px;
    padding: 5px 10px;
    width: 100px;
    text-align: center;
     margin-right: 5px;
}
.icons2022 {
	    font-family: Verdana,Tahoma,"游ゴシック体", "Yu Gothic", YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Noto Sans Japanese','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    background: #b47b80;
    color: #fff;
    font-size: 11px;
    padding: 5px 10px;
    width: 100px;
    text-align: center;
    margin-right: 5px;
}
.icons2023 {
	    font-family: Verdana,Tahoma,"游ゴシック体", "Yu Gothic", YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Noto Sans Japanese','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    background: #CF7078;
    color: #fff;
    font-size: 11px;
    padding: 5px 10px;
    width: 100px;
    text-align: center;
    margin-right: 5px;
}
.icon_koshi {
	    font-family: Verdana,Tahoma,"游ゴシック体", "Yu Gothic", YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Noto Sans Japanese','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    background: #AA9268;
    color: #fff;
    font-size: 11px;
    padding: 5px 10px;
    width: 100px;
    text-align: center;
}
.icon_nintei {
	color: #AA9268;
    margin-right: 5px;
}
.icon_nintei img {
	width: 15px;
    margin-right: 5px;
}
.copy {
	margin-top: 4rem!important;
}