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

body{-webkit-text-size-adjust: 100%;background-color: #fff;}
.jtb-nav-breadcrumb {margin: 1px auto 25px;max-width: 1236px;padding: 0 5px;text-align: left;}
.jtb-nav-breadcrumb li {font-size: 10px;}
.jtb-nav-breadcrumb a {color: #125687;text-decoration: none;}
.jtb-nav-breadcrumb li:before {font-size: 11px;}
.l-page { font-size:clamp(13px,1.8vw,14px); line-height: 1.6;}
.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: 1236px; text-align: left;padding-left:10px; }
.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 { max-width: 100%; }
.l-content { margin: 0 auto; max-width: 1236px; width: 100%;font-family: 'Noto Sans JP', sans-serif;font-weight:400;border:1px solid #ede5c5}
.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; }
@media screen and (min-width:601px) and ( max-width:1236px) {
	.l-page {  margin: 0 0 20px; }
}
@media screen and (max-width:680px){
	.l-page { margin: 0 0 20px;}
}
@media screen and (max-width:600px){
	.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"; position: absolute; left:30%; line-height:29px;}
	.l-page h1 { margin-bottom: 20px; }
	#page_footer-sp { margin-top: 0 !important; }
}

/* chubu */
.l-content .l-mv{width:100%;height:620px;position: relative;background:url("../images/decoration.png") no-repeat top left,url("../images/decoration2.png") no-repeat top right,url("../images/mv-bg1.png") no-repeat bottom left,url("../images/mv-bg2.png") no-repeat right 0% bottom 35%,url("../images/bg.gif")repeat;}
.l-content .l-mv .mv-txt{position:absolute;top:50%;left:50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);margin:auto;padding:0;width:530px;text-align:center;}
.l-content .l-mv .mv-txt h2{width:90%;max-width:500px;margin:0 auto;}
.l-content .l-mv .mv-txt h3{font-size:clamp(26px,2.5vw,29px);font-family: "Noto Serif JP", serif;font-optical-sizing: auto;font-weight:700;font-style: normal;margin:20px 0 15px;white-space: nowrap;text-shadow: 0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}
.l-content .l-mv .mv-txt p{font-weight:bold;text-shadow: 0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}
.l-content .date-box{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;margin:12px 0 0 6%;}
.l-content .date-box .date-mark{width:75px;height:75px;line-height:75px;background-color:#005e3c;color:#fff;font-size:clamp(16px,2vw,19px); border-radius:50%;}
.l-content .date-box .date{width:calc(100% - 75px);padding: 0 0 0 15px;text-align: left;font-size:clamp(14px,2vw,18px);font-weight:600;line-height:0.9;text-shadow: 0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}
.l-content .date-box .date span{font-size:clamp(26px,4vw,46px);}
.l-content .evaluation{font-size:clamp(13px,1.8vw,14px);font-weight:600;background-color:rgba(212,93,102,0.8);color:#fff;padding:0.5rem 1rem;margin-top:1rem}
.l-content .evaluation span{font-weight:700;font-size:clamp(15px,2vw,16px);}
@media screen and (max-width:1100px){
	.l-content .l-mv{background-size:auto, auto, 35% auto, 30% auto, auto;}
}
@media screen and (max-width:900px){
	.l-content .l-mv .mv-txt{width:66%;}
	.l-content .l-mv .mv-txt h2{width:85%;}
}
@media screen and (max-width:768px){
	.l-content .l-mv .mv-txt{width:70%;}
	.l-content .l-mv .mv-txt h3{font-size:clamp(22px,2.3vw,26px)}
	.l-content .l-mv{background-size:150px, 150px, 40% auto, 35% auto, auto;}
}
@media screen and (max-width:680px){
	l-content .l-mv{height:600px;}
	.l-content .l-mv .mv-txt{width:83%;}
	.l-content .l-mv .mv-txt h2{width:78%;}
}
@media screen and (max-width:540px){
	.l-content .l-mv .mv-txt h2{width:90%;}
	.l-content .l-mv .mv-txt h3{font-size:clamp(17px,2vw,22px)}	
	.l-content .date-box{margin:12px 0 0 3%;}
	.l-content .date-box .date{width:calc(100% - 60px);padding: 0 0 0 5px;}
	.l-content .date-box .date-mark{width:60px;height:60px;line-height:60px;}
	.l-content .l-mv{background-size:120px, 120px, 45% auto, 40% auto, auto;}
}
@media screen and (max-width:430px){
	.l-content .l-mv{height:530px;}
}
@media screen and (max-width:364px){
	.l-content .date-box .date-mark{width:50px;height:50px;line-height:50px;}
	.l-content .date-box .date{letter-spacing: -1px}
	.l-content .date-box .date span{font-size:25px;}
}

.l-content figure{margin:0;padding:0;}
.l-content .odd,.l-content .even{margin:0;width:auto;background:url("../images/bg.gif")repeat; padding:0 0 20px;}
.l-content .odd h3, .l-content .even h3{color: #fff;text-align: center;font-size:clamp(23px,2.3vw,28px);font-family: "Noto Serif JP", serif;font-optical-sizing: auto;font-weight:600;font-style: normal;background-color: #005e3c;padding:10px;letter-spacing:20px;margin-bottom:40px;}
.l-content .odd.tokai h3, .l-content .even.hokuriku h3{letter-spacing:0}
.l-content .odd.tokai h3 span, .l-content .even.hokuriku h3 span{font-size:clamp(16px,2vw,18px)}
.l-content .even h3{background-color:#008f9a}
.l-content ul.clomn-4{margin:0;padding:0 15px;display: flex;flex-wrap: wrap;justify-content:space-around;}
.l-content ul.clomn-4 li.box{width:47%;background-color: #faf6df;padding:0;margin-bottom:30px;position: relative;}
.l-content ul.clomn-4 li.box .inner{display: flex;flex-wrap: wrap;}
.l-content ul.clomn-4 li.box .vis{width:45%;}
.l-content ul.clomn-4 li.box .vis img{display: block;object-fit:cover;width:100%;height:265px;}
.l-content ul.clomn-4 li.box .txt{width:55%;padding:0 0 27px 0;}
.l-content ul.clomn-4 li.box .txt h4{width:100%;font-weight:400;font-size:clamp(18px,2.1vw,20px);color:#534741;padding:10px;margin-bottom:10px;line-height:1.3;border-bottom:4px solid #005e3c;font-family: "Noto Serif JP", serif;font-optical-sizing: auto;font-weight:700;font-style: normal;color:#005e3c}
.l-content .even ul.clomn-4 li.box .txt h4{border-bottom:4px solid #008f9a;color:#008f9a}
.l-content .tokai ul.clomn-4 li.box .txt h4, .l-content .hokuriku ul.clomn-4 li.box .txt h4{padding:10px 50px 10px 10px;}
.l-content .even.hokuriku{background:url("../images/decoration3.png") no-repeat bottom left,url("../images/decoration4.png") no-repeat bottom right,url("../images/bg.gif")repeat}
.l-content ul.clomn-4 li.box .area{position: absolute;top:0;right:0;padding:3px 8px;font-size:13px;background-color: #efe39c;color:#005e3c;font-weight:500;}
.l-content .even ul.clomn-4 li.box .area{color:#008f9a}
.l-content ul.clomn-4 li.box .txt h5{font-size:clamp(15px,1.9vw,16px);font-weight:700;color:#005e3c;line-height:1.2;margin-bottom:8px}
.l-content ul.clomn-4 li.box .txt h5 span{font-size:clamp(13px,1.7vw,14px);}
.l-content ul.clomn-4 li.box .txt p{line-height:1.4}
.l-content ul.clomn-4 li.box .txt p span{font-size:clamp(11px,1.6vw,12px);}
.l-content .even ul.clomn-4 li.box .txt h5{color:#008f9a}
.l-content ul.clomn-4 li.box ul.hotel{position: absolute;bottom:0;right:0;width:170px;margin:13px auto 0;}
.l-content ul.hotel li.l-btn__item{margin:0;border-top-left-radius:12px;background-color:#005e3c;}
.l-content ul.hotel li.l-btn__item .btn{color:#fff;align-items: center;display: flex; justify-content:center;padding: 5px 16px 5px 0; position: relative; width: 100%; font-size:clamp(14px,1.8vw,15px);font-family: "Noto Serif JP", serif;font-optical-sizing: auto;font-weight:700;font-style: normal;}
.l-content ul.hotel li.l-btn__item .btn::after {content: "\f006"; display: inline-block; font-family: "icon"; position: absolute; right: 7%; top: 50%; transform: translateY(-50%);font-size:13px;font-weight:normal; color:#fff;}
.l-content .even ul.hotel li.l-btn__item{background-color:#008f9a}
.l-content .text-inner{display: flex;padding:0 20px 20px 0;}
.l-content .text-inner .text-box{width:calc(100% - 88px);padding:0 10px}
.l-content .text-inner .photo{width:88px;}
.l-content .text-inner .photo figure{width:88px;}
.l-content .text-inner .photo figure figcaption{text-align:center;font-size:12px;margin-top:-4px;line-height:1.2}
@media screen and (max-width:1000px){
	.l-content ul.clomn-4{max-width:800px;margin:0 auto;}
	.l-content ul.clomn-4 li.box{width:43%;display: block;margin-bottom:25px;}
    .l-content ul.clomn-4 li.box .vis{width:100%;}
    .l-content ul.clomn-4 li.box .txt{width:100%;}
}
@media screen and (max-width:900px){
	.l-content ul.clomn-4{max-width:750px;}
	.l-content ul.clomn-4 li.box{width:46%;}
}
@media screen and (max-width:768px){
	.l-content .even.hokuriku{background-size:150px, 150px,auto}
}
@media screen and (max-width:680px){
	.l-content ul.clomn-4 li.box{width:90%;}
	.l-content ul.clomn-4 li.box .inner{display: flex;flex-wrap: wrap;}
	.l-content ul.clomn-4 li.box .vis{width:45%;}
    .l-content ul.clomn-4 li.box .txt{width:55%;}
}
@media screen and (max-width:540px){
	.l-content ul.clomn-4{max-width:400px;}
	.l-content ul.clomn-4 li.box .vis{width:100%;margin:0 auto;}
    .l-content ul.clomn-4 li.box .txt{width:100%;padding-left:0;margin:0 auto;}
	.l-content .even.hokuriku{background-size:120px, 120px,auto}
}