@import url(icon.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Roboto&display=swap');

@keyframes mv-loop {
  0% { left: 40%; opacity: 0; top: 45%; }
  3% { opacity: 1; }
  95% { opacity: 1; }
  98% { left: 65%; opacity: 0; top: -35%; }
  100% { left: 65%; opacity: 0; top: -35%; }
}
@keyframes fade-in {
  0% { opacity: 0; transform: translate3d(0,-20px,0); }
  100% { opacity: 1; transform: translate3d(0,0,0); }
}
.jtb-nav-breadcrumb { margin-bottom: 25px; }
.l-page { font-family: 'Roboto', 'Noto Sans JP', sans-serif; line-height: 1.6; min-width: 1120px; width: 100%; }
.l-page * { box-sizing: border-box; }
.l-page a:hover { color: #479eff; }
.l-page a, .l-page a img { transition: all .5s ease; transform: rotate(0.0001deg); }
.l-page img { display: block; margin: 0 auto; }
.l-page h1 { font-size: 18px; font-weight: bold; line-height: 1; margin: 0 auto 25px; width: 1120px; }
.l-page strong { font-weight: bold; }
.l-page .l-section { padding-top: 100px; }
.l-page .btn { align-items: center; background-color: #70a91e; border-radius: 6px; color: #fff; display: flex; font-size: 18px; justify-content: center; line-height: 1.2; position: relative; text-align: center; }
.l-page .btn:hover { background-color: #4a7c03; color: #fff; }
.l-page .btn::after { content: '\e804'; display: inline-block; font-family: 'icon'; font-size: 14px; position: absolute; right: 1.5em; top: 50%; transform: translateY(-50%); transition: all .5s ease; }
.l-page .btn:hover::after { right: 1.2em; }
.l-page .btn__red { background-color: #d6311b; }
.l-page .btn__red:hover { background-color: #b10000; }
.l-page .btn__prev::after { content: '\e80c'; left: 1.5em; right: inherit; }
.l-page .btn__prev:hover::after { left: 1.2em; right: inherit; }
.l-page p.c-cap { font-size: 14px; margin-top: 1.25em; text-align: center; width: 100%; }
.l-page .disc { list-style: disc; list-style-position: outside; margin-left: 1.5em; }
.l-page .arrow li::before { content: '\e801'; display: inline-block; font-size: 14px; font-family: 'icon'; padding-right: .5em; }
.l-page .arrow li .cap { margin-left: 1.5em; }
.l-page .c-note { margin-top: 3em; text-align: left; }
.l-page .fade-in { animation: fade-in .4s linear; }
.l-page i::before { align-items: center; border: 2px solid; border-radius: 50%; display: inline-flex; height: 1.5em; justify-content: center; width: 1.5em; }
.l-page .ic-star::before { background-color: #c19c75; border-color: #c19c75; color: #fff; }
.l-page .ic-heart::before { background-color: #fff; border-color: #c19c75; color: #c19c75; }
.l-page .is-hide { display: none; }
.l-flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.l-box { background-color: #fff; border-radius: 6px; }
.l-button { padding-top: 36px; text-align: center; width: 100%; }
.l-button ul { display: inline-flex; justify-content: center; }
.l-button li + li { padding-left: 20px; }
.l-button .btn { height: 76px; width: 400px; }
.l-container { width: 100%; }
.l-inner { margin: 0 auto; position: relative; text-align: center; width: 1120px; }
.js-btn-page-top { bottom: 50px; cursor: pointer; display: none; position: fixed; right: 50px; z-index: 100; }
.js-btn-page-top a { display: block; height: 17px; position: relative; width: 35px; }
.js-btn-page-top a::before { color: #000; content: '\e802'; display: inline-block; font-family: 'icon'; font-size: 17px; height: 17px; width: 35px; }
.js-btn-page-top a:hover { opacity: .8; }
.l-mv { align-items: center; display: flex; height: 380px; overflow: hidden; position: relative; text-align: center; width: 100%; }
.l-mv img { height: auto; width: 600px; }
.l-mv__bg { animation: mv-loop 18s linear infinite; background-color: #fff; left: 50%; position: absolute; top: 50%; transform: translate(-40%,-45%) rotate(45deg); z-index: -1; }
.l-mv__row { display: -ms-inline-flexbox; display: flex; }
.l-mv__row .tile { border-radius: .6vw; display: block; height: 360px; margin: 4px; overflow: hidden; position: relative; transform: rotateY(0deg); transition: all .5s ease; width: 360px; }
.l-mv__row .tile .pic-01 { background: url(../images/mv-1.jpg); }
.l-mv__row .tile .pic-02 { background: url(../images/mv-2.jpg); }
.l-mv__row .tile .pic-03 { background: url(../images/mv-3.jpg); }
.l-mv__row .tile .pic-04 { background: url(../images/mv-4.jpg); }
.l-mv__row .tile .pic-05 { background: url(../images/mv-5.jpg); }
.l-mv__row .tile .pic-06 { background: url(../images/mv-6.jpg); }
.l-mv__row .tile .pic-07 { background: url(../images/mv-7.jpg); }
.l-mv__row .tile .pic { background-size: cover; height: 140%; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%) rotate(-45deg); width: 140%; }
.l-nav { height: 70px; width: 100%; }
.l-nav__float { background: #d78629 url(../images/l-nav__bg.png) repeat-x 50% / 200px; text-align: center; width: 100%; }
.l-nav__float ul { letter-spacing: -.4em; }
.l-nav__float li { display: inline-block; letter-spacing: normal; padding: 5px; vertical-align: middle; }
.l-nav__float li a { background: rgba(97,51,3,.5); color: #fff; display: block; font-size: 18px; line-height: 60px; height: 60px; overflow: hidden; position: relative; transition: none; width: 340px; }
.l-nav__float li a span::before, .l-nav__float li a span::after { background: #d78629 url(../images/l-nav__bg.png) repeat-x 50% / 200px; display: block; content: ""; height: 14px; position: absolute; transform: rotate(45deg); width: 14px; }
.l-nav__float li a span:first-child::before { left: -7px; top: -7px; }
.l-nav__float li a span:first-child::after { bottom: -7px; left: -7px; }
.l-nav__float li a span:last-child::before { right: -7px; top: -7px; }
.l-nav__float li a span:last-child::after { bottom: -7px; right: -7px; }
.l-nav__float li a:hover { color: #fff; }
.l-nav__float li a::after { content: '\e80a'; display: inline-block; font-size: 14px; font-family: 'icon'; padding-left: .5em; }
.l-nav__float li a:hover::after { color: #fff800; }
.l-nav__float .page-title { display: none; }
.l-nav__float .page-title img { width: 254px; }
.l-nav__float.is-fixed { position: fixed; z-index: 10; }
.l-nav__float.is-fixed .l-inner { align-items: center; display: inline-flex; justify-content: space-between; }
.l-nav__float.is-fixed .page-title { display: inline-block; }
.l-nav__float.is-fixed li { padding: 5px 0; }
.l-nav__float.is-fixed li + li { padding-left: 4px; }
.l-nav__float.is-fixed li a { font-size: 15px; width: 276px; }

.header-title { margin-bottom: 30px; }
.header-title img { width: 864px; }
.c-about__col li { padding: 30px 24px 18px; width: 366px; }
.c-about__col .pic { margin-bottom: 24px; }
.c-about__col .pic img { width: 210px; }
.c-about__col h3 { color: #6b4012; font-size: 18px; font-weight: bold; margin-bottom: .8em; }
.c-about__col p { font-size: 14px; text-align: left; }
.c-about__col p .cap { display: block; }
.c-coupon__guide { background-color: #fff; border-radius: .75em; margin-bottom: 20px; padding: 3.5em; text-align: left; width: 100%; }
.c-coupon__guide .pic { margin-right: 40px; width: 360px; }
.c-coupon__guide .pic img { width: 100%; }
.c-coupon__guide .txt { flex: 1; }
.c-coupon__guide .txt .c-label { align-items: center; background-color: #d78629; border-radius: 100vh; display: inline-flex; height: 2.5em; justify-content: center; padding: 0 2em; }
.c-coupon__guide .txt .c-label span { color: #fff; font-size: 1.25em; font-weight: 700; }
.c-coupon__guide .txt .c-catch { color: #6b4012; font-size: 1.5em; font-weight: 700; margin-top: .5em; }
.c-coupon__guide .txt p { margin-top: .5em; }
.c-flow__list { padding: 60px 0; }
.c-flow__list .copy { position: relative; width: 100%; }
.c-flow__list .copy::after { background-color: #ac9884; content: ""; display: inline-block; height: 1px; left: 50%; position: absolute; top: 50%; transform: translateX(-50%); width: calc(100% - 120px); }
.c-flow__list .copy::after { right: 0; }
.c-flow__list .copy span { background-color: #fff; display: inline-block; padding: 0 6%; position: relative; z-index: 3;  }
.c-flow__list .copy span img { width: 586px; }
.c-flow__item { align-items: flex-start; padding: 100px 60px 0; position: relative; }
.c-flow__item + .c-flow__item::after { color: #c1a587; content: '\e80a'; display: inline-block; font-size: 36px; font-family: 'icon'; left: 50%; position: absolute; top: 20px; transform: translateX(-50%); }
.c-flow__item.no-arrow { padding-top: 50px; }
.c-flow__item.no-arrow::after { content: none !important; }
.c-flow__item .txt { flex: 1; padding-left: 100px; padding-right: 2.5em; position: relative; text-align: left; }
.c-flow__item .label { background-color: #70a91e; border-radius: 50%; color: #fff; display: block; font-size: 18px; height: 108px; left: -22px; line-height: 1; padding-top: 18px; position: absolute; text-align: center; top: -40px; width: 108px; }
.c-flow__item .label em { display: block; font-size: 48px; }
.c-flow__item h3 { color: #6b4012; font-size: 22px; font-weight: bold; line-height: 1.4; margin-bottom: 1em; padding-left: 1.5em; position: relative; }
.c-flow__item h3::before { background-color: #70a91e; content: ""; height: 6px; left: 0; margin-top: -3px; position: absolute; top: .66em; width: 1em; }
.c-flow__item h3 span { display: block; font-size: 18px; }
.c-flow__item p, .c-flow__item ul { font-size: 16px; }
.c-flow__item p + p, .c-flow__item ul + p, .c-flow__item .arrow { margin-top: 1.5em; }
.c-flow__item .btn { font-size: 16px; height: 56px; width: 300px; }
.c-flow__item .pic { background-color: #fff; box-shadow:1px 1px 3px 1px #dedede; width: 440px; }
.c-flow__item .pic img { width: 100%; }
.c-flow__item-conte + .c-flow__item-conte::after { content: '\e800'; }
.c-flow__heading { align-items: center; background-color: #d68228; border-radius: 100vh; display: flex; height: 3.5em; justify-content: center; margin: 0 0 3.5em 100px; width: 898px; }
.c-flow__heading span { color: #fff; font-size: 20px; font-weight: 700; }
.c-reserve__item { background-color: #fff; border-radius: .75em; padding: 2em; position: relative; text-align: left; width: calc(calc(100% - 40px) / 3); }
.c-reserve__item.c-wide { margin-bottom: 20px; padding: 3.5em; width: 100%; }
.c-reserve__item .c-call { text-align: center; }
.c-reserve__item .c-ico { margin: 0 auto 1em; width: 100px; }
.c-reserve__item .c-link { color: #c19c75; display: block; font-size: 15px; margin-top: .5em; text-align: right; }
.c-reserve__item .c-link::before { content: '\e809'; display: inline-block; font-family: 'icon'; padding-right: .5em; }
.c-reserve__item p { font-size: 14px; margin-top: 1em; }
.c-reserve__item p strong { background-color: #c19c75; border-radius: .25em; color: #fff; display: block; font-weight: 700; text-align: center; }
.c-reserve__item p em { font-size: 1.25em; }
.c-reserve__title { text-align: center; }
.c-reserve__title span { font-size: 1.5em; font-weight: 700; }
.c-reserve__heading { font-size: 15px; font-weight: 700; }
.c-flow__item-conte .c-reserve__list { padding-left: 100px; width: 100%; }
.c-flow__item-conte .c-reserve__item { background-color: #f5f5f5; }
.c-notice__txt { font-size: 16px; padding: 60px; text-align: left; }
.c-notice__txt h3, .c-notice__txt ul + p, .c-notice__txt p + .disc { margin-top: 1.5em; }
.c-notice__txt h3 { border-bottom: 1px dashed #333; margin-bottom: .5em; }
.c-notice__txt p + p, .c-notice__txt .disc + .disc { padding-top: 1.5em; }
.c-notice__txt .disc > li { padding-bottom: 4px; }
.c-notice__table { border-collapse: collapse; border-spacing: 0; margin: 2em auto; }
.c-notice__table th, .c-notice__table td { border: 1px solid #c19c75; padding: .5em 1em; }
.c-notice__table th { background-color: #ece1d5; font-weight: bold; text-align: center; }
.c-notice__table th:nth-child(1) { width: 14%; }
.c-notice__table th:nth-child(2) { width: 43%; }
.c-notice__table th:nth-child(3) { width: 43%; }
.c-notice__table th small { display: block; font-size: 11px; }
.c-notice__table td .c-caution { color: #d6311b; }
.c-area__filter li { align-items: center; background-color: #fff; border: 1px solid #c19c75; border-radius: 18px; cursor: pointer; display: flex; height: 36px; justify-content: center; transition: all .5s ease; width: calc(calc(100% - 36px) / 10); }
.c-area__filter li:hover { background-color: #ffeebc; }
.c-area__filter li.is-active { background-color: #70a91e; border-color: #70a91e; color: #fff; position: relative; }
.c-area__filter li.is-active::after { border-style: solid; border-color: #70a91e transparent transparent transparent; border-width: 8px 8px 0 8px; bottom: -8px; content: ""; height: 0; left: 0; margin: auto; position: absolute; right: 0; width: 0; }
.c-area__list { margin-top: 2em; padding-bottom: 30px; }
.c-area__item { padding-top: 30px; }
.c-area__title { border-top: 1px solid #d78629; margin-bottom: 20px; text-align: left; }
.c-area__title h3 { background: #d78629 url(../images/l-nav__bg.png) repeat-x 50% / 200px; color: #fff; display: inline-block; font-size: 18px; font-weight: bold; line-height: 2em; padding: 0 2em 0 1em; position: relative; text-align: center; width: 200px; }
.c-area__title h3::after { border-color: transparent #f5f5f5 transparent transparent; border-style: solid; border-width: 36px 28px 0 0; content: ""; height:0; position:absolute; right:0; top:0; width:0; }
.c-area__data { align-items: center; display: flex; font-size: 16px; padding: 4px 30px 4px 80px; position: relative; width: 100%; }
.c-area__data i::before { position: absolute; top: 50%; transform: translateY(-50%); }
.c-area__data .ic-star::before { left:.5em; }
.c-area__data .ic-heart::before { left: 2.5em; }
.c-area__name { position: relative; text-align: left; width: 360px; }
.c-area__name span { background-color: #f5f5f5; display: inline-block; font-weight: bold; padding-right: 2em; }
.c-area__name::before { border-top: 1px dotted #000; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 50%; width: 100%; z-index: -1; }
.c-area__link { padding-left: 2em; position: relative; width: 700px; }
.c-area__link ul { display: flex; }
.c-area__link li { display: inline-block; }
.c-area__link li + li { padding-left: .6em; }
.c-area__link li a { background-color: #fff; border-radius: 3px; display: block; line-height: 36px; padding: 0 1.6em; }
.c-area__link li a::before { margin-left: 0; padding-right: .4em; }

.have_coupon { margin: 0 auto; }
.have_coupon_block { display: flex; justify-content: center; margin: 0 auto; padding-top: 50px; width: 100%; }
.have_coupon_block li { width: 440px; }
.have_coupon_block li + li { margin-left: 40px; }
.have_coupon_block li p { background: linear-gradient(62deg, #cb1b45 0%, #df5c34 100%); border-radius: 8px; display: block; margin-top: 20px; padding: 20px 40px 20px 20px; position: relative; text-align: left; }
.have_coupon_block li p::after {
color: #fff; content: '\e804'; display: inline-block; font-family: 'icon'; font-size: 18px; position: absolute; right: 1.25em; top: 50%; transform: translateY(-50%); transition: all .5s ease; }
.have_coupon_block li p span { color: #fff; font-size: 1.125em; font-weight: 700; }
.have_coupon_block li img { width: 100%; }
.have_coupon_block li:hover img { opacity: .8; }

.l-page__mirror .c-card { background: url(../images/bg_border.png) repeat-x 50% 0 / 57% auto; margin-top: 7em; }