@charset "UTF-8";
/* Scss Document */
/* reset
**********************************************************************/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
prophix ver. : 2016-02-23
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap");
* {
  font-size: 100%; }

html, body {
  width: 100%; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal; }

img {
  line-height: 0em; }

body {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  background: #FFF;
  height: 100%;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: none;
  line-height: 1em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, body {
    font-family: Century, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; } }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none;
  margin: 0;
  padding: 0; }

li {
  margin: 0;
  padding: 0;
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: #666; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, textarea, select, button {
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* 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, .address_column ul {
  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, .footer_block, .footer_nav ul {
  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, .camel_paging_yume 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, .footer_area nav ul {
  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 nav ul, .header_area .sub_nav, .header_area_c nav ul, .header_area_c .sub_nav, .sns_column ul {
  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 {
  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 .reserve_btn_m a, .header_area .reserve_btn_bl a, .header_area .reserve_btn_s a, .header_area .contadt_btn a, .header_area .takeout_btn a, .header_area_c .reserve_btn_m a, .header_area_c .reserve_btn_bl a, .header_area_c .reserve_btn_s a, .header_area_c .contadt_btn a, .header_area_c .takeout_btn a, .fixed .header_area_c, .down .header_area_c {
  -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; }

/* mixin
*********************************************************************/
/* hannari*/
/* media query */
/*font-family: 'Noto Sans JP', sans-serif;*/
/*font-family: 'Tenor Sans', sans-serif;*/
/* module
***************************************************************/
#wrapper {
  position: relative;
  background-image: url(../images/bg_footer.png);
  background-repeat: no-repeat;
  background-position: center bottom; }
  @media all and (max-width: 768px) {
    #wrapper {
      width: 100%;
      min-width: 100%;
      padding: 0 0 0;
      margin-bottom: 50px;
      background-size: 100% auto; } }

@media all and (max-width: 768px) {
  .pconly {
    display: none; } }

.pcnone {
  display: none; }
  @media all and (max-width: 768px) {
    .pcnone {
      display: inline; } }

.sponly {
  display: none; }
  @media all and (max-width: 768px) {
    .sponly {
      display: block; } }

.portraitonly {
  display: none; }
  @media all and (max-width: 480px) {
    .portraitonly {
      display: block; } }

@media all and (max-width: 480px) {
  .portraitnone {
    display: none; } }

/* pagetop
--------------------------------------------------------------*/
#pagetop {
  position: fixed;
  right: 20px;
  bottom: 0;
  z-index: 1500; }
  #pagetop a {
    overflow: hidden;
    outline: none; }
    @media all and (max-width: 768px) {
      #pagetop a img {
        opacity: 0.7;
        width: 60px;
        height: auto; } }

/* header
------------------------------------------------------------------*/
header {
  width: 100%;
  position: relative;
  z-index: 2000; }
  @media all and (max-width: 768px) {
    header {
      height: 50px; } }
  header a {
    /*color: #FFF;*/ }

.header_area {
  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 ); }
  .header_area .logo_c_t {
    position: absolute;
    top: 8px;
    left: 15px; }
  .header_area nav ul {
    padding: 5px 15px 5px 200px; }
    .header_area nav ul li {
      font-size: 116%;
      line-height: 1.4em;
      color: #FFF; }
      .header_area nav ul li::after {
        content: "/"; }
      .header_area nav ul li:last-child::after {
        content: none; }
      .header_area nav ul li a {
        color: #FFF;
        padding: 2px 0 2px 1em; }
        .header_area nav ul li a:hover {
          border-bottom: #FFF dotted 1px; }
  .header_area .sub_nav {
    padding: 0 15px 8px 210px; }
  .header_area .reserve_btn_m {
    text-align: left;
    padding: 0 0 0 10px; }
    .header_area .reserve_btn_m a {
      width: auto;
      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("../images/pict_reserve_gr.svg");
      background-repeat: no-repeat;
      background-position: 6px 5px; }
      .header_area .reserve_btn_m a:hover {
        background-color: #f5a659; }
      @media all and (max-width: 1160px) {
        .header_area .reserve_btn_m a {
          width: auto; } }
  .header_area .reserve_btn_bl {
    text-align: left;
    padding: 0 0 0 10px; }
    .header_area .reserve_btn_bl a {
      width: auto;
      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: #41B6DD;
      background-image: url("../images/pict_reserve_bl.svg");
      background-repeat: no-repeat;
      background-position: 6px 5px;
      background-size: 21px 21px; }
      .header_area .reserve_btn_bl a:hover {
        background-color: #f5a659; }
      @media all and (max-width: 1160px) {
        .header_area .reserve_btn_bl a {
          width: auto; } }
  .header_area .reserve_btn_s {
    text-align: left;
    padding: 0 0 0 10px; }
    .header_area .reserve_btn_s a {
      width: auto;
      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("../images/pict_reserve_or.svg");
      background-repeat: no-repeat;
      background-position: 6px 5px; }
      .header_area .reserve_btn_s a:hover {
        background-color: #f5a659; }
      @media all and (max-width: 1160px) {
        .header_area .reserve_btn_s a {
          width: auto; } }
  .header_area .contadt_btn {
    text-align: left; }
    .header_area .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("../images/pict_mail.svg");
      background-repeat: no-repeat;
      background-position: 6px 5px; }
      .header_area .contadt_btn a:hover {
        background-color: #f5a659; }
  .header_area .takeout_btn {
    text-align: left;
    padding: 0 0 0 10px; }
    .header_area .takeout_btn a {
      width: auto;
      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("../images/pict_meal.svg");
      background-repeat: no-repeat;
      background-position: 6px 5px; }
      .header_area .takeout_btn a:hover {
        background-color: #f5a659; }
      @media all and (max-width: 1160px) {
        .header_area .takeout_btn a {
          width: auto; } }
  @media all and (max-width: 768px) {
    .header_area {
      display: none; } }

#head {
  z-index: 1600;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%; }

.logo_c {
  position: absolute;
  top: 15px;
  left: 30px; }

.logo_c_c {
  position: absolute;
  top: 15px;
  left: 30px;
  display: none; }

.header_area_c {
  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 ); }
  .header_area_c nav ul {
    padding: 20px 20px 16px 200px; }
    .header_area_c nav ul li {
      font-size: 116%;
      line-height: 1.4em;
      color: #FFF; }
      .header_area_c nav ul li::after {
        content: "/"; }
      .header_area_c nav ul li:last-child::after {
        content: none; }
      .header_area_c nav ul li a {
        color: #FFF;
        padding: 2px 0 2px 1em; }
        .header_area_c nav ul li a:hover {
          border-bottom: #FFF dotted 1px; }
  .header_area_c .sub_nav {
    padding: 0 30px 0 210px; }
  .header_area_c .reserve_btn_m {
    text-align: left;
    padding: 0 0 0 10px; }
    .header_area_c .reserve_btn_m a {
      width: auto;
      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("../images/pict_reserve_gr.svg");
      background-repeat: no-repeat;
      background-position: 6px 5px; }
      .header_area_c .reserve_btn_m a:hover {
        background-color: #f5a659; }
      @media all and (max-width: 1160px) {
        .header_area_c .reserve_btn_m a {
          width: auto; } }
  .header_area_c .reserve_btn_bl {
    text-align: left;
    padding: 0 0 0 10px; }
    .header_area_c .reserve_btn_bl a {
      width: auto;
      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: #41B6DD;
      background-image: url("../images/pict_reserve_bl.svg");
      background-repeat: no-repeat;
      background-position: 6px 5px;
      background-size: 21px 21px; }
      .header_area_c .reserve_btn_bl a:hover {
        background-color: #f5a659; }
      @media all and (max-width: 1160px) {
        .header_area_c .reserve_btn_bl a {
          width: auto; } }
  .header_area_c .reserve_btn_s {
    text-align: left;
    padding: 0 0 0 10px; }
    .header_area_c .reserve_btn_s a {
      width: auto;
      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("../images/pict_reserve_or.svg");
      background-repeat: no-repeat;
      background-position: 6px 5px; }
      .header_area_c .reserve_btn_s a:hover {
        background-color: #f5a659; }
      @media all and (max-width: 1160px) {
        .header_area_c .reserve_btn_s a {
          width: auto; } }
  .header_area_c .contadt_btn {
    text-align: left; }
    .header_area_c .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("../images/pict_mail.svg");
      background-repeat: no-repeat;
      background-position: 6px 5px; }
      .header_area_c .contadt_btn a:hover {
        background-color: #f5a659; }
  .header_area_c .takeout_btn {
    text-align: left;
    padding: 0 0 0 10px; }
    .header_area_c .takeout_btn a {
      width: auto;
      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("../images/pict_meal.svg");
      background-repeat: no-repeat;
      background-position: 6px 5px; }
      .header_area_c .takeout_btn a:hover {
        background-color: #f5a659; }
      @media all and (max-width: 1160px) {
        .header_area_c .takeout_btn a {
          width: auto; } }
  @media all and (max-width: 768px) {
    .header_area_c {
      display: none; } }

.fixed .header_area_c {
  top: -200px;
  position: fixed;
  z-index: 100; }
  .fixed .header_area_c .logo_c {
    display: none; }
  .fixed .header_area_c .logo_c_c {
    display: block; }

.down .header_area_c {
  top: 0px; }

.header_area_sp {
  display: none; }
  @media all and (max-width: 768px) {
    .header_area_sp {
      display: block;
      position: fixed;
      top: 0px;
      left: 0px;
      z-index: 30;
      background-color: #FFF;
      width: 100%;
      height: 30px;
      padding: 10px 0 8px 10px;
      border-bottom: #CCC solid 1px; }
      .header_area_sp .logo_top_sp {
        height: 30px; }
        .header_area_sp .logo_top_sp img {
          width: auto;
          height: 100%; } }

.logo_top {
  padding: 11px 0 0 10px;
  background-color: #FFF; }

/* mobile menu
-----------------------------------------------------------------*/
.menu-btn {
  position: fixed;
  top: 0px;
  right: 5px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  z-index: 3000;
  display: none; }
  @media all and (max-width: 768px) {
    .menu-btn {
      display: block; } }

.menu-btn p {
  color: #717171; }

.menu-btn p:after {
  content: attr(data-txt-menu);
  position: absolute;
  top: 13px;
  left: 7px;
  font-size: 11px; }

/* 開閉用ボタンがクリックされた時のスタイル */
.open .menu-btn p:after {
  content: attr(data-txt-close);
  color: white; }

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box; }

.menu-trigger {
  position: relative;
  width: 36px;
  height: 19px;
  right: 0px;
  top: -2px; }

.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #717171;
  border-radius: 3px; }

.menu-trigger span:nth-of-type(1) {
  top: 0; }

.menu-trigger span:nth-of-type(2) {
  top: 8px; }

.menu-trigger span:nth-of-type(3) {
  bottom: 0; }

.open .menu-trigger span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-315deg);
  transform: translateY(8px) rotate(-315deg);
  background-color: white; }

.open .menu-trigger span:nth-of-type(2) {
  opacity: 0; }

.open .menu-trigger span:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(315deg);
  transform: translateY(-8px) rotate(315deg);
  background-color: white; }

.menu {
  position: fixed;
  display: table;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 120%;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: all .5s;
  transition: all .5s;
  visibility: hidden;
  opacity: 0; }

.menu ul {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 150px; }

.menu li {
  width: 100%;
  height: 40px;
  line-height: 1em;
  margin: 0 auto;
  text-align: center; }

.menu li a {
  display: block;
  font-size: 18px;
  color: #fff; }

.menu li a:hover {
  color: #999; }

/* 開閉用ボタンがクリックされた時のスタイル */
.open .menu {
  cursor: url(../images/cross.svg), auto;
  -webkit-transition: all .5s;
  transition: all .5s;
  visibility: visible;
  opacity: 1;
  z-index: 2900; }

/*  footer
---------------------------------------------------------------*/
.footer_area {
  width: 100%;
  height: auto;
  background-size: 100%;
  padding: 70px 10px 210px;
  box-sizing: border-box; }
  .footer_area nav ul {
    padding: 5px 0; }
    .footer_area nav ul li {
      font-size: 116%;
      line-height: 1.4em;
      color: #333; }
      .footer_area nav ul li::after {
        content: "/"; }
      .footer_area nav ul li:last-child::after {
        content: none; }
      .footer_area nav ul li a {
        color: #333;
        padding: 2px 0 2px 1em; }
        .footer_area nav ul li a:hover {
          border-bottom: #333 dotted 1px; }
  .footer_area .bnr_block {
    max-width: 1000px;
    margin: 0 auto; }
    .footer_area .bnr_block img {
      width: 100%;
      height: auto; }
  .footer_area .copyrights {
    padding: 20px 0;
    max-width: 1000px;
    margin: 0 auto; }
  @media all and (max-width: 768px) {
    .footer_area {
      width: auto;
      padding: 30px 10px 30px; } }

.footer_block {
  max-width: 1000px;
  height: auto;
  margin: 0 auto;
  padding: 80px 0 0; }
  .footer_block a {
    color: #000; }
  @media all and (max-width: 768px) {
    .footer_block {
      display: block;
      text-align: center;
      padding: 30px 0 0; } }

.address_column ul li h2 {
  font-size: 124%;
  line-height: 1.4em;
  padding: 0 0 3px 20px; }
.address_column ul li p {
  line-height: 1.6em;
  font-size: 108%;
  padding: 0 0 0 20px; }
@media all and (max-width: 768px) {
  .address_column ul {
    display: block; }
    .address_column ul li h2 {
      padding: 5px 0 0px 0px; }
    .address_column ul li p {
      padding: 0 0 0 0px;
      font-size: 100%; }
  .address_column .copyrights {
    padding: 5px 0 0 0px;
    font-size: 93%; } }

.sns_column ul li {
  padding: 0 0 0 10px; }
@media all and (max-width: 768px) {
  .sns_column {
    display: inline-block; }
    .sns_column ul {
      margin: 20px auto 0; } }

.footer_nav {
  display: none;
  width: 100%;
  position: fixed;
  bottom: 0px;
  border-top: #666 solid 1px;
  background-color: #f5ede5;
  z-index: 130; }
  .footer_nav ul {
    padding: 10px 10px 10px 0; }
    .footer_nav ul li {
      width: auto;
      margin: 0 0 0 5px;
      background-color: #FFF;
      text-align: center;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px; }
      .footer_nav ul li.medium {
        width: 22%; }
      .footer_nav ul li.large {
        width: 51%; }
      .footer_nav ul li a {
        height: 30px;
        display: block;
        padding: 5px; }
        .footer_nav ul li a img {
          height: 100%;
          width: auto; }
  @media all and (max-width: 768px) {
    .footer_nav {
      display: block; } }

.bnr_block {
  text-align: center;
  padding: 16px 0 0; }

.area_yumesaki {
  padding: 50px 10px 0; }
  .area_yumesaki h3 {
    font-size: 154%;
    line-height: 1.3em;
    padding: 20px 0;
    text-align: center; }
  .area_yumesaki .bnr_block {
    max-width: 560px;
    margin: 0 auto;
    padding: 0px 0 16px;
    line-height: 0em; }
    .area_yumesaki .bnr_block img {
      width: 100%;
      height: auto; }
  @media all and (max-width: 768px) {
    .area_yumesaki {
      padding: 20px 10px 0; } }

/* secondaly_common
---------------------------------------------------------------*/
.feature_area_c {
  position: relative;
  z-index: 400;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%; }
  .feature_area_c .ttl_block {
    position: absolute;
    bottom: 5px;
    text-align: center;
    overflow: hidden;
    width: 100%;
    height: auto; }
    .feature_area_c .ttl_block h1 {
      color: #FFF;
      font-size: 700%;
      line-height: 1em;
      padding: 0 0 5px; }
  @media all and (max-width: 768px) {
    .feature_area_c {
      top: 48px; }
      .feature_area_c .ttl_block .label {
        display: none; }
      .feature_area_c .ttl_block h1 {
        font-size: 400%; } }

.list {
  height: 700px; }
  @media all and (max-width: 768px) {
    .list {
      height: 260px; } }

.detail {
  height: 400px; }
  @media all and (max-width: 768px) {
    .detail {
      height: 260px; } }

.copy_area {
  width: auto;
  height: auto;
  padding: 0px 10px 50px;
  text-align: center; }
  @media all and (max-width: 768px) {
    .copy_area {
      padding: 68px 10px 20px; } }

.copy_line {
  max-width: 500px;
  height: auto;
  margin: 0 auto; }
  .copy_line img {
    width: 100%;
    height: auto; }

.breadclumb {
  line-height: 1.5em;
  padding: 16px 20px;
  text-align: left; }
  .breadclumb a {
    border-bottom: #c0c0c0 dotted 1px; }
    .breadclumb a:hover {
      border-bottom: none;
      color: #000; }
  @media all and (max-width: 768px) {
    .breadclumb {
      display: none; } }

/* camel_paging
---------------------------------------------------------------*/
.camel_paging_yume {
  text-align: center;
  font-family: "Comic Sans MS", "cursive"; }
  .camel_paging_yume ul {
    padding: 10px 0 0;
    margin: 0 auto; }
    .camel_paging_yume ul li {
      text-align: center;
      margin: 2px;
      color: #888; }
      .camel_paging_yume ul li .inner {
        display: table-cell;
        vertical-align: middle;
        width: 24px;
        height: 24px;
        border-radius: 12px;
        border: #CCC solid 1px;
        overflow: hidden; }
        .camel_paging_yume ul li .inner:hover {
          background-color: #F6D8D8; }
      .camel_paging_yume ul li.active .inner {
        background-color: #F6D8D8;
        color: #000; }
        .camel_paging_yume ul li.active .inner:hover {
          border: #CCC solid 1px; }
      .camel_paging_yume ul li.nolink .inner:hover {
        border: #CCC solid 1px; }
      .camel_paging_yume ul li.mostprev .inner, .camel_paging_yume ul li.mostnext .inner {
        background-color: #DDD; }
      .camel_paging_yume ul li.prev .inner, .camel_paging_yume ul li.next .inner {
        background-color: #EDEDED; }
      .camel_paging_yume ul li a {
        color: #888;
        display: block; }
        .camel_paging_yume ul li a:hover {
          color: #000; }

.yumesaki_column_area {
  background-image: url(../images/bg_wood.jpg);
  padding: 50px 10px; }
  @media all and (max-width: 768px) {
    .yumesaki_column_area {
      padding: 20px 10px; } }

.yumesaki_block {
  width: 1000px;
  min-height: 550px;
  margin: 0 auto;
  background-image: url(../images/bg_column_note.png);
  background-repeat: no-repeat;
  background-position: center;
  position: relative; }
  .yumesaki_block .yumesaki_icon {
    position: absolute;
    top: 0px;
    left: 80px; }
  .yumesaki_block .column_no {
    position: absolute;
    top: 60px;
    right: 70px; }
  .yumesaki_block h3 {
    padding: 100px 0 0 330px; }
  .yumesaki_block p {
    padding: 14px 0 0 160px;
    font-size: 116%;
    line-height: 2.2em; }
  @media all and (max-width: 768px) {
    .yumesaki_block {
      width: auto;
      min-height: auto;
      background-image: none;
      background-color: #FFF;
      padding: 10px; }
      .yumesaki_block .yumesaki_icon {
        position: relative;
        top: auto;
        left: auto;
        text-align: center; }
      .yumesaki_block .column_no {
        display: none; }
      .yumesaki_block h3 {
        padding: 10px 0 0 0px; }
        .yumesaki_block h3 img {
          width: 100%;
          height: auto;
          max-width: 433px; }
      .yumesaki_block p {
        padding: 10px 0 0 0px;
        line-height: 1.6em; } }

.tsume {
  letter-spacing: -0.3em; }

.add_comment {
  text-align: left;
  padding: 4px 0 0 15px;
  margin: 0 auto; }
  @media all and (max-width: 768px) {
    .add_comment {
      padding: 6px 0 0 0px; } }

#bnr_bakreserve {
  position: absolute;
  right: 30px;
  top: 110px;
  z-index: 1500;
  opacity: 1; }
  #bnr_bakreserve a {
    overflow: hidden;
    outline: none;
    display: block;
    background-color: rgba(255, 255, 255, 0.4);
    padding: 5px;
    line-height: 0em; }
    #bnr_bakreserve a img {
      width: 300px;
      height: auto; }
  @media all and (max-width: 1024px) {
    #bnr_bakreserve {
      right: 10px; } }
  @media all and (max-width: 768px) {
    #bnr_bakreserve {
      top: 60px; }
      #bnr_bakreserve a {
        padding: 3px; }
        #bnr_bakreserve a img {
          width: 200px; } }

.stoped #bnr_bakreserve {
  position: fixed;
  opacity: 1;
  top: -200px; }

.chase #bnr_bakreserve {
  transition: all 700ms 0s ease;
  top: 110px; }
  @media all and (max-width: 768px) {
    .chase #bnr_bakreserve {
      top: 60px; } }

.block_group {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 0 0; }
  .block_group h2 {
    color: #E88B1E;
    font-family: 'Tenor Sans', sans-serif;
    font-size: 26px;
    line-height: 1.3em;
    padding: 0 0 10px;
    border-bottom: #E88B1E solid 3px; }
  .block_group .swiper-group {
    position: relative;
    overflow: hidden; }
    .block_group .swiper-group ul {
      padding: 20px 0; }
      .block_group .swiper-group ul li a .box_branch .parts_img {
        line-height: 0em; }
        .block_group .swiper-group ul li a .box_branch .parts_img img {
          width: 100%; }
      .block_group .swiper-group ul li a .box_branch .parts_txt {
        background-color: #C9BC9D;
        font-size: 16px;
        line-height: 1.3em;
        color: #000;
        padding: 5px; }
      .block_group .swiper-group ul li a:hover .box_branch .parts_txt {
        background-color: #EBDF93; }
    .block_group .swiper-group .swiper-button-prev,
    .block_group .swiper-group .swiper-button-next {
      position: absolute;
      top: 50%;
      width: 20px;
      height: 20px;
      z-index: 20;
      cursor: pointer;
      background-size: 20px 20px;
      background-position: center;
      background-repeat: no-repeat; }
    .block_group .swiper-group .swiper-button-prev.swiper-button-disabled,
    .block_group .swiper-group .swiper-button-next.swiper-button-disabled {
      opacity: 0.35;
      cursor: auto;
      pointer-events: none; }
    .block_group .swiper-group .swiper-button-prev {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAACXBIWXMAAAsSAAALEgHS3X78AAAC4klEQVRYR82ZO09UQRiGnz2LidhghE4TNWpJAVbsRhMp8FYbjYkJ/hIL5a+oQRqD98JCItAYDFJATBBitBIDFt5AX4s5R86enduyF3iSaXbe+eadb2bnnJlTkkSTHAJOA4eBg8B+4CewDnwC3gBfna0j6AoJLJSAM8B1YAQ47pcDsAI8B+4CU0BjmZEUWxJJVyW9U3MsyMRJFO4TSdEmByTNqbW8lYkb6jtoMpF0S9Km2sNvmfjerPoM7pc0XozaJsZl+rN6KUnWNXwAeIb5g3SKV8BF4HuxIqnXUgbu0ZzBWeBkWmYD2oyzmH7LdTWW9N62Tkg8ryX1aDteT/pbLHcUWJMVSVvO5mGKBndidEvGh9VkWdK8u20Ql8G80c/O1rXMy/hBUs2avAH0162HOKaBS8CGR7MBLHjq8/Rj/BhStyVJi76heQhlMCtDkn45YthYVLp/ZgHO+fVOGjG47ojhY1i56b5mTbqfmCkGGAKeAj0BnQ3jS2aky4ERFWl3BjOWlU53X0hZoFMGM3oTYNCf8Ro6McVFBhPgaEiVshsGAY4lQG9IBbwnzmCF1hoE6E2wPdDreUzYYDdwn9YaBNiXAH9CKuAy4c5/YLaMbwFdo2wmwFpIBZwCnhA2Oo15JwxlvRHWEmA1pEqpEG80Zv3GstLOfbKiFu2TWcAPAWGRThldlraf3ZPehNfTqal/BPx/dlcDI3LR7oxWJdW8Ty759U5ijVbV2PvkkoyvmuPDTW8TP7FGX7gCWBhV2i4fYM+ecWxTshdOi1Xl2ttGPOZsHkez5+4xFTzZTJYlPXRFiGRG0om0zAS0eSaVm+as7KW7oCngApF3QWCEI8CEo77VTGD6qzMI7Pr95KaavJ/MlwE1tz3ZmJc0qHDf0SaRWdCj2vlNR8aiTJwuhftEcv9xfCTAMHAFOE/cQW4V8/XhAfAS+OuX17ITk0X6gAHgCOY7TjfmKLEBfATmgC/O1hH8A+e4qNcjFIfvAAAAAElFTkSuQmCC");
      left: 10px;
      right: auto; }
    .block_group .swiper-group .swiper-button-next {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsSAAALEgHS3X78AAACp0lEQVRYR82ZQWsTQRiGnyzVeFADCpJ6kjYXBQ8WD7ai1KP+gZ4E+4O0/gALiSD4C/TUHoRWFKwXUQ8BD/ZSgya9WRN8PUw2pJvNfLPNDvjARyl559tnN+l0ZlKRxAmYA24D94CbQAOoAzXgCOgNqw18ALaBHWCQ18yLpCK1IOmxpAMV50Bu7ILs64zKDAyrLmlTUl+z05frVZd93SDBR5K6Kp+uXO8TC1YlNSfalk9T0hkVFDwnaTuvWyS25a4ZJHha0lZ+n1y+StoY/pyFLblrm4JF3tYdSTW5cbXh77PQkiG4Nn3sBONyaZUhuaYpgnVJHc/Acd5rUq4syY6kS8oR3PSNynBH+XJlST5TRrChYpPwQ/kFZ5XsyzmNBDf8+Ql6kpYVV/KphoJzkn4Y4TxiS3YkzSFp1Up6iC25mgAr1orHQw14DSwbuUPgAbBr5LKsJMCSlTKIKbmUAFetVACxJK8lwEUrFUhRyXdGDuBCRdJvoGolC3AI3AfeGrkrwDcjc5QYgZNSsQJA0GYowW1uyiL0M3YeeGlkAHoJ8NNKBRIql35Wbxk5gF8J8MVKBVBE7hXhc+/nBNizUgax5AD2EuzGPmLKAeymi4XQheo4PUkrivd/uCPpVII7jnhh3UqG2E8OnFM/vcuGpIH/ho4Re8E60HDBmk7UbaDluZss343XZ3ly4FzawLE9ybzCjzhibpq6ci5Ik9vOdc/ALLG2nesa65n3BFrTx05Q9sb9uTI+eYJVFT/6eKJyjj6qChBE//nh0fiTbOZ1K5mmcp5cWj7BtNYV/tddhJkPMMdrXu5opMhkPo2BXK/RVOIrM5CpRblTiH0VZ19u7KLs64yqIgWtvLMkuK8h7gI3gOvAZeAs8Ae3Su8Cn4CPwBvc1xB/85r5+Ad5tXHYQQD0UQAAAABJRU5ErkJggg==");
      right: 10px;
      left: auto; }

.box_group {
  padding: 40px 0 0;
  max-width: 1000px;
  margin: auto; }
  @media all and (max-width: 768px) {
    .box_group {
      padding: 20px 0 0; } }
  .box_group dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: #CCC solid 5px;
    border-bottom: #CCC solid 5px;
    padding: 20px 0; }
    .box_group dl dt {
      color: #E88B1E;
      font-family: 'Tenor Sans', sans-serif;
      font-size: 26px;
      line-height: 1.3em;
      width: 25%;
      box-sizing: border-box;
      padding: 0 10px; }
      @media all and (max-width: 768px) {
        .box_group dl dt {
          width: 100%; } }
      .box_group dl dt .inner {
        display: block;
        text-align: center; }
        .box_group dl dt .inner .inner_inner {
          display: inline-block;
          text-align: left; }
    .box_group dl dd {
      border-left: #E88B1E solid 1px;
      padding: 0 6px;
      width: 75%;
      box-sizing: border-box; }
      @media all and (max-width: 768px) {
        .box_group dl dd {
          width: 100%;
          border-left: none; } }
      .box_group dl dd ul {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap; }
        .box_group dl dd ul li {
          width: 16.666%;
          padding: 20px;
          box-sizing: border-box;
          line-height: 0em;
          border-right: #E88B1E solid 1px; }
          @media all and (max-width: 768px) {
            .box_group dl dd ul li {
              border-right: none; } }
          @media all and (max-width: 480px) {
            .box_group dl dd ul li {
              width: 33.3333%; } }
          .box_group dl dd ul li img {
            width: 100%;
            height: auto; }