@charset "UTF-8";
html {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
body{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", メイリオ, sans-serif;
	font-size:16px;
	line-height:1.5;
	letter-spacing: .05em;
	color: rgb(51, 49, 49);
}
.mv{
    margin-bottom:-10%;
}

.wrapper{
	max-width: 700px;
	margin: 0 auto;
	padding: 0 2%;
	position: relative;
	background-color: #fff;
	z-index: 10;
}
.wrapper02{
	max-width: 700px;
	margin: 0 auto;
	padding: 0 2%;
	position: relative;
	background-color: #fff;
	padding: 0 2% 2% 2%;
}
.wrapper03{
	position: relative;
    background-color: #f7f7f7;
    padding-bottom: 3%;
    padding-top: 3%;
}
.wrapper04{
	position: relative;
    padding-top: 3%;
    margin-top: 5%;
    z-index: 10;
}
.wrapper05{
	max-width: 700px;
	margin: 0 auto;
	padding: 0 2%;
	position: relative;
	background-color: #fff;
	border: solid 1px #b6b6b6;
	border-radius: 10px;
	padding-top: 2%;
	padding-bottom: 2%;
	margin-top: 3%;

}
img{
	margin: 2% 0;
	width: 100%;
}
.sp{	
display:none;	
}	
.pc{	
display:block;	
}	
.taC{	
text-align:center;	
}	
p{
	margin: 20px 0;
}
h2{
	margin-top: 8%;
} 
.ma0{
	margin: 0;
}
.ma0pc{
	margin: 0;
}
@media screen and (max-width: 768px) {	
body{
	width: 100%;
}
.sp{	
display:block;	
}	
.pc{	
display:none;	
}	
h2{
	margin-top: 11%;
} 
.ma0pc{
	margin: auto;
}
.wrapper04{
	margin-top: 5%;
	/*padding-top: 6%;
	padding-bottom: 11%;*/
	padding: 6% 2% 11%;
}
p{
	margin: 15px 0;
}
}
.marker{
	background: linear-gradient(transparent 50%, #fff75a 70%);
}
.pink{
	color: #ea1679;
}
.blue{
	color: #2e35f3;
}
/* ----------グラデのアコーディオン---------- */
.ma00,.ma00 img{
	margin: 0;
}
.attention{
	background-color: #fffeea;
}
.attention-content{
	padding: 2%
}
.bd-gray01{
	background: #fff;
}
.acc_grawrapper {
    margin: 20px auto;
}
.acc_gracontent_wrapper {
    position: relative;
    margin-bottom: 45px;
}
.acc_gracontent {
    height: 12vh;
    overflow: hidden;
	/*padding: 0px 5px 30px 10px;*/
	padding: 0px 20px 70px;
}
@media screen and (max-width: 699px) {
    .acc_gracontent {
	padding: 0px 4% 70px 5%;
    font-size: 15px;
}
}

.show_more span {
    background: #673ca4;
    border: 7px solid #673ca4;
    border-radius: 5px;
    color: #ffffff;
}
.show_more, .show_more02 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 15px;
    padding-top: 60px;
    text-align: center;
    line-height: 15px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);
    cursor: pointer;
    transition: bottom 0.2s;
}

@media screen and (max-width: 768px) {
    .show_more, .show_more02 {
    height: 35px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);
}
}

/*.active {
    background: none!important;
    bottom: -10px;
}*/

/* ------------マトリックス----------- */
.matrix_wrap{
	position: relative;
}
.matrix_item01,.matrix_item02,.matrix_item03,.matrix_item04,.matrix_item05{
	position: absolute;
	display: block;
}
.matrix_item01{
    top: 40%;
    right: 8%;
	width: 31%;
}
.matrix_item02{
    top: 48%;
    right: 44%;
	width: 21%;
}
.matrix_item03{
    top: 60%;
    right: 60%;
	width: 28%;
}
.matrix_item04{
    top: 73%;
    right: 39%;
	width: 28%;
}
.matrix_item05{
    top: 72%;
    right: 18%;
	width: 19%;
}
.fsSS{
	font-size: 12px;
	text-align: right;
	margin: 0 ;
}
@media screen and (max-width: 768px) {
	.matrix_item01{
		width: 31%;
	}
	.matrix_item02{
		width: 21%;
	}
	.matrix_item03{
		width: 28%;
	}
	.matrix_item04{
		width: 28%;
	}
	.matrix_item05{
		width: 19%;
	}
	.fsSS{
		font-size: 10px;
		color: #898989;
	}
}
/* ----------アコーディオン+---------- */
.toggle {
	display: none;
}
.Label {		
	padding: 1em;
	display: block;
	color: #fff;
	font-weight: 700;
	background:#b39346;
}
.Label::before{		
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}
/* -----------------------5選比較表------------------------- */

@media screen and (min-width:640px) {
    .sp{
        display: none;
    }
}
@media screen and (max-width:640px) {
    .sp{
        display: block;
    }
}
.tac{
    text-align: center;
}
.rankTable table {
    width: 100%;
    text-align: center;
    line-height: 1.2;
}
.rankTable {
    border: 3px solid #663aa4;
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.rankTable th {
    position: sticky;
    width: 40px;
    padding: 9px 0px 9px;
    background-color: #663aa4;
    color: #fff;
	font-weight: 700;
    left: 0;
    border-bottom: 1px dotted #fff;
    font-size: 9px;
}
.rankTable td {
    width: auto;
    border-bottom: 1px dotted #eee;
    border-top: none;
    /*padding: 9px 5px 9px;*/
    padding: 4px 5px 7px;
    font-size: 14px;
    position: relative;
    vertical-align: middle;
    border-right: 1px dotted #ddd;
    background: none;
}
.rankTable td:last-child {
    border-right: none;
}
.rankTable tr th+td {
    background-color: #fdffe4;
}
.rankTable table th {
    width: 19.0%;
    font-size: 13px;
}
.rankTable td {
    border-right: 1px dotted #ddd;
	background-color: #fff;
}
.rankTable tr {
    border-bottom: 1px dotted #ddd;
}
.rankTable tr:last-child td {
    border-bottom: none;
}

.rankTable table th {
    vertical-align: middle;
    width: 13%;
    font-size: 12.5px;
    z-index: 88;
	text-align: center;
}
img.table_icon {
    width: 99%;
    margin-top: 5px;
}
.sogood {
    font-size: 35px;
    color: #ff4a1d;
}
.good {
    font-size: 34px;
    color: #ffbb00;
    font-weight: normal;
}
.bad {
    font-size: 37px;
    font-weight: 300;
    color: #747474;
}
.soso {
    font-size: 34px;
    font-weight: bold;
    color: #0cc300;
}
.rankTable .table_cta {
    background-color: #f15b5b;
    width: 100%;
    display: block;
    color: #fff;
    font-weight: 700;
    padding: 10% 0;
    border-radius: 10px;
    box-shadow: 0 7px 0 rgb(187, 46, 63);
}
.rankTable .table_cta a {
    color: #fff;
    text-decoration: none;
}
.red{
	color: red;
}
.star{
	color: #b39346;
}
.table_ss{
	font-size: 10px;
}
.table_gray{
	color: #656565;
}
.rankTable .brand_name{
    padding: 0px 0px 5px;
}
.brand_name a{
	font-weight: 700;
	color: #000;
}
@media screen and (max-width:768px) {
    .rankTable table {
        width: 565px;
    }
    .rankTable {
        overflow-x: scroll;
    }
	.rankTable table th {
		width: 11%;
	}
	.rankTable table td{
		font-size: 13px;
	}
}
/* -------商品紹介-------- */
h3{
	font-weight: 700;
	text-align: center;
	font-size: 25px;
	color: #b39346;/*文字色*/
	padding: 0.5em 0;/*上下の余白*/
	border-top: solid 3px #b39346;/*上線*/
	border-bottom: solid 3px #b39346;/*下線*/
	margin-top: 2%;
}
@media screen and (max-width:768px) {
	h3{
		font-size: 16px;
		margin-top: 2%;
	}
}
/* スライダー */
/*------ スライダーの横幅 ------*/
.bg{
	position: relative;
	background-color: #f4eff6;
	padding-bottom: 3%;
	padding-top: 3%;
}
.bg::before{
	content: "";
    position: absolute;
    height: 723px;
	width: 100%;
    top: -12rem;
    left: 0;
    background-image: url(../images/bg.png) ;
	background-position: center;
	background-repeat: no-repeat;
    opacity: .4;
	
}
.slider-container{
	margin-bottom: 0;
}
.slider{
	width:95%;
	margin:0 auto;
  }

  .slider img{
	  width:100%;
  }
  /*-------- 高さ調整 ----------*/
  .slider .slick-slide{
	  height:auto!important;
  }
  /*---------- 矢印 ----------*/
  .slider .slick-next{
	  right:-6%;
	  z-index: 10!important;
  }
  .slider .slick-prev{
	  left:-6%;
	  z-index: 10!important;
  }
  .slider .slick-arrow{
	  width: initial!important;
	  height: initial!important;
	  z-index:2!important;
  }
  .slider .slick-arrow:before{
	  font-size: 30px!important;
  }
  .slick-prev:before, .slick-next:before {
    color: #b39346!important;
}
.txt_link{
	color: #0067a4;
	text-align: right;
	display: block;
}
/* スライダー2個 */
.slider-nav{
	width: 90%;
	margin: 0 auto;
}
.slider-nav div{
    margin: 1px;
}
.slider-for{
	width: 90%;
	margin: 0 auto;
	margin-top: 2%;
}
.slick-prev:before, .slick-next:before {
    font-size: 28px!important;
	
}
.slick-next {
    right: -13px!important;
	z-index: 10!important;
}
.slick-prev {
	z-index: 10!important;
    left: -22px!important;
}

@media screen and (max-width:768px){
	.bg{
		background-color: #f3edf6;
		padding-bottom: 11%;
		padding-top: 11%;
	}
	.wrapper02{
		width: 90%;
	}
	.bg::before {
		opacity: .6;
	}
	.wrapper03{
        padding-top: 11%;
	}
	.wrapper05{
		width: 90%;
		margin-bottom: 11%;
	}
	.slider{
		width:90%;
		margin:0 auto;
	  }
	.slider .slick-next{
		right:-7%;
	}
	.slider .slick-prev{
		left:-7%;
	}
}

/* ミニ比較表 */
.minitable_wrap table {
    border-collapse: collapse;
    margin: 0 auto;
    width: 75%;
    border: 3px solid #bd9643;
    margin-top: 3%;
}
.minitable_wrap table  th {
    background-color: #bd9643;
	border-bottom: solid 1px #fff;
    padding: 1em 10px 1em 1em;
    text-align: center;
    color: #fff;
    font-size: 18px;
	position: relative;
	font-weight: 700;
}
.minitable_wrap table th::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	border: 10px solid transparent;
	border-left: 10px solid #bd9643;
	z-index: 2; 
}
.minitable_wrap table td {
  background-color: #fff;
  padding: 1% 1% 1% 5%;
  border-bottom: solid 1px #bd9643;
}
@media screen and (max-width:768px){
	.minitable_wrap table {
		width: 100%;
	}
	.minitable_wrap table th {
        padding: 1em 0px 1em;
		width: 19%;
		font-size: 15px;
	}
}

/* --------------ボタンエリア---------- */
.cta_area{
	display: flex;
	text-align: center;
	margin: 5% 0 2% 0;
}
.cta_area img{
	width: 97%;
}
.ctatxt{
	font-size: 18px;
	font-weight: 700;
	margin: 0;
	margin-top: 3%;
}
.shine{
	display: inline-block;
	overflow: hidden;	
	position: relative;
}
.shine::after{
	animation: 4s 0s shine linear infinite;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 100%);
	content: '';
	height: 100%;
	left: -100%;
	position: absolute;
	top: 0;
	transform: skewX(-25deg);
	width: 50%;
}
@keyframes shine {
	20% {
		left: 150%;
	}
	100% {
		left: 150%;
	}
}
/* --------------口コミ---------- */
.slide{
	width:91%!important;
	margin:0 auto;
	background-color: #fff;
	border: solid 1px #bbbbbb;
	padding: 4%;
	border-radius: 10px;
  }
.kutikomi_ttl{
	display: flex;
	align-items: center;
	line-height: 1.3;
}
.kutikomi_ttl img{
	width: 12%;
}
.kutikomi_ttl p{
	font-size: 20px;
	font-weight:700;
	margin-left: 2%;
}
.slick-prev:before, .slick-next:before {
    color: #b39346!important;
}
@media screen and (max-width:768px){
	.kutikomi_ttl p {
		font-size: 18px;
	}
	.kutikomi_ttl img {
		width: 15%;
	}
}
/* ----------------------店舗一覧------------------- */
.itiran_ttl {
    background-color: #b39346;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 20px;
    margin-top: 20px;
    position: relative;
	color: #fff;
}
.itiran_bgc {
    background-color: #fff;
    padding: 1px;
}
.acc-ttl {
	color: #fff;
	font-size: 17px;
}
.base_profile{
    width: 100%;
    margin: 10px auto;
    border-collapse: collapse;
	display: flex;
}
.base_profile a {
display: block;
color: #000;
}
.store_item ,.store_item02 {
	padding: 1%;
	width: 47%;
	border-radius: 5px;
	margin: 0 auto;
	display: block;
}
.store_item {
	background-color: #e3e3e3;
}
.store_item02 {
	background-color: #f1f1f1;
}
.store_ttl{
	font-size: 17px;
}
.acc-ttl {
    background-color: #b39346;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 20px;
    margin-top: 8px;
    position: relative;
}
.accordion-container .acc-ttl.open::before {
    transform: rotate(180deg);
}
.accordion-container .acc-ttl::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 15px;
    height: 2px;
    transform: rotate(90deg);
    background: #fff;
    transition: all 0.3s ease-in-out;
}
.accordion-container .acc-ttl::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 15px;
    height: 2px;
    background: #fff;
    transition: all 0.3s ease-in-out;
}
@media screen and (max-width:768px){
	.store_ttl{
		font-size: 15px;
	}
	.base_profile{
		font-size: 13px;
	}
	.acc-ttl {
		font-size: 17px;
	}
	.itiran_ttl {
		font-size: 17px;
	}
}
/* ----------------------QA------------------- */
.qa_ttl{
	display: flex;
	align-items: center;
	border-bottom: dotted 3px #8662c1;
}
.qa_ttl img{
	width: 7%;
}
.qa_ttl p{
	font-weight: 700;
	font-size: 20px;
}
.qa_txt{
	margin-top: 2%;
}
footer{
	background-color: #7d7d7d;
	clear: both;
	padding: 2% 0;
	text-align: center;
}
footer a{
	color: #fff!important;
}
@media screen and (max-width:768px){
	.qa_ttl p {
		font-size: 17px;
	}
	footer{
		padding: 5% 0;
	}	
}
/* ---------------追従---------------- */
.floating_inner {
    position: fixed;
    bottom: 2%;
    z-index: 999;
    max-width: 300px;
    right: 200px;
}
@media (min-width: 768px) and (max-width: 1600px) {
    .floating_inner {
        right: 3%;
    }
}
@media screen and (max-width: 767px) {
    .floating_inner {
		right: 2%;
        width: 50%;
    }
}


































/* ----------既存------------------------------------------
--------------------------------------------------------- */
.breadcrumb ul li {
    display: inline-block;
    padding: 0 5px 0 0;
    font-size: 11px;
}
.salon{
	overflow:hidden;
	padding:10px;
	margin:0 0 10px;
	background:#ffffff;
	border-radius:10px;
	position:relative;
}
.salon__title{
	font-size: 1.1em;
	padding:0 0 6px;
}
.salon__title a{
color:#000;	
}
.salon--rank0 {
	background-color: #fff;
	border: solid 4px #fff5d5;	
border-radius: 10px;
}
.salon--rank0 .salon__title,
.salon--rank1 .salon__title,
.salon--rank2 .salon__title,
.salon--rank3 .salon__title,
.salon--rank4 .salon__title,
.salon--rank5 .salon__title,
.salon--rank6 .salon__title,
.salon--rank7 .salon__title,
.salon--rank8 .salon__title,
.salon--rank9 .salon__title,
.salon--rank10 .salon__title {
	background:url("../images/common/icon_rank1.png") no-repeat left bottom;
	background-size:32px auto;
	padding:10px 0 0 0px;
	margin:0 0 10px;
	font-size: 1.3em;
}
.ranking-list .salon__title:before{
	content:"■";
	color: #b30851;
}
.salon--rank0 .salon__title{
	background-image:url("../images/common/icon_rank0.png");
	background-size:65px 55px;
	text-align: center;
	padding: 60px 0 0;
	font-weight: bold;
	font-size: 1.3em;
	background-position: center top;
}
.salon__title::before{
	content:"■";
	color: #b30851;
}
.salon--rank1 .salon__title {background-image: url(../images/common/icon_rank2.png);font-weight: bold;}
.salon--rank2 .salon__title{background-image:url("../images/common/icon_rank2.png");font-weight: bold;}
.salon--rank3 .salon__title{background-image:url("../images/common/icon_rank3.png");font-weight: bold;}
.salon--rank4 .salon__title{background-image:url("../images/common/icon_rank4.png");font-weight: bold;}
.salon--rank5 .salon__title{ background-image:url("../images/common/icon_rank5.png");font-weight: bold;}
.salon--rank6 .salon__title{ background-image:url("../images/common/icon_rank6.png"); }
.salon--rank7 .salon__title{ background-image:url("../images/common/icon_rank7.png"); }
.salon--rank8 .salon__title{ background-image:url("../images/common/icon_rank8.png"); }
.salon--rank9 .salon__title{ background-image:url("../images/common/icon_rank9.png"); }
.salon--rank10 .salon__title{ background-image:url("../images/common/icon_rank10.png"); }
.salon--detail .salon__title,
.salon--default .salon__title{
	/* background:url("../images/common/icon_salon.png") no-repeat left center; */
	background-size:15px auto;
	padding:0 0 0 24px;
	margin:0 0 10px;
}
.salon--rank0 .salon__title:before{
	content: none;
	}
.salon--default {
	position: relative;
}

.salon--default a{
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

.salon--default .recommend {
	position: absolute;
	width: 50px;
	left: 5px;
	top: 0;
}
.salon--default .recommend {
	right: 5px;
	top: 0;
	left: auto;
}
.salon--default .recommend img {
	display: block;
	margin-top: -10px;
}
.salon--detail .salon__title,
.salon--default .salon__title {
	padding: 15px 0px 15px 0px;
}
.salon__end{
	width:75px;
	position:absolute;
	top:10px;
	right:10px;
}
.salon__end p{
	padding:2px;
	border:1px solid #f76b75;
	color:#f76b75;
	text-align:center;
}
.salon__category{
	overflow: hidden;
	padding: 20px 0 10px;
	clear: both;
}
.salon__category li{
	width:30%;
	float:left;
	margin:0 2.5% 4px 0;
	text-align:center;
}
/*
.salon__category li:nth-child(3n){
	padding-right:0;
}
*/
.salon__category li span{
	display:block;
	font-size:11px;
	padding:4px 0 2px;
	background:#c3a548;
	color:#ffffff;
	border-radius:30px;
}
.salon__category li span.is--off{
	background:#dadada;
}
.salon__image{
	/*background:#e3e3e3;*/
	margin: 0 0 20px;
	text-align: center;
}
.salon__value{
	overflow:hidden;
	padding:0 0 10px;
}
.salon__value__title{
	float:left;
	width:75px;
	border:1px solid #f76b75;
	color:#f76b75;
	text-align:center;
	padding:2px 0;
	background-color: #fff;
}

.salon__value__star span{
	display:inline-block;
	width:21.5px;
}
.salon__desc{
	padding:0 0 10px;
}
.salon__info{
	padding: 0 0 20px;
}
.salon__info table{
	width:100%;
}
.salon__info table th,
.salon__info table td{
	border:1px solid #b6b6b6;
	text-align:center;
}
.salon__info table th{
	background:#eeeeee;
	font-size:12px;
	padding:2px 0;
}
.salon__info table td{
	font-size: 0.9em;
	line-height: 1.6;
	padding: 10px 0;
	background-color: #fff;
}
.salon__info table .col3 th{
	width:33.333333%;
}
.salon__info table .col5 th{
	width:16.6666666667%;
}
.salon__info table .col2 th{
	width:50%;
	border-top:0;
}
.salon__info table .col1 th{
	width:33.333333%;
}

/*
.salon__info table:first-child {
	margin-bottom: -1px;
}
*/


.assessment{
	width: 400px;
	float: right;
}
.assessment th{
	border: 2px solid #b6dcdc;
	padding: 8px 0;
	background: #eaf6f6;
	font-size: 16px;
	width: 13%;
}
.assessment td{
	border: 2px solid #b6dcdc;
	padding: 8px 0;
	width: 37%;
	text-align: center;
}
.assessment span{
	width: 21px;
font-size: 13px;
}


.salon__graf {
	clear: both;
	margin: 10px auto 20px;
	text-align: center;
	max-width: 420px;
	
	__display: none;
}
.salon__campaign {
	clear: both;
}
.salon__campaign li {
	display: inline-block;
	margin: 2px;
}
.salon__campaign li a {
	display: block;
    padding: 5px 10px;
    font-size: 14px;
    background: #ffdf00;
    font-weight: bold;
    color: #000;
    background: #f76b75;
    color: #FFF;
    border-radius: 3px;
}
.salon__recommend{
	padding:0 0 10px;
	margin-top: 20px;
}
.salon__recommend__title{
	font-size: 1.3em;
	font-weight: bold;
	margin: 0!important;
	padding: 3px 0 7px 27px!important;
	background:url("../images/common/point.png") no-repeat left top;
	background-size: 18px auto;
}
.salon__recommend li{
	padding: 0 0 5px 28px;
	background:url("../images/common/icon_heart.png") no-repeat 5px 2px;
	background-size: 17px auto;
	font-size: 1.1em;
}
.salon__link{
	/*overflow:hidden;*/
	/* padding:0 0 10px; */
	margin: 10px 0 10px;
}
.salon__link_search{
	margin: -10px 0 20px;
}

.salon__link__detail,
.salon__link__official{
/* 	border:1px solid #58ceb9; */
/* 	border-radius:5px; */
	background-image: url("../images/ranking/salon__link__detail.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.salon__link__official{
	margin:18px 0 0;
/* 	border:1px solid #f76b75; */
	background-image: url("../images/ranking/salon__link__official.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.salon__link__detail a,
.salon__link__official a{
	display:block;
	border:1px solid #ffffff;
	background: linear-gradient(to bottom, #f1538a, #e52063);
	text-align:center;
/* 	border-radius:5px; */
	color:#ffffff;
	padding:13px 0;
	font-size:19px;
	font-weight: bold;
	position:relative;
}
.salon__link__official a{
	padding: 24px 0!important;
}
.salon__link__official a{/* 	background: linear-gradient(to bottom, #f76b75, #f84955); */text-decoration: none;}
.salon__link__detail a:after,
.salon__link__official a:after{
	content:"";
	display:block;
	width:7.5px;
	height:7.5px;
	background:url("../images/common/icon_btn_arrow_right.png") no-repeat left center;
	background-size:cover;
	position:absolute;
	top:50%;
	right:9px;
	margin:-4px 0 0;
}
article{
	padding:0 10px;
	margin:0 0 20px;
}
.search{
	margin: 0 0 20px;
}
.search__title{
	font-size:15px;
	background:url("../images/common/icon_h_search.png") no-repeat 11px center;
	background-size:20px auto;
	padding:6px 0 6px 40px;
	margin:0 0 7px;
}
.search--inner{
	padding:5px;
	background:#ffffff;
	border-radius:0 0 10px 10px;
}
.search .search--inner{
	overflow:hidden;
}
.search__text{
	padding:0 0 10px;
	position:relative;
}
.search__text input{
	border:1px solid #73d5c7;
	padding:10px 20px;
	width:100%;
	box-sizing:border-box;
	border-radius:30px;
	font-size:17px;
	height: 42px;
	line-height:1;
}
.search__text button{
	width:140px;
	background:#73d5c7 url("../images/common/icon_searchbox_w.png") no-repeat 20px center;
	padding:11px 0 11px 28px;
	line-height:1;
	text-align:center;
	color:#ffffff;
	position:absolute;
	top:0;
	right:0;
	border: 0;
	font-size: 17px;
	border-radius: 30px;
	cursor:pointer;
	height: 42px;
}
.search__text.search__text--small button{
	background-position:center center;
	width:50px;
}

.search__form{
	padding: 5px;
	background: #F6EBD8;
	border-radius:5px;
	display:none;
}
.search .search__form{
	display:block;
}
.search__link{
	overflow:hidden;
	padding:0 0 10px;
}
.search__link__detail,
.search__link__map{
	width:48%;
	float:left;
	border:1px solid #58ceb9;
	border-radius:5px;
}
.search__link__map{
	float:right;
}
.search__link__detail a,
.search__link__map a{
	display:block;
	border:1px solid #ffffff;
	background: linear-gradient(to bottom, #58ceb9, #1db499);
	text-align:center;
	border-radius:5px;
	color:#ffffff;
	padding:12px 0 15px;
	font-size:14px;
	line-height:1.2;
	position:relative;
}
.search__link__detail.is--active a,
.search__link__map.is--active a{
	background: linear-gradient(to bottom, #1db499, #58ceb9);
}
.search__link__detail a:after,
.search__link__map a:after{
	content:"";
	display:block;
	width:7.5px;
	height:7.5px;
	background:url("../images/common/icon_btn_arrow_down.png");
	background-size:cover;
	position:absolute;
	bottom:5px;
	left:50%;
	margin:0 0 0 -3px;
}
.search__link__detail.is--active a:after,
.search__link__map.is--active a:after{
	background-image:url("../images/common/icon_btn_arrow_up.png");
}
.search__form h3{
	font-size:16px;
	color:#5bcfbe;
	background:url("../images/common/icon_triangle_green.png") no-repeat left 10px center;
	background-size: 10px;
	padding:0 0 0 15px;
	margin:0 0 10px;
}
.search__form h3:hover {
	cursor: pointer;
}
.search__form h3.active {
	background:url("../images/common/icon_triangle_green_active.png") no-repeat left 10px center;
	background-size: 10px;
}
.search__form__box{
	padding:10px 10px;
	background: #FFF;
	height: 56px;
}
.search__form__select{
	padding:0 0 4px;
}
.search__form .accordion {
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	margin-bottom: 20px;
}
.search__form .accordion h3 {
	padding: 10px 10px;
    border: 1px solid #848484;
    margin: 0 0 -1px;
    position: relative;
    background: #74cccc;
    color: #fff;
    font-weight: bold;
}
.search__form .accordion h3:after {
	content: "＋";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    color: #fff;
}
.search__form .accordion h3.active:after {
	content: "ー";
}
.search__form__select span{
	display:inline-block;
	width:20%;
}
.search__form__select select{
	border:1px solid #a1a1a1;
	padding:8px 10px;
	border-radius:5px;
	width:75%;
	background:#ffffff url("../images/common/select_arrow.png") right 50% no-repeat;
	background-size:auto 100%;
	font-size:17px;
}
.search__form__check label{
	display:inline-block;
	padding:0 0 9px;
}
.search__form__check label.is--full{
	width:100%;
}
.search__form__check input{
	display: none;
}
.search__form__check span{
	padding:0 0 0 30px;
	position:relative;
	margin:0 10px 0 0;
}
.search__form__check span::before{
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #a1a1a1;
	border-radius:5px;
	background:#ffffff;
}

.search__form__check input:checked + span:after{
	content: "";
	display: block;
	position: absolute;
	top: -3px;
	left: 6px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 3px solid #5bcfbe;
	border-right: 3px solid #5bcfbe;
}
.search__form__text input{
	border:1px solid #a1a1a1;
	padding:8px 10px;
	border-radius:5px;
	width:90%;
	font-size:17px;
}
.search__form__submit{
	width:157px;
	border: 1px solid #db1054;
	border-radius:5px;
	margin:0 auto 10px;
}
.search__form__submit input{
	display:block;
	width:100%;
	border:1px solid #ffffff;
	background: linear-gradient(to bottom, #f1538a, #e52063);
	text-align:center;
	border-radius:5px;
	color:#ffffff;
	padding:13px 0;
	margin:0;
	font-size:14px;
	position:relative;
}
.ranking__bord{
	background:#ffffff;
	margin:0 0 10px;
	border-radius:10px;
	padding:1px;
}
.ranking__bord--inner{
	border:1px solid #ead696;
	border-radius:10px;
	padding:1px;
}
.ranking__bord--content{
	border:1px solid #ead696;
	border-radius:10px;
}
.ranking__bord__title{
	__background:#f5f1e4;
	border-bottom:1px solid #c3a548;
	border-radius:10px 10px 0 0;
	position:relative;
}
.ranking__bord__title:before,
.ranking__bord__title:after{
	content:"";
	display:block;
	width:15px;
	height:15px;
	background:url("../images/common/icon_h_ranking.png") no-repeat left top;
	background-size:cover;
	position:absolute;
	top:8px;
	left:50%;
	margin:0 0 0 -122px;
}
.ranking__bord__title:after{
	left:auto;
	right:50%;
	margin:0 -122px 0 0;
}
.ranking__bord__title h2{
	text-align:center;
	color:#b88c3d;
	font-size:15px;
	padding:6px 0 4px;
}
.ranking5 .ranking__bord__title h2{
	font-size: 20px
}
.ranking__bord__more{
	padding:0 0 16px;
}
.ranking__bord__more a{
	display:block;
	margin:0 auto;
	width:130px;
	font-size:15px;
	background:#848484 url("../images/common/icon_arrow_w_down.png") no-repeat 80% center;
	background-size:8.5px auto;
	text-align:center;
	color:#ffffff;
	padding:6px 0;
}
.ranking__bord__sign:before,
.ranking__bord__sign:after{
	content:"";
	display:block;
	width:43px;
	height:43px;
	background:url("../images/common/bg_ranking_l.png") no-repeat left top;
	background-size:cover;
	position:absolute;
	top:4px;
	left:0;
}
.ranking__bord__sign:after{
	background-image:url("../images/common/bg_ranking_r.png");
	left:auto;
	right:0;
}
.ranking__bord__sign{
	overflow:hidden;
	padding:28px 11px 10px;
	position:relative;
	text-align: center;
}
.ranking__bord__sign li{
	overflow:hidden;
	position:relative;
	padding:0 0 0 15%;
	margin:0 0 10px;
	display: inline-block;
}
.ranking__bord__sign .ranking__bord__sign__image{
	width:100px;
	padding:0 0px 0 0;
	float:left;
	display: block;
	z-index: 1;
	position: relative;
}
.ranking__bord__sign .ranking__bord__sign__star {
	display: block;
    min-width: 110px;
}
.ranking__bord__sign__text {
	text-align: left;
	display: block;
	margin-left: 110px;
}
.ranking__bord__sign .ranking__bord__sign__name a{
	text-decoration:underline;
	color:#126e60;
}
.ranking__bord__sign .ranking__bord__sign__star{
}
.ranking__bord__sign .ranking__bord__sign__star span {
	display: inline-block;
	width: 17px;
}
.ranking__bord__sign .ranking__bord__sign--rank0 {
	background-color: #fff5d5;
}
.ranking__bord__sign .ranking__bord__sign--rank0:before,
.ranking__bord__sign .ranking__bord__sign--rank1:before,
.ranking__bord__sign .ranking__bord__sign--rank2:before,
.ranking__bord__sign .ranking__bord__sign--rank3:before,
.ranking__bord__sign .ranking__bord__sign--rank4:before,
.ranking__bord__sign .ranking__bord__sign--rank5:before{
	content:"";
	display:inline-block;
	width:28px;
	height:23.5px;
	background:url("../images/common/icon_rank1.png") no-repeat left bottom;
	background-size:contain;
	position:absolute;
	top:50%;
	left:3px;
	margin:-13px 0 0;
}
.ranking__bord__sign .ranking__bord__sign--rank0:before{
	/*width:33.5px;
	height:28.5px;
	left:10px;*/
	background-image:url("../images/common/icon_rank0.png");
}
.ranking__bord__sign .ranking__bord__sign--rank1:before{
	background-image:url("../images/common/icon_rank1.png");
}
.ranking__bord__sign .ranking__bord__sign--rank2:before{
	background-image:url("../images/common/icon_rank2.png");
}
.ranking__bord__sign .ranking__bord__sign--rank3:before{
	background-image:url("../images/common/icon_rank3.png");
}
.ranking__bord__sign .ranking__bord__sign--rank4:before{
	background-image:url("../images/common/icon_rank4.png");
}
.ranking__bord__sign .ranking__bord__sign--rank5:before{
	background-image:url("../images/common/icon_rank5.png");
}
.ranking__bord__sign .ranking__bord__sign--rank0 {
	__border: 1px #fbc61c double;
	background: #fffaeb;
	padding: 20px 0px 20px 60px;
	box-shadow: inset 0px 0px 0px 1px #fbc61c,0px 0px 0px 1px #fffaeb,0px 0px 0px 2px #fbc61c,inset 0px 0px 8px 0 #fbc61c,0px 1px 3px rgba(0,0,0,0.4);
	__border-radius: 4px;
	position: relative;
}
.jisya{
    font-size:13px;
    margin:10px;
    text-align:right;
}

/* キャンペーン */
.campaign__bord{
	background:#ffffff;
	margin:0 0 10px;
	border-radius:10px;
	padding:1px;
}
.campaign__bord--inner{
	border:1px solid #ffc2c6;
	border-radius:10px;
	padding:1px;
}
.campaign__bord--content{
	border:1px solid #ffc2c6;
	border-radius:10px;
}
.campaign__bord__title{
	background:#fff3f3;
	border-bottom:1px solid #f76b75;
	border-radius:10px 10px 0 0;
	position:relative;
}
.campaign__bord__title h2{
	text-align:center;
	color:#f76b75;
	font-size:15px;
	padding:6px 0 4px;
}
.campaign__bord__list{
	overflow:hidden;
	padding:12px 10px 10px;
	position:relative;
}
.campaign__bord__list li{
	overflow:hidden;
	position:relative;
	margin:0 0 10px;
}
.campaign__bord__list .campaign__bord__image{
	width:112px;
	float:left;
}
.campaign__bord__list .campaign__bord__name{
	position:relative;
	background:url("../images/common/icon_square.png") no-repeat left 5px;
	background-size:10px 10px;
	margin:0 0 0 122px;
	padding:0 0 0 16px;
}
.campaign__bord__list .campaign__bord__name a{
	font-size:15px;
	text-decoration:underline;
	color:#126e60;
}
.campaign__bord__list .campaign__bord__price{
	margin:0 0 0 122px;
	padding:0 0 0 16px;
	font-size:15px;
	color:#f76b75;
}
.campaign__group {
	padding: 20px;
}
.campaign__group h3 {
	font-size: 19px;
	font-weight: bold;
	background: url(../images/common/icon_square.png) no-repeat left 5px;
	    margin: 14px 0 15px 0;
    background-size: 16px 16px;
    padding: 0 0 0 22px;
}
.campaign__group ul {
	overflow: hidden;
}
.campaign__group ul .campaign_image {
	display: none;
	margin-bottom: 10px;
}
.campaign__group ul .campaign_image:first-child {
	display: block;
}
.campaign__group ul .campaign_text {
	margin-bottom: 5px;
	font-size: 16px;
}
/*
.campaign__group ul .campaign_text a {
	color: #f76b75;
	text-decoration: underline;
}
*/
.campaign__group ul .campaign_text a {
	display: block;
	padding: 11px;
	font-size: 16px;
	background: #ffdf00;
	border-left: dotted 3px #FFF;
	border-right: dotted 3px #FFF;
	font-weight: bold;
	color: #000;
	
	background: #f76b75;
	color: #FFF;
}
/* コラム詳細 */
.column__detail__title{
	font-size:18px;
	line-height:1.2;
}
.column__detail__date{
	font-size:11px;
	color:#767676;
	text-align:right;
	padding:0 0 10px;
}
.column__detail--inner{
	padding:10px 10px 0;
	margin:0 0 15px;
	background:#ffffff;
	border-radius:0 0 10px 10px;
}
.column__detail--inner h2{
	font-size:17px;
	color:#000000;
	padding:6px 0 8px 20px;
	border-bottom:1px solid #58ceb9;
	border-left:4px solid #58ceb9;
	margin:0 0 10px;
	font-weight:bold;
}
.column__detail--inner h3{
	font-size:15px;
	color:#000000;
	padding:0 0 0 20px;
	margin:0 0 10px;
	background:url("../images/common/icon_square.png") no-repeat left 5px;
	background-size:10px 10px;
	font-weight:bold;
}
.column__detail--inner p{
	font-size:14px;
	padding:0 4px 16px;
}
.column__detail__back{
	text-align:center;
}
.column__detail__back a{
	display:inline-block;
	font-size:15px;
	color:#ffffff;
	padding:10px 24px 10px 35px;
	background:#848484 url("../images/common/icon_arrow_back.png") no-repeat 13px center;
	background-size:5px auto;
}
/* 検索数 */
.search__number{
	padding:0 0 10px;
}
.search__number p{
	font-size:10px;
	border-bottom:1px solid #b6b6b6;
	padding:5px;
}
/* 現在の検索条件 */
.search__bord{
	padding:0 0 10px;
}
.search__bord--inner{
	padding:10px;
	background:#ffffff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.search__bord--head{
	overflow:hidden;
	padding:0 0 5px;
}
.search__bord__title{
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 25px;
	margin:4px 0 0;
	background:url("../images/common/icon_search_h.png") no-repeat left center;
	background-size:15px auto;
	width:50%;
	float:left;
}
.search__bord__link{
	width:40%;
	float:right;
}
.search__bord__link{
	border: 1px solid #db1054;
	border-radius:5px;
}
.search__bord__link a{
	display:block;
	border:1px solid #ffffff;
	background: linear-gradient(to bottom, #f1538a, #e52063);
	text-align:center;
	border-radius:5px;
	color:#ffffff;
	padding:4px 0;
	font-size:12px;
	position:relative;
	text-decoration: none;
}
.search__bord table{
	width:100%;
}
.search__bord table th{
	width:35%;
	border:1px solid #b6b6b6;
	text-align:center;
	padding:4px 8px;
	font-weight:bold;
	background:#eeeeee;
}
.search__bord table td{
	border:1px solid #b6b6b6;
	padding:4px 8px;
}
.search_sort {
	margin: 25px 0;
	text-align: center;
}
.search_sort p {
	font-size: 17px;
	font-weight: bold;
	color: #5bcfbe;
	margin-bottom: 10px;
}
.search_sort ul:after {
	clear: both;
    content: " ";
    display: block;
}
.search_sort ul li {
	float: left;
	box-sizing: border-box;
	width: 22%;
	font-size: 12px;
	margin-right: 4%;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	padding: 10px 0;
	background-color: #fff;
	cursor: pointer;
}
.search_sort ul li:last-child {
	margin-right: 0;
}
/* サイトマップ */
.sitemap--inner{
	padding:10px 10px 20px;
	background:#ffffff;
	border-radius:0 0 10px 10px;
}
.sitemap--inner .subpage__title{
	margin:0;
}
.sitemap--inner > ul{
	padding:0 10px;
}
.sitemap--inner ul a,
.sitemap--inner ul p{
	display:block;
	background:url("../images/common/icon_square.png") no-repeat 4px center;
	background-size:10px 10px;
	border-bottom:2px dotted #dadada;
	padding:10px 0 10px 22px;
}
.sitemap--inner > ul ul{
	padding:0 0 0 30px;
}
.sitemap--inner ul ul a{
	background:url("../images/common/icon_border.png") no-repeat 4px center;
	background-size:10px auto;
}
/* 運営者情報 */
.about--inner{
	padding:10px 10px 20px;
	background:#ffffff;
	border-radius:0 0 10px 10px;
}
.about table{
	width:100%;
}
.about table th{
	width:35%;
	border:1px solid #b6b6b6;
	text-align:center;
	padding:10px 0;
	background:#eeeeee;
}
.about table td{
	border:1px solid #b6b6b6;
	padding:10px;
}
/* 免責事項 */
.legalnotice--inner{
	padding:10px;
	background:#ffffff;
	border-radius:0 0 10px 10px;
}
.legalnotice--inner h2{
	font-size:14px;
	background:url("../images/common/icon_square.png") no-repeat 4px center;
	background-size:10px 10px;
	padding:0 0 0 22px;
	margin:0 0 5px;
}
.legalnotice--inner p{
	margin:0 0 10px;
}
/* サロン詳細 */
.salon--detail__header{
	overflow:hidden;
	position:relative;
}
.salon--detail__header .salon__title{
padding: 7px 0 0px 24px;
margin-top: 14px;	
}
.salon--detail__header .salon__value{
	width:100px;
	position:absolute;
	top:0;
	right:0;
}
.salon--detail__header .salon__value__title{
	float:none;
	width:55px;
	padding:0;
	font-size:10px;
	margin:0 auto;
}
.salon--detail__header .salon__value__star{
	padding:0;
	text-align:center;
}
.salon--detail__header .salon__value__star span{
	display:inline-block;
	width:15px;
}
.salon--detail__section{
	margin:0 0 10px;
	border-bottom: 1px solid #dadada;
}
.salon--detail__section .salon__link__official{
	float:none;
	width:250px;
	margin:0 auto;
}
.salon--detail__section .salon__link__official a:after{
	right: 50%;
	margin-right:-90px;
}
.salon--detail__section .section__title{
	font-size:16px;
	background:url("../images/common/icon_triangle_green.png") no-repeat left center;
	background-size:4.5px auto;
	padding:0 0 0 10px;
	margin:0 0 10px;
}
.salon--detail__about h3{
	font-size:15px;
	font-weight:bold;
	background:url("../images/common/icon_square.png") no-repeat 0 center;
	background-size:10px 10px;
	padding:0 0 0 22px;
	margin:0 0 5px;
}
.salon--detail__about__image{
	padding:0 0 10px;
}
.salon--detail__about__text{
	padding:0 6px 10px;
}
.fw-b{font-weight: bold;}

.salon > span {
    background: #FBFF7F;
    padding: 1px 1px;
    color: #000;
}
.salon--detail__about__text span {
    background:#FFFEA4;
    padding: 1px 1px;
    color: #000;
}
.salon--detail__about__text a:link,
.salon--detail__about__text a:visited
{color: #f08500 !important;}

.salon--detail__review .salon__value{
	width: 220px;
	margin: 0 auto;
}
.salon--detail__review table{
	width:100%;
	margin:0 0 10px;
}
.salon--detail__review th,
.salon--detail__review td{
	border: 1px solid #b6dcdc;
	text-align: center;
	padding:4px 0;
}
.salon--detail__review th{
	width:13%;
	font-size:11px;
	background:#eaf6f6;
}
.salon--detail__review td{
	width:35%;
}
.salon--detail__review td .salon__value__star{
	padding: 0;
}
.salon--detail__review td .salon__value__star span{
	width: 14px;
	font-size:10px;
}
.salon--detail__review td .salon__value__star .point{
	width: 24px;
	font-size:10px;
}
.salon--detail__review__item{
	background: #fff url("../images/common/review.png") no-repeat 15px 15px;
	background-size: 40px auto;
	border: solid 1px #b7b7b7;
	border-radius:5px;
	box-shadow: 0px 3px #e4e4e4;
	padding: 15px 20px;
	margin:0 0 10px;
}
.salon--detail__review__item__title{
	padding: 0 0 0 45px!important;
	margin: 10px 0 18px!important;
	font-size:14px;
	font-weight:bold;
	color:#000000;
}
.salon--detail__review__item__age{
	padding:0 0 0 43px;
	font-size:11px;
}
.salon--detail__review__item__text{
	padding: 0!important;
	margin: 0!important;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.5;
}

.salon--detail__review__item2{
	background: #fff url("../images/common/review2.png") no-repeat 15px 15px;
	background-size: 40px auto;
	border: solid 1px #b7b7b7;
	border-radius:5px;
	box-shadow: 0px 3px #e4e4e4;
	padding: 15px 20px;
	margin:0 0 10px;
}

.salon--detail__review__more{
	padding:0 0 10px;
}
.salon--detail__review__more a{
	display:block;
	text-align:center;
	color:#ffffff;
	font-size:13px;
	padding:8px 0;
	width:150px;
	background:#848484 url("../images/common/icon_more.png") no-repeat 28px center;
	background-size:11.5px auto;
	margin:0 auto;
}
.salon--detail__store{
	border-bottom:1px solid #b6b6b6;
}
.salon--detail__store__title{
	background:#eeeeee;
	padding:10px 15px;
	border:1px solid #b6b6b6;
	border-bottom:0;
	font-size:14px;
	font-weight:bold;
	position:relative;
	display: block;
}
.salon--detail__store__title:after{
	content:"＋";
	position:absolute;
	top:50%;
	right:10px;
	transform:translate(0, -50%);
	color:#58ceb9;
}
.salon--detail__store__title.is--open:after{
	content:"ー";
}
.salon--detail__store__list{
	border:1px solid #b6b6b6;
	border-bottom:0;
	display:none;
}
.salon--detail__store__list ul{
	padding:10px 18px 0;
}
.salon--detail__store__list ul li{
	padding:0 0 10px 16px;
	background:url("../images/common/icon_square.png") no-repeat left 4px;
	background-size:10px 10px;
	line-height: 2.2em;
}
.salon--detail__store__list ul li span{
	font-weight:bold;
}
.salon--detail__store__list ul li a {
	border: #2dab94 1px solid;
    border-radius: 4px;
    padding: 2px 5px;
    font-size: 12px;
    color: #41bba5;
    margin: 0 6px;
    vertical-align: 1px;
}
.salon--detail__store__list ul li a:before {
	content: '店舗ページへ';
}
/* ---------------------------------------------------
	START LINE 記述
--------------------------------------------------- */
.ranking-list .ranking {
	display: none;
}
.ranking-list #ranking0,
.ranking-list #ranking1,
.ranking-list #ranking2,
.ranking-list #ranking3,
.ranking-list #ranking4,
.ranking-list #ranking5 {
	display: block;
}
.ranking-list.active .ranking {
	display: block;
}
.ranking-list .footer {
	text-align: center;
}
/*
.ranking-list .footer .button {
	display: inline-block;
	border-radius: 4px;
    border: 1px solid #f76b75;
}
.ranking-list .footer .button a {
	background: #f76b75;
	color: #FFF;
	line-height: 60px;
	padding: 0 40px;
	font-size: 18px;
	border-radius: 4px;
	font-weight: bold;
	border:1px solid #fff;
    background: linear-gradient(to bottom, #f76b75, #f84955);
    text-align: center;
    display: block;
    cursor: pointer;
}
*/
.ranking-list .footer .button {
	display: inline-block;
	border-radius: 4px;
}
.ranking-list .footer .button a {
color: #FFF;
    line-height: 60px;
    padding: 0 60px 0 40px;
    font-size: 19px;
    border-radius: 4px;
    font-weight: bold;
    background: #848484 url("../images/common/icon_arrow_w_down.png") no-repeat 170px center;
    text-align: center;
    display: block;
    cursor: pointer;
    background-size: 10px auto;
}
.ranking-list.active .footer {
	display: none;
}
.search-form {
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	border-top: 1px solid #1d2089;
}
.search-form li {
	background: #FFF;
    border-top: none;
    overflow: visible;
    box-sizing:border-box; 
}
.search-form li:nth-child(1),
.search-form li:nth-child(5){
	max-height: 58px;
}
.search-form li:nth-child(1) div.search__form__box.area{
	border-left: 1px solid #848484;
    box-sizing:border-box; 
}
.search-form li:nth-child(1) .search__form__box.evaluation{
	border-right: 1px solid #848484;
    box-sizing:border-box; 
}
.search-form li:nth-child(2),
.search-form li:nth-child(3),
.search-form li:nth-child(4) {
	background: #FFF;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #1d2089;
    border-top: none;
    width: 50%;
    float: left;
}
.search-form li:nth-child(4) {
    width: 34%;
	border-right: 1px solid #1d2089;
	float: right;
	background: #89cacb;
}
.search-form li:nth-child(5) {
	clear: both;
	height: 58px;
}
.search-form dt {
    padding: 10px 10px;
    margin: 0 0;
    position: relative;
    background: #6d6d6d;
    color: #fff;
    font-weight: bold;
}
.search-form dt:after {
	content: "+";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    color: #fff;
}
.search-form dt.active:after {
	content: "+";
}
.search-form dd {
	padding: 10px;
	display: none;
	width: 200%;
	background: #fff;
	box-sizing: border-box;
	border-right: 1px solid #1d2089;
	z-index: 10;
	background: white!important;
}
.search-form li:nth-child(3) dd{
	margin-left: -100.8%;
	width: 201%;
	border-left: 1px solid #1d2089;
	z-index: 20;
}
.search-form li:nth-child(4) dd{
	margin-left: -196.2%;
	width: 296.7%;
	border-left: 1px solid #1d2089;
	z-index: 30;
}
.search-form li {
	overflow: visible;
}
.search-form li .search__form__box {
	float: left;
	width: 50%;
	box-sizing: border-box;
}
.search-form li .search__form__box:first-child {
	border-right: 1px solid #1d2089;
}
.search-form .search__form__select {
	width: 100%;
}
.search-form .search__form__select {
	padding-bottom: 0;
}
.search-form .search__form__select select {
	width: 100%;
	font-size: 13px;
}
.search-form li > div {
	padding: 5px;
	box-sizing: border-box;
}
.search-form .search__form__text {
	width: 55%;
	padding-right: 0;
	float: left;
}
.search-form .submit {
	width: 40%;
	margin: 0 auto;
}
.search-form .search__form__text input {
	width: 100%;
	box-sizing: border-box;
}
.search-form .search__form__submit {
	margin: 0 auto;
	width: 40%;
}
.search__form__text input {
    line-height: 22px;
}
#page-index .ranking__bord--inner{
	border-radius:0;
}
#page-index .ranking__bord--content{
	border-radius:0;
}
#page-index .ranking__bord__title h2 {
	padding: 0;
	margin: 0;
}
#page-index .ranking__bord__title:before,
#page-index .ranking__bord__title:after {
	display: none;
}
.search__form__text input {
    line-height: 22px;
    font-size: 14px;
    padding: 7px 5px;
}
.search__form__submit input {
	padding: 7px 0;
}
.search__salon .search__location{
	margin: 20px 0;
}
.search__salon .search__location .search--inner {
	padding: 0;
}
.reviews {
	margin-top: 10px;
}
.salon--detail__review__item.review2 {
	display: none;
}
/*
.ranking-list #ranking0 .reviews {
	padding: 10px 10px 0;
	overflow: hidden;
	background: #FFF;
}*/
.ranking-list #ranking0 .salon--detail__review__item {
	background-color: #FFF;
}
.ranking-list #ranking0 .salon--detail__review__item.review2 {
	display: block;
}
.search__salon .salon__campaign {
	margin-bottom: 20px;
}
.ranking-board {
	padding: 50px 70px 30px;
	text-align: center;
	position: relative;
}
.ranking-board:before,
.ranking-board:after {
	content: "";
    display: block;
    width: 43px;
    height: 43px;
    background: url(//datsumou-salon-hikakunavi.net/wp/wp-content/themes/hikakunavi/css/../images/common/bg_ranking_l.png) no-repeat left top;
    background-size: cover;
    position: absolute;
    top: 4px;
    left: 0;
}
.ranking-board:after {
	background-image: url(//datsumou-salon-hikakunavi.net/wp/wp-content/themes/hikakunavi/css/../images/common/bg_ranking_r.png);
    left: auto;
    right: 0;
}
.ranking-board li {
	display: inline-block;
	margin: auto;
	width: auto;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #EEE;
}
.ranking-board li > div {
	display: flex;
	align-items: center;
	
}
.ranking-board li .rank {
	width: 60px;
}
.ranking-board li .image {
	width: 300px;
	text-align: center;
	flex: 1;
}
.ranking-board li .image a {
	display: block;
	margin-bottom: 5px;
}
.ranking-board li .star {
	display: block;
}
.ranking-board li .star span {
	width: 34px;
	display: inline-block;
}
.ranking-board li.rank0 {
	background: #fffaeb;
    box-shadow: inset 0 0 0 1px #fbc61c, 0px 0 0 1px #fffaeb, 0px 0 0 2px #fbc61c, inset 0 0 8px 0 #fbc61c, 0px 1px 3px rgba(0,0,0,0.4);
    __border-radius: 4px;
    position: relative;
    width: 100%;
    display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin-bottom: 10px;
    
}
.ranking-board li.rank0 .rank {
	width: 78px;
	margin-right: 10px;
}
.ranking-board li.rank0 .image {
	width: 350px;
}
.ranking-board li.rank1 {
	margin-bottom: 5px;
	padding-top: 0;
}
.ranking-board li.rank1 .star {
	margin-top: -10px;
}
.ranking-board li.rank1 .rank {
	align-items: center;
}
.ranking-board li.rank2,
.ranking-board li.rank3 {
	width: 49%;
	box-sizing: border-box;
}
.ranking-board li.rank0 .rank {
	margin-top: -20px;
}
.ranking-board li.rank1 .rank {
	margin-top: -10px;
}
.ranking-board li.rank2 .rank,
.ranking-board li.rank3 .rank {
	width: 30px;
	margin-top: -20px;
}
.rakuten-research {
	display: none !important;
}
.ranking-board li.rank0 .rakuten-research {
	display: block !important;
    width: 80px;
    position: absolute;
    right: -10px;
    top: -20px;
}
.shijiritsu {
	margin:0 0 0 4px;
	float: right;
	font-size: 11px;
	line-height: 2em;
}
.ranking-board li.rank2 .star .shijiritsu,
.ranking-board li.rank3 .star .shijiritsu {
	margin-top:4px;
}
.shijiritsupc {
	margin:4px 0 0 4px;
	float: left;
	font-size: 11px;
	line-height: 2em;
}

.search2{
    background: no-repeat center top url("../images/common/top_sp4.jpg");
    background-color: #300;
    box-sizing: border-box;
    min-height: 500px;
    padding-top: 28%;
    padding-right: 2.7%;
}
.search2 .search--inner{
    display: block;
    width: 300px;
    padding: 0;
    float: right;
    border-radius: 0;
    background: rgba(255,255,255,0.8);
}
.search2 .search--inner form .search-form{
    padding: 0;
    font-size: 13px;
    background: none;
    border-top: none;
}
.search2 .search-form ul{
    display: flex;
    flex-flow: column nowrap;
    float: none;
}
.search2 .search-form ul li{
    width: 100%;
    border: 0;
    background: none;
}
.search2 .search-form li:nth-child(5){
    height: auto;
    border-top: 0;
}
.search2 .search-form ul li:nth-of-type(1){
    display: flex;
    flex-flow: row nowrap;
}
.search2 .search__form__select{
    padding: 10px 10px 0;
}
.search2 .search__form__select select{
    margin: 0;
    padding: 6px 5px;
}
.search2 .search-form ul li .search__form__text{
    width: 100%;
    padding: 10px 10px 0 10px;
    float: none;
    
}
.search2 .search-form ul li .search__form__text input{
    margin: 0;
    padding: 3px 5px;
}
.search2 .search-form ul li .submit{
    width: 100%;
    float: none;
}
.search2 .search-form ul li .submit .search__form__submit input{
    padding: 4px 0;
    font-size: 15px;
}
/** #106 サイドバー部位パーツ全身追加指定 20180718
------------------------------------------**/
.side__parts ul .zenshin_sidebar{
    width: 100%;
}
.side__parts ul .zenshin_sidebar dl{
    margin: 0;
}
/** #110 VIOコンテンツテキスト追加指定 20180803
------------------------------------------**/

.mt30{margin-top:30px;}
.mb20{margin-bottom:20px;}
.mt0{margin-top: 0px;}
.fsS{font-size:80%;}
.strong{font-weight:bold;}







.search-form {
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	border-top: 1px solid #848484;
}
.search-form li {
	background: #FFF;
	border-top: 0;
	overflow: visible;
	box-sizing: border-box
}
.search-form li:nth-child(1), .search-form li:nth-child(5) {
	max-height: 58px
}
.search-form li:nth-child(1) div.search__form__box.area {
	border-left: 1px solid #848484;
	box-sizing: border-box;
}
.search-form li:nth-child(1) .search__form__box.evaluation {
	border-right: 1px solid #848484;
	box-sizing: border-box;
}
.search-form li:nth-child(2), .search-form li:nth-child(3), .search-form li:nth-child(4) {
	background: #FFF;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 1px solid #6d6d6d;
	border-top: 0;
	width: 33%;
	float: left;
}
.search-form li:nth-child(4) {
	width: 34%;
	border-right: 1px solid #848484;
	float: right;
	background: #89cacb
}
.search-form li:nth-child(5) {
	clear: both;
	border: 1px solid #848484;
	height: 58px;
}
.search-form dt {
	padding: 10px 10px;
	margin: 0;
	position: relative;
	background: #a1a1a1;
	color: #fff;
	font-weight: bold;
	border-top: 1px solid #6d6d6d;
}
.search-form dt:after {
	content: "+";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(0, -50%);
	color: #fff
}
.search-form dt.active:after {
	content: "+";
}
.search-form dd {
	padding: 10px;
	display: none;
	width: 304.2%;
	background: #fff;
	box-sizing: border-box;
	border-right: 1px solid #848484;
	z-index: 10;
	background: white !important
}
.search-form li:nth-child(3) dd {
	margin-left: -100.8%;
	width: 304.4%;
	border-left: 1px solid #848484;
	z-index: 20
}
.search-form li:nth-child(4) dd {
	margin-left: -196.2%;
	width: 296.7%;
	border-left: 1px solid #848484;
	z-index: 30
}
.search-form li {
	overflow: visible
}
.search-form li .search__form__box {
	float: left;
	width: 50%;
	box-sizing: border-box
}
.search-form li .search__form__box:first-child {
	border-right: 1px solid #848484
}
.search-form .search__form__select {
	width: 100%
}
.search-form .search__form__select {
	padding-bottom: 0
}
.search-form .search__form__select select {
	width: 100%;
	font-size: 11px;
}
.search-form li>div {
	padding: 5px;
	box-sizing: border-box
}
.search-form .search__form__text {
	width: 55%;
	padding-right: 0;
	float: left
}
.search-form .search__form__text input {
	width: 100%;
	box-sizing: border-box
}
.search-form .search__form__submit {
	margin: 0;
	width: 100%
}
.search__form__text input {
	line-height: 22px
}


.search2 .search-form ul li .search__form__text {
	width: 100%;
	padding: 10px 10px 0 10px;
	float: none
}
.search2 .search-form ul li .search__form__text input {
	margin: 0;
	padding: 3px 5px
}
.search2 .search-form ul li .submit {
	width: 100%;
	float: none
}
.search2 .search-form ul li .submit .search__form__submit input {
	padding: 4px 0;
	font-size: 15px
}

.salon.obi{
	text-align: center;
	color:#0067a4;
	border-radius: 0;
font-weight: 600;
}
@media screen and (min-width:640px) { 
.svenson {
    background: #fff;
    border-radius: 5px;
    margin:15px 0;
}
.svenson h2{
    font-size: 22px;
    line-height: 1.4;
    font-weight: bold;
    margin: 45px 0 15px;
    padding: 3%;
    color: #fff;
    background-color: #9e7b37;
    
}
}

@media screen and (max-width:640px) { 
.svenson {
    padding: 0 0 15px;
    background: #fff;
    border-radius: 5px;
    margin:15px 0;
}
.svenson h2{
    font-size: 1.2em;
    line-height: 1.5;
    font-weight: bold;
    color: #fff;
    background-color: #9e7b37;
    margin: 60px 0 15px;
    padding: 15px 20px;
    text-align:center;
}
}
.svenson__img{
    margin:auto;
    margin-bottom: 15px;
    width:100%;
    margin-bottom: 15px;
    box-sizing: border-box;
    padding: 0 15px;
}


.svenson p{
    margin-bottom: 15px;
    padding: 15px;
}

.review_svenson{
    margin: 0 15px 55px;
}


.tyousa{
	margin-top:10px;
	font-size:0.6em;
	line-height:1.4;
}

.top_sv_cta{
	margin-top:10px;
}
.top_sv_cta img{
	margin-bottom:0!important;
}


.gijyutu{	
background:#f6f2e9;	
padding:4% 3%;	
margin-bottom:5%;	
}	
.gijyutu h3{	
position:relative;	
left: 50px;	
font-weight:bold;	
font-size:20px;	
}	
.gijyutu h3:before{	
content: "";	
position: absolute;	
top: 2px;	
left: -40px;	
z-index: 0;	
width: 30px;	
height: 30px;	
background-image: url(../images/top/check.png);	
background-repeat: no-repeat;	
background-position: 0 0;	
background-size: 100% 100%;	
}
.new-item-cta{
	background-color: #e4efe9;
	padding: 6% 3%;
}
.new-item-cta .ttl.pc{
	display: block;
	width: 520px;
	margin: 0px auto 20px ;
}
.new-item-cta .ttl.sp{
	display: none;
}
.new-item-cta .inner{
	display: flex;
	flex-wrap: wrap;
	max-width: 1080px;
	margin: 0 auto;
	justify-content: space-between;
}
.new-item-cta .inner a{
	width: 49%;
}
.new-item-cta .inner a:first-child{
	display: block;
	width: 49%;
	margin: 0 25.5% 2% 25.5%;
}
.sp{
	display: none;
}
@media (max-width: 768px) { 
	.new-item-cta .inner{
	display: block;
	width: 97%;
	margin: 0 auto 25px;
	justify-content: space-between;
}
.new-item-cta .inner a img{
	margin-bottom: 10px;
}
.new-item-cta .ttl.pc{
	display: none;
}
.new-item-cta .ttl.sp{
	display: block;
	width: 95%;
	margin: 20px auto 20px ;
}
.sp{
	display: block;
}
.new-item-cta .inner a:first-child{
	display: inline;
	width: 100%;
	margin: initial;
}

}

.fs12{
    font-size: 12px;
}