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

@keyframes slide-in {
 0% { opacity: 0; transform: translate3d(20px,0,0); }
 100% { opacity: 1; transform: translate3d(0,0,0); }
}

.jtb-nav-breadcrumb { margin-bottom: 25px; max-width: 1280px; }
.jtb-nav-breadcrumb.sp { display: none; }
.l-page { font-size: 16px; line-height: 1.6; text-align: center; }
.l-page * { -ms-box-sizing: border-box; box-sizing: border-box; }
.l-page h1 { font-size: 18px; font-weight: bold; line-height: 1; margin: 0 auto 25px; max-width: 1280px; text-align: left; }
.l-page a, .l-page a img { transition: all .4s ease; transform: rotate(0.0001deg); }
.l-page em, .l-page .font-noto { font-family: 'Noto Sans JP', sans-serif; }
.l-page img { display: block; margin: 0 auto; max-width: 100%; }
.l-page a:hover img { opacity: .75; }
.l-page .is-animated { animation: .8s slide-in; }
.l-page .is-hide { display: none !important; }
.l-content { margin: 0 auto; max-width: 1280px; width: 100%; }
.l-section + .l-section { margin-top: 3em; }
.l-section__title { margin-bottom: 2em; }
.l-section__title img { max-width: 224px; }
.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 { background: url(../images/mv-bg.jpg) no-repeat 50% 50% / cover; }
.l-mv__title { max-width: 450px; }
.l-filter { margin-bottom: 3.125em; }
.l-filter, .l-filter__list { display: flex; justify-content: space-between; }
.l-filter__list { flex-basis: auto; flex-wrap: wrap; width: calc(calc(100% - calc(100% - 3.75em) / 7) - .625em); }
.l-filter__item input { display: none; }
.l-filter__item label { background-color: #fff; border: 1px solid #a89b6d; border-radius: 3px; color: #594100; display: block; font-size: 1em; line-height: 3; margin-bottom: .625em; transition: all .4s ease; width: 100%; }
.l-filter__item label:hover { border-color: #e29127; color: #e29127; cursor: pointer; }
.l-filter__item.is-active label { background-color: #e29127; border-color: #e29127; color: #fff; }
.filter__all { width: calc(calc(100% - 3.75em) / 7); }
.filter__all label { line-height: 6.75; }
.filter__area { width: calc(calc(100% - 3.125em) / 6); }
.l-card__list { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.l-card__list::before { content: ""; display: block; width: calc(calc(100% - 36px) / 4); order:1; }
.l-card__list::after { content: ""; display: block; width: calc(calc(100% - 36px) / 4); }
.l-card__item { background-color: #fff; border-radius: .375em; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .2)); margin-bottom: 1.25em; overflow: hidden; width: calc(calc(100% - 36px) / 4); }
.l-card__item:hover { cursor: pointer; }
.card__head { border-bottom: .3125em solid #e0dcd1; position: relative; }
.card__head::after { background-color: #e29127; bottom: -.3125em; content: ""; display: block; height: .3125em; left: 0; position: absolute; width: 50%; }
.card__pic { overflow: hidden; padding-top: 66.666667%; position: relative; width: 100%; }
.card__pic img { height: 100%; object-fit: cover; position: absolute; top: 0; width: 100%; }
.card__bottom { padding: 1.125em 1.5em  1.5em  1.5em; text-align: left; }
.card__title { font-size: 1.125em; font-weight: 700; }
.card__title a { color: #000; }
.card__area { color: #e29127; font-size: .875em; margin-top: .8em; }
.card__txt { font-size: .8125em; margin-top: 1.2em; }
.card__tag { letter-spacing: -.4em; margin-top: 1em; }
.card__tag span { background-color: #f5f2ea; border: 1px solid #a89b6d; border-radius: 1.875em; color: #594100; display: inline-block; font-size: .6875em; letter-spacing: normal; line-height: 2.363636; padding: 0 1em; }
.card__tag span + span { margin-left: .375em; }
.card__day { color: #808080; font-size: .75em; margin-top: 1.4em; }
.card__day::before { content: "\f133"; display: inline-block; font-family: "icon"; margin-right: .5em; }
.no-results { margin-bottom: 6em; }
.l-banner__list, .l-btn__list { display: flex; justify-content: center; width: 100%; }
.l-banner__item, .l-btn__item { padding: 0 6px; }
.l-banner__item img { width: 100%; }
.l-btn { padding-top: 3em; }
.l-btn__item { max-width: 440px; width: 100%; }
.l-btn__item .btn { align-items: center; background-color: #e29127; border: 1px solid #e29127; border-radius: .375em; box-shadow: 0 .375em #b26500; color: #fff; display: flex; justify-content: center; line-height: 5em; padding: 0 1em; position: relative; width: 100%; }
.l-btn__item .btn::after { content: "\f006"; display: inline-block; font-family: "icon"; position: absolute; right: 3%; top: 50%; transform: translateY(-50%); }
.l-btn__item .btn:hover { box-shadow: none; transform: translateY(.375em); }

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .l-filter__list { width: 85.44%; }
  *::-ms-backdrop, .filter__area { width: 15.91%; }
  *::-ms-backdrop, .filter__all { width: 14.56%; padding-right: .625em; }
  *::-ms-backdrop, .l-card__item { box-shadow: 0 1px 5px rgba(0,0,0,.3); }
  *::-ms-backdrop, .l-card__item, *::-ms-backdrop, .l-card__list::before, *::-ms-backdrop, .l-card__list::after { width: 24.28%; }
}

@media screen and (min-width:601px) and ( max-width:1236px) {
	.l-page { font-size: 1.294498vw; margin: 0 3%; }
	.l-mv__title { width: 36.407768%; }
	.l-section__title img { width: 18.122978%; }
}
@media screen and (max-width:768px){

}
@media screen and (max-width:600px){
	.jtb-nav-breadcrumb.pc { display: none; }
	.jtb-nav-breadcrumb.sp { background-color: #fff; border-top: 1px solid #e1e1e1; display: block; line-height: 2.4; margin: 50px 0 0; padding: 0 2.666667vw; text-align: left; }
	.js-btn-page-top { bottom: 20px; right: 20px; }
	.js-btn-page-top a { background-color: #999; border-radius: 6px; display: block; height: 30px; width: 30px; }
	.js-btn-page-top a::before { color: #fff; content: "\f106"; display: inline-block; font-family: "icon"; line-height: 29px; width: auto; }
	.l-page { font-size: 3.2vw; padding: 20px 3% 0; }
	.l-page h1 { margin-bottom: 20px; }
	.l-section + .l-section { margin-top: 2em; }
	.l-section__title { margin-bottom: 1em; }
	.l-section__title img { width: 50%; }
	.l-mv { background-image: url(../images/mv-bg-sp.jpg); }
	.l-mv__title { width: 80%; }
	.l-filter { display: block; margin-bottom: 2em; }
	.l-filter__item label { margin-bottom: .4em; }
	.filter__all, .l-filter__list { width: 100%; }
	.filter__all label { line-height: 3; }
	.filter__area { width: calc(calc(100% - 1.2em) / 4); }
	.l-card__item { margin-bottom: 2.4vw; width: calc(calc(100% - 2.4vw) / 2); }
	.card__bottom { padding: 1em; }
	.l-banner__list, .l-btn__list { display: block; }
	.l-banner__item, .l-btn__item { padding: 0; width: 100%; }
	.l-banner__item + .l-banner__item, .l-btn__item + .l-btn__item { margin-top: 2.4vw; }
	.l-btn { padding-top: 2em; }
	.l-btn__item { max-width: 100%; }
	.l-btn__item .btn { line-height: 4em; }
	#page_footer-sp { margin-top: 0 !important; }
}