@charset "utf-8";
/************ --------------------

下層ページ諸々CSS

 -------------------- ************/
/**********************************
 
メニューの料金表

**********************************/
dl.menu {
  width: 100%;
    padding: 0 2%;
}
dl.menu div {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 5px 0;
  padding: 5px 0;
  padding-bottom: 1em;
}
dl.menu div::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.3em;
  z-index: 1;
  width: 100%;
  border-bottom: dotted 1px #8d745f;
}
dl.menu dt {
  margin: 0;
  padding: 0 5px 0 0;
  z-index: 2;
  text-align: left;
  background-color: #ffffff;
}
dl.menu dd {
  margin: 0;
  padding: 0 0 0 5px;
  background-color: #ffffff;
  z-index: 2;
  text-align: right;
}
dl.menu dd.ex {
  width: 100%;
  text-align: left;
  padding: 0.2em 0 0 0;
  font-size: 1.6rem;
}

/**********************************
 
スタイル表

**********************************/
.single-style:after {
  content: "";
  display: block;
  clear: both;
}
.single-style:before {
  content: "";
  display: block;
  clear: both;
}
.single-style {
  display: block;
}
#content.style figure {
  width: 42%;
  float: left;
}
#content.style figure .gallery {
  text-align: center;
  padding: 5px;
}
#content.style figure .gallery img {
  display: block;
  margin: auto;
}
#content.style .text {
  padding-top: 20px;
  width: 50%;
  float: right;
}
#content.style .single-style:nth-child(even) figure {
  float: right;
}
#content.style .single-style:nth-child(even) .text {
  float: left;
}
/*===================================
スライダーのためのcss
===================================*/
/*メイン画像下に余白をつける*/
#content.style .gallery {
  margin: 0 0 25px 0;
}
#content.style .gallery li {
  list-style: none;
}
/*矢印の設定*/
/*戻る、次へ矢印の位置*/
#content.style .slick-prev, #content.style .slick-next {
  position: absolute; /*絶対配置にする*/
  z-index: 3;
  top: 42%;
  cursor: pointer; /*マウスカーソルを指マークに*/
  outline: none; /*クリックをしたら出てくる枠線を消す*/
  border-top: 2px solid #ccc; /*矢印の色*/
  border-right: 2px solid #ccc; /*矢印の色*/
  height: 25px;
  width: 25px;
}
#content.style .slick-prev { /*戻る矢印の位置と形状*/
  left: 2.5%;
  transform: rotate(-135deg);
}
#content.style .slick-next { /*次へ矢印の位置と形状*/
  right: 2.5%;
  transform: rotate(45deg);
}
/*選択するサムネイル画像の設定*/
#content.style .choice-btn li {
  cursor: pointer;
  outline: none;
  background: #fff;
  width: 22% !important;
  list-style: none;
}
#content.style .choice-btn li img {
  opacity: 0.5; /*選択されていないものは透過40%*/
}
#content.style .choice-btn li.slick-current img {
  opacity: 1; /*選択されているものは透過しない*/
}
#content.style .choice-btn .slick-track {
  width: 100% !important;
  display: flex;
  justify-content: center;
}
/* ---　850以下　---*/
@media all and (max-width:850px) {
  #content.style figure {
    width: 100%;
    float: none;
  }
  #content.style .text {
    width: 100%;
    float: none;
  }
}
/**********************************
 
staff表

**********************************/
.single-staff:after {
  content: "";
  display: block;
  clear: both;
}
.single-staff:before {
  content: "";
  display: block;
  clear: both;
}
.single-staff {
  display: block;
}
#content.staff figure {
  float: left;
  padding-top: 20px;
  width: 26%;
}
#content.staff figure img {
  border-radius: 10px;
  display: block;
  margin: auto;
}
#content.staff .text {
  width: 68%;
  float: right;
}
#content.staff .text h3::before {
  content: "";
  display: block;
  height: 0.5em;
}
#content.staff .text h3:after {
  height: 0.2em
}
#content.staff .single-staff:nth-child(even) figure {
  float: right;
}
#content.staff .single-staff:nth-child(even) .text {
  float: left;
}
/* ---　850以下　---*/
@media all and (max-width:850px) {
  #content.staff figure {
    width: 100%;
    float: none;
  }
  #content.staff .text {
    width: 100%;
    float: none;
  }
}
/**********************************
 
access

**********************************/
#content.access h3 {
  display: block;
}
#content.access h3::before {
  content: "";
  display: block;
  height: 0.5em;
}
#content.access h3:after {
  height: 0.2em
}
/**********************************
 
information
#information

**********************************/
#information dl {
  /*点線や破線 https://qiita.com/7note/items/bdbc2639554c073ca8a5*/
  background-image: linear-gradient(to left, #b9b49a, #b9b49a 2px, transparent 2px, transparent 6px); /* 下の線 */
  background-size: 6px 2px; /* グラデーションの幅・高さを指定 */
  background-position: right bottom; /* 背景の開始位置を指定 */
  background-repeat: repeat-x; /* 向きにのみ繰り返す */
}
#information dl dt {
  float: left;
  font-weight: normal;
  clear: both;
  width: 5em;
  padding: 0.8em;
  padding-right: 2em;
  box-sizing: content-box;
  /*点線や破線 https://qiita.com/7note/items/bdbc2639554c073ca8a5*/
  background-image: linear-gradient(to left, #b9b49a, #b9b49a 2px, transparent 2px, transparent 6px); /* 上の線 */
  background-size: 6px 2px; /* グラデーションの幅・高さを指定 */
  background-position: left 4px top; /* 背景の開始位置を指定 */
  background-repeat: repeat-x; /* 向きにのみ繰り返す */
}
#information dl dt .pickup {
    background: linear-gradient(transparent 60%, #ff6 60%);
}
#information dl dd {
  margin-left: 7em;
  padding: 0.8em;
  box-sizing: content-box;
  /*点線や破線 https://qiita.com/7note/items/bdbc2639554c073ca8a5*/
  background-image: linear-gradient(to left, #b9b49a, #b9b49a 2px, transparent 2px, transparent 6px); /* 上の線 */
  background-size: 6px 2px; /* グラデーションの幅・高さを指定 */
  background-position: left 4px top; /* 背景の開始位置を指定 */
  background-repeat: repeat-x; /* 向きにのみ繰り返す */
}
/* ---　651以上　---*/
@media all and (min-width:651px) {
  #information dl dt:first-of-type, #information dl dd:first-of-type {
    background: none;
  }
}
/* ---　650以下　---*/
@media all and (max-width:650px) {
  #information {
    padding: 3%;
  }
  #information dl dt {
    float: none;
    background: none;
    padding-bottom: 0;
  }
  #information dl dd {
    margin-left: 0;
    background-position: left 4px bottom; /* <下点線>背景の開始位置を指定 */
    padding-top: 0;
  }
}