@charset "UTF-8";
/* mixin
*********************************************************************/
/* hannari*/
/* media query */
/* setting
**********************************************************************/
/* mixin
*********************************************************************/
/* hannari*/
/* media query */
@font-face {
  font-family: 'Hannari';
  src: url("../wf/Hannari.eot") format("eot"), url("../wf/Hannari.woff") format("woff"), url("../wf/Hannari.ttf") format("truetype"); }
@font-face {
  font-family: 'honokamin';
  src: url("../wf/honokamin.woff") format("woff"), url("../wf/honokamin.woff") format("woff2"), url("../wf/honokamin.eot") format("eot"), url("../wf/honokamin.ttf") format("truetype"); }
.flex, .yumesaki_profile {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex; }

.flex_bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end; }

.flex_between {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-pack: justify;
  -moz-flex-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }

.flex_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.flex_center, .item_headline .inner_headline .ttl_box .ttl_column, .item_headline .inner_headline ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-flex-pack: center;
  -moz-flex-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.flex_center_wrap, .info_block ul, .insta_block ul, .sns_yumesaki .yumesaki_insta ol {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-flex-pack: center;
  -moz-flex-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.flex_right, .header_area_ct nav ul, .header_area_ct .sub_nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -webkit-flex-pack: end;
  -moz-flex-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end; }

.flex_between_wrap, .info_block ul li.yumecounter dl, .sns_yumesaki, .movie_block .inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.flex_reverse {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.flex_reverse_between {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }

.fade, .header_area_ct .reserve_btn_m a, .header_area_ct .reserve_btn_s a, .header_area_ct .contadt_btn a, .header_area_ct .takeout_btn a, .fixed .header_area_ct, .down .header_area_ct, .item_headline .inner_headline ul li a, .item_headline .inner_headline ul li a:hover, .item_headline .inner_headline .reserve_box a, .item_headline .inner_headline .reserve_box a:hover, .item, .item .txt_box, .item:hover, .item:hover .txt_box, .info_block ul li a, .insta_block .btn_insta a, .insta_block .btn_insta a:hover, .sns_yumesaki .yumesaki_insta .insta_link_btn a, .sns_yumesaki .yumesaki_insta .insta_link_btn a:hover {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s; }

.cover_w {
  position: relative;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.cover_h {
  position: relative;
  width: auto;
  height: 100%;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.glow {
  text-shadow: 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 8px #ffffff, 0px 0px 8px #ffffff, 0px 0px 8px #ffffff, 0px 0px 4px #ffffff, 0px 0px 4px #ffffff, 0px 0px 4px #ffffff; }

/* top header
***********************************************************************/
.header_area nav ul {
  padding-left: 130px; }
.header_area .sub_nav {
  padding-left: 130px; }

.header_area_ct {
  display: none;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 );
  z-index: 9990; }
  .header_area_ct nav ul {
    padding: 20px 20px 16px 130px; }
    .header_area_ct nav ul li {
      font-size: 116%;
      line-height: 1.4em;
      color: #FFF; }
      .header_area_ct nav ul li::after {
        content: "/"; }
      .header_area_ct nav ul li:last-child::after {
        content: none; }
      .header_area_ct nav ul li a {
        color: #FFF;
        padding: 2px 0 2px 1em; }
        .header_area_ct nav ul li a:hover {
          border-bottom: #FFF dotted 1px; }
  .header_area_ct .sub_nav {
    padding: 0 15px 8px 130px; }
  .header_area_ct .reserve_btn_m {
    text-align: left;
    padding: 0 0 0 10px; }
    .header_area_ct .reserve_btn_m a {
      width: 205px;
      box-sizing: border-box;
      display: inline-block;
      color: #FFF;
      font-size: 124%;
      font-weight: 700;
      line-height: 1.2em;
      padding: 6px 10px 5px 33px;
      background-color: #78B335;
      background-image: url("../../common/images/pict_reserve_gr.svg");
      background-repeat: no-repeat;
      background-position: 6px 5px; }
      .header_area_ct .reserve_btn_m a:hover {
        background-color: #f5a659; }
      @media all and (max-width: 1160px) {
        .header_area_ct .reserve_btn_m a {
          width: auto; } }
  .header_area_ct .reserve_btn_s {
    text-align: left;
    padding: 0 0 0 10px; }
    .header_area_ct .reserve_btn_s a {
      width: 205px;
      box-sizing: border-box;
      display: inline-block;
      color: #FFF;
      font-size: 124%;
      font-weight: 700;
      line-height: 1.2em;
      padding: 6px 10px 5px 33px;
      background-color: #FFB400;
      background-image: url("../../common/images/pict_reserve_or.svg");
      background-repeat: no-repeat;
      background-position: 6px 5px; }
      .header_area_ct .reserve_btn_s a:hover {
        background-color: #f5a659; }
      @media all and (max-width: 1160px) {
        .header_area_ct .reserve_btn_s a {
          width: auto; } }
  .header_area_ct .contadt_btn {
    text-align: left; }
    .header_area_ct .contadt_btn a {
      display: inline-block;
      color: #FFF;
      font-size: 124%;
      font-weight: 700;
      line-height: 1.2em;
      padding: 6px 10px 5px 33px;
      background-color: #41B6DD;
      background-image: url("../../common/images/pict_mail.svg");
      background-repeat: no-repeat;
      background-position: 6px 5px; }
      .header_area_ct .contadt_btn a:hover {
        background-color: #f5a659; }
  .header_area_ct .takeout_btn {
    text-align: left;
    padding: 0 0 0 10px; }
    .header_area_ct .takeout_btn a {
      width: 205px;
      box-sizing: border-box;
      display: inline-block;
      color: #FFF;
      font-size: 124%;
      font-weight: 700;
      line-height: 1.2em;
      padding: 6px 10px 5px 33px;
      background-color: #F49088;
      background-image: url("../../common/images/pict_meal.svg");
      background-repeat: no-repeat;
      background-position: 6px 5px; }
      .header_area_ct .takeout_btn a:hover {
        background-color: #f5a659; }
      @media all and (max-width: 1160px) {
        .header_area_ct .takeout_btn a {
          width: auto; } }

.fixed .header_area_ct {
  display: block;
  top: -200px;
  position: fixed; }
  .fixed .header_area_ct .logo_c_c {
    display: block; }
  @media all and (max-width: 768px) {
    .fixed .header_area_ct {
      display: none; } }

.down .header_area_ct {
  top: 0px; }

.feature_area {
  background-image: url(../../top/images/bg_spring.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  padding: 0 0 190px; }
  @media all and (max-width: 768px) {
    .feature_area {
      padding: 0 0 90px; } }

/* feature_block
**********************************************************************/
.feature_block {
  width: 100%;
  height: auto;
  padding: 70px 0 0; }
  @media all and (max-width: 768px) {
    .feature_block {
      padding: 0px 0 0; } }

.item_headline {
  border: #f5ede5 solid 4px; }
  .item_headline .inner_headline {
    position: absolute;
    width: auto;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .item_headline .inner_headline .logo_box {
      padding: 0px 0 0; }
      .item_headline .inner_headline .logo_box img {
        width: auto;
        height: 280px; }
    .item_headline .inner_headline .ttl_box {
      padding: 14px 0 0; }
      .item_headline .inner_headline .ttl_box .ttl_column .icon_side {
        width: 43px; }
        .item_headline .inner_headline .ttl_box .ttl_column .icon_side img {
          width: 100%;
          height: auto; }
      .item_headline .inner_headline .ttl_box p {
        font-size: 116%;
        line-height: 1.4em;
        white-space: nowrap;
        text-align: left;
        padding: 10px 0 0 10px;
        color: #777; }
      .item_headline .inner_headline .ttl_box h1 {
        font-size: 139%;
        white-space: nowrap;
        line-height: 1em;
        padding: 4px 0 0 10px;
        text-align: left; }
        .item_headline .inner_headline .ttl_box h1 span.oishi {
          font-size: 15px; }
      .item_headline .inner_headline .ttl_box h2 {
        font-size: 108%;
        white-space: nowrap;
        line-height: 1em;
        border-top: #CCC dotted 1px;
        margin: 10px 0 0;
        padding: 10px 0 0; }
    .item_headline .inner_headline ul {
      text-align: left;
      padding: 10px 0 0;
      width: 320px; }
      .item_headline .inner_headline ul li {
        font-size: 124%;
        line-height: 1.5em;
        width: 154px;
        margin: 0 3px; }
        .item_headline .inner_headline ul li a {
          border: #c0c0c0 solid 1px;
          display: table-cell;
          vertical-align: middle;
          padding: 8px 0 8px 40px;
          width: 112px;
          height: 28px;
          background-repeat: no-repeat;
          background-position: 8px 8px; }
          .item_headline .inner_headline ul li a:hover {
            border-color: #f5a659;
            color: #f5a659; }
        .item_headline .inner_headline ul li.tel_box a {
          font-size: 17px;
          background-image: url("../../common/images/icon_tel_s.png");
          color: #000; }
        .item_headline .inner_headline ul li.mail_box a {
          background-image: url("../../common/images/icon_mail_s.png");
          color: #000; }
    .item_headline .inner_headline .reserve_box {
      font-size: 124%;
      line-height: 1.5em;
      padding: 6px 3px 0; }
      .item_headline .inner_headline .reserve_box a {
        display: block;
        border: #c0c0c0 solid 1px;
        color: #000;
        padding: 8px; }
        .item_headline .inner_headline .reserve_box a:hover {
          border-color: #f5a659;
          color: #f5a659; }
  @media all and (max-height: 768px) {
    .item_headline .inner_headline .logo_box img {
      width: auto;
      height: 220px; } }
  @media all and (max-width: 480px) {
    .item_headline {
      border: none; }
      .item_headline .inner_headline .logo_box {
        padding: 0px 0 0; }
        .item_headline .inner_headline .logo_box img {
          width: 45%;
          height: auto; }
      .item_headline .inner_headline .ttl_box {
        padding: 10px 0 0; }
        .item_headline .inner_headline .ttl_box p {
          font-size: 108%;
          line-height: 1.4em;
          white-space: nowrap; }
        .item_headline .inner_headline .ttl_box h1 {
          font-size: 154%;
          white-space: nowrap;
          line-height: 1em;
          padding: 8px 0 0 10px; }
        .item_headline .inner_headline .ttl_box h2 {
          font-size: 108%;
          white-space: nowrap;
          line-height: 1em;
          border-top: #CCC dotted 1px;
          margin: 8px 0 0;
          padding: 8px 0 0; }
      .item_headline .inner_headline ul {
        width: 280px; }
        .item_headline .inner_headline ul li {
          font-size: 124%;
          line-height: 1.5em;
          width: 136px;
          margin: 0 3px; }
          .item_headline .inner_headline ul li a {
            padding: 5px 0 5px 30px;
            width: 106px;
            height: auto;
            background-position: 5px 7px;
            background-size: 20px 20px; }
          .item_headline .inner_headline ul li.tel_box a {
            font-size: 15px; }
      .item_headline .inner_headline .reserve_box a {
        padding: 5px; } }

.item {
  border: #f5ede5 solid 4px;
  position: relative; }
  .item .txt_box {
    background-color: #f5ede5;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 1em;
    overflow: hidden;
    padding: 3px 0 3px; }
    .item .txt_box p {
      line-height: 1.4em; }
  .item:hover {
    border: #f5a659 solid 4px; }
    .item:hover .txt_box {
      background-color: #f5a659; }
  .item .new {
    position: absolute;
    top: 10px;
    right: -5px;
    width: 34px;
    height: auto;
    z-index: 90; }
    .item .new img {
      width: 100%;
      height: auto; }
  @media all and (max-width: 768px) {
    .item .new {
      width: 34px;
      height: auto; } }

.inner {
  width: 100%;
  height: 100%; }
  .inner a {
    display: block;
    height: 100%; }

/*
.grid_column {
  display: grid;
  display: -ms-grid;
  grid-gap: 2px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows:1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr;
  @media all and (max-width: 1600px) {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		-ms-grid-columns: 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
		-ms-grid-rows:1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr;
  }
  @media all and (max-width: 1366px) {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		-ms-grid-columns: 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		-ms-grid-rows:1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr;
  }
  @media all and (max-width: 1280px) {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		-ms-grid-columns: 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
		-ms-grid-rows:1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr;
  }
	@include media(sp) {
		grid-template-columns: 1fr 1fr 1fr;
		-ms-grid-columns: 1fr 2px 1fr 2px 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		-ms-grid-rows:1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr;
	}
} 

#headline { 
  grid-column: 1 / 3;
  grid-row: 1 / 4;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-column-span: 3;
  -ms-grid-row-span: 5;
  background-color: #fff;
	text-align: center;
	position: relative;
	@include media(sp) {
		grid-column: 1 / 4;
		grid-row: 1 / 4;
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		-ms-grid-column-span: 5;
		-ms-grid-row-span: 5;
	}
}
#s01,#s02,#s03,#s04,#s05,#s06,#s07,#s08,#s09,#s10,#s11,#s12,#s13,#s14,#s15,#s16,#s17,#s18 {
  width: auto;
  height: 23vh;
	background-size: cover;
	background-position: center center;
	@include media(sp) {
		height: 47vh;
	}
	@include media(portrait) {
		height: 21vh;
	}
}
#s01 {
	-ms-grid-column: 5;
	-ms-grid-row: 1;
}
#s02 {
	-ms-grid-column: 7;
	-ms-grid-row: 1;
}
#s03 {
	-ms-grid-column: 9;
	-ms-grid-row: 1;
  @media all and (max-width: 1366px) {
		-ms-grid-column: 9;
		-ms-grid-row: 5;
	}
  @media all and (max-width: 1280px) {
		-ms-grid-column: 9;
		-ms-grid-row: 3;
	}
}
#s04 {
	-ms-grid-column: 11;
	-ms-grid-row: 1;
  @media all and (max-width: 1600px) {
		-ms-grid-column: 9;
		-ms-grid-row: 5;
	}
  @media all and (max-width: 1366px) {
		-ms-grid-column: 11;
		-ms-grid-row: 5;
	}
  @media all and (max-width: 1280px) {
		-ms-grid-column: 9;
		-ms-grid-row: 5;
	}
}
#s05 {
	-ms-grid-column: 1;
	-ms-grid-row: 7;
  @media all and (max-width: 1600px) {
		-ms-grid-column: 1;
		-ms-grid-row: 7;
	}
  @media all and (max-width: 1366px) {
		-ms-grid-column: 5;
		-ms-grid-row: 7;
	}
  @media all and (max-width: 1280px) {
		-ms-grid-column: 5;
		-ms-grid-row: 7;
	}
}
#s06 {
	-ms-grid-column: 3;
	-ms-grid-row: 7;
  @media all and (max-width: 1600px) {
		-ms-grid-column: 3;
		-ms-grid-row: 7;
	}
  @media all and (max-width: 1366px) {
		-ms-grid-column: 7;
		-ms-grid-row: 7;
	}
  @media all and (max-width: 1280px) {
		-ms-grid-column: 9;
		-ms-grid-row: 7;
	}
}
#s07 {
	-ms-grid-column: 5;
	-ms-grid-row: 7;
  @media all and (max-width: 1600px) {
		height: auto;
		-ms-grid-column: 5;
		-ms-grid-row: 7;
	}
  @media all and (max-width: 1366px) {
		-ms-grid-column: 5;
		-ms-grid-row: 9;
	}
}
#s08 {
	-ms-grid-column: 7;
	-ms-grid-row: 7;
  @media all and (max-width: 1600px) {
		-ms-grid-column: 7;
		-ms-grid-row: 7;
	}
  @media all and (max-width: 1366px) {
		-ms-grid-column: 7;
		-ms-grid-row: 9;
	}
}
#s09 {
	-ms-grid-column: 9;
	-ms-grid-row: 7;
  @media all and (max-width: 1600px) {
		-ms-grid-column: 9;
		-ms-grid-row: 7;
	}
  @media all and (max-width: 1366px) {
		-ms-grid-column: 1;
		-ms-grid-row: 11;
	}
  @media all and (max-width: 1280px) {
		-ms-grid-column: 9;
		-ms-grid-row: 9;
	}
	@include media(sp) {
	}
}
#s10 {
	-ms-grid-column: 11;
	-ms-grid-row: 7;
  @media all and (max-width: 1600px) {
		-ms-grid-column: 1;
		-ms-grid-row: 9;
	}
  @media all and (max-width: 1366px) {
		-ms-grid-column: 3;
		-ms-grid-row: 11;
	}
  @media all and (max-width: 1280px) {
		-ms-grid-column: 1;
		-ms-grid-row: 11;
	}
	@include media(sp) {
	}
}
#s11 {
	-ms-grid-column: 1;
	-ms-grid-row: 9;
  @media all and (max-width: 1600px) {
		-ms-grid-column: 3;
		-ms-grid-row: 9;
	}
  @media all and (max-width: 1366px) {
		-ms-grid-column: 5;
		-ms-grid-row: 11;
	}
  @media all and (max-width: 1280px) {
		-ms-grid-column: 3;
		-ms-grid-row: 11;
	}
}
#s12 {
	-ms-grid-column: 3;
	-ms-grid-row: 9;
  @media all and (max-width: 1600px) {
		-ms-grid-column: 5;
		-ms-grid-row: 9;
	}
  @media all and (max-width: 1366px) {
		-ms-grid-column: 7;
		-ms-grid-row: 11;
	}
  @media all and (max-width: 1280px) {
		-ms-grid-column: 5;
		-ms-grid-row: 11;
	}
}
#s13 {
	-ms-grid-column: 5;
	-ms-grid-row: 9;
  @media all and (max-width: 1600px) {
		-ms-grid-column: 7;
		-ms-grid-row: 9;
	}
  @media all and (max-width: 1366px) {
		-ms-grid-column: 9;
		-ms-grid-row: 11;
	}
  @media all and (max-width: 1280px) {
		-ms-grid-column: 7;
		-ms-grid-row: 11;
	}
}
#s14 {
	-ms-grid-column: 7;
	-ms-grid-row: 9;
  @media all and (max-width: 1600px) {
		-ms-grid-column: 9;
		-ms-grid-row: 9;
	}
  @media all and (max-width: 1366px) {
		-ms-grid-column: 11;
		-ms-grid-row: 11;
	}
  @media all and (max-width: 1280px) {
		-ms-grid-column: 9;
		-ms-grid-row: 11;
	}
}
#s15 {
	-ms-grid-column: 9;
	-ms-grid-row: 9;
  @media all and (max-width: 1600px) {
		-ms-grid-column: 11;
		-ms-grid-row: 9;
	}
  @media all and (max-width: 1366px) {
		display: none;
	}
}
#s16 {
	-ms-grid-column: 11;
	-ms-grid-row: 9;
  @media all and (max-width: 1600px) {
		-ms-grid-column: 13;
		-ms-grid-row: 9;
	}
  @media all and (max-width: 1366px) {
		display: none;
	}
}
#s17 {
	-ms-grid-column: 13;
	-ms-grid-row: 9;
  @media all and (max-width: 1600px) {
		display: none;
	}
}
#s18 {
	-ms-grid-column: 15;
	-ms-grid-row: 9;
  @media all and (max-width: 1600px) {
		display: none;
	}
}

#m01 {
  grid-column: 7 / 9;
  grid-row: 1 / 3;
  -ms-grid-column: 13;
  -ms-grid-column-span: 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
	background-size: cover;
	background-position: center -12px;
  @media all and (max-width: 1600px) {
		grid-column: 6 / 8;
		grid-row: 1 / 3;
		-ms-grid-column: 11;
		-ms-grid-column-span: 3;
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
	}
  @media all and (max-width: 1366px) {
		grid-column: 5 / 7;
		grid-row: 1 / 3;
		-ms-grid-column: 9;
		-ms-grid-column-span: 3;
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
  }
  @media all and (max-width: 1280px) {
		grid-column: 5 / 6;
		grid-row: 1 / 2;
		-ms-grid-column: 9;
		-ms-grid-column-span: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
	}
	@include media(sp) {
		grid-column: auto;
		grid-row: auto;
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
	}
}
#m02 {
  grid-column: 3 / 5;
  grid-row: 2 / 4;
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
  -ms-grid-row: 3;
  -ms-grid-row-span: 3;
	background-size: cover;
	background-position: center -12px;
	@include media(sp) {
		grid-column: auto;
		grid-row: auto;
		-ms-grid-column: 5;
		-ms-grid-column-span: 1;
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
	}
}
#m03 {
  grid-column: 5 / 7;
  grid-row: 2 / 4;
  -ms-grid-column: 8;
  -ms-grid-column-span: 5;
  -ms-grid-row: 3;
  -ms-grid-row-span: 3;
	background-size: cover;
	background-position: center -12px;
  @media all and (max-width: 1600px) {
		grid-column: 5 / 6;
		grid-row: 2 / 3;
		-ms-grid-column: 9;
		-ms-grid-column-span: 1;
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
  }
  @media all and (max-width: 1366px) {
		grid-column: 1 / 3;
		grid-row: 4 / 6;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		-ms-grid-row: 7;
		-ms-grid-row-span: 3;
  }
	@include media(sp) {
		grid-column: auto;
		grid-row: auto;
		-ms-grid-column: 5;
		-ms-grid-column-span: 1;
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
	}
}

#m04 {
  grid-column: 7 / 9;
  grid-row: 3 / 5;
  -ms-grid-column: 13;
  -ms-grid-column-span: 3;
  -ms-grid-row: 5;
  -ms-grid-row-span: 3;
	background-size: cover;
	background-position: center -12px;
  @media all and (max-width: 1600px) {
		grid-column: 6 / 8;
		grid-row: 3 / 5;
		-ms-grid-column: 11;
		-ms-grid-column-span: 3;
		-ms-grid-row: 5;
		-ms-grid-row-span: 3;
  }
  @media all and (max-width: 1366px) {
		grid-column: 5 / 7;
		grid-row: 4 / 6;
		-ms-grid-column: 9;
		-ms-grid-column-span: 3;
		-ms-grid-row: 7;
		-ms-grid-row-span: 3;
  }
  @media all and (max-width: 1280px) {
		grid-column: auto;
		grid-row: auto;
		-ms-grid-column: 7;
		-ms-grid-column-span: 1;
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
	}
}*/
/* Other
**********************************************************************/
.intro_block {
  max-width: 1000px;
  padding: 0 20px;
  height: auto;
  margin: 90px auto 0; }
  .intro_block .ttl_box h2 {
    font-size: 224%;
    line-height: 1.3em;
    text-align: center;
    background-image: url(../images/point01.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 60px 0 30px; }
  .intro_block .ttl_box p {
    font-size: 116%;
    line-height: 1.6em;
    text-align: justify; }
  @media all and (max-width: 768px) {
    .intro_block {
      margin: 30px auto 0; }
      .intro_block .ttl_box h2 {
        font-size: 185%;
        padding: 60px 0 20px; } }

.yumesaki_profile {
  padding: 40px 0 0; }
  .yumesaki_profile .img_box {
    padding: 0 30px 0 0; }
  .yumesaki_profile .txt_box h3 {
    font-size: 154%;
    line-height: 1.3em;
    border-bottom: #666 dotted 1px;
    margin: 0 0 10px;
    display: flex;
    align-items: center; }
    .yumesaki_profile .txt_box h3 .mark {
      padding: 0 15px 0 0; }
    .yumesaki_profile .txt_box h3 .ttl a {
      color: #000; }
  .yumesaki_profile .txt_box p {
    font-size: 108%;
    line-height: 1.5em;
    text-align: justify; }
  @media all and (max-width: 768px) {
    .yumesaki_profile {
      display: block;
      padding: 20px 0 0; }
      .yumesaki_profile .img_box {
        padding: 0 0px 0 0;
        text-align: center;
        width: 100%; } }

.slide_spa, .slide_room {
  width: 100%;
  height: 700px;
  position: relative; }
  .slide_spa ul li, .slide_room ul li {
    max-width: 76%;
    height: 700px;
    margin: 0 auto; }
  @media all and (max-width: 768px) {
    .slide_spa, .slide_room {
      height: 300px; }
      .slide_spa ul li, .slide_room ul li {
        height: 300px; } }

.info_area {
  background-color: #f4ede3;
  padding: 50px 10px; }
  .info_area h2 {
    font-size: 224%;
    line-height: 1.3em;
    text-align: center;
    background-image: url(../images/point01.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 60px 0 30px; }
  @media all and (max-width: 768px) {
    .info_area {
      padding: 30px 10px; } }

.info_block {
  max-width: 1024px;
  height: auto;
  margin: 0 auto; }
  .info_block h3 {
    text-align: center;
    padding: 20px 0;
    font-size: 154%;
    line-height: 1.2em; }
  .info_block ul {
    padding: 0 0 30px; }
    .info_block ul li {
      width: 232px;
      height: 232px;
      background: #FFF;
      margin: 12px; }
      .info_block ul li a {
        width: 232px;
        height: 232px;
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
        .info_block ul li a .icon_box {
          padding: 0 0 16px; }
        .info_block ul li a p {
          font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
          font-weight: 900;
          font-size: 170%;
          line-height: 1.1em; }
          .info_block ul li a p span {
            font-size: 15px; }
        .info_block ul li a.t_insta {
          color: #c31f74; }
        .info_block ul li a.t_facebook {
          color: #475993; }
        .info_block ul li a.t_twitter {
          color: #55acee; }
        .info_block ul li a.t_column {
          background-image: url(../../top/images/bg_icon_column.jpg);
          background-size: cover;
          background-position: center; }
          .info_block ul li a.t_column:hover img {
            opacity: 0.7; }
        .info_block ul li a.t_cam {
          background-image: url(../../top/images/bg_livecam.jpg);
          background-size: cover;
          background-position: center;
          color: #FFF; }
          .info_block ul li a.t_cam:hover p {
            color: #f5a659; }
        .info_block ul li a:hover {
          background-color: #ffdebe; }
      .info_block ul li h4 {
        text-align: center;
        margin: 16px 16px 10px;
        padding: 0 0 4px;
        font-size: 116%;
        border-bottom: #666 dotted 1px; }
      .info_block ul li.t_weather {
        background-image: url(../../top/images/bg_weather.jpg);
        background-size: cover;
        background-position: center; }
      .info_block ul li.t_cal {
        background-image: url(../../top/images/bg_cal.jpg);
        background-size: cover;
        background-position: center; }
      .info_block ul li.yumecounter {
        background-image: url(../../top/images/bg_counter.jpg);
        background-size: cover;
        background-position: center; }
        .info_block ul li.yumecounter h5 {
          text-align: left;
          margin: 20px 14px 0;
          padding: 7px 0 5px 30px;
          font-size: 124%;
          background-image: url(../images/point01.png);
          background-repeat: no-repeat;
          background-position: 0 0;
          background-size: 25px auto; }
        .info_block ul li.yumecounter dl {
          margin: 5px 14px 5px;
          border-top: #CCC dotted 1px; }
          .info_block ul li.yumecounter dl dt {
            width: 75%;
            height: auto;
            padding: 8px 0 6px;
            border-bottom: #CCC dotted 1px;
            font-size: 93%;
            letter-spacing: -0.1em; }
          .info_block ul li.yumecounter dl dd {
            width: 25%;
            height: auto;
            text-align: right;
            padding: 8px 0;
            border-bottom: #CCC dotted 1px; }
        .info_block ul li.yumecounter .ruikei {
          margin: 0px 14px 14px;
          border-bottom: #CCC dotted 1px;
          padding: 3px 0; }
          .info_block ul li.yumecounter .ruikei p {
            line-height: 1.4em; }
            .info_block ul li.yumecounter .ruikei p.ruikeisuji {
              text-align: right; }
  @media all and (max-width: 768px) {
    .info_block ul.sns_icons li {
      width: 28%;
      height: auto;
      margin: 12px 5px; }
      .info_block ul.sns_icons li a {
        width: 100%;
        height: auto;
        text-align: center;
        display: block;
        padding: 10px 0; }
        .info_block ul.sns_icons li a .icon_box {
          padding: 0 0 5px; }
        .info_block ul.sns_icons li a p {
          font-size: 100%; }
          .info_block ul.sns_icons li a p span {
            font-size: 12px; }
    .info_block ul.sns_icons li.yumecounter {
      width: 90%; } }

.cal_box {
  margin: 16px;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 8px; }

.insta_area {
  background-color: #f4ede3;
  padding: 50px 10px; }
  .insta_area h2 {
    font-size: 224%;
    line-height: 1.3em;
    text-align: center;
    background-image: url(../images/pict_insta.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 60px 0 30px; }
  @media all and (max-width: 768px) {
    .insta_area {
      padding: 30px 10px; }
      .insta_area h2 {
        font-size: 185%;
        padding: 60px 0 10px; } }

.insta_block {
  max-width: 1000px;
  height: auto;
  margin: 0 auto;
  text-align: center; }
  .insta_block ul li {
    width: 200px;
    height: 200px;
    overflow: hidden; }
    .insta_block ul li img {
      height: 100%;
      width: auto;
      position: relative;
      left: 50%;
      -weblit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
  .insta_block .btn_insta {
    font-size: 124%;
    line-height: 1.5em;
    padding: 20px 3px 20px; }
    .insta_block .btn_insta a {
      display: inline-block;
      border: #c0c0c0 solid 1px;
      padding: 8px 16px; }
      .insta_block .btn_insta a:hover {
        border-color: #f5a659;
        color: #f5a659; }
  @media all and (max-width: 768px) {
    .insta_block ul li {
      width: 50%;
      height: 140px; } }

.sns_yumesaki {
  max-width: 1000px;
  padding: 0 0 40px;
  margin: 0 auto; }
  .sns_yumesaki .yumesaki_insta {
    width: 485px;
    height: auto;
    padding: 0 0 30px;
    position: relative; }
    .sns_yumesaki .yumesaki_insta h4 {
      background-image: url(../../common/images/pict_insta.png);
      background-repeat: no-repeat;
      background-size: 24px 24px;
      background-position: 2px 0;
      font-size: 116%;
      line-height: 1.2em;
      padding: 4px 0 7px 28px; }
    .sns_yumesaki .yumesaki_insta ol li {
      width: 118px;
      height: 118px;
      overflow: hidden;
      margin: 1px; }
      .sns_yumesaki .yumesaki_insta ol li img {
        height: 100%;
        width: auto;
        position: relative;
        left: 50%;
        -weblit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
    .sns_yumesaki .yumesaki_insta .insta_link_btn {
      position: absolute;
      top: 2px;
      right: 2px; }
      .sns_yumesaki .yumesaki_insta .insta_link_btn a {
        display: inline-block;
        border: #c0c0c0 solid 1px;
        padding: 4px 16px;
        color: #000; }
        .sns_yumesaki .yumesaki_insta .insta_link_btn a:hover {
          border-color: #f5a659;
          color: #f5a659; }
  .sns_yumesaki .yumesaki_facebook {
    width: 485px;
    height: auto;
    padding: 0 0 30px; }
    .sns_yumesaki .yumesaki_facebook h4 {
      background-image: url(../../common/images/pict_facebook.png);
      background-repeat: no-repeat;
      background-size: 24px 24px;
      background-position: 2px 0;
      font-size: 116%;
      line-height: 1.2em;
      padding: 4px 0 7px 28px; }
    .sns_yumesaki .yumesaki_facebook .fb-page {
      margin: 0 auto;
      width: 100%; }
  .sns_yumesaki .yumesaki_fb_kojin {
    width: 485px;
    height: auto;
    padding: 0 0 15px; }
    .sns_yumesaki .yumesaki_fb_kojin h4 {
      background-repeat: no-repeat;
      background-size: 24px 24px;
      background-position: 2px 0;
      font-size: 116%;
      line-height: 1.2em;
      padding: 4px 0 7px 30px; }
    .sns_yumesaki .yumesaki_fb_kojin h4.fb {
      background-image: url(../../common/images/pict_facebook.png); }
    .sns_yumesaki .yumesaki_fb_kojin h4.tb {
      background-image: url("../../top/images/icon_tabelog_o.svg"); }
    .sns_yumesaki .yumesaki_fb_kojin .img_box {
      text-align: center; }
      .sns_yumesaki .yumesaki_fb_kojin .img_box img {
        width: 100%;
        max-width: 485px;
        height: auto; }
  .sns_yumesaki .yumesaki_line {
    width: 485px;
    height: auto; }
    .sns_yumesaki .yumesaki_line h4 {
      background-image: url(../../common/images/pict_line.png);
      background-repeat: no-repeat;
      background-size: 24px 24px;
      background-position: 2px 0;
      font-size: 116%;
      line-height: 1.2em;
      padding: 4px 0 7px 30px; }
    .sns_yumesaki .yumesaki_line .img_box {
      text-align: center; }
      .sns_yumesaki .yumesaki_line .img_box img {
        width: 100%;
        height: auto;
        max-width: 485px; }
  @media all and (max-width: 768px) {
    .sns_yumesaki {
      padding: 0 0px 30px;
      display: block; }
      .sns_yumesaki .yumesaki_insta {
        width: auto;
        padding: 0 0 10px; }
        .sns_yumesaki .yumesaki_insta ol li {
          width: 74px;
          height: 74px; }
        .sns_yumesaki .yumesaki_insta .insta_link_btn {
          position: relative;
          top: auto;
          right: auto;
          text-align: center;
          padding: 10px 0 0; }
      .sns_yumesaki .yumesaki_facebook {
        width: 100%; }
      .sns_yumesaki .yumesaki_fb_kojin {
        width: 100%;
        padding: 0 0 30px; }
      .sns_yumesaki .yumesaki_line {
        width: 100%; } }

#facebook #_57i_ {
  display: none; }

.movie_block {
  width: auto;
  max-width: 1000px;
  height: auto;
  margin: 0  auto;
  background-color: #FFF;
  border-radius: 16px; }
  .movie_block .inner {
    padding: 20px;
    width: auto; }
    .movie_block .inner .ttl_box {
      width: 40%;
      height: auto;
      text-align: center; }
      .movie_block .inner .ttl_box h3 img {
        width: 100%;
        height: auto; }
      .movie_block .inner .ttl_box p {
        line-height: 1.5em;
        padding: 8px 0 0; }
    .movie_block .inner .movies_box {
      width: 56%;
      height: auto; }
      .movie_block .inner .movies_box .movie_frame {
        position: relative;
        width: 100%;
        padding-top: 56.25%; }
        .movie_block .inner .movies_box .movie_frame iframe {
          position: absolute;
          top: 0;
          right: 0;
          width: 100% !important;
          height: 100% !important; }
  @media all and (max-width: 480px) {
    .movie_block {
      border-radius: 10px; }
      .movie_block .inner {
        padding: 10px;
        display: block; }
        .movie_block .inner .ttl_box {
          width: 100%;
          padding: 0 0 10px; }
          .movie_block .inner .ttl_box h3 {
            width: 70%;
            margin: 0 auto; }
        .movie_block .inner .movies_box {
          width: 100%; } }

.bn_insta_pri {
  width: 100%;
  max-width: 485px; }
  .bn_insta_pri img {
    width: 100%;
    height: auto; }

.bnr_block_links {
  max-width: 700px;
  margin: 0 auto;
  padding: 10px 0 0; }
  .bnr_block_links ul {
    padding: 5px;
    display: flex;
    justify-content: center; }
    .bnr_block_links ul li {
      padding: 5px;
      box-sizing: border-box;
      width: 33%; }
      .bnr_block_links ul li img {
        width: 100%;
        height: auto; }

.bnr_block_small {
  max-width: 380px;
  margin: 0 auto;
  padding: 15px 0 0; }
  .bnr_block_small img {
    width: 100%;
    height: auto; }

.bn_wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .bn_wrap ul li {
    line-height: 0em;
    padding: 5px; }
    .bn_wrap ul li img {
      width: auto;
      height: 80px; }
      @media all and (max-width: 768px) {
        .bn_wrap ul li img {
          width: 100%;
          height: auto; } }

.log_block {
  max-width: 1000px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 40px 10px; }
  .log_block .side_baknos {
    border: #666 solid 1px;
    border-radius: 10px;
    width: 48.5%;
    box-sizing: border-box;
    padding: 15px; }
    @media all and (max-width: 768px) {
      .log_block .side_baknos {
        width: 100%;
        margin: 15px 0; } }
    .log_block .side_baknos .ttl_baknos {
      display: flex;
      align-items: center;
      justify-content: center;
      padding-bottom: 8px; }
      .log_block .side_baknos .ttl_baknos .mark {
        width: 50px;
        padding: 0 16px 0 0; }
        .log_block .side_baknos .ttl_baknos .mark img {
          width: 100%;
          height: auto; }
      .log_block .side_baknos .ttl_baknos .name {
        font-size: 16px;
        line-height: 1.3em; }
        .log_block .side_baknos .ttl_baknos .name span {
          font-size: 1.4em;
          text-indent: -0.3em; }
          @media all and (max-width: 768px) {
            .log_block .side_baknos .ttl_baknos .name span {
              font-size: 1.2em; } }
      .log_block .side_baknos .ttl_baknos .thumb {
        width: 100px;
        padding: 0 0 0 16px; }
        @media all and (max-width: 768px) {
          .log_block .side_baknos .ttl_baknos .thumb {
            width: 85px; } }
        .log_block .side_baknos .ttl_baknos .thumb img {
          width: 100%;
          height: auto; }
    .log_block .side_baknos .logo_set {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      border-top: #666 dotted 1px;
      padding-top: 5px; }
      .log_block .side_baknos .logo_set .bnr {
        padding: 8px 13px 0; }
        .log_block .side_baknos .logo_set .bnr img {
          width: auto;
          height: 28px; }

.area_renewal {
  line-height: 0em;
  padding-top: 40px; }
  .area_renewal img {
    width: 100%;
    height: auto; }

.sns_hush {
  padding: 40px 20px;
  background-color: #FFF9E6; }
  @media all and (max-width: 768px) {
    .sns_hush {
      padding: 20px 20px; } }
  .sns_hush .inner_hush {
    max-width: 1200px;
    margin: auto; }
  .sns_hush h2 {
    font-size: 18px;
    line-height: 1.2em;
    border-bottom: #666 dotted 1px;
    padding: 0 0 5px;
    margin-bottom: 10px;
    text-align: center; }
    .sns_hush h2 img {
      max-width: 400px; }