@import url(icon.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Zen+Maru+Gothic:wght@400;500&family=Zen+Kurenaido&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: 15px; 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;padding-left:10px; max-width: 1236px; 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 { max-width: 100%; }
.l-page a:hover img { opacity: .75; }
.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 (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; }
}

/* yorimichi */
.l-content {margin: 0 auto; max-width: 1236px; width: 100%;font-family:'Hiragino Kaku Gothic ProN', HiraginoSans-W3, sans-serif;background:#fdffb3;overflow:hidden;}
.l-content .cf:after {content: "";display: block; visibility: hidden;height: 0;clear: both;}
.l-content .pcBox{display:block;}
.l-content .spBox{display:none;}
@media screen and (min-width:601px) and ( max-width:1236px) {
	.l-page {margin: 0 0 20px; }
}
@media screen and (max-width:768px){
	.l-content .pcBox{display:none;}
    .l-content .spBox{display:block;}
}
@media screen and (max-width:600px){
	.l-page { font-size: 14px; line-height: 1.5;margin: 0 0 20px; }
}

/* mv-intro */
.l-content .l-mv p{text-align:right;padding-right:15px;font-size:clamp(1.1rem, 1.059rem + 0.2vw, 1.3rem)}
.l-content .intro{display: flex;flex-wrap: wrap;align-items:end;padding:2.5% 2.5% 0;}
.l-content .intro .intro01{width:78%;}
.l-content .intro .intro01 p{font-size:clamp(1.5rem, 1.419rem + 0.41vw, 1.9rem);color:#5584ec;line-height:1.8;padding:0 4%;}
.l-content .intro .ill02{width:22%}
.l-content .tabiyori{width:96%;max-width:360px;height:auto;margin:20px auto 0;list-style: none;}
.l-content .tabiyori p{text-align:left;margin-top:5px;font-size:clamp(1.1rem, 1.059rem + 0.2vw, 1.3rem) !important;color:#000 !important;line-height:1.6 !important;}
.l-btn__item{width:100%;position: relative;}
.l-btn__item .btn{display: block;color:#fff;padding:0.9em 1em 0.9em 50px;width:100%;text-align:left;font-size:clamp(1.5rem, 1.399rem + 0.51vw, 2rem);font-weight:600;line-height:1.3;background:#5584e9;border-radius:30px;}
.l-btn__item .btn::after {content: "\f006"; display: inline-block; font-family: "icon"; position: absolute; right: 6%; top: 50%; transform: translateY(-50%);font-size:19px;font-weight:normal; color:#ffffd6;}
.l-btn__item .btn:hover {box-shadow: none; transform: translateY(.375em); }
@media screen and (max-width:768px){
	.l-content .intro{padding:4% 2.5% 0;}
    .l-content .intro .intro01{width:100%;}
	.l-content .intro .ill02{display:none;}
	.l-content .intro .intro01 .w01{display: flex;}
	.l-btn__item .btn::after{font-size:1.6rem}
}

/* column */
.l-content ul.column{display: flex;flex-wrap: wrap;justify-content:space-between;margin:0;padding:0;}
.l-content ul.column.reverse{flex-direction: row-reverse;}
.l-content ul.column li{width:48%;margin:0;padding:3px 4px;position: relative;}
.l-content ul.column li.w01{width:35%;}
.l-content ul.column li.w02{width:65%;}
@media screen and (max-width:768px){
	.l-content ul.column li,.l-content ul.column li.w01,.l-content ul.column li.w02{width:100%;}
}

/* intro02 */
.l-content .intro02{width:95%;max-width:800px;margin:0 auto;}
.l-content .intro02 h4{margin-bottom:-15px;}
.l-content .intro02 .box{background:#ceffe2;padding:17px 5px;text-align: center;border-radius:10px;font-family:'Zen Maru Gothic', sans-serif;font-weight:500;font-size:clamp(1.5rem, 1.439rem + 0.3vw, 1.8rem);line-height:1.8}
.l-content .intro02 .box.type2{background:#dff6ff;}
.l-content .intro02 .box span, .l-content .intro02 .box.type2 span{background:#fcff21;}
.l-content .intro02 .ill02{display:none;}
@media screen and (min-width:1100px){
	.l-content .intro02{margin:-10px auto 0;}
}
@media screen and (max-width:768px){
	.l-content .intro02{display: flex;flex-wrap: wrap;align-items:center;max-width:600px;}
	.l-content .intro02 .topic{width:65%;}
	.l-content .intro02 .ill02{display:block; width:35%;}
}
@media screen and (max-width:600px){
	.l-content .intro02 h4 img{width:180px;}
}
@media screen and (max-width:480px){
	.l-content .intro02 .topic{width:100%;max-width:350px;margin:0 auto;}
	.l-content .intro02 .ill02{width:100%;text-align:right;position: relative;top:-20px;}
	.l-content .intro02 .ill02 img{width:150px;}
}

/* area */
.l-content .outer{width:94%;height:auto;margin:0 auto 3.5%;border:2px solid #2e1f18;padding:25px 25px 0 0;background-color: #fff;}
.l-content .area-guide{margin-top:30px}
.l-content .area-guide h3{margin:0 0 -130px 15px;position: relative;}
.l-content .type1 .outer{display: flex;flex-wrap: wrap;align-items:center;}
.l-content .type1 .outer .map{width:calc(100% - 340px);}
.l-content .type1 .outer .links{width:340px}
.l-content .area-photo{text-align: right;padding-bottom:10px}
.l-content #tokai .map, .l-content #shizuoka .map, .l-content #nagano .map, .l-content #hokuriku .map{position: relative}
.l-content #tokai .map .area-photo1{position: absolute;top:12%;left:5%;width:26%;}
.l-content #tokai .map .area-photo2{position: absolute;bottom:17%;right:5%;width:26%;}
.l-content #tokai .map .area-photo3{position: absolute;bottom:2%;right:25%;width:26%;}
.l-content #shizuoka .map .area-photo1{position: absolute;top:23%;left:5%;width:26%;}
.l-content #nagano .map .area-photo1{position: absolute;bottom:5%;right:3%;width:26%;}
.l-content #hokuriku .map .area-photo1{position: absolute;top:15%;left:5%;width:26%;}
.l-content #hokuriku .map .area-photo2{position: absolute;bottom:17%;right:5%;width:26%;}
.l-content #hokuriku .map .area-photo3{position: absolute;bottom:0;right:30%;width:26%;}
@media screen and (max-width:1200px){
	.l-content .area-photo img{width:150px}
}
@media screen and (max-width:991x){
	.l-content .area-photo img{width:120px}
}
@media screen and (max-width:820px){
	.l-content .area-guide h3{margin:0 0 -110px 3px;}
	.l-content .area-guide h3 img{width:130px;}
	.l-content .type1 .outer .map{width:100%;}
	.l-content .type1 .outer .links{width:90%;max-width:550px;margin:0 auto;}
	.l-content #nagano .area-photo{text-align:center;padding:0 0 0 30px;margin-top:-90px;position: relative;}	
	.l-content #shizuoka .area-photo{padding-bottom:0;margin-bottom:-70px;}
}
@media screen and (max-width:600px){
	.l-content .outer{padding:15px 0 2.5% !important;}
	.l-content #shizuoka .outer .map{padding-top:50px;}
}
@media screen and (max-width:480px){
	.l-content .area-guide h3{margin:0 0 -90px 0;}
	.l-content .area-guide h3 img{width:110px;}
	.l-content #tokai.area-guide{margin-top:-80px}
	.l-content .area-photo img{width:100px}
	.l-content .links h4 img{width:156px}
}
@media screen and (max-width:370px){
	.l-content .area-photo img{width:90px}
}

/* area-link */
ul.link{width:100%;max-width:340px}
ul.link li{width:100%;position: relative;}
ul.link li .btn{display: block;color:#412900;padding:0.7em 28px 0.7em 96px;width:100%;text-align:left;font-size:clamp(1.5rem, 1.419rem + 0.41vw, 1.9rem);font-family:'Zen Maru Gothic', sans-serif;font-weight:500;line-height:1.3;border-bottom:1px solid #ccc;}
ul.link li .btn::after {content: "\f006"; display: inline-block; font-family: "icon"; position: absolute; right: 7px; top: 50%; transform: translateY(-50%);font-size:1.9rem;font-weight:normal; color:#b3b3b3;}
ul.link li .btn:hover {color: #5584e9}
@media screen and (max-width:820px){
	ul.link{max-width:none}
	ul.link li .btn{padding:1.1em 20px 1.1em 96px;}
	ul.link li .btn::after{font-size:1.6rem}
	.brpc{display: none;}
}
@media screen and (max-width:370px){
	ul.link li .btn, ul.link li .btn::after{font-size:1.4rem}
}

/* area-mark */
ul.link.aichi{border-top:6px solid #31b3d5;margin-bottom:40px}
ul.link.aichi li:first-child{background:url("../images/mark1-1.png") no-repeat 57px 50%;background-size:34px 30px;}
ul.link.aichi li:nth-child(2){background:url("../images/mark1-2.png") no-repeat 55px 50%;background-size:34px 30px;}
ul.link.aichi li:nth-child(3),ul.link.aichi li:nth-child(4){background:url("../images/mark1-3.png") no-repeat 0 50%;background-size:90px 61px;}
ul.link.mie{border-top:6px solid #8cc672;margin-bottom:40px}
ul.link.mie li:first-child{background:url("../images/mark2-1.png") no-repeat 57px 50%;background-size:34px 30px;}
ul.link.mie li:nth-child(2){background:url("../images/mark2-2.png") no-repeat 55px 50%;background-size:34px 30px;}
ul.link.mie li:nth-child(3),ul.link.mie li:nth-child(4){background:url("../images/mark2-3.png") no-repeat 0 50%;background-size:90px 61px;}
ul.link.gifu{border-top:6px solid #e3635c;margin-bottom:40px}
ul.link.gifu li:first-child{background:url("../images/mark3-1.png") no-repeat 57px 50%;background-size:34px 30px;}
ul.link.gifu li:nth-child(2){background:url("../images/mark3-2.png") no-repeat 55px 50%;background-size:34px 30px;}
ul.link.gifu li:nth-child(3),ul.link.gifu li:nth-child(4){background:url("../images/mark3-3.png") no-repeat 0 50%;background-size:90px 61px;}
ul.link.shizuoka{border-top:6px solid #0abf8a;margin-bottom:40px}
ul.link.shizuoka li:first-child{background:url("../images/mark4-1.png") no-repeat 57px 50%;background-size:34px 30px;}
ul.link.shizuoka li:nth-child(2){background:url("../images/mark4-2.png") no-repeat 55px 50%;background-size:34px 30px;}
ul.link.shizuoka li:nth-child(3),ul.link.shizuoka li:nth-child(4){background:url("../images/mark4-3.png") no-repeat 0 50%;background-size:90px 61px;}
ul.link.nagano{border-top:6px solid #ff874a;margin-bottom:40px}
ul.link.nagano li:first-child{background:url("../images/mark5-1.png") no-repeat 57px 50%;background-size:34px 30px;}
ul.link.nagano li:nth-child(2){background:url("../images/mark5-2.png") no-repeat 55px 50%;background-size:34px 30px;}
ul.link.nagano li:nth-child(3),ul.link.nagano li:nth-child(4){background:url("../images/mark5-3.png") no-repeat 0 50%;background-size:90px 61px;}
ul.link.ishikawa{border-top:6px solid #74c2ff;margin-bottom:40px}
ul.link.ishikawa li:first-child{background:url("../images/mark6-1.png") no-repeat 57px 50%;background-size:34px 30px;}
ul.link.ishikawa li:nth-child(2){background:url("../images/mark6-2.png") no-repeat 55px 50%;background-size:34px 30px;}
ul.link.ishikawa li:nth-child(3),ul.link.ishikawa li:nth-child(4){background:url("../images/mark6-3.png") no-repeat 0 50%;background-size:90px 61px;}
ul.link.toyama{border-top:6px solid #f4be00;margin-bottom:40px}
ul.link.toyama li:first-child{background:url("../images/mark7-1.png") no-repeat 57px 50%;background-size:34px 30px;}
ul.link.toyama li:nth-child(2){background:url("../images/mark7-2.png") no-repeat 55px 50%;background-size:34px 30px;}
ul.link.toyama li:nth-child(3),ul.link.toyama li:nth-child(4){background:url("../images/mark7-3.png") no-repeat 0 50%;background-size:90px 61px;}
ul.link.fukui{border-top:6px solid #b0c1ff;margin-bottom:40px}
ul.link.fukui li:first-child{background:url("../images/mark8-1.png") no-repeat 57px 50%;background-size:34px 30px;}
ul.link.fukui li:nth-child(2){background:url("../images/mark8-2.png") no-repeat 55px 50%;background-size:34px 30px;}
ul.link.fukui li:nth-child(3),ul.link.fukui li:nth-child(4){background:url("../images/mark8-3.png") no-repeat 0 50%;background-size:90px 61px;}

/* base */
.l-content figure{margin:0;padding:0;}
.l-content .text-center{text-align: center;}
.l-content .text-end{text-align:right;}
.l-content .letter2{letter-spacing:2px}