@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : common.css
 author     : Ability Consultant
 style info : 基本・共通設定
=================================================================== */
#con_gnav .box_gnav, #con_fixnav .box_gnav, #contents .wrp_topicpath #topicpath, #footer .con_footer, #menuList .sp-menu, .con_symptom h3, .con_symptom .box_symptom .list_sym, .con_search, .remodal .modal-body .box_salon {
  max-width: 1200px;
  margin: auto; }
  @media only screen and (max-width: 1199px) {
    #con_gnav .box_gnav, #con_fixnav .box_gnav, #contents .wrp_topicpath #topicpath, #footer .con_footer, #menuList .sp-menu, .con_symptom h3, .con_symptom .box_symptom .list_sym, .con_search, .remodal .modal-body .box_salon {
      width: 96.25%; } }

#con_gnav .box_gnav:after, #con_fixnav .box_gnav:after, .con_symptom .box_symptom .list_sym:after {
  content: "";
  display: table;
  clear: both; }

/* font-awesome */
/* -----------------------------------------------------------
  基本設定、リンクカラーなど
----------------------------------------------------------- */
html {
  font-size: small;
  line-height: 1.5; }

body {
  color: #424242;
  background: #fff;
  -webkit-text-size-adjust: none;
  font-size: 108%; }
  .ie body {
    font-size: 105%; }
  @media only screen and (max-width: 767px) {
    body {
      font-size: 65%; } }
  body a {
    color: #000;
    text-decoration: underline; }
    .mouse body a:hover, .touch body a.touchstart {
      text-decoration: none;
      color: #424242; }
  body img {
    max-width: 100%;
    -webkit-touch-callout: none;
    line-height: 1;
    vertical-align: bottom; }

body, pre, input, textarea, select {
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Meiryo,sans-serif; }

input, select, textarea {
  font-size: 100%; }

/* ie8フォロー*/
html.ie8 .view_tab,
html.ie8 .view_tab_sp,
html.ie8 .view_sp {
  display: none !important; }
html.ie8 #page {
  min-width: 1200px !important;
  margin: auto;
  font-size: 100% !important; }

/* .view_xxx*/
@media only screen and (min-width: 1200px) {
  body .view_tab-sp, body .view_tab {
    display: none !important; } }
@media print {
  body .view_tab-sp, body .view_tab {
    display: none !important; } }
.ie8 body .view_tab-sp, .ie8 body .view_tab {
  display: none !important; }
@media only screen and (min-width: 768px) {
  body .view_sp {
    display: none !important; } }
@media print {
  body .view_sp {
    display: none !important; } }
.ie8 body .view_sp {
  display: none !important; }
@media only screen and (max-width: 1199px) {
  body .view_pc {
    display: none !important; } }
@media only screen and (max-width: 767px) {
  body .view_pc-tab, body .view_tab {
    display: none !important; } }

/* .mouseOver*/
.mouse .over {
  -o-transition: opacity 200ms ease-in;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in; }
.mouse .over:hover, .touch .over.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7; }
.touch .over {
  -webkit-tap-highlight-color: transparent; }
  .touch .over.touchend {
    -o-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms; }

/* border-box*/
* {
  /* @include box-sizing(border-box);*/ }


.con_misc{
    text-align:  center;
    margin: 17% 0;
}

/* -----------------------------------------------------------
  #page
----------------------------------------------------------- */
@media only screen and (min-width: 768px) {
  #page {
    font-size: 100% !important; } }
@media print {
  #page {
    font-size: 100% !important; } }
.ie8 #page {
  font-size: 100% !important; }
/*.skiptranslate{
  display: none;
}*/
.goog-te-gadget .goog-te-combo{
  width:100%;
  padding:2px 0;
}

/* -----------------------------------------------------------
  #con_gnav , #con_fixnav
----------------------------------------------------------- */
#con_gnav, #con_fixnav {
  /*#gnav*/ }
  #con_gnav .box_gnav, #con_fixnav .box_gnav {
    display: table;
    position: relative;
    padding: 13px 0; }
    @media only screen and (max-width: 767px) {
      #con_gnav .box_gnav, #con_fixnav .box_gnav {
        padding: 1% 0; } }
  #con_gnav .logo, #con_fixnav .logo {
    display: table-cell;
    vertical-align: middle;
    width: 12.25%; }
    #con_gnav .logo img, #con_fixnav .logo img {
      width: 100%; }

    @media only screen and (max-width: 767px) {
      #con_gnav .logo, #con_fixnav .logo {
        width: 31.25%; } }
  #con_gnav .gnav, #con_fixnav .gnav {
    display: table-cell;
    width: 64%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    letter-spacing: -.4em;
    /*li*/ }
    #con_gnav .gnav li, #con_fixnav .gnav li {
      display: inline-block;
      letter-spacing: normal;
      vertical-align: middle;
      cursor: pointer; }
      #con_gnav .gnav li:first-child, #con_fixnav .gnav li:first-child {
        margin-left: 0; }
      #con_gnav .gnav li.pc, #con_fixnav .gnav li.pc {
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          #con_gnav .gnav li.pc, #con_fixnav .gnav li.pc {
            display: none; } }
        @media only screen and (min-width: 768px) and (max-width: 1199px) {
          #con_gnav .gnav li.pc, #con_fixnav .gnav li.pc {
            display: none; } }
      #con_gnav .gnav li.sp, #con_fixnav .gnav li.sp {
        display: none; }
        @media only screen and (max-width: 767px) {
          #con_gnav .gnav li.sp, #con_fixnav .gnav li.sp {
            display: inline-block; } }
        @media only screen and (min-width: 768px) and (max-width: 1199px) {
          #con_gnav .gnav li.sp, #con_fixnav .gnav li.sp {
            display: inline-block; } }
      #con_gnav .gnav li a, #con_fixnav .gnav li a {
        display: block;
        text-decoration: none;
        position: relative;
        width:100%;
        height:40px;
         }
        #con_gnav .gnav li a:before, #con_fixnav .gnav li a:before {
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          display: none;
          z-index: 2; }
        #con_gnav .gnav li a:hover:before, #con_fixnav .gnav li a:hover:before {
          display: block; }
      #con_gnav .gnav li.gnav01, #con_fixnav .gnav li.gnav01 {
        width: 10.28646%;
        margin-left: 13.03125%; }
        #con_gnav .gnav li.gnav01 a:before, #con_fixnav .gnav li.gnav01 a:before {
          background: url(../images/header/gnav01-on.png) no-repeat center;
          -webkit-background-size: 100% auto;
                  background-size: 100% auto; }
      #con_gnav .gnav li.gnav02, #con_fixnav .gnav li.gnav02 {
        width: 15.88542%;
        margin-left: 13.03125%; }
        #con_gnav .gnav li.gnav02 a:before, #con_fixnav .gnav li.gnav02 a:before {
          background: url(../images/header/gnav02-on.png) no-repeat center;-webkit-background-size: 100% auto;background-size: 100% auto; }

        #con_gnav .gnav li.gnav06, #con_fixnav .gnav li.gnav06 {
        width: 11.15625%;
        margin-left: 13.03125%; }
        #con_gnav .gnav li.gnav06 a:before, #con_fixnav .gnav li.gnav06 a:before {
          background: url(../images/header/gnav06-on.png) no-repeat center; -webkit-background-size: 100% auto; background-size: 100% auto;}

      #con_gnav .gnav li.gnav03, #con_fixnav .gnav li.gnav03 {
        width: 10.15625%;
        margin-left: 13.03125%; }
        #con_gnav .gnav li.gnav03 a:before, #con_fixnav .gnav li.gnav03 a:before {
          background: url(../images/header/gnav03-on.png) no-repeat center; -webkit-background-size: 100% auto; background-size: 100% auto;}
      #con_gnav .gnav li.gnav04, #con_fixnav .gnav li.gnav04 {
        width: 10.41667%;
        margin-left: 4.81771%; }
        #con_gnav .gnav li.gnav04 a:before, #con_fixnav .gnav li.gnav04 a:before {
          background: url(../images/header/gnav04-on.png) no-repeat center;-webkit-background-size: 100% auto;background-size: 100% auto; }
      #con_gnav .gnav li.gnav05, #con_fixnav .gnav li.gnav05 {
        width: 14.0625%;
        margin-left: 5.07813%; }
        #con_gnav .gnav li.gnav05 a:before, #con_fixnav .gnav li.gnav05 a:before {
          background: url(../images/header/gnav05-on.png) no-repeat center; -webkit-background-size: 100% auto; background-size: 100% auto;}
          #con_gnav .gnav li a img,#con_fixnav .gnav li a img{
            display: none;
          }
         #con_gnav .gnav li.gnav01 a, #con_fixnav .gnav li.gnav01 a {
          background: url(../images/header/gnav01.png) no-repeat center; -webkit-background-size: 100% auto; background-size: 100% auto;}
        #con_gnav .gnav li.gnav02 a, #con_fixnav .gnav li.gnav02 a{
          background: url(../images/header/gnav02.png) no-repeat center;-webkit-background-size: 100% auto;background-size: 100% auto; }
        #con_gnav .gnav li.gnav03 a, #con_fixnav .gnav li.gnav03 a {
          background: url(../images/header/gnav03.png) no-repeat center; -webkit-background-size: 100% auto; background-size: 100% auto;}
        #con_gnav .gnav li.gnav04 a, #con_fixnav .gnav li.gnav04 a {
          background: url(../images/header/gnav04.png) no-repeat center;-webkit-background-size: 100% auto;background-size: 100% auto; }
        #con_gnav .gnav li.gnav05 a, #con_fixnav .gnav li.gnav05 a {
          background: url(../images/header/gnav05.png) no-repeat center; -webkit-background-size: 100% auto; background-size: 100% auto;}
           #con_gnav .gnav li.gnav06 a, #con_fixnav .gnav li.gnav06 a {
          background: url(../images/header/gnav06.png) no-repeat center; -webkit-background-size: 100% auto; background-size: 100% auto;}

  #con_gnav .btn_gnav, #con_fixnav .btn_gnav {
    display: table-cell;
    vertical-align: middle;
    width: 12.75%;
    position: absolute;
    right: 0;
    top: 0; }
   #con_gnav .con_language,#con_fixnav .con_language{
    display: table-cell;
    vertical-align: middle;
    width:13%;
    position: absolute;
    right:13.75%;
   }
  #con_gnav .obj_menuBtn, #con_fixnav .obj_menuBtn {
    display: block;
    text-align: right;
    padding-right: .5em; }
    #con_gnav .obj_menuBtn span, #con_fixnav .obj_menuBtn span {
      display: inline-block;
      text-decoration: none;
      position: relative;
      font-size: 87%; }
      #con_gnav .obj_menuBtn span:before, #con_fixnav .obj_menuBtn span:before {
        content: "";
        font-family: FontAwesome;
        margin-right: 1em;
        vertical-align: middle;
        font-size: 300%;
        display: block;
        margin-right: 0;
        text-align: center;
        line-height: 1; }

/*#con_gnav*/
#con_fixnav {
  background: #fff;
  /*アニメーション*/
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -o-transition: -o-transform 0.25s, opacity 1s;
  -webkit-transition: -webkit-transform 0.25s, opacity 1s;
  -webkit-transition: opacity 1s, -webkit-transform 0.25s;
  transition: opacity 1s, -webkit-transform 0.25s;
  -o-transition: transform 0.25s, opacity 1s;
  transition: transform 0.25s, opacity 1s;
  transition: transform 0.25s, opacity 1s, -webkit-transform 0.25s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  border-top: 0; }
  @media only screen and (min-width: 768px) {
    #con_fixnav .box_gnav .gnav li, #con_fixnav .tel, #con_fixnav .mail, #con_fixnav .logo {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); } }
  @media print {
    #con_fixnav .box_gnav .gnav li, #con_fixnav .tel, #con_fixnav .mail, #con_fixnav .logo {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); } }
  .ie8 #con_fixnav .box_gnav .gnav li, .ie8 #con_fixnav .tel, .ie8 #con_fixnav .mail, .ie8 #con_fixnav .logo {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  #con_fixnav.active {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
    #con_fixnav.active .logo {
      -webkit-animation: gnav 1s ease 0.85s 1 forwards;
      animation: gnav 1s ease 0.85s 1 forwards; }
    #con_fixnav.active .box_gnav .gnav li:first-child {
      -webkit-animation: gnav 1s ease 0.75s 1 forwards;
      animation: gnav 1s ease 0.75s 1 forwards; }
    #con_fixnav.active .box_gnav .gnav li:first-child + * {
      -webkit-animation: gnav 1s ease 0.65s 1 forwards;
      animation: gnav 1s ease 0.65s 1 forwards; }
    #con_fixnav.active .box_gnav .gnav li:first-child + * + * {
      -webkit-animation: gnav 1s ease 0.55s 1 forwards;
      animation: gnav 1s ease 0.55s 1 forwards; }
    #con_fixnav.active .box_gnav .gnav li:first-child + * + * + * {
      -webkit-animation: gnav 1s ease 0.45s 1 forwards;
      animation: gnav 1s ease 0.45s 1 forwards; }
    #con_fixnav.active .box_gnav .gnav li:first-child + * + * + * + * {
      -webkit-animation: gnav 1s ease 0.35s 1 forwards;
      animation: gnav 1s ease 0.35s 1 forwards; }
    #con_fixnav.active .box_gnav .gnav li:first-child + * + * + * + * + * {
      -webkit-animation: gnav 1s ease 0.25s 1 forwards;
      animation: gnav 1s ease 0.25s 1 forwards; }
    #con_fixnav.active .tel {
      -webkit-animation: gnav 1s ease 0.35s 1 forwards;
      animation: gnav 1s ease 0.35s 1 forwards; }
    #con_fixnav.active .mail {
      -webkit-animation: gnav 1s ease 0.25s 1 forwards;
      animation: gnav 1s ease 0.25s 1 forwards; }
@-webkit-keyframes gnav {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes gnav {
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
  #con_fixnav .gnav li a {
    color: #fff; }
    #con_fixnav .gnav li a:before {
      color: #fff;
      background: #000; }
    #con_fixnav .gnav li a:after {
      border-bottom: 1px solid #fff;
      background: url(../images/header/line_fixnav.png) no-repeat bottom center; }


.con_language dl {
  display: table;
  position: relative;
  width:100%;
}
.con_language dl dt {
  font-size: 90%;
  color: #514d43;
  border: 1px solid #514d43;
  text-align: center;
  cursor: pointer;
  padding: 10px;
  width:100%;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.con_language dl dd {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.con_language dl dd ul li a {
  display: block;
  font-size: 124%;
  color: #313131;
  background: #fff;
  text-align: center;
  text-decoration: none;
  border-bottom: 1px solid #eee;
  padding: 10px 0 10px;
}
.con_language dl dd ul li a:hover {
  background: #f2f2f2;
}

#google_translate_elementTWO{
  width:96%;
  margin:0 auto;
}
.skiptranslate.goog-te-gadget{
  color:#fff;
}
.skiptranslate.goog-te-gadget > div{
  display: block;
  color:#000;
}
.skiptranslate.goog-te-gadget span{
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1024px){
  .con_language dl dt{
    padding:5px;
    font-size: 80%;
  }
  .con_language dl dd ul li a {
    padding:5px 0;
    font-size: 80%;
  }
}

@media screen and (max-width: 767px){
  #con_gnav .con_language, #con_fixnav .con_language{
    display: none;
    width:20%;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .con_language dl dt{
    padding:5px;
    font-size: 80%;
  }
  .con_language dl dd ul li a {
    padding:5px 0;
    font-size: 80%;
  }
  #menuList .btn_fb {
    text-align: center;
    margin:0 auto;
    display: block;
    font-size: 150%;
    color: #4c4c4c;
    background: #cecece;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.6em;
    -webkit-border-radius: 1.5em;
    border-radius: 1.5em;
}
.skiptranslate.goog-te-gadget{
  color:rgba(0,0,0,0.7);
}
}

/*#con_fixnav*/
/* -----------------------------------------------------------
  #header
----------------------------------------------------------- */
html.lower #header .con_header {
  position: relative;
  z-index: 2; }
html.lower #header .page_title {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 1; }
  @media only screen and (min-width: 768px) {
    html.lower #header .page_title .photo {
      overflow: hidden;
      position: relative;
      width: 2000px;
      left: 50%;
      margin-left: -1000px;
      z-index: 1;
      height: 200px; } }
  @media print {
    html.lower #header .page_title .photo {
      overflow: hidden;
      position: relative;
      width: 2000px;
      left: 50%;
      margin-left: -1000px;
      z-index: 1;
      height: 200px; } }
  .ie8 html.lower #header .page_title .photo {
    overflow: hidden;
    position: relative;
    width: 2000px;
    left: 50%;
    margin-left: -1000px;
    z-index: 1;
    height: 200px; }
  @media only screen and (max-width: 767px) {
    html.lower #header .page_title .photo {
      overflow: hidden; }
      html.lower #header .page_title .photo img {
        position: relative;
        width: 255%;
        max-width: none;
        margin-left: -77.5%; } }
  html.lower #header .page_title h1 {
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 2.5em;
    z-index: 2;
    font-size: 185%;
    font-weight: 100;
    text-align: right; }
    html.lower #header .page_title h1 span {
      font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
      display: block;
      line-height: 1.3;
      color: #fff; }
    html.lower #header .page_title h1 em {
      font-family: 'Times New Roman', "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", serif;
      font-size: 57%;
      font-style: italic;
      color: #d1ac47; }
    @media only screen and (min-width: 1200px) {
      html.lower #header .page_title h1 {
        left: 50%;
        margin-left: 135px; } }
    @media print {
      html.lower #header .page_title h1 {
        left: 50%;
        margin-left: 135px; } }
    .ie8 html.lower #header .page_title h1 {
      left: 50%;
      margin-left: 135px; }
    @media only screen and (max-width: 1199px) {
      html.lower #header .page_title h1 {
        right: 3%; } }

/* -----------------------------------------------------------
  #contents
----------------------------------------------------------- */
#header {
  position: relative;
  z-index: 2; }

#contents {
  position: relative;
  z-index: 1; }
  #contents .wrp_topicpath #topicpath {
    overflow: hidden;
    clear: both;
    margin: 15px auto; }
    #contents .wrp_topicpath #topicpath li {
      display: inline;
      font-size: 85%; }
      #contents .wrp_topicpath #topicpath li a {
        color: #7c5e02; }
      #contents .wrp_topicpath #topicpath li + li:before {
        font-family: FontAwesome;
        content: "\f105";
        padding: 10px; }

/* -----------------------------------------------------------
  #footer
----------------------------------------------------------- */
#footer {
  background: #000;
  background: url(../images/home/bg_concept.jpg) repeat top left;
  color: #fff; }
  #footer .con_footer {
    text-align: center;
    position: relative;
    padding: 4% 0; }
    #footer .con_footer .flogo {
      display: inline-block; }
      @media only screen and (max-width: 767px) {
        #footer .con_footer .flogo {
          width: 15.15152%; } }
#footer .con_footer .btn_ptop {
  position: absolute;
  right: 0;
  bottom: 45%;
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .btn_ptop {
    width: 7.35931%;
  }
}
#footer .con_footer .btn_ptop a {
  display: block;
}
@media only screen and (min-width: 1200px) {
  #footer .con_footer .btn_ptop a {
    position: relative;
  }
  #footer .con_footer .btn_ptop a:before {
    width: 23px;
    height: 12px;
    content: "";
    background: url(../images/footer/arr_up.png) no-repeat center;
    position: absolute;
    top: 24px;
    left: 23px;
    -o-transition: top 0.5s, opacity 0.5s;
    -webkit-transition: top 0.5s, opacity 0.5s;
    transition: top 0.5s, opacity 0.5s;
  }
  #footer .con_footer .btn_ptop a:hover:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    top: 14px;
  }
}
@media print {
  #footer .con_footer .btn_ptop a {
    position: relative;
  }
  #footer .con_footer .btn_ptop a:before {
    width: 23px;
    height: 12px;
    content: "";
    background: url(../images/footer/arr_up.png) no-repeat center;
    position: absolute;
    top: 24px;
    left: 23px;
    -o-transition: top 0.5s, opacity 0.5s;
    -webkit-transition: top 0.5s, opacity 0.5s;
    transition: top 0.5s, opacity 0.5s;
  }
  #footer .con_footer .btn_ptop a:hover:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    top: 14px;
  }
}
.ie8 #footer .con_footer .btn_ptop a {
  position: relative;
}
.ie8 #footer .con_footer .btn_ptop a:before {
  width: 23px;
  height: 12px;
  content: "";
  background: url(../images/footer/arr_up.png) no-repeat center;
  position: absolute;
  top: 24px;
  left: 23px;
  -o-transition: top 0.5s, opacity 0.5s;
  -webkit-transition: top 0.5s, opacity 0.5s;
  transition: top 0.5s, opacity 0.5s;
}
.ie8 #footer .con_footer .btn_ptop a:hover:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  top: 14px;
}

#footer .con_footer .box_link {
  margin-top: 60px;
  padding-top: 60px;
  border-top: 1px solid #fff;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .box_link {
    margin-top: 7%;
  }
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .box_link {
    padding-top: 7%;
  }
}
#footer .con_footer .box_link .link_list {
  color: #fff;
  text-align: left;
  letter-spacing: -.4em;
}
#footer .con_footer .box_link .link_list li {
  margin-right: 3em;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}
#footer .con_footer .box_link .link_list li a {
  color: #fff;
}
#footer .con_footer .box_link .link_list li:before {
  content: "";
  font-family: FontAwesome;
  margin-right: 1em;
  vertical-align: middle;
  color: #fff;
  margin-right: .5em;
  vertical-align: text-top;
}

#footer .con_footer .box_link .btn_fb {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 150%;
  color: #4c4c4c;
  background: #cecece;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.6em;
  -webkit-border-radius: 1.5em;
  border-radius: 1.5em;
}

#copyright {
  text-align: center;
  padding: 20px 0;
  line-height: 1; }
  @media only screen and (max-width: 767px) {
    #copyright {
      padding: 2% 0; } }

/* -----------------------------------------------------------
  #menu
----------------------------------------------------------- */
#menuList {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 2000;
  overflow-y: scroll;
  -moz-transition: z-index 0ms 500ms, opacity 500ms, -moz-transform 500ms;
  -o-transition: z-index 0ms 500ms, opacity 500ms, -o-transform 500ms;
  -webkit-transition: z-index 0ms, opacity 500ms, -webkit-transform 500ms;
  -webkit-transition-delay: 500ms, 0s, 0s;
  -webkit-transition: z-index 0ms 500ms, opacity 500ms, -webkit-transform 500ms;
  transition: z-index 0ms 500ms, opacity 500ms, -webkit-transform 500ms;
  -o-transition: z-index 0ms 500ms, opacity 500ms, transform 500ms;
  transition: z-index 0ms 500ms, opacity 500ms, transform 500ms;
  transition: z-index 0ms 500ms, opacity 500ms, transform 500ms, -webkit-transform 500ms;
  opacity: 0;
  z-index: -1;
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05); }
  #menuList .inner {
    position: relative;
    font-size: 108%; }
  #menuList .close {
    width: 100%;
    color: #fff;
    font-family: 'Times New Roman', "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", serif;
    text-align: center;
    padding: 1.3em 0;
    position: relative;
    font-size: 125%; }
    #menuList .close:after {
      content: "";
      font-family: FontAwesome;
      margin-left: 1em;
      vertical-align: middle;
      position: absolute;
      right: 5%;
      top: 50%;
      margin-top: -.75em; }
  #menuList .sp-menu {
    margin: 5% auto; }
    #menuList .sp-menu li {
      border-bottom: 1px solid #3e3e3e; }
      #menuList .sp-menu li:first-child {
        border-top: 1px solid #3e3e3e; }
      #menuList .sp-menu li a {
        color: #fff;
        cursor: pointer;
        position: relative;
        display: block;
        text-decoration: none;
        font-size: 117%;
        text-align: center;
        padding: 1.2em 0; }
        .mouse #menuList .sp-menu li a:hover, .touch #menuList .sp-menu li a.touchstart {
          background: #333; }
        .touch #menuList .sp-menu li a {
          -webkit-tap-highlight-color: transparent; }
          .touch #menuList .sp-menu li a.touchend {
            -o-transition-delay: 200ms;
            -webkit-transition-delay: 200ms;
            transition-delay: 200ms; }
        #menuList .sp-menu li a:after {
          content: "";
          font-family: FontAwesome;
          margin-left: 1em;
          vertical-align: middle;
          margin: 0;
          position: absolute;
          right: .6em;
          top: 50%;
          margin-top: -.5em;
          line-height: 1;
          font-size: 150%; }
  .menuOpen #menuList {
    z-index: 2000;
    opacity: 1;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    -o-transition-delay: 0ms;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms; }

/* -----------------------------------------------------------
  下層共通スタイル
----------------------------------------------------------- */
html.lower #footer {
  margin-top: 90px; }
  @media only screen and (max-width: 767px) {
    html.lower #footer {
      margin-top: 10%; } }

/* -----------------------------------------------------------
  テーブル
----------------------------------------------------------- */
.con_language .box_lang dl {
  display: table;
  position: relative; }
  .con_language .box_lang dl dt {
    font-size: 115%;
    color: #fff;
    background: #514d43;
    text-align: center;
    cursor: pointer;
    padding: 10px 36px; }
  .con_language .box_lang dl dd {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    z-index: 10; }
    .con_language .box_lang dl dd ul li a {
      display: block;
      font-size: 115%;
      color: #424242;
      background: #fff;
      text-align: left;
      text-decoration: none;
      border-bottom: 1px solid #eee;
      padding: 10px 0 10px 36px; }
      .con_language .box_lang dl dd ul li a:hover {
        background: #f2f2f2; }

/* -----------------------------------------------------------
  .con_symptom
----------------------------------------------------------- */
.con_symptom {
  margin-top: 130px;
  /*box_symptom*/ }
  @media only screen and (max-width: 767px) {
    .con_symptom {
      margin-top: 10%; } }
  .con_symptom h3 {
    font-size: 165%;
    text-align: center; }
    @media only screen and (min-width: 768px) and (max-width: 1199px) {
      .con_symptom h3 {
        font-size: 158%; } }
    @media only screen and (max-width: 767px) {
      .con_symptom h3 {
        font-size: 108%; } }
    .con_symptom h3 span {
      font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
      display: block;
      line-height: 1.3; }
    .con_symptom h3 em {
      font-family: 'Times New Roman', "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", serif;
      font-size: 57%;
      font-style: italic;
      color: #bbb; }
    .con_symptom h3:after {
      width: 1.5em;
      height: 1px;
      background: #000;
      display: block;
      margin: auto;
      margin-top: 17px;
      content: ""; }
      @media only screen and (max-width: 767px) {
        .con_symptom h3:after {
          margin-top: 2%; } }
    .con_symptom h3 span {
      font-weight: 400; }
    .con_symptom h3 em {
      font-weight: 100; }
    @media only screen and (max-width: 767px) {
      .con_symptom h3 {
        background: #7c5e01;
        padding: 1em 0;
        position: relative; }
        .con_symptom h3:after {
          display: none; }
        .con_symptom h3 em {
          display: none; }
        .con_symptom h3 span {
          color: #fff; }
        .con_symptom h3:before {
          content: "";
          font-family: FontAwesome;
          margin-right: 1em;
          vertical-align: middle;
          color: #fff;
          margin-left: 0;
          position: absolute;
          top: 50%;
          right: 3%;
          margin-top: -.75em;
          -o-transition: -o-transform 0.5s;
          -webkit-transition: -webkit-transform 0.5s;
          transition: -webkit-transform 0.5s;
          -o-transition: transform 0.5s;
          transition: transform 0.5s;
          transition: transform 0.5s, -webkit-transform 0.5s; }
        .con_symptom h3.active:before {
          -ms-transform: rotateX(-180deg);
          -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg); } }
  .con_symptom .box_symptom {
    margin-top: 60px;
    padding: 90px 0;
    /*.list_sym*/ }
    @media only screen and (min-width: 768px) {
      .con_symptom .box_symptom {
        background: url(../images/home/bg_symptom.jpg) no-repeat center;
        -webkit-background-size: cover;
        background-size: cover; } }
    @media print {
      .con_symptom .box_symptom {
        background: url(../images/home/bg_symptom.jpg) no-repeat center;
        -webkit-background-size: cover;
        background-size: cover; } }
    .ie8 .con_symptom .box_symptom {
      background: url(../images/home/bg_symptom.jpg) no-repeat center;
      -webkit-background-size: cover;
      background-size: cover; }
    @media only screen and (max-width: 767px) {
      .con_symptom .box_symptom {
        margin-top: 0; } }
    @media only screen and (max-width: 767px) {
      .con_symptom .box_symptom {
        padding: 0; } }
    @media only screen and (max-width: 767px) {
      .con_symptom .box_symptom {
        display: none;
        width: 97%;
        margin: auto; } }
    @media only screen and (max-width: 767px) {
      .con_symptom .box_symptom .list_sym {
        padding: 2% 1.5%; } }
    .con_symptom .box_symptom .list_sym li {
      float: left; }
      @media only screen and (min-width: 768px) {
        .con_symptom .box_symptom .list_sym li {
          width: 24.7%;
          margin-left: 0.4%;
          margin-top: 15px; }
          .con_symptom .box_symptom .list_sym li:first-child, .con_symptom .box_symptom .list_sym li:first-child + * + * + * + *, .con_symptom .box_symptom .list_sym li:first-child + * + * + * + * + * + * + * + * {
            margin-left: 0; }
          .con_symptom .box_symptom .list_sym li:first-child, .con_symptom .box_symptom .list_sym li:first-child + *, .con_symptom .box_symptom .list_sym li:first-child + * + *, .con_symptom .box_symptom .list_sym li:first-child + * + * + * {
            margin-top: 0; } }
      @media print {
        .con_symptom .box_symptom .list_sym li {
          width: 24.7%;
          margin-left: 0.4%;
          margin-top: 15px; }
          .con_symptom .box_symptom .list_sym li:first-child, .con_symptom .box_symptom .list_sym li:first-child + * + * + * + *, .con_symptom .box_symptom .list_sym li:first-child + * + * + * + * + * + * + * + * {
            margin-left: 0; }
          .con_symptom .box_symptom .list_sym li:first-child, .con_symptom .box_symptom .list_sym li:first-child + *, .con_symptom .box_symptom .list_sym li:first-child + * + *, .con_symptom .box_symptom .list_sym li:first-child + * + * + * {
            margin-top: 0; } }
      .ie8 .con_symptom .box_symptom .list_sym li {
        width: 24.7%;
        margin-left: 0.4%;
        margin-top: 15px; }
        .ie8 .con_symptom .box_symptom .list_sym li:first-child, .ie8 .con_symptom .box_symptom .list_sym li:first-child + * + * + * + *, .ie8 .con_symptom .box_symptom .list_sym li:first-child + * + * + * + * + * + * + * + * {
          margin-left: 0; }
        .ie8 .con_symptom .box_symptom .list_sym li:first-child, .ie8 .con_symptom .box_symptom .list_sym li:first-child + *, .ie8 .con_symptom .box_symptom .list_sym li:first-child + * + *, .ie8 .con_symptom .box_symptom .list_sym li:first-child + * + * + * {
          margin-top: 0; }
      @media only screen and (min-width: 768px) {
        .con_symptom .box_symptom .list_sym li a {
          display: block;
          text-decoration: none;
          text-align: center;
          font-size: 108%;
          color: #b68a02;
          width: 100%;
          padding: 30px 0;
          background: rgba(255, 255, 255, 0.85);
          -webkit-border-radius: 4px;
          border-radius: 4px; } }
  @media only screen and (min-width: 768px) and (max-width: 767px) {
    .con_symptom .box_symptom .list_sym li a {
      padding: 1em 0; } }
      @media only screen and (min-width: 768px) {
          .mouse .con_symptom .box_symptom .list_sym li a {
            -o-transition: opacity 200ms ease-in;
            -webkit-transition: opacity 200ms ease-in;
            transition: opacity 200ms ease-in; }
          .mouse .con_symptom .box_symptom .list_sym li a:hover, .touch .con_symptom .box_symptom .list_sym li a.touchstart {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
            opacity: 0.7; }
          .touch .con_symptom .box_symptom .list_sym li a {
            -webkit-tap-highlight-color: transparent; }
            .touch .con_symptom .box_symptom .list_sym li a.touchend {
              -o-transition-delay: 200ms;
              -webkit-transition-delay: 200ms;
              transition-delay: 200ms; } }
      @media print {
        .con_symptom .box_symptom .list_sym li a {
          display: block;
          text-decoration: none;
          text-align: center;
          font-size: 108%;
          color: #b68a02;
          width: 100%;
          padding: 30px 0;
          background: rgba(255, 255, 255, 0.85);
          -webkit-border-radius: 4px;
          border-radius: 4px; }
          .mouse .con_symptom .box_symptom .list_sym li a {
            -o-transition: opacity 200ms ease-in;
            -webkit-transition: opacity 200ms ease-in;
            transition: opacity 200ms ease-in; }
          .mouse .con_symptom .box_symptom .list_sym li a:hover, .touch .con_symptom .box_symptom .list_sym li a.touchstart {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
            opacity: 0.7; }
          .touch .con_symptom .box_symptom .list_sym li a {
            -webkit-tap-highlight-color: transparent; }
            .touch .con_symptom .box_symptom .list_sym li a.touchend {
              -o-transition-delay: 200ms;
              -webkit-transition-delay: 200ms;
              transition-delay: 200ms; } }
      .ie8 .con_symptom .box_symptom .list_sym li a {
        display: block;
        text-decoration: none;
        text-align: center;
        font-size: 108%;
        color: #b68a02;
        width: 100%;
        padding: 30px 0;
        background: rgba(255, 255, 255, 0.85);
        -webkit-border-radius: 4px;
        border-radius: 4px; }
        @media only screen and (max-width: 767px) {
          .ie8 .con_symptom .box_symptom .list_sym li a {
            padding: 1em 0; } }
        .mouse .ie8 .con_symptom .box_symptom .list_sym li a {
          -o-transition: opacity 200ms ease-in;
          -webkit-transition: opacity 200ms ease-in;
          transition: opacity 200ms ease-in; }
        .mouse .ie8 .con_symptom .box_symptom .list_sym li a:hover, .touch .ie8 .con_symptom .box_symptom .list_sym li a.touchstart {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
          opacity: 0.7; }
        .touch .ie8 .con_symptom .box_symptom .list_sym li a {
          -webkit-tap-highlight-color: transparent; }
          .touch .ie8 .con_symptom .box_symptom .list_sym li a.touchend {
            -o-transition-delay: 200ms;
            -webkit-transition-delay: 200ms;
            transition-delay: 200ms; }
      @media only screen and (max-width: 767px) {
        .con_symptom .box_symptom .list_sym li {
          float: left;
          border-bottom: 1px dotted #7c5e02;
          width: 49%;
          margin-right: 0;
          margin-top: 3%; }
          .con_symptom .box_symptom .list_sym li:nth-child(even) {
            float: right; }
          .con_symptom .box_symptom .list_sym li a {
            padding: 15px 0;
            font-size: 100%;
            text-decoration: none;
            display: block;
            color: #7c5e02; } }
    @media only screen and (max-width: 767px) and (max-width: 767px) {
      .con_symptom .box_symptom .list_sym li a {
        padding: 2% 0; } }
    @media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1199px) {
      .con_symptom .box_symptom .list_sym li a {
        font-size: 93%; } }
    @media only screen and (max-width: 767px) and (max-width: 767px) {
      .con_symptom .box_symptom .list_sym li a {
        font-size: 79%; } }
      @media only screen and (max-width: 767px) {
            .con_symptom .box_symptom .list_sym li a:before {
              content: "";
              font-family: FontAwesome;
              margin-right: 1em;
              vertical-align: middle; }
            .mouse .con_symptom .box_symptom .list_sym li a {
              -o-transition: opacity 200ms ease-in;
              -webkit-transition: opacity 200ms ease-in;
              transition: opacity 200ms ease-in; }
            .mouse .con_symptom .box_symptom .list_sym li a:hover, .touch .con_symptom .box_symptom .list_sym li a.touchstart {
              filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
              opacity: 0.7; }
            .touch .con_symptom .box_symptom .list_sym li a {
              -webkit-tap-highlight-color: transparent; }
              .touch .con_symptom .box_symptom .list_sym li a.touchend {
                -o-transition-delay: 200ms;
                -webkit-transition-delay: 200ms;
                transition-delay: 200ms; } }

/*.con_symptom*/
/* -----------------------------------------------------------
  .con_search
----------------------------------------------------------- */
.con_search {
  margin-top: 130px; }
  @media only screen and (max-width: 767px) {
    .con_search {
      margin-top: 0; } }
  .con_search #tab_search * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .con_search #tab_search > ul {
    width: 100%;
    overflow: hidden;
    position: relative; }
    .con_search #tab_search > ul:after {
      width: 100%;
      height: 1px;
      background: #7c5e02;
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: -1; }
    .con_search #tab_search > ul li {
      float: left;
      width: 32.6%;
      margin-left: 1%;
      border-style: solid;
      border-width: 3px 1px 1px;
      border-color: #8f7f50 #8f7f50 #7c5e02;
      cursor: pointer; }
      .con_search #tab_search > ul li:first-child {
        margin-left: 0; }
      .con_search #tab_search > ul li span {
        display: block;
        width: 100%;
        color: #fff;
        text-align: center;
        font-size: 108%;
        padding: 15px 0;
        background: #8f7f50;
        -o-transition: background 0.35s, color 0.35s;
        -webkit-transition: background 0.35s, color 0.35s;
        transition: background 0.35s, color 0.35s; }
        @media only screen and (max-width: 767px) {
          .con_search #tab_search > ul li span {
            padding: 1em 0; } }
      .con_search #tab_search > ul li:before {
        width: 100%;
        height: 1px;
        content: "";
        position: absolute;
        top: 3px;
        left: 0;
        border-top: 1px dotted #fff; }
      .con_search #tab_search > ul li.active {
        border-style: solid;
        border-width: 3px 1px 1px;
        border-color: #7c5e02 #7c5e02 #fff;
        position: relative;
        cursor: default; }
        .con_search #tab_search > ul li.active:after {
          width: 100%;
          height: 1px;
          background: #fff;
          content: "";
          position: absolute;
          bottom: 0;
          left: 0; }
        .con_search #tab_search > ul li.active:before {
          width: 100%;
          height: 1px;
          border-top: 1px solid #7c5e02;
          content: "";
          position: absolute;
          top: 1px;
          left: 0; }
        .con_search #tab_search > ul li.active span {
          color: #7c5e02;
          background: #fff; }
  .con_search #panel_search {
    margin-top: 60px; }
    @media only screen and (max-width: 767px) {
      .con_search #panel_search {
        margin-top: 0; } }
    .con_search #panel_search > li {
      margin-top: 0;
      /*.list_menu*/ }
      @media only screen and (min-width: 768px) {
        .con_search #panel_search > li {
          display: none; }
          .con_search #panel_search > li:first-child {
            display: list-item; } }
      @media print {
        .con_search #panel_search > li {
          display: none; }
          .con_search #panel_search > li:first-child {
            display: list-item; } }
      .ie8 .con_search #panel_search > li {
        display: none; }
        .ie8 .con_search #panel_search > li:first-child {
          display: list-item; }
      @media only screen and (max-width: 767px) {
        .con_search #panel_search > li {
          margin-top: 2%; } }
      .con_search #panel_search > li h3 {
        font-size: 108%;
        font-weight: 100;
        text-align: center;
        color: #fff;
        font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif; }
        @media only screen and (max-width: 767px) {
          .con_search #panel_search > li h3 {
            background: #7c5e01;
            padding: 1em 0;
            position: relative; }
            .con_search #panel_search > li h3:after {
              display: none; }
            .con_search #panel_search > li h3 em {
              display: none; }
            .con_search #panel_search > li h3 span {
              color: #fff; }
            .con_search #panel_search > li h3:before {
              content: "";
              font-family: FontAwesome;
              margin-right: 1em;
              vertical-align: middle;
              color: #fff;
              margin-left: 0;
              position: absolute;
              top: 50%;
              right: 3%;
              margin-top: -.75em;
              -o-transition: -o-transform 0.5s;
              -webkit-transition: -webkit-transform 0.5s;
              transition: -webkit-transform 0.5s;
              -o-transition: transform 0.5s;
              transition: transform 0.5s;
              transition: transform 0.5s, -webkit-transform 0.5s; }
            .con_search #panel_search > li h3.active:before {
              -ms-transform: rotateX(-180deg);
              -webkit-transform: rotateX(-180deg);
              transform: rotateX(-180deg); } }
      .con_search #panel_search > li .list_menu {
        overflow: hidden;
        width: 95.1%;
        margin: auto; }
        @media only screen and (min-width: 768px) {
          .con_search #panel_search > li .list_menu {
            display: block !important; } }
        @media print {
          .con_search #panel_search > li .list_menu {
            display: block !important; } }
        .ie8 .con_search #panel_search > li .list_menu {
          display: block !important; }
        .con_search #panel_search > li .list_menu li {
          float: left;
          width: 31.01998%;
          margin-right: 2.31335%;
          border-bottom: 1px dotted #7c5e02;
          margin-bottom: 20px; }
          @media only screen and (max-width: 767px) {
            .con_search #panel_search > li .list_menu li {
              margin-bottom: 0; } }
          .con_search #panel_search > li .list_menu li a {
            padding: 15px 0;
            font-size: 100%;
            text-decoration: none;
            display: block;
            color: #7c5e02; }
            @media only screen and (max-width: 767px) {
              .con_search #panel_search > li .list_menu li a {
                padding: 2% 0; } }
            @media only screen and (min-width: 768px) and (max-width: 1199px) {
              .con_search #panel_search > li .list_menu li a {
                font-size: 93%; } }
            @media only screen and (max-width: 767px) {
              .con_search #panel_search > li .list_menu li a {
                font-size: 79%; } }
            .con_search #panel_search > li .list_menu li a:before {
              content: "";
              font-family: FontAwesome;
              margin-right: 1em;
              vertical-align: middle; }
            .mouse .con_search #panel_search > li .list_menu li a {
              -o-transition: opacity 200ms ease-in;
              -webkit-transition: opacity 200ms ease-in;
              transition: opacity 200ms ease-in; }
            .mouse .con_search #panel_search > li .list_menu li a:hover, .touch .con_search #panel_search > li .list_menu li a.touchstart {
              filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
              opacity: 0.7; }
            .touch .con_search #panel_search > li .list_menu li a {
              -webkit-tap-highlight-color: transparent; }
              .touch .con_search #panel_search > li .list_menu li a.touchend {
                -o-transition-delay: 200ms;
                -webkit-transition-delay: 200ms;
                transition-delay: 200ms; }
        @media only screen and (max-width: 767px) {
          .con_search #panel_search > li .list_menu {
            display: none;
            width: 100%; }
            .con_search #panel_search > li .list_menu li {
              width: 49%;
              margin-right: 0;
              margin-top: 3%; }
              .con_search #panel_search > li .list_menu li:nth-child(even) {
                float: right; } }

/*.con_search*/
/* -----------------------------------------------------------
  スクロールアニメー
----------------------------------------------------------- */
@media only screen and (min-width: 768px) {
  .scrollActive-top {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    /*@include transform(translateY(-3%));*/
    -o-transition: opacity 1.5s;
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s; }
    .scrollActive-top.active {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      /*@include transform(translateY(0));*/ } }
@media print {
  .scrollActive-top {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    /*@include transform(translateY(-3%));*/
    -o-transition: opacity 1.5s;
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s; }
    .scrollActive-top.active {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      /*@include transform(translateY(0));*/ } }
.ie8 .scrollActive-top {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  /*@include transform(translateY(-3%));*/
  -o-transition: opacity 1.5s;
  -webkit-transition: opacity 1.5s;
  transition: opacity 1.5s; }
  .ie8 .scrollActive-top.active {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    /*@include transform(translateY(0));*/ }

@media only screen and (min-width: 768px) {
  .scrollActive-left {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -ms-transform: translateX(-15%);
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%);
    -o-transition: -o-transform 1.5s, opacity 1.5s;
    -webkit-transition: -webkit-transform 1.5s, opacity 1.5s;
    -webkit-transition: opacity 1.5s, -webkit-transform 1.5s;
    transition: opacity 1.5s, -webkit-transform 1.5s;
    -o-transition: transform 1.5s, opacity 1.5s;
    transition: transform 1.5s, opacity 1.5s;
    transition: transform 1.5s, opacity 1.5s, -webkit-transform 1.5s; }
    .scrollActive-left.active {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
@media print {
  .scrollActive-left {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -ms-transform: translateX(-15%);
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%);
    -o-transition: -o-transform 1.5s, opacity 1.5s;
    -webkit-transition: -webkit-transform 1.5s, opacity 1.5s;
    -webkit-transition: opacity 1.5s, -webkit-transform 1.5s;
    transition: opacity 1.5s, -webkit-transform 1.5s;
    -o-transition: transform 1.5s, opacity 1.5s;
    transition: transform 1.5s, opacity 1.5s;
    transition: transform 1.5s, opacity 1.5s, -webkit-transform 1.5s; }
    .scrollActive-left.active {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
.ie8 .scrollActive-left {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -ms-transform: translateX(-15%);
  -webkit-transform: translateX(-15%);
  transform: translateX(-15%);
  -o-transition: -o-transform 1.5s, opacity 1.5s;
  -webkit-transition: -webkit-transform 1.5s, opacity 1.5s;
  -webkit-transition: opacity 1.5s, -webkit-transform 1.5s;
  transition: opacity 1.5s, -webkit-transform 1.5s;
  -o-transition: transform 1.5s, opacity 1.5s;
  transition: transform 1.5s, opacity 1.5s;
  transition: transform 1.5s, opacity 1.5s, -webkit-transform 1.5s; }
  .ie8 .scrollActive-left.active {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }

@media only screen and (min-width: 768px) {
  .scrollActive-right {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -ms-transform: translateX(15%);
    -webkit-transform: translateX(15%);
    transform: translateX(15%);
    -o-transition: -o-transform 1.5s, opacity 1.5s;
    -webkit-transition: -webkit-transform 1.5s, opacity 1.5s;
    -webkit-transition: opacity 1.5s, -webkit-transform 1.5s;
    transition: opacity 1.5s, -webkit-transform 1.5s;
    -o-transition: transform 1.5s, opacity 1.5s;
    transition: transform 1.5s, opacity 1.5s;
    transition: transform 1.5s, opacity 1.5s, -webkit-transform 1.5s; }
    .scrollActive-right.active {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
@media print {
  .scrollActive-right {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -ms-transform: translateX(15%);
    -webkit-transform: translateX(15%);
    transform: translateX(15%);
    -o-transition: -o-transform 1.5s, opacity 1.5s;
    -webkit-transition: -webkit-transform 1.5s, opacity 1.5s;
    -webkit-transition: opacity 1.5s, -webkit-transform 1.5s;
    transition: opacity 1.5s, -webkit-transform 1.5s;
    -o-transition: transform 1.5s, opacity 1.5s;
    transition: transform 1.5s, opacity 1.5s;
    transition: transform 1.5s, opacity 1.5s, -webkit-transform 1.5s; }
    .scrollActive-right.active {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
.ie8 .scrollActive-right {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -ms-transform: translateX(15%);
  -webkit-transform: translateX(15%);
  transform: translateX(15%);
  -o-transition: -o-transform 1.5s, opacity 1.5s;
  -webkit-transition: -webkit-transform 1.5s, opacity 1.5s;
  -webkit-transition: opacity 1.5s, -webkit-transform 1.5s;
  transition: opacity 1.5s, -webkit-transform 1.5s;
  -o-transition: transform 1.5s, opacity 1.5s;
  transition: transform 1.5s, opacity 1.5s;
  transition: transform 1.5s, opacity 1.5s, -webkit-transform 1.5s; }
  .ie8 .scrollActive-right.active {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }

@media only screen and (min-width: 768px) {
  .scrollActive-list li {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -ms-transform: translateY(-10%);
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); }
  .scrollActive-list.active li:nth-child(1) {
    -webkit-animation: Active-list 1.2s ease 0.1s 1 forwards;
    animation: Active-list 1.2s ease 0.1s 1 forwards; }
  .scrollActive-list.active li:nth-child(2) {
    -webkit-animation: Active-list 1.2s ease 0.2s 1 forwards;
    animation: Active-list 1.2s ease 0.2s 1 forwards; }
  .scrollActive-list.active li:nth-child(3) {
    -webkit-animation: Active-list 1.2s ease 0.3s 1 forwards;
    animation: Active-list 1.2s ease 0.3s 1 forwards; }
  .scrollActive-list.active li:nth-child(4) {
    -webkit-animation: Active-list 1.2s ease 0.4s 1 forwards;
    animation: Active-list 1.2s ease 0.4s 1 forwards; }
  .scrollActive-list.active li:nth-child(5) {
    -webkit-animation: Active-list 1.2s ease 0.5s 1 forwards;
    animation: Active-list 1.2s ease 0.5s 1 forwards; }
  .scrollActive-list.active li:nth-child(6) {
    -webkit-animation: Active-list 1.2s ease 0.6s 1 forwards;
    animation: Active-list 1.2s ease 0.6s 1 forwards; }
  .scrollActive-list.active li:nth-child(7) {
    -webkit-animation: Active-list 1.2s ease 0.7s 1 forwards;
    animation: Active-list 1.2s ease 0.7s 1 forwards; }
  .scrollActive-list.active li:nth-child(8) {
    -webkit-animation: Active-list 1.2s ease 0.8s 1 forwards;
    animation: Active-list 1.2s ease 0.8s 1 forwards; }
  .scrollActive-list.active li:nth-child(9) {
    -webkit-animation: Active-list 1.2s ease 0.9s 1 forwards;
    animation: Active-list 1.2s ease 0.9s 1 forwards; }
  .scrollActive-list.active li:nth-child(10) {
    -webkit-animation: Active-list 1.2s ease 1s 1 forwards;
    animation: Active-list 1.2s ease 1s 1 forwards; }
  .scrollActive-list.active li:nth-child(11) {
    -webkit-animation: Active-list 1.2s ease 1.1s 1 forwards;
    animation: Active-list 1.2s ease 1.1s 1 forwards; }
  .scrollActive-list.active li:nth-child(12) {
    -webkit-animation: Active-list 1.2s ease 1.2s 1 forwards;
    animation: Active-list 1.2s ease 1.2s 1 forwards; }
  @-webkit-keyframes Active-list {
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  @keyframes Active-list {
    100% {
      opacity: 1;
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0); } } }
@media print {
  .scrollActive-list li {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -ms-transform: translateY(-10%);
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); }
  .scrollActive-list.active li:nth-child(1) {
    -webkit-animation: Active-list 1.2s ease 0.1s 1 forwards;
    animation: Active-list 1.2s ease 0.1s 1 forwards; }
  .scrollActive-list.active li:nth-child(2) {
    -webkit-animation: Active-list 1.2s ease 0.2s 1 forwards;
    animation: Active-list 1.2s ease 0.2s 1 forwards; }
  .scrollActive-list.active li:nth-child(3) {
    -webkit-animation: Active-list 1.2s ease 0.3s 1 forwards;
    animation: Active-list 1.2s ease 0.3s 1 forwards; }
  .scrollActive-list.active li:nth-child(4) {
    -webkit-animation: Active-list 1.2s ease 0.4s 1 forwards;
    animation: Active-list 1.2s ease 0.4s 1 forwards; }
  .scrollActive-list.active li:nth-child(5) {
    -webkit-animation: Active-list 1.2s ease 0.5s 1 forwards;
    animation: Active-list 1.2s ease 0.5s 1 forwards; }
  .scrollActive-list.active li:nth-child(6) {
    -webkit-animation: Active-list 1.2s ease 0.6s 1 forwards;
    animation: Active-list 1.2s ease 0.6s 1 forwards; }
  .scrollActive-list.active li:nth-child(7) {
    -webkit-animation: Active-list 1.2s ease 0.7s 1 forwards;
    animation: Active-list 1.2s ease 0.7s 1 forwards; }
  .scrollActive-list.active li:nth-child(8) {
    -webkit-animation: Active-list 1.2s ease 0.8s 1 forwards;
    animation: Active-list 1.2s ease 0.8s 1 forwards; }
  .scrollActive-list.active li:nth-child(9) {
    -webkit-animation: Active-list 1.2s ease 0.9s 1 forwards;
    animation: Active-list 1.2s ease 0.9s 1 forwards; }
  .scrollActive-list.active li:nth-child(10) {
    -webkit-animation: Active-list 1.2s ease 1s 1 forwards;
    animation: Active-list 1.2s ease 1s 1 forwards; }
  .scrollActive-list.active li:nth-child(11) {
    -webkit-animation: Active-list 1.2s ease 1.1s 1 forwards;
    animation: Active-list 1.2s ease 1.1s 1 forwards; }
  .scrollActive-list.active li:nth-child(12) {
    -webkit-animation: Active-list 1.2s ease 1.2s 1 forwards;
    animation: Active-list 1.2s ease 1.2s 1 forwards; }
  @-webkit-keyframes Active-list {
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  @keyframes Active-list {
    100% {
      opacity: 1;
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0); } } }
.ie8 .scrollActive-list li {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -ms-transform: translateY(-10%);
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%); }
.ie8 .scrollActive-list.active li:nth-child(1) {
  -webkit-animation: Active-list 1.2s ease 0.1s 1 forwards;
  animation: Active-list 1.2s ease 0.1s 1 forwards; }
.ie8 .scrollActive-list.active li:nth-child(2) {
  -webkit-animation: Active-list 1.2s ease 0.2s 1 forwards;
  animation: Active-list 1.2s ease 0.2s 1 forwards; }
.ie8 .scrollActive-list.active li:nth-child(3) {
  -webkit-animation: Active-list 1.2s ease 0.3s 1 forwards;
  animation: Active-list 1.2s ease 0.3s 1 forwards; }
.ie8 .scrollActive-list.active li:nth-child(4) {
  -webkit-animation: Active-list 1.2s ease 0.4s 1 forwards;
  animation: Active-list 1.2s ease 0.4s 1 forwards; }
.ie8 .scrollActive-list.active li:nth-child(5) {
  -webkit-animation: Active-list 1.2s ease 0.5s 1 forwards;
  animation: Active-list 1.2s ease 0.5s 1 forwards; }
.ie8 .scrollActive-list.active li:nth-child(6) {
  -webkit-animation: Active-list 1.2s ease 0.6s 1 forwards;
  animation: Active-list 1.2s ease 0.6s 1 forwards; }
.ie8 .scrollActive-list.active li:nth-child(7) {
  -webkit-animation: Active-list 1.2s ease 0.7s 1 forwards;
  animation: Active-list 1.2s ease 0.7s 1 forwards; }
.ie8 .scrollActive-list.active li:nth-child(8) {
  -webkit-animation: Active-list 1.2s ease 0.8s 1 forwards;
  animation: Active-list 1.2s ease 0.8s 1 forwards; }
.ie8 .scrollActive-list.active li:nth-child(9) {
  -webkit-animation: Active-list 1.2s ease 0.9s 1 forwards;
  animation: Active-list 1.2s ease 0.9s 1 forwards; }
.ie8 .scrollActive-list.active li:nth-child(10) {
  -webkit-animation: Active-list 1.2s ease 1s 1 forwards;
  animation: Active-list 1.2s ease 1s 1 forwards; }
.ie8 .scrollActive-list.active li:nth-child(11) {
  -webkit-animation: Active-list 1.2s ease 1.1s 1 forwards;
  animation: Active-list 1.2s ease 1.1s 1 forwards; }
.ie8 .scrollActive-list.active li:nth-child(12) {
  -webkit-animation: Active-list 1.2s ease 1.2s 1 forwards;
  animation: Active-list 1.2s ease 1.2s 1 forwards; }
@-webkit-keyframes Active-list {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes Active-list {
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
.remodal header h3 {
  font-size: 215%;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  font-weight: normal;
  text-align: left; }
  .remodal header h3 em {
    color: #ce273d;
    font-size: 54%;
    display: block;
    text-transform: uppercase;
    font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Meiryo,sans-serif; }
.remodal .modal-body {
  margin-top: 20px;
  /*.box_salon*/ }
  .remodal .modal-body .txt {
    padding-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .remodal .modal-body .txt {
        padding-bottom: 0; } }
  .remodal .modal-body .salon {
    background: #000;
    font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
    font-size: 129%;
    padding: 20px; }
    @media only screen and (max-width: 767px) {
      .remodal .modal-body .salon {
        padding: 0; } }
    .remodal .modal-body .salon a {
      color: #fff;
      text-decoration: none; }
  .remodal .modal-body .box_salon ul {
    overflow: hidden;
    /*li*/ }
    .remodal .modal-body .box_salon ul li {
      float: left;
      width: 49%;
      -webkit-box-shadow: inset 0 0 5px #bbbcbf;
      box-shadow: inset 0 0 5px #bbbcbf;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 15px; }
      .remodal .modal-body .box_salon ul li:nth-child(odd) {
        clear: left; }
      .remodal .modal-body .box_salon ul li:nth-child(even) {
        float: right; }
      .remodal .modal-body .box_salon ul li a {
        display: block;
        padding: 10px 0; }
        @media only screen and (max-width: 767px) {
          .remodal .modal-body .box_salon ul li a {
            padding: 3% 0; } }
        .remodal .modal-body .box_salon ul li a:hover {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
          opacity: 0.4; }
        .remodal .modal-body .box_salon ul li a p {
          display: inline-block;
          vertical-align: middle;
          letter-spacing: normal; }
          .remodal .modal-body .box_salon ul li a p.st {
            min-height: 43px;
            font-size: 108%;
            font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
            text-align: left;
            line-height: 1;
            color: #9e671b;
            font-size: 108%; }
            @media only screen and (min-width: 768px) and (max-width: 1199px) {
              .remodal .modal-body .box_salon ul li a p.st {
                font-size: 86%; } }
            @media only screen and (max-width: 767px) {
              .remodal .modal-body .box_salon ul li a p.st {
                font-size: 86%; } }
            .remodal .modal-body .box_salon ul li a p.st span {
              display: block;
              font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Meiryo,sans-serif;
              font-size: 150%;
              color: #000000;
              padding-bottom: 8px;
              text-align: center; }
              @media only screen and (min-width: 768px) and (max-width: 1199px) {
                .remodal .modal-body .box_salon ul li a p.st span {
                  font-size: 129%; } }
              @media only screen and (max-width: 767px) {
                .remodal .modal-body .box_salon ul li a p.st span {
                  font-size: 100%; } }
              @media only screen and (min-width: 768px) and (max-width: 1199px) {
                .remodal .modal-body .box_salon ul li a p.st span {
                  padding-bottom: 8px; } }
              @media only screen and (max-width: 767px) {
                .remodal .modal-body .box_salon ul li a p.st span {
                  padding-bottom: 0; } }
        .remodal .modal-body .box_salon ul li a.no-lnk .st span {
          padding-top: 10px; }