/*=========================================================
共通設定
==========================================================*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
html {
  overflow-x : hidden;
  overflow-y : auto;
}
body {
  overflow-x : hidden;
  overflow-y : auto;
  background: #fff;
  color: #333;
}
body header .logo a{
  height: 44px;
  display:block;

}
.icon-pop-up:before {
  font-family: "FontAwesome";
  font-style: normal;
  content: "\f08e";
  padding-right: .25em;
  /*  font-weight: normal;*/
}
.icon-search:before {
  font-family: "FontAwesome";
  font-style: normal;
  content: "\f002";
  padding-right: .25em;
  /*  font-weight: normal;*/
}
.icon-link:before {
  font-family: "FontAwesome";
  font-style: normal;
  content: "\f138";
  padding-right: .25em;
  /*  font-weight: normal;*/
}
.icon-hatena:before {
  font-family: "FontAwesome";
  font-style: normal;
  content: "\f059";
  padding-right: .25em;
  /*  font-weight: normal;*/
}
.icon-pc:after {
  font-style: normal;
  content: "PC";
  margin-left: .5em;
  border: 1px solid #A3A09E;
  padding: 1px 6px;
  font-size: 8px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /*    background: #fff;;
  color: #46403D;*/
font-weight: bold;
line-height: 0;
}
/*=========================================================
ヘッダー
==========================================================*/
header#new div,header#new div a {
  background: none;
}
header#new .sns ul.sns-nav {
    padding-top: 10px;
    float: left;
    position: relative;
    left: 50%;
}
header#new .sns{
  padding:0 0 10px;
  overflow:hidden;
}
header#new .sns ul.sns-nav li {
    position: relative;
    float: right;
    left: -50%;
    margin-left: 4px;
}
header#new .sns h3{
  color:#A5843D;
}
header#new .sns p{
  font-size:90%;
  font-weight:normal;
}
header#new .sns ul.sns-nav li a {
    font-size: 24px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    display:inline-block;
    color: #fff;
}
header#new .sns ul.sns-nav li a.facebook { background: url(/img/home/facebook_icon.png);background-size:contain; }
header#new .sns ul.sns-nav li a.twitter { background: url(/img/home/twitter_icon.png);background-size:contain; }
header#new .sns ul.sns-nav li a.instagram { background: url(/img/home/instagram_icon.png);background-size:contain; }#header p#title {
  border-bottom: 1px solid #eee;
  background: #fff;
  font-size: 8px;
  padding: 10px 0;
  text-align: center;
  position: relative;
  z-index: 1000;
}
header#new{
  width: 100%;
  border: none;
  background: #fff;
  -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.19);
  -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.19);
  box-shadow:0px 1px 4px rgba(0,0,0,0.19);
}
/*↓ここ追加*/
header#new #shadow{
  position: absolute;
  z-index: 999;
  width: 100%;
  overflow: hidden;
  -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.19);
  -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.19);
  box-shadow:0px 1px 4px rgba(0,0,0,0.19);
  text-align: center;
  background: #fff;
}

/*↓ここ変更*/

header#new h1 a{
  width: 276px;
  margin:0 auto;
}


header#new  #toggle-search{
  padding: 0;
  margin: 0;
  width: 44px;
  height: 44px;
  text-indent: -9999px;
  background: url(/img/common/search-btn.png) #F85800 no-repeat center center;
  background-size: 40px auto;
  cursor: pointer;
}
header#new  #toggle-search.active{
  background: url(/img/common/nav-btn-close.png) #F85800 no-repeat center center;
  background-size: 40px auto;
}

#toggle-nav{
  margin-top:44px; 
  width: 100%;
  height: 44px;
  line-height: 44px;
  padding-left:10px;
  font-weight: bold;
  color: #fff;
  top:0;
  left:0;
  margin:44px 0 0;
  /*background: url(/img/common/nav-btn-plus.png) #F85800 no-repeat right center;*/
  background:#F85800;
  background-size: 40px auto;
  -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.19);
  -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.19);
  box-shadow:0px 1px 4px rgba(0,0,0,0.19);
  position: relative;
  z-index: 2;
}


#toggle-nav:before {
  font-family: "FontAwesome";
  font-style: normal;
  content: "\f0c9";
  padding-right: .3em;
  color: #fff;
  font-weight: normal;
}

#toggle-nav.active {
  /*   background: url(/img/common/nav-btn-close.png) #FD9200 no-repeat left center;*/
  background-size: 40px auto;
  background:#FD9200;


  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;

}




#header  nav {
  display: none;
  width: 100%;
  background: #4B423D;
  color: #fff;
  overflow: hidden;
  z-index: 10;
  position: relative;
}
#header nav ul li a:link, #header  nav ul li a:visited { color: #fff }
#header nav ul.globalnav li {
  border-bottom: 1px solid #544A45;
  width: 100%;
}
#header nav ul.globalnav li a {
  display: block;
  font-size: 12px;
  padding: 15px 20px 15px 10px;
}
#header nav ul.subnav a.icon-wakaba {
  background: url(/img/common/icon-wakaba.png) no-repeat left 10px center;
  background-size: auto 18px;
  padding-left: 26px;
}

#header nav ul.subnav > *:nth-child(2n+1) {
   clear: both;
}
#header nav ul.subnav{
  overflow: hidden; 
}
#header nav ul.subnav li {
  float: left;
  width: 50%;
  border-bottom: 1px solid #544A45;
  background: #4B423D;
}
#header nav ul.subnav li:last-child {
  border: none
}
#header nav ul.subnav li a {
  display: block;
  font-size: 12px;
  padding: 15px 20px 15px 10px;
}
#header nav ul.subnav li:nth-child(odd) {
  border-right: 1px solid #544A45
}

/*=========================================================
フッター
==========================================================*/
footer {
  margin: 0;
  padding: 0;
}
footer ul {
  overflow: hidden;
  width: 100%;
}
footer ul li {
  position: relative;
  width: 50%;
  float: left;
  height: 43px;
  border-bottom: 1px solid #eee;
  background: no-repeat;
  background-image: url('/img/common/link_bg@2x.png');
  background-position: right 4px center;
  background-size: 15px auto;
}
footer ul li:nth-child(2n) { border-left: 1px solid #eee }
footer ul li a {
  display: block;
  vertical-align: middle;
  font-size: 12px;
  padding: 15px 20px 15px 10px;
}
footer .copyright {
  padding: 10px 50px 10px 10px;
  font-size: 60%;
  line-height: 150%;
}
footer .copyright p { text-align: left }
footer .copyright span { font-weight: bold }

header#new #fav-panel{
  display: none;
  position: absolute;
  z-index: 1000;
  background: #fff;
  margin-top:44px;
  width:100%;
  padding:0 0 10px;
}
header#new #fav-panel p{
  padding:10px;
}
#fav-panel h2 {
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: left;
  padding: 0 10px;
  font-weight: bold;
  margin: 0;
  color: #fff;
  background: #FD9200;

}
/*=========================================================
店舗検索
==========================================================*/
#header header#new #search-panel {
  display: none;
  position: absolute;
  z-index: 1000;
  background: #fff;
  margin-top:44px;
}
#search-panel2,
#search-panel {
  width: 100%;
  text-align: left;
  background: #FFF;
  padding-bottom:40px;
  overflow: hidden;
  -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.19);
  -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.19);
  box-shadow:0px 1px 4px rgba(0,0,0,0.19);
}


#header #search-panel h2,
#search-panel2 h2 {

  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: left;
  padding: 0 10px;
  font-weight: bold;
  margin: 0;
  color: #fff;
  background: #FD9200;

}
#search-panel2  #salon-search2.wrapper,
#search-panel  #salon-search.wrapper {

  width: 100%;
  text-align: left;
  padding: 20px;
  line-height: 150%;
}
#search-panel2  #salon-search2.wrapper p,
#search-panel  #salon-search.wrapper p{
  /*    background: red;*/
  overflow: hidden;
}

/*フォームcssリセット用*/
#salon-search2.wrapper input,
#salon-search2.wrapper button,
#salon-search2.wrapper textarea,
#salon-search2.wrapper select,
#salon-search.wrapper input,
#salon-search.wrapper button,
#salon-search.wrapper textarea,
#salon-search.wrapper select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.place { color: #999 }
/*for Webkit*/
input::-webkit-input-placeholder { color: #999 }
/*for Firefox*/
input:-moz-placeholder { color: #999 }

#search-panel2  #salon-search2.wrapper h3,
#search-panel  #salon-search.wrapper h3 {
  font-weight: bold;
  margin-bottom: .5em;
}
#search-panel2  #salon-search2.wrapper form ,
#search-panel  #salon-search.wrapper form { overflow: hidden;padding:0; }
#search-panel2  #salon-search2.wrapper input[type="text"] ,
#search-panel  #salon-search.wrapper input[type="text"] {
  width: 80%;
  padding: 3.5% 2%;
  font-size: 14px;
  margin: 0;
  float: left;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #f3f3f3;
  padding-left: 1em;
  vertical-align: middle;
}
#search-panel2  #salon-search2.wrapper .bg_checkbox ,
#search-panel  #salon-search.wrapper .bg_checkbox { 
  background: #fff;
  margin-top:5px;
}
#search-panel2  #salon-search2.wrapper .bg_checkbox li ,
#search-panel  #salon-search.wrapper .bg_checkbox li {
  position: relative;
  display: inline-block;
  margin: 0 32px 5px 0;
  padding: 0;
}
#search-panel2  #salon-search2.wrapper .bg_checkbox input ,
#search-panel  #salon-search.wrapper .bg_checkbox input {
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
label { background: #fff }
#search-panel2  #salon-search2.wrapper .bg_checkbox input[type="checkbox"] + label,
#search-panel  #salon-search.wrapper .bg_checkbox input[type="checkbox"] + label {
  display: block;
  background: #fff;
  background-image: url(/img/common/bg_checkbox_off.png);
  background-size: 24px;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 4px 0 0 28px;
  margin:0;
  line-height:30px;
}
#search-panel2  #salon-search2.wrapper .bg_checkbox input[type="checkbox"]:checked + label { background-image: url(/img/common/bg_checkbox_on.png) }
#search-panel  #salon-search.wrapper .bg_checkbox input[type="checkbox"]:checked + label { 
  background-image: url(/img/common/bg_checkbox_on.png);
  background-position: left center;
}
#search-panel2  #salon-search2.wrapper hr ,
#search-panel  #salon-search.wrapper hr {
  height: 1px;
  background-color: #eee;
  margin: 20px 0;
  padding: 0;
  border: none;
}
#search-panel2 #salon-search2.wrapper #sub-salon-form-option2 + hr,
#search-panel #salon-search.wrapper #sub-salon-form-option + hr {
  height: 1px;
  background-color: #eee;
  margin: 5px 0 20px;

  padding: 0;
  border: none;
}

#salon-search2.wrapper form select ,
#search-panel  #salon-search.wrapper form select {
  width: 80%;
  line-height: 40px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  margin: 0;
  float: left;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /*    background: #f3f3f3;*/
  padding-left: 1em;
  background: url(/img/common/icon-up-down.png) #f3f3f3 no-repeat right center;
  background-size: auto 100%;
}
#search-panel  #salon-search.wrapper #map-search .search_select {
}
#map-search2 .search_select li ,
#search-panel  #salon-search.wrapper #map-search .search_select li {
  margin: 20px 0 0 0;
}
#search-panel  #salon-search.wrapper #map-search .search_select li:first-child {
  margin: 0;
}

#map-search2 .btn, 
#map-search .btn { width: 100%;max-width:696px;;min-width:280px;margin:0 auto; }
#map-search2 .btn a ,
#map-search .btn a {
  position: relative;
  color: #F95A00;
  background: #fff;
  width: 100%;
  line-height: 44px;
  text-align: center;
  font-weight: bold;
  display: block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #F95A00;
}
#map-search2 .btn.shop a:before ,
#search-panel  #salon-search.wrapper #map-search .btn.shop a:before {
  position: absolute;
  left: 13px;
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 20px;
  content: "\f041";
  padding-right: .3em;
  color: #F95A00;
}
#map-search2 .btn.train a ,
#salon-search #map-search .btn.train a {
  background: url(/img/icon/train01.png) no-repeat 10px 50%;
  background-size: 16px auto;
}

#sub-salon-form-option2 p label ,
#sub-salon-form-option p label {
  line-height: 1em;
  margin: 10px 0 0 0;
  padding: 0;
  float: right;
  background: none;
}
#salon-search2.wrapper button ,
#salon-search.wrapper button {
    width: 18%;
    line-height: 40px;
    height: 40px;
    padding: 0;
    font-size: 14px;
    margin-left: 2%;
    float: left;
    background: #69BD83;
    color: #303030;
    
    font-weight: bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.search_select_route:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -20px;
  height: 0;
  width: 0;
  margin: 0 0 0 -10px;
  pointer-events: none;
  border-style: solid;
  border-color: transparent transparent #FFE594 transparent;
  border-width: 10px 8px;
}
#salon-search2.wrapper .search_select_route ,
#salon-search.wrapper .search_select_route {
  margin: 20px 0 0 0;
  padding:10px; 
  background: #FFE594 none;
  position:relative;
  display:none;
}
#salon-search2.wrapper .search_select_route li ,
#salon-search.wrapper .search_select_route li {
}

#salon-search2.wrapper .search_select_route li:first-child,
#salon-search.wrapper .search_select_route li:first-child {
  margin: 0;
}
.search_select_route h3 ,
.search_select_route h3 {
  color: #F85800;
}
.search_select_route ul.tags{
  margin: 10px 0 0;
}
.search_select_route ul.tags input{
  position: absolute;
  top: 0;
  opacity: 0;
  width:0;
  height:0;
}
.search_select_route ul.tags label { background: #fff }
.search_select_route ul.tags  input[type="checkbox"] + label,
.search_select_route ul.tags + label {
  display: block;
  background: #fff;
  background-image: url(/img/common/bg_checkbox_off.png);
  background-size: 24px;
  background-position: left 10px;
  background-repeat: no-repeat;
  padding: 4px 0 0 28px;
  margin:0;
  line-height:36px;
}
.search_select_route ul.tags img{
  width:25px;
  height: auto;

  vertical-align: middle ;
  margin:0 5px 0 0;
}
.search_select_route ul.tags input[type="checkbox"]:checked + label { background-image: url(/img/common/bg_checkbox_on.png) }



#salon-search.wrapper .select_route ,
#salon-search.wrapper .select_route {
  position: relative;
  margin: 10px 0 0 0;
  padding: 15px;
  background: #FFE594 none;
  display: none;
}
#salon-search2.wrapper .select_route:before ,
#salon-search.wrapper .select_route:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -20px;
  height: 0;
  width: 0;
  margin: 0 0 0 -10px;
  pointer-events: none;
  border-style: solid;
  border-color: transparent transparent #FFE594 transparent;
  border-width: 10px 8px;
}
#salon-search2.wrapper .select_route .search-route ,
#search-panel #salon-search.wrapper .select_route .search-route {
  margin: 0 0 20px 0;
  padding: 0;
}
#salon-search2.wrapper .select_route .toggle_box, 
#salon-search.wrapper .select_route .toggle_box {
  margin-top: 10px;
}
ul.tags,
#salon-search2.wrapper .select_route .toggle_box ul.tags ,
#search-panel #salon-search.wrapper .select_route .toggle_box ul.tags {
  overflow: hidden;
  border: 1px solid #46403D;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #F7F7F7 none;
}
ul.tags li,
#salon-search2.wrapper .select_route .toggle_box ul.tags li ,
#search-panel #salon-search.wrapper .select_route .toggle_box ul.tags li {
  width: 50%;
  float: left;
  padding-left: 10px;
  border-bottom: 1px solid #eee;
  font-weight: bold;
  background: #ffffff url(/img/icon/arrow_right.png) no-repeat 97% center;
  background-size: 6px, auto;
  height: 44px;
  line-height: 44px;
  cursor: pointer;
  font-size:70%;
}
ul.tags li:nth-child(odd),
#salon-search2.wrapper .select_route .toggle_box ul.tags li:nth-child(odd) ,
#search-panel #salon-search.wrapper .select_route .toggle_box ul.tags li:nth-child(odd) {
  border-right: 1px solid #eee;
}
ul.tags li p,
#salon-search2.wrapper .select_route .toggle_box ul.tags li p ,
#search-panel #salon-search.wrapper .select_route .toggle_box ul.tags li p {
  width: 100%;
  height: 44px;
  display: table-cell;
  vertical-align: middle;
  font-size: .75em;
}
ul.tags li a,
#search-panel2 #salon-search2.wrapper .select_route .toggle_box ul.tags li a ,
#search-panel #salon-search.wrapper .select_route .toggle_box ul.tags li a {
  display: block;
}
#search-panel2  #salon-search2.wrapper .search_overseas ul ,
#search-panel  #salon-search.wrapper .search_overseas ul {
  overflow: hidden;
}
#search-panel2  #salon-search2.wrapper .search_overseas ul li ,
#search-panel  #salon-search.wrapper .search_overseas ul li {
  width: 50%;
  float: left;
  line-height: 0;
  margin-bottom: 10px;
}
#search-panel2  #salon-search2.wrapper .search_overseas ul li:nth-child(odd) { padding-right: 5px }
#search-panel  #salon-search.wrapper .search_overseas ul li:nth-child(odd) { padding-right: 5px }
#search-panel2  #salon-search2.wrapper .search_overseas ul li:nth-child(even) { padding-left: 5px }
#search-panel  #salon-search.wrapper .search_overseas ul li:nth-child(even) { padding-left: 5px }
#search-panel2  #salon-search2.wrapper .search_overseas ul li img ,
#search-panel  #salon-search.wrapper .search_overseas ul li img {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  height: auto;
}
#search-panel2  #salon-search2.wrapper .flow-btn ,
#search-panel  #salon-search.wrapper .flow-btn {
  text-align: right;
  margin-top: 10px;
}
#bg{
  z-index: 100;
  background: #000;
  opacity: 0.8;
  display: none;
  width: 100%;
  height:100%;
  position: fixed;
  margin:0;
  top:0;
}
/*=========================================================
ページトップへ戻る
==========================================================*/
#pagetop {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 51000;
}
#pagetop a i {
  width: 44px;
  line-height: 44px;
  height: 44px;
  display: block;
  color: #fff;
  background: #F85800;
  text-align: center;
  /*color: #000;*/
  text-decoration: none;
  border-radius: 50%;
  /*border: 2px solid #eee;*/
  -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.24);
  -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.24);
  box-shadow: 0px 1px 4px rgba(0,0,0,0.24);
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#3d000000,Positive=true)";
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#3d000000,Positive=true);
}
#salon-search.wrapper #map-search .search_select_route{
  margin: 20px 0 20px;
}

#keyword_search_btn,
#pref_search_btn {
  position: relative;
  color: #F95A00;
  background: #fff;
  width: 100%;
  max-width:696px;
  min-width:280px;
  line-height: 44px;
  text-align: center;
  font-weight: bold;
  display: block;
  margin:20px auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #F95A00;
  cursor: pointer;
}
#pref_search_btn:before {
  position: absolute;
  left: 13px;
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 0;
  content: "\f041";
    background: url('/img/icon/map_icon.svg') no-repeat;
  width: 25px;
  height:25px;
  top:10px;
  left:5px;
  background-size: cover;
  padding-right: .3em;
  color: #F95A00;
}
#keyword_search_btn:before {
  position: absolute;
  left: 13px;
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 20px;
  content: "\f02c";
  padding-right: .3em;
  color: #F95A00;
}

#footer_nav{
  position: fixed;
  bottom: 0;
  left:0;
  width:100%;
  height:44px;
  background:#46403d;
  z-index: 1000;
}

#footer_nav li{
  min-width:80px;
  padding:4px 5px 4px;
  box-sizing:border-box;
  min-height:44px;
  border-right:1px solid #6B6663;
  float:left;
  color: #fff;
  font-size:10px;
  text-align:center;
}
#footer_nav li a{
  color:#FFF;
  display:block;
}
#footer_nav ul{
  overflow: hidden;
  
}
#footer_nav li a:before{
  display:block;
  font-size:40px;
  font: normal normal normal 22px/1 FontAwesome;
  margin:0 0 5px;
}
#f-search a:before{
  content: "\f002";
}
#f-fav a:before{
content: "\f005";
  display:block;
  font-size:40px;
  font: normal normal normal 25px/1 FontAwesome;
  margin:0 0 5px;
}
#f-pagetop{
  position:absolute;
  top:0;
  right:0;
  border-right:none;
  border-left:1px solid #6B6663;
}
#f-pagetop a:before{
content: "\f077";
}


@media screen and (max-width: 374px) {
  .search_select_route ul.tags input[type="checkbox"] + label,
  .search_select_route ul.tags + label{
    line-height:1.5;
    position: absolute;
    text-indent: 0;
    padding:10px 0 0 60px;
    width: 119px;
    min-height: 36px;
    box-sizing: border-box;
  }
  .search_select_route ul.tags input[type="checkbox"] + label img,
  .search_select_route ul.tags + label img{
    position: absolute;
    top:10px;
    left:30px;
  }

}