@charset "UTF-8";
html {
  overflow-y: scroll; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

img {
  vertical-align: bottom; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

/*to enable resizing for IE*/
input, textarea, select {
  *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend {
  color: #000; }

del, ins {
  text-decoration: none; }

#top .slidemain .photo .inner {
  /*&.p05{
      background: url("../images/top/slide05.jpg") center center;
  }*/ }
  #top .slidemain .photo .inner.p01 {
    background: url("../images/top/slide05.jpg") center center; }
  #top .slidemain .photo .inner.p02 {
    background: url("../images/top/slide02.jpg") center center; }
  #top .slidemain .photo .inner.p03 {
    background: url("../images/top/slide03.jpg") center center; }
  #top .slidemain .photo .inner.p04 {
    background: url("../images/top/slide04.jpg") center center; }

.contents {
  padding-top: 50px;
  /**padding-bottom: 50px;**/
  padding-bottom: 80px; }
  .contents .ttl-en {
    text-align: center; }

@media screen and (max-width: 768px) {
  #Service {
    padding-top: 0; } }
#Service .contents-list {
  font-size: 0; }
  @media screen and (max-width: 768px) {
    #Service .contents-list {
      text-align: center; } }
  #Service .contents-list li {
    display: inline-block;
    vertical-align: top;
    width: 47.5%;
    margin-right: 5%;
    margin-top: 40px; }
    #Service .contents-list li:nth-child(2n) {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      #Service .contents-list li {
        width: 100%;
        margin-right: 0;
        max-width: 400px; } }
    #Service .contents-list li a, #Service .contents-list li .soon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      position: relative;
      overflow: hidden;
      border: 1px solid #614C3F;
      border-radius: 15px;
      text-decoration: none; }
      #Service .contents-list li a img, #Service .contents-list li .soon img {
        width: 100%;
        height: auto; }
      #Service .contents-list li a .photo, #Service .contents-list li .soon .photo {
        width: 50%;
        position: absolute;
        top: 0;
        left: 0; }
      #Service .contents-list li a .txt, #Service .contents-list li .soon .txt {
        /*position: absolute;
        top: 0;
        right: 0;*/
        position: relative;
        z-index: 3;
        width: 50%;
        padding-top: 20px;
        padding-bottom: 20px;
        box-sizing: border-box;
        background: #fff;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s  ease; }
        #Service .contents-list li a .txt .txt-inner, #Service .contents-list li .soon .txt .txt-inner {
          color: #614C3F;
          text-align: center;
          font-size: 1rem;
          line-height: 1.4;
          display: block; }
          #Service .contents-list li a .txt .txt-inner .icon, #Service .contents-list li .soon .txt .txt-inner .icon {
            margin-top: 10px;
            text-align: center;
            display: block; }
            #Service .contents-list li a .txt .txt-inner .icon .img, #Service .contents-list li .soon .txt .txt-inner .icon .img {
              display: inline-block;
              font-size: 10px;
              text-align: center; }
              #Service .contents-list li a .txt .txt-inner .icon .img img, #Service .contents-list li .soon .txt .txt-inner .icon .img img {
                width: 40px;
                height: auto; }
      #Service .contents-list li a::after, #Service .contents-list li .soon::after {
        content: "";
        width: 20px;
        height: 20px;
        border-bottom: 2px solid #614C3F;
        border-right: 2px solid #614C3F;
        top: 50%;
        right: 5%;
        transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        position: absolute;
        z-index: 11;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s  ease;
        opacity: 0; }
      #Service .contents-list li a:hover .photo, #Service .contents-list li .soon:hover .photo {
        w: img;
          w-opacity: 0.7; }
      #Service .contents-list li a:hover .txt, #Service .contents-list li .soon:hover .txt {
        width: 70%;
        padding-right: 20%; }
      #Service .contents-list li a:hover::after, #Service .contents-list li .soon:hover::after {
        right: 2%;
        opacity: 1; }
    #Service .contents-list li .soon {
      opacity: 0.4; }
      #Service .contents-list li .soon .photo {
        background: #000; }
        #Service .contents-list li .soon .photo img {
          opacity: 0.3; }
      #Service .contents-list li .soon .soon-txt {
        position: absolute;
        top: 50%;
        left: 10%;
        transform: translateY(-50%);
        width: 30%;
        text-align: center;
        color: #fff;
        font-size: 1.5rem;
        line-height: 150%; }
      #Service .contents-list li .soon:hover .photo img {
        opacity: 0.3; }
      #Service .contents-list li .soon:hover .txt {
        width: 50%;
        padding-right: 0%; }
      #Service .contents-list li .soon:hover::after {
        opacity: 0; }
    #Service .contents-list li.beauty a {
      border-color: #01a35f; }
      #Service .contents-list li.beauty a::after {
        border-color: #01a35f; }
      #Service .contents-list li.beauty a:hover .txt {
        background: #e8fff5; }
    #Service .contents-list li.cafe a {
      border-color: #3d2b21; }
      #Service .contents-list li.cafe a::after {
        border-color: #3d2b21; }
      #Service .contents-list li.cafe a:hover .txt {
        background: #e8e2de; }
    #Service .contents-list li.rental a {
      border-color: #c2ab7a; }
      #Service .contents-list li.rental a::after {
        border-color: #c2ab7a; }
      #Service .contents-list li.rental a:hover .txt {
        background: #f5f1e9; }
    #Service .contents-list li.kominka a {
      border-color: #ef91a1; }
      #Service .contents-list li.kominka a::after {
        border-color: #ef91a1; }
      #Service .contents-list li.kominka a:hover .txt {
        background: #f9e9ec; }
    #Service .contents-list li.kominka .soon {
      border-color: #ef91a1; }
      #Service .contents-list li.kominka .soon::after {
        border-color: #ef91a1; }
    #Service .contents-list li.relax a {
      border-color: #ff6032; }
      #Service .contents-list li.relax a::after {
        border-color: #ff6032; }
      #Service .contents-list li.relax a:hover .txt {
        background: #ffefea; }

#link::after {
  content: '';
  display: block;
  clear: both; }
#link #topics {
  float: left;
  box-sizing: border-box;
  border-right: 1px solid #d87831;
  width: 75%;
  padding-right: 30px;
  padding-top: 25px; }
  #link #topics ul {
    margin-top: 25px;
    font-size: 0; }
    #link #topics ul li {
      display: inline-block;
      vertical-align: top;
      width: 31%;
      margin-right: 3.5%;
      margin-bottom: 30px;
      position: relative;
      overflow: hidden;
      border-radius: 15px;
      box-sizing: border-box;
      border: 1px solid #d87831; }
      #link #topics ul li a {
        text-decoration: none;
        display: block;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        #link #topics ul li a:hover {
          background: #fff0e5; }
      #link #topics ul li:nth-child(3n) {
        margin-right: 0; }
      #link #topics ul li .blg_photo {
        margin-bottom: 15px; }
        #link #topics ul li .blg_photo img {
          width: 100%;
          height: auto; }
      #link #topics ul li .blg_ttl {
        text-align: center;
        font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        -webkit-font-smoothing: antialiased;
        font-feature-settings: "palt";
        font-weight: 300;
        -webkit-font-smoothing: antialiased;
        font-feature-settings: "palt";
        transform: rotate(0.001deg);
        font-size: 16px;
        color: #222;
        font-weight: bold; }
      #link #topics ul li .blg_txt {
        font-size: 13px;
        font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        -webkit-font-smoothing: antialiased;
        font-feature-settings: "palt";
        font-weight: 300;
        -webkit-font-smoothing: antialiased;
        font-feature-settings: "palt";
        transform: rotate(0.001deg);
        width: 90%;
        padding: 10px 5%;
        color: #444; }
  #link #topics .more-btn {
    margin-top: 30px;
    margin-bottom: 30px; }
  @media screen and (max-width: 600px) {
    #link #topics ul li {
      width: 48%;
      margin-right: 4%; }
      #link #topics ul li:nth-child(3n) {
        margin-right: 4%; }
      #link #topics ul li:nth-child(2n) {
        margin-right: 0; }
      #link #topics ul li .blg_ttl {
        font-size: 14px; }
      #link #topics ul li .blg_txt {
        font-size: 12px; } }
#link #bana {
  float: right;
  box-sizing: border-box;
  width: 25%;
  padding-left: 30px;
  padding-top: 25px; }
  #link #bana ul {
    margin-top: 25px; }
@media screen and (max-width: 768px) {
  #link #bana,
  #link #topics {
    float: none;
    width: 100%; }
  #link #topics {
    padding-right: 0;
    border-bottom: 1px solid #d87831;
    border-right: none;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-top: 0; }
  #link #bana {
    padding-left: 0; } }