@charset "UTF-8";
/* CSS Document */
/* base setting */		
header.pc a.to_salon_link:hover {
	background-color: rgba(255, 255, 255, 0.3);
}
/* tab color */
header.pc nav a.current {
	background-color: #EEE4F6;
	color: #53317d;
	cursor: default;
	text-decoration: none;
}
#main {
	background-image: url(../img/main_bg_02.png) !important;
	background-repeat: repeat-x !important;
	margin-bottom: 50px;
}
#main .aside__head {
  background-image: url(../img/sidebar_title_bg_02.png);
}
#main .aside__contents__head {
    color: #7262a0;
}
/* /base setting */	
.text_search .article__head {
  background-image: url(../img/sidebar_title_bg_02.png);
  background-repeat: no-repeat;
  height: 27px;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 13px; }

.area_search .article__head {
  background-image: url(../img/sidebar_title_bg_02.png);
  background-repeat: no-repeat;
  height: 27px;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 13px; }
@media screen and (max-width: 980px) {
  .sh_header {
	background: #b3add0 !important;
	text-align: center !important;
	color: #fff !important;
	height: 30px !important;
	line-height: 30px !important;
	font-weight: bold !important;
	font-size: 14px !important;
}
#main {
	margin-bottom: 0;
}
footer {
    border-top: 3px solid #53317d; }
footer .mode {
	display: block;
	font-size: 11px;
}
/*footer .footer__list a {
	width:40%;
	text-align: right;
	padding:0 1%;
	margin:1%;
}
footer .footer__list a:nth-child(even) {
	text-align: left;
}*/
footer .sh_footer {
	font-size: 11px;
}
}
/* line 6, ../sass/salon_list.scss */
#main {
  margin-bottom: 40px; }
  /* line 10, ../sass/salon_list.scss */
  #main article section {
    zoom: 1;
    padding-bottom: 30px;
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 30px; }
    /* line 11, ../sass/_defines.scss */
    #main article section:before, #main article section:after {
      content: " ";
      display: block;
      overflow: hidden; }
    /* line 16, ../sass/_defines.scss */
    #main article section:after {
      clear: both; }

/* line 19, ../sass/salon_list.scss */
.text_search {
  background-color: #F6F2ED;
  padding: 0 !important;
  border-radius: 3px;
  border: none !important; }
  /* line 25, ../sass/salon_list.scss */
  .text_search .article__head {
    background-image: url(../img/article_title_long_bg_02.png);
    margin-left: 10px; }
  /* line 31, ../sass/salon_list.scss */
  .text_search .article__contents {
    padding: 0 !important;
    background-image: url(../img/text_search_bg.png);
    background-position: 98.8% center;
    margin: 0 20px 10px 20px;
    border: 1px solid #cacaca;
    border-radius: 3px; }
  /* line 39, ../sass/salon_list.scss */
  .text_search form {
    position: relative;
    width: 100%;
    height: 30px; }
  /* line 44, ../sass/salon_list.scss */
  .text_search input {
    border: none;
    background: transparent;
    height: 30px;
    line-height: 30px; }
    /* line 50, ../sass/salon_list.scss */
    .text_search input[type=text] {
      width: 88.95775%;
      position: absolute;
      padding: 0 10px;
      top: 0;
      left: 0; }
    /* line 57, ../sass/salon_list.scss */
    .text_search input[type=submit] {
      width: 10.04225%;
      position: absolute;
      top: 0;
      right: 0;
      cursor: pointer; }
  .text_search ul {
    margin: 0 10px 10px; }

  .text_search li {
    display: inline-block;
    font-size: 12px; } 

.area_search {
  background-color: #F6F2ED;
  padding: 0 !important;
  border-radius: 3px;
  border: none !important; }
  /* line 25, ../sass/salon_list.scss */
  .area_search .article__head {
    background-image: url(../img/article_title_long_bg_02.png);
    margin-left: 10px; }
  /* line 31, ../sass/salon_list.scss */
  .area_search .article__contents {
    margin: auto 8px;
    border: 1px solid #CBCBCB;
    background-color: #fff;
/*    padding-bottom: 14px; */
    border-radius: 3px; }
  .area_search ul {
    width: 100%;
/*    margin: auto; */
    font-size: 0; }
    /* line 173, ../sass/base.scss */
    .area_search ul a {
      display: inline-block;
      border: 1px solid #cacaca;
      border-radius: 3px;
      width: 28%;
      text-align: center;
      font-size: 13px;
      height: 20px;
      line-height: 20px;
      margin: 2px 2%;
      color: #333;
      text-decoration: none; }
      /* line 186, ../sass/base.scss */
      .area_search ul a:hover {
        background-color: #cacaca;
        text-decoration: none; }

/* line 67, ../sass/salon_list.scss */
.section__header {
  background-color: #d7bbfc;
  border-radius: 3px;
  height: 30px;
  line-height: 30px;
  position: relative;
  color: #53317d;
  margin-bottom: 15px; }
  /* line 76, ../sass/salon_list.scss */
  .section__header > * {
    display: inline-block; }
  /* line 79, ../sass/salon_list.scss */
  .section__header .place:before {
    content: "【"; }
  /* line 82, ../sass/salon_list.scss */
  .section__header .place:after {
    content: "】"; }
  /* line 85, ../sass/salon_list.scss */
  .section__header .salon__link {
    position: absolute;
    top: 5px;
    right: 10px;
    background-color: #53317d;
    color: #fff;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    border-radius: 3px; }

/* line 98, ../sass/salon_list.scss */
.section__left {
  width: 220px;
  text-align:center;
  float: left; }
  /* line 102, ../sass/salon_list.scss */
  .section__left img {
    max-width: 100%;
    margin-bottom: 20px; }

/* line 108, ../sass/salon_list.scss */
.section__right {
  width: 490px;
  float: right; }
  /* line 112, ../sass/salon_list.scss */
  .section__right .title {
    font-size: 16px;
    font-weight: bold;
    color: #53317d;
    margin-bottom: 22px; }
    /* line 118, ../sass/salon_list.scss */
    .section__right .title a {
      color: #53317d; }
  /* line 123, ../sass/salon_list.scss */
  .section__right .desc {
    font-size: 12px; }
  /* line 127, ../sass/salon_list.scss */
  .menu__title {
    font-size: 13px;
    color: #53317d;
    font-weight: bold;
    margin-bottom: 6px; }
		.menu {
				margin-top: 20px; 
				clear: both;
		}
    /* line 137, ../sass/salon_list.scss */
    .menu li {
      font-size: 12px;
      border: 1px solid #808080;
      border-top: none;
      padding: 8px; }
      /* line 143, ../sass/salon_list.scss */
      .menu li:first-child {
        border-top: 1px solid #808080; }

/* line 150, ../sass/salon_list.scss */
.paging {
  text-align: center; }
  /* line 153, ../sass/salon_list.scss */
  .paging > * {
    display: inline-block;
    height: 21px;
    line-height: 21px;
    width: 21px;
    color: #53317d;
    background: url(../img/paging_bg.png);
    margin: auto 3px; }
    /* line 162, ../sass/salon_list.scss */
    .paging > *.prev, .paging > *.next {
      width: 42px;
    		height: 22px;
      color: #fff;
      background: url(../img/paging_next_prev_bg_02.png); }
    /* line 168, ../sass/salon_list.scss */
    .paging > *.current {
    height: 22px;
    width: 22px;
      color: #fff;
      background: url(../img/paging_current_bg_02.png); }
    /* line 173, ../sass/salon_list.scss */
    .paging > *.pad {
      background: none; }
      /* line 176, ../sass/salon_list.scss */
      .paging > *.pad.sh {
        display: none; }

@media screen and (max-width: 980px) {
  /* line 185, ../sass/salon_list.scss */
  #main {
    margin-bottom: 0; }
    /* line 189, ../sass/salon_list.scss */
    #main article section {
      margin: auto 5%;
      padding: 3% 0; }

  /* line 196, ../sass/salon_list.scss */
  .text_search {
    margin: auto !important;
    border: 3px solid #53317d !important;
    border-width: 3px 0 !important;
    border-radius: 0 !important;
		 }
    /* line 202, ../sass/salon_list.scss */
    .text_search .article__head {
      background: none;	
						margin: 5px 0 -5px;
						padding:0 0 2px 10px; }
      .text_search .article__head:before {
        content: "| ";
        font-weight: bold;
        color: #53317d; }
			.text_search ul.search_ul {
    	margin-left: 12px; }
			.text_search .block_btn {
					padding:0;
			}
			.search_ul li {
					font-size: 10px;
			}
  .section__header {
    font-size: 11px;
    float: right;
    width: 60%;
    background-color: transparent;
    color: #333;
    margin-bottom: 1%;
    height: auto;
    line-height: normal; }
  /* line 224, ../sass/salon_list.scss */
.section__header .place {
	margin-left:-8px;
	margin-top:8px;
}
		  .section__left {
    width: 35%; }
    /* line 227, ../sass/salon_list.scss */
    .section__left .img1 {
      margin: 10% 0; }
    /* line 231, ../sass/salon_list.scss */
    .section__left .img2 {
      display: none; }

  /* line 236, ../sass/salon_list.scss */
  .section__right {
    width: 60%; }
    /* line 239, ../sass/salon_list.scss */
    .section__right .title {
      font-size: 10px;
      font-weight: normal; }
    /* line 244, ../sass/salon_list.scss */
    .section__right .desc, .menu {
      display: none; }

  /* line 249, ../sass/salon_list.scss */
  .paging {
    margin: 5% auto; }
    /* line 252, ../sass/salon_list.scss */
    .paging > * {
      display: none;
      width: auto;
      color: inherit; }
      /* line 257, ../sass/salon_list.scss */
      .paging > *.prev, .paging > *.current, .paging > *.last, .paging > *.next, .paging > *.pad {
        display: inline-block;
        color: #333;
        background: none; }
      /* line 262, ../sass/salon_list.scss */
      .paging > *.current, .paging > *.last {
        border: none; }
      /* line 265, ../sass/salon_list.scss */
      .paging > *.prev, .paging > *.next {
								width:21px;
        border: 1px solid #cbcbcb;
        border-radius: 3px; }
      /* line 271, ../sass/salon_list.scss */
      .paging > *.pad.sh {
        display: inline; } }
