@charset "UTF-8";
/* CSS Document */
.txt-center {
  text-align: center;
}
.txt-red {
  color: #a40a0a;
}
/*=============================================
 * index
 *=============================================*/
#index #sec1 {
  padding-top: 5%;
  background: url("../img/index/sec1_bg.jpg") no-repeat center top;
  background-size: 100%;
}
#index #sec1 .info {
  padding-bottom: 33%;
}
#index #sec1 .text {
  padding-bottom: 10%;
}
#index #sec1 .btn {
  text-align: right;
  margin-top: -22%;
  padding-right: 5%;
}
#index #sec2 {
  background: url("../img/index/sec2_bg.jpg") no-repeat center;
  background-size: cover;
  margin-top: -8%;
}
#index #sec2 .ttl img {
  margin-top: -7%;
}
#index #sec2 .text {
  padding-top: 5%;
  padding-bottom: 10%;
}
#index #sec2 .wrap {
  padding: 0 0 8%;
}
#index #sec3 h2 {
  padding-bottom: 10%;
}
#index #sec3 .btn {
  padding: 10% 0px;
}
#index #sec4 {
  background: url("../img/index/sec4_bg.jpg") no-repeat center;
  background-size: cover;
  color: #fff;
}
#index #sec4 .box {
  width: 50%;
  text-align: center;
}
#index #sec4 .box .deco {
  padding-top: 10%;
}
#index #sec4 .box .ttl {
  font-size: 4vw;
  line-height: 8vw;
  font-weight: normal;
  padding-top: 5%;
  padding-bottom: 0;
  letter-spacing: 0.2em;
}
#index #sec4 .box .btn {
  padding: 10% 0;
}
#index #sec5 {
  background: url("../img/index/sec5_bg.jpg") repeat;
  padding-top: 8%;
  padding-bottom: 10%;
}
#index #sec5 .feed_box {
  background: #fff;
  width: 80%;
  margin: 0 auto;
  padding: 5%;
  border-bottom: 2px solid #c6c6c6;
}
#index #sec5 dl {
  background: #fff;
}
#index #sec5 dl dt {
  text-align: center;
  padding: 40%;
  position: relative;
}
#index #sec5 dl dt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
#index #sec5 dl dd {
  font-size: 4vw;
  text-align: center;
  padding-top: 5%;
}
#index #sec5 dl dd .date {
  padding-bottom: 3%;
  text-align: center;
  color: #707070;
  display: block;
  font-size: 3vw;
}
#index #sec5 .deco {
  padding: 5% 0px;
}
#index #sec5 .ttl_insta {
  margin-bottom: 5%;
}
#index #sec5 #instafeed {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 5%;
}
#index #sec5 #instafeed li {
  list-style-type: none;
  width: 48%;
  margin-bottom: 15px;
}
#index #sec5 #instafeed li img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
#index #sec5 .ttl_fb {
  margin: 5% 0;
}
#index #sec5 .fbb {
  text-align: center;
}
/*=============================================
 * history
 *=============================================*/
#history #sec1 {
  padding-top: 10%;
}
#history #sec1 .txt {
  padding-bottom: 10%;
}
#history #sec1 .box {
  background: url("../img/history/bg_box.jpg") repeat;
  color: #fff;
  padding-top: 10%;
  padding-bottom: 10%;
}
#history #sec1 .box .info {
  position: relative;
}
#history #sec1 .box .info .ttl {
  font-size: 7vw;
  letter-spacing: 6.5px;
  padding-bottom: 2%;
  text-align: center;
}
#history #sec1 .box .info .deco {
  padding-top: 1vw;
}
#history #sec2 {
  background: url("../img/history/sec2_bg.jpg") no-repeat center;
  background-size: cover;
  padding-top: 15%;
  padding-bottom: 5%;
}
#history #sec2 .img {
  margin-top: -35%;
}
#history #sec2 .txt {
  padding: 5%;
}
#history #sec3 {
  padding-top: 10%;
  padding-bottom: 5%;
}
#history #sec3 .img1 {
  padding-top: 5%;
}
#history #sec3 .img2 {
  padding-top: 5%;
}
#history #sec3 dl {
  margin-top: -8%;
}
#history #sec3 .txt {
  padding-top: 10%;
}
#history #sec3 .img3 {
  padding-top: 5%;
}
#history #sec3 .mt {
  margin-top: -5%;
}
#history #sec4 {
  background: url("../img/history/sec4_bg.jpg") repeat;
  padding-top: 10%;
  padding-bottom: 10%;
  color: #fff;
}
#history #sec4 .bx-wrapper {
  padding: 0 5%;
  margin-top: -17%;
}
#history #sec4 .bx-wrapper .bx-pager {
  bottom: -27px;
  left: 38vw;
}
#history #sec4 .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #bdbdbd;
  border-radius: 0;
  border: 4px solid #bdbdbd;
  width: 8px;
  height: 8px;
  margin: 0 5px;
}
#history #sec4 .bx-wrapper .bx-pager.bx-default-pager a.active {
  border-color: #bdbdbd;
  background-color: #402514;
}
#history #sec4 .txt {
  padding-top: 15%;
  padding-bottom: 10%;
}
#history #sec5 {
  padding-bottom: 10%;
  background: url("../img/history/sec5_bg.jpg") repeat;
}
/*=============================================
 * menu
 *=============================================*/
#menu #sec1 {
  padding-top: 10%;
}
#menu #sec1 .txt {
  text-align: center;
  margin-top: -8%;
}
#menu #sec1 .txt dt {
  font-size: 3vw;
  padding-bottom: 2px;
}
#menu #sec1 .set1 {
  text-align: center;
}
#menu #sec1 .set1 dd {
  margin-top: -5%;
  font-size: 5vw;
}
#menu #sec1 .text {
  padding-top: 5%;
  padding-bottom: 5%;
}
#menu #sec1 .box {
  background: url("../img/menu/sec2_bg.jpg") no-repeat center;
  background-size: cover;
  padding-top: 7%;
  padding-bottom: 10%;
}
#menu #sec1 .box .img {
  padding-top: 10%;
}
#menu #sec1 .box .bx-wrapper {
  padding: 0 5%;
}
#menu #sec1 .box .bx-wrapper .bx-pager {
  bottom: -27px;
  left: 40vw;
}
#menu #sec1 .box .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #53301c;
  border-radius: 0;
  border: 4px solid #53301c;
  width: 8px;
  height: 8px;
  margin: 0 5px;
}
#menu #sec1 .box .bx-wrapper .bx-pager.bx-default-pager a.active {
  border-color: #bdbdbd;
  background-color: #402514;
}
#menu #sec1 .box dl {
  padding-top: 10%;
}
#menu #sec1 .box dl dd {
  text-align: center;
  font-size: 5vw;
}
#menu #sec1 .box dl.info {
  margin-top: -5%;
  padding-top: 5%;
}
#menu #sec2 {
  padding-bottom: 15%;
  padding-top: 10%;
}
#menu #sec2 .info {
  display: table;
  margin: 0 auto;
  width: 80%;
}
#menu #sec2 .info dt, #menu #sec2 .info dd {
  display: table-cell;
  font-size: 5vw;
  letter-spacing: 1vw;
}
#menu #sec2 .info .txt-red {
  font-size: 5vw;
  color: #a40a0a;
}
#menu #sec2 .info .txt-sm {
  font-size: 4vw;
}
#menu #sec2 .txt {
  padding-top: 5%;
  padding-bottom: 5%;
}
#menu #sec2 .bx-default-pager {
  bottom: -3%;
}
#menu #sec3 {
  background: url("../img/menu/sec3_bg.jpg") repeat;
  padding-top: 5%;
  padding-bottom: 10%;
  color: #fff;
}
#menu #sec3 .txt {
  padding-top: 5%;
}
#menu #sec3 .img {
  margin-top: -18%;
}
#menu #sec4 {
  padding-top: 10%;
  padding-bottom: 5%;
}
#menu #sec4 .btn-acc {
  position: relative;
}
#menu #sec4 .btn-acc:after {
  position: absolute;
  font-family: "fontello";
  content: "\e829";
  color: #000;
  top: 40%;
  transform: translateY(-50%);
  right: 10%;
  font-size: 15px;
}
#menu #sec4 .btn-acc.open:after {
  content: '\e82c';
}
#menu #sec4 .scroll_box {
  padding: 5% 5% 10%;
}
#menu #sec4 .toggle-link {
  color: #a40a0a;
  font-size: 25px;
  padding-top: 5%;
  font-family: 'Noto Serif JP', serif;
  /*	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  padding-bottom: 3%;
}

#menu #sec4 .toggle-link span {
  position: relative;
}
#menu #sec4 .toggle-link span:before {
  content: url("../img/shared/icon_fllower.png");
  position: absolute;
  left: -40px;
  top: 5px;
}
#menu #sec4 .toggle-link span:after {
  content: url("../img/shared/icon_fllower.png");
  position: absolute;
  right: -40px;
  top: 5px;
}
#menu #sec4 .toggle-main {
  padding-top: 5%;
}
#menu #sec4 .toggle-main dl {
  border-bottom: 1px solid #a40a0a;
  overflow: hidden;
  margin-bottom: 5%;
  padding-bottom: 2%;
}
#menu #sec4 .toggle-main dt {
  float: left;
}
#menu #sec4 .toggle-main dd {
  float: right;
}
#menu #sec4 .box {
  background: url("../img/menu/sec5_bg.jpg") repeat;
  margin: 5% 5%;
  padding: 5%;
}
#menu #sec4 .box dl {
  display: table;
}
#menu #sec4 .box dl dt, #menu #sec4 .box dl dd {
  display: table-cell;
}
#menu #sec4 .box dl dt {
  padding-right: 10%;
}
#menu #sec4 .box dl dd {
  font-size: 3vw;
  line-height: 2em;
  vertical-align: middle;
}
#menu #sec5 {
  background: url("../img/menu/sec2_bg.jpg") no-repeat center;
  background-size: cover;
  padding-bottom: 10%;
}
#menu #sec5 .box {
  background: rgba(255, 255, 255, 0.5);
  margin: 0 5%;
  padding: 6% 0;
}
#menu #sec5 .box dl {
  text-align: center;
  line-height: 7vw;
  letter-spacing: .3em;
}
#menu #sec5 .box dl dt {
  font-size: 6vw;
  padding-bottom: 2%;
}
#menu #sec5 .box dl dd {
  font-size: 4vw;
  padding-bottom: 2%;
}
#menu #sec5 .box .list {
  display: flex;
  justify-content: space-evenly;
  padding-top: 5%;
}
#menu #sec5 .txt {
  text-align: center;
  font-size: 3vw;
  padding: 5% 0;
  letter-spacing: .2em;
}
#menu #sec5 .toggle-main {
  padding-top: 5%;
}
#menu #sec5 .toggle-main dl {
  border-bottom: 1px solid #000;
  overflow: hidden;
  margin: 0 5% 5% 5%;
  padding: 0 0 2% 0;
}
#menu #sec5 .toggle-main dt {
  float: left;
}
#menu #sec5 .toggle-main dd {
  float: right;
}
#menu #sec5 .toggle.active .toggle-link:after {
  content: '\e82c';
}
#menu #sec5 .toggle-link {
  position: relative;
}
#menu #sec5 .toggle-link:after {
  position: absolute;
  font-family: "fontello";
  content: "\e829";
  color: #000;
  top: 80%;
  transform: translateY(-50%);
  right: 50%;
  font-size: 15px;
}
#menu #sec5 .img {
  margin-top: -6%;
}
#menu #sec6 {
  padding-bottom: 5%;
}
#menu #sec6 .ttl {
  padding: 5% 0;
}
#menu #sec6 .box {
  background: url("../img/menu/sec6_bg.jpg") repeat;
  padding-bottom: 10%;
  color: #fff;
}
#menu #sec6 .img {
  padding: 5% 0;
}
#menu #sec6 h3 {
  padding-bottom: 5%;
}
#menu #sec6 .btn-acc {
  position: relative;
  padding-top: 5%;
}
#menu #sec6 .btn-acc:after {
  position: absolute;
  font-family: "fontello";
  content: "\e829";
  color: #000;
  top: 50%;
  transform: translateY(-50%);
  right: 10%;
  font-size: 15px;
}
#menu #sec6 .btn-acc.open:after {
  content: '\e82c';
}
#menu #sec6 .scroll_box {
  padding: 5% 5% 10%;
}

#menu #sec6 .toggle-link {
  color: #a40a0a;
  font-size: 25px;
  padding-top: 5%;
  font-family: 'Noto Serif JP', serif;
  /*	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  padding-bottom: 3%;
}

#menu #sec6 .toggle-link span {
  position: relative;
}
#menu #sec6 .toggle-link span:before {
  content: url("../img/shared/icon_fllower.png");
  position: absolute;
  left: -40px;
  top: 5px;
}
#menu #sec6 .toggle-link span:after {
  content: url("../img/shared/icon_fllower.png");
  position: absolute;
  right: -40px;
  top: 5px;
}
#menu #sec6 .toggle-main {
  padding-top: 5%;
}
#menu #sec6 .toggle-main dl {
  border-bottom: 1px solid #a40a0a;
  overflow: hidden;
  margin-bottom: 5%;
  padding-bottom: 2%;
}
#menu #sec6 .toggle-main dl.first {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
#menu #sec6 .toggle-main dt {
  float: left;
}
#menu #sec6 .toggle-main dd {
  float: right;
}
#menu #sec6 .toggle-main dd.pt {
  padding-top: 5%;
}
/*=============================================
 * course
 *=============================================*/
.remodal {
  padding: 0;
}
.pop .ttls {
  background: url("../img/course/sec4_bg.jpg") repeat;
  color: #fff;
  font-size: 5vw;
  text-align: center;
  padding: 3% 0;
  line-height: 7vw;
  letter-spacing: 0.2em;
}
.pop .txt {
  padding: 5% 5%;
}
#course #sec1 {
  background: url("../img/course/sec1_bg.jpg") no-repeat center top;
  background-size: cover;
  padding-bottom: 15%;
}
#course #sec1 .txt {
  padding-bottom: 10%;
}
#course #sec1 .bx-pager {
  bottom: -8%;
}
#course #sec1 .bx-pager a {
  margin: 0 10px;
}
#course #sec1 .bx-controls-direction {
  top: 54%;
}
#course #sec1 .bx-controls-direction .bx-prev:after {
  left: 0;
}
#course #sec1 .bx-controls-direction .bx-next:after {
  left: 12px;
}
#course #sec1 .blk {
  margin-top: -5%;
}
#course #sec2 .set1, #course #sec2 .set2, #course #sec3 .set1, #course #sec3 .set2 {
  background: url("../img/course/bg_set1.jpg") repeat;
  color: #fff;
  text-align: center;
}
#course #sec2 .set1 h3, #course #sec2 .set2 h3, #course #sec3 .set1 h3, #course #sec3 .set2 h3 {
  line-height: 7vw;
  font-size: 5vw;
  padding: 7% 0 5% 0;
  letter-spacing: 0.2em;
}
#course #sec2 .set1 h4, #course #sec2 .set2 h4, #course #sec3 .set1 h4, #course #sec3 .set2 h4 {
  background: #800706;
  font-size: 5vw;
  padding: 3% 0;
  margin: 0 10%;
  letter-spacing: 0.2em;
}
#course #sec2 .set1 .price, #course #sec2 .set2 .price, #course #sec3 .set1 .price, #course #sec3 .set2 .price {
  font-size: 6vw;
  padding-top: 5%;
  letter-spacing: .2em;
}
#course #sec2 .set1 .price span, #course #sec2 .set2 .price span, #course #sec3 .set1 .price span, #course #sec3 .set2 .price span {
  font-size: 4vw;
}
#course #sec2 .set1 .deco, #course #sec2 .set2 .deco, #course #sec3 .set1 .deco, #course #sec3 .set2 .deco {
  padding-bottom: 5%;
}
#course #sec2 .set1 .txt, #course #sec2 .set2 .txt, #course #sec3 .set1 .txt, #course #sec3 .set2 .txt {
  padding-bottom: 10%;
}
#course #sec4 {
  background: url("../img/course/sec5_bg.jpg") repeat;
  padding-bottom: 10%;
}
#course #sec4 .img {
  margin-top: -5%;
}
#course #sec4 .ttls {
  font-size: 6vw;
  position: relative;
  padding-bottom: 3%;
}
#course #sec4 .ttls:before {
  content: url("../img/shared/icon_fllower.png");
  position: absolute;
  left: 8px;
  top: 0;
}
#course #sec4 .ttls:after {
  content: url("../img/shared/icon_fllower.png");
  position: absolute;
  right: 8px;
  top: 0;
}
#course #sec4 .ttls.pt:before {
  top: 46px;
}
#course #sec4 .ttls.pt:after {
  top: 46px;
}
#course #sec4 .pt {
  padding-top: 8%;
}
#course #sec4 .menu_list {
  background: url("../img/course/bg_set1.jpg") repeat;
  color: #fff;
  margin: 0 5%;
}
#course #sec4 .menu_list.toggle.active .toggle-link:after {
  content: '\e82c';
}
#course #sec4 .menu_list .toggle-link {
  font-size: 6vw;
  padding: 5% 0 0;
  margin-top: 5%;
  font-family: 'Noto Serif JP', serif;
  /*	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
}
#course #sec4 .menu_list .toggle-link:after {
  top: 69%;
  right: 0%;
  font-size: 24px;
  content: "\e829";
}
#course #sec4 .menu_list .toggle-link span {
  font-size: 4vw;
}
#course #sec4 .menu_list .toggle-main {
  padding-bottom: 5%;
}
#course #sec4 .menu_list .toggle-main .txt {
  padding-top: 2%;
}
#course #sec4 .box {
  margin: 5% 5%;
  border: 1px solid #000;
}
#course #sec5 {
  background: url("../img/course/sec5_bg2.jpg") no-repeat center top;
  background-size: 100%;
  padding-bottom: 15%;
}
#course #sec5 .floor {
  padding-top: 3%;
  padding-bottom: 10%;
}
#course #sec5 .bx-wrapper {
  padding: 0 5%;
}
#course #sec5 .bx-wrapper .bx-pager {
  bottom: -27px;
  left: 38vw;
}
#course #sec5 .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #53301c;
  border-radius: 0;
  border: 4px solid #53301c;
  width: 8px;
  height: 8px;
  margin: 0 5px;
}
#course #sec5 .bx-wrapper .bx-pager.bx-default-pager a.active {
  border-color: #bdbdbd;
  background-color: #402514;
}
#course #sec5 .ttls {
  padding-top: 15%;
  padding-bottom: 5%;
}
#course #sec6 {
  padding-bottom: 15%;
}
#course #sec6 h2 {
  padding-top: 5%;
}
#course #sec7 {
  padding-bottom: 15%;
}
#course #sec7 .txt {
  margin-top: -15%;
}
/*=============================================
 * reception
 *=============================================*/
#reception #sec1 {
  padding-top: 5%;
	padding-bottom: 15%;
	background: url("../img/reception/sec1_bg.jpg") no-repeat center top;
	-webkit-background-size: 100%;
	background-size: 100%;
}
#reception #sec1 .img {
  padding-top: 3%;
}
#reception #sec2 {
  background: url("../img/reception/sec2_bg.jpg") no-repeat center;
  background-size: 100%;
  padding-bottom: 15%;
  position: relative;
}
#reception #sec2 h2 {
  margin-top: -5%;
	position: relative;
	z-index: 1;
}
#reception #sec2 .txt {
  padding-top: 5%;
}
#reception #sec2 .img {
  position: absolute;
	top: -62vw;
	left: 0;
}
#reception #sec3 .box {
  background: url("../img/reception/sec3_bg_box.jpg") no-repeat center bottom;
  background-size: 100%;
  padding-bottom: 25%;
}
#reception #sec3 .set1 {
  background: url("../img/reception/bg_set1.jpg") repeat;
  margin: -3% 3% 15% 3%;
  color: #fff;
  padding-bottom: 5%;
}
#reception #sec3 .set1 dl {
  padding: 5% 5% 3% 5%;
  overflow: hidden;
}
#reception #sec3 .set1 dl dt {
  background: #800706;
  padding: 5px 10px;
  letter-spacing: .3em;
  float: left;
  font-size: 4vw;
}
#reception #sec3 .set1 dl dd {
  float: right;
  font-size: 4vw;
  padding-top: 3px;
  letter-spacing: .1em;
}
#reception #sec3 .set1 dl dd .txt-sm {
  font-size: 3vw;
}
#reception #sec4 h2 {
  padding-bottom: 10%;
}
#reception #sec4 .set1 {
  background: url("../img/reception/bg_set1.jpg") repeat;
  margin: -3% 3% 15% 3%;
  color: #fff;
  padding-bottom: 5%;
}
#reception #sec4 .set1 dl {
  padding: 5% 5% 3% 5%;
}
#reception #sec4 .set1 dl dt {
  letter-spacing: .3em;
  font-size: 5vw;
  text-align: center;
}
#reception #sec4 .set1 dl dd {
  font-size: 6vw;
  padding-top: 3px;
  letter-spacing: .1em;
  text-align: center;
}
#reception #sec4 .set1 dl dd .txt-sm {
  font-size: 4vw;
}
#reception #sec5 {
  position: relative;
  color: #fff;
}
#reception #sec5 h2 {
  width: 100%;
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  font-size: 7vw;
  line-height: 1.5em;
  letter-spacing: 0.2em;
  font-weight: normal;
}
#reception #sec5 h2 .txt-sm {
  font-size: 5vw;
}
#reception #sec6 {
  background: url("../img/reception/sec6_bg.jpg") repeat;
  padding-top: 5%;
  margin-top: -50%;
  padding-bottom: 10%;
}
#reception #sec6 .slider .pt {
  padding-top: 10%;
}
#reception #sec6 .bx-wrapper dl {
  padding-bottom: 5%;
}
#reception #sec6 .bx-wrapper dl dt {
  text-align: center;
}
#reception #sec6 .bx-wrapper dl dt.pt {
  padding-top: 5%;
}
#reception #sec6 .bx-wrapper dl dd {
  padding-top: 5%;
}
#reception #sec6 .bx-wrapper .mt {
  margin-top: -4%;
}
#reception #sec6 .bx-wrapper .bx-pager {
  bottom: -2%;
}
#reception #sec6 .bnr_shared {
  padding-top: 10%;
}
/*=============================================
 * shopinfo
 *=============================================*/
#shopinfo #sec1 {
  padding-top: 10%;
  padding-bottom: 10%;
}
#shopinfo #sec1 .info dl {
  border-bottom: 1px solid #a40a0a;
  padding: 3% 0;
}
#shopinfo #sec2 {
  padding-bottom: 10%;
}
#shopinfo #sec3 {
  background: url("../img/shopinfo/sec3_bg.jpg") no-repeat center;
  background-size: cover;
  padding-top: 10%;
  padding-bottom: 10%;
}
#shopinfo #sec3 h2 {
  padding-bottom: 10%;
}
#shopinfo #sec3 .floor {
  padding-bottom: 10%;
}
#shopinfo #sec3 .img {
  padding-bottom: 10%;
}
#shopinfo #sec4 {
  padding-bottom: 10%;
}
#shopinfo #sec4 .padd_wrap {
  padding-top: 5%;
}
#shopinfo #sec5 {
  padding-bottom: 5%;
}
#shopinfo #sec5 ul {
  padding-top: 5%;
}
#shopinfo #sec5 ul li {
  padding-bottom: 5%;
}