@import url(icon.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=BIZ+UDPMincho:wght@400;700&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(14px,1.8vw,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; }
}

/* toyama */
.l-content {width: 100%;font-family:'Noto Sans JP',sans-serif;font-weight:400;background:#CDE8EA url("../images/bg.jpg")repeat;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;}
.l-content p{padding-bottom:0.9rem}
@media screen and (min-width:601px) and ( max-width:1236px) {
	.l-page {margin: 0 0 20px; }
}
@media screen and (max-width:600px){
	.l-page {line-height: 1.5;}
	.l-content .pcBox{display:none;}
    .l-content .spBox{display:block;}
}
@media screen and (max-width:600px){
	.l-page { margin: 0 0 20px; }
}

/* mv */
.l-content .l-mv{width:100%;height:auto;position: relative;}
.l-content .l-mv .mark{position: absolute; width:150px;top:10px;left: 10px;}
.l-content .l-mv h2{position: absolute; width:650px;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}
.l-content .l-mv h3{position: absolute; width:150px;bottom: -50px;right: 5%;z-index: 100;}
.l-content .l-mv::after{position: absolute;content: "";width:100%;height:12px;background: linear-gradient(to right, #db1518, #a50012)}
.slide-centermode img{object-fit: cover;width:100%;height:530px;}
.slide-centermode{opacity: 0 !important;transition: opacity .3s linear !important;}
.slide-centermode.slick-initialized{opacity:1 !important;}
.slider{opacity: 0 !important;}
.slider.slick-initialized{opacity:1 !important;}
@media screen and (max-width:1200px){	
	.l-content .l-mv h3{width:18%;max-width:120px;}
}
@media screen and (max-width:1050px){
	.l-content .l-mv h2{width:85%;max-width:550px;}
	.l-content .l-mv h3{width:20%;right:0;}
}
@media screen and (max-width:430px){
	.l-content .l-mv h2{width:90%;}
}

/* column-slick */
.l-content ul.column{display: flex;flex-wrap: wrap;justify-content:space-between;margin:20px 0 0 0;padding:0;}
.l-content ul.column.reverse{flex-direction: row-reverse;}
.l-content ul.column li{width:48%;}
.l-content ul.column li.w01{width:55%;}
.l-content ul.column li.w02{width:45%;}
.l-content ul.column li.w03{width:28%;}
.l-content ul.column li.w04{width:32%;}
.l-content ul.column li.w05{width:35%;}
.l-content ul.column li.w06{width:64%;}

/* contents */
.l-content .outer{width:94%;max-width:1200px;height:auto;margin:0 auto 3.5%;padding:25px 40px 40px !important;background-color:#fff;border-radius:12px;}
@media screen and (max-width:991px){
	.l-content .outer{padding:5px 30px 0 !important;}
}
@media screen and (max-width:600px){
	.l-content .outer{padding:15px 20px 2.5% !important;}
}



/* pickup */
.l-content #pickup .outer{position: relative;margin:50px auto 3.5%;padding-bottom:40px !important;}
.l-content #pickup .outer h2{position: absolute;top:-32px;left:-26px;z-index: 100;}
.l-content #pickup .outer h3.red-clip, .l-content .b-gourmet h4{display: inline-block;font-family: "BIZ UDPMincho", serif;font-weight: 700;font-style: normal;color: #fff;font-size:clamp(20px, 2.8vw, 28px);line-height: 46px;margin:0.5em auto;padding: 0 15px;text-align: center;background: #e23621;width:auto;clip-path: polygon(5% 0%, 95% 0%, 100% 15%, 100% 85%, 95% 100%, 5% 100%, 0% 85%, 0% 15%);}
.l-content #pickup .outer .season{font-family: "BIZ UDPMincho", serif;font-weight: 700;font-style: normal;color:#e23621;font-size:clamp(15px,2vw,18px);padding-left:10px;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;}
.l-content .vertical-wrap {display: inline-flex;flex-direction: column;align-items: center;}
.l-content .vertical-wrap .season{padding-left:0;margin-top:-1rem}
.l-content ul.column.pickup li.text{padding:0 20px;}
.l-content ul.column.pickup figcaption{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;}
.l-content .pick-e .vertical-wrap{flex-direction: row;align-items: center;}
.l-content .pick-a{position: relative;margin-top:-20px;padding-bottom:50px}
.l-content .pick-a .vertical-wrap{position: absolute;top:10px;left:20px;}
.l-content .pick-a figcaption{text-align: left;margin-top:-60px;padding-left:50px;}
.l-content .pick-b{position: relative;max-width:460px;}
.l-content .pick-b .vertical-wrap{position: absolute;top:10px;left:0;}
.l-content .pick-b figcaption{text-align: center;margin-top:-20px;padding-right:80px;}
.l-content .pick-c{position: relative;max-width:470px;padding-bottom:50px;margin:0 auto;}
.l-content .pick-c .vertical-wrap{position: absolute;top:10px;left:0;}
.l-content .pick-c figcaption{text-align:left;margin-top:-60px;padding-left:20px;}
.l-content .pick-d{position: relative;max-width:470px;padding-bottom:50px;margin:0 auto;}
.l-content .pick-d .vertical-wrap{position: absolute;top:40px;left:0;}
.l-content .pick-d figcaption{text-align:right;margin-top:-80px;padding-right:20px;}
.l-content .grid-container{display: grid;}
.l-content .beef h3{background: url("../images/pickup07.png") no-repeat;background-size:100px 90px;padding:0 0 1.5rem 110px;font-family: "BIZ UDPMincho", serif;font-weight: 700;font-style: normal;color: #c4662c;font-size:clamp(19px, 2.8vw, 27px);line-height:1.1}
@media screen and (max-width:1200px){
	.l-content .pick-a{margin-top:-10px;}
}
@media screen and (max-width:840px){
	.l-content ul.column.pickup li{width:100%;}
	.l-content .pick-e{position: relative;}
	.l-content .pick-e .text p{padding-top:1.5rem}
	.l-content .pick-e .vertical-wrap{flex-direction:column;position: absolute;top:3%;right:-10px;}
	.l-content .pick-a{width:60%;max-width:470px;margin:20px 0 0 auto;}
	.l-content .pick-a .vertical-wrap{top:-30px;}
	.l-content .pick-a figcaption{margin-top:-20px;text-align:right}
	.l-content .grid-container{grid-template-rows: auto auto;}
	.l-content .grid-container .pick-b1{order:2;}
	.l-content .grid-container .pick-b{order:1;margin:-30% 0 0 0;width:40%}
	.l-content .pick-b .vertical-wrap{position: absolute;top:-50px;left:10px;}
	.l-content .pick-b figcaption{text-align:left;padding-left:10px;}
	.l-content .beef h3{background-size:80px 72px;padding:0 0 1.5rem 90px;margin-top:1.5rem}
	.l-content .beef figure{max-width:500px; margin:0 auto;}
}
@media screen and (max-width:600px){
	.l-content #pickup .outer{padding-bottom:20px !important;}
	.l-content .pick-a{width:80%;}
	.l-content .grid-container .pick-b{margin:-50px 0 20px 0;width:70%}
	.l-content .pick-d{padding-bottom:30px;}
	.l-content .pick-d figcaption{margin-top:-50px;}
}
@media screen and (max-width:430px){
	.l-content #pickup .outer h3.red-clip{line-height:40px;}
	.l-content ul.column.pickup li.text{padding:0;}
	.l-content .pick-a{padding-bottom:20px}
	.l-content .pick-a .vertical-wrap{left:0;}
	.l-content .grid-container .pick-b{margin:0 0 20px 0;}
	.l-content .pick-d .vertical-wrap{top:10px;}
}
.l-content ul.column.b-gourmet{justify-content: center !important; margin-bottom:10px !important;}
.l-content ul.column.b-gourmet li{width:33.3%;margin:0 0 20px;padding:0 1%;}
.l-content ul.column.b-gourmet h4{font-size:clamp(19px,2.3vw,23px);line-height: 40px;background: #b25c26;margin-bottom:-25px;}
.l-content ul.column.b-gourmet figure{text-align: center;width:100%;max-width:330px;margin:-15px auto 15px}
.l-content .reason-title{text-align: center;margin-bottom:-25px}
.l-content h3.reason-round{display: inline-block;font-family: "BIZ UDPMincho", serif;font-weight: 700;font-style: normal;color: #000;font-size:clamp(22px, 2.8vw, 30px);background:#f3bcb4;padding:0 2rem;border-radius:30px}
.l-content .reason{display: flex;flex-wrap: wrap;justify-content:space-between;margin:0;padding:50px 30px 30px;border:3px solid #f3bcb4;}
.l-content .reason .vis{width:430px;}
.l-content .reason .vis .slide{width:100%;max-width:430px;margin:0 auto;}
.l-content .reason .text{width:calc(100% - 450px);}
.l-content .reason .text span{color:#da3924;font-size: 14px;}
.l-content .reason figure{max-width:500px;margin:0 auto;}
.l-content .reason figcaption{margin-top:0;text-align:right;}
@media screen and (max-width:1200px){
	.l-content #pickup .outer h2{width:200px}
}
@media screen and (max-width:991px){
	.l-content #pickup .outer h2{left:-15px;width:170px}	
	.l-content .reason .vis{width:350px;}
	.l-content .reason .text{width:calc(100% - 370px);}
}
@media screen and (max-width:768px){
	.l-content #pickup .outer h2{width:150px}
	.l-content .reason .vis, .l-content .reason .text{width:100%;}
}
@media screen and (max-width:500px){
	.l-content ul.column.b-gourmet{margin-bottom:0 !important;}
	.l-content #pickup .outer h2{left:-8px;width:130px}
	.l-content .reason{padding:40px 20px 20px;}
}
	
/* sightseeing */
.l-content #sightseeing .outer{padding:20px 0 10px !important;margin-bottom:50px;}
.l-content #sightseeing h2{display: flex;align-items: center;font-family: "BIZ UDPMincho", serif;font-weight: 700;font-style: normal;font-size: clamp(24px, 3vw, 38px);color:#db1718;margin-top:20px;}
.l-content #sightseeing h2::before,.l-content #sightseeing h2::after{background-color:#b28247;content:"";flex-grow:1;height:6px;}
.l-content #sightseeing h2::before{margin-right: 15px;}
.l-content #sightseeing h2::after{margin-left: 15px;}
.l-content #sightseeing h2 span{color:#b28247;font-size:clamp(20px, 2.8vw, 34px)}
.l-content #sightseeing h2 i{margin-left:-1rem;font-size:clamp(26px, 3vw, 38px);}
.l-content .center-title{text-align: center;}
.l-content ul.winter{width:94%;display: flex;flex-wrap: wrap;background: #f8f7d9;padding:20px 20px 10px;margin:30px auto 25px;}
.l-content ul.winter li:first-child{width:calc(100% - 370px);padding:0 16px 0 0;}
.l-content ul.winter li:last-child{width:370px;text-align: center;}
.l-content ul.winter h4{color:#da3924;font-size:clamp(19px,2.4vw,25px);font-family:"Noto Serif JP", serif;font-optical-sizing:auto;font-weight:800;font-style:normal;margin-bottom:1.2rem;line-height:1.3}
.l-content ul.winter h4 span{display: block;font-family:'Noto Sans JP',sans-serif;font-weight:500;font-size:clamp(14px,2vw,17px);color:#00913a;}
.l-content ul.winter.tour-type{position: relative}
.l-content ul.winter.tour-type .mark{position: absolute;width:125px;top:-10px;left:-15px;}
.l-content ul.winter.tour-type h4{padding-left:95px}
.l-content .event{background: url("../images/winter-mark1.png") no-repeat;background-size:85px 65px;padding:10px 0 1.5rem 80px;}
.l-content .event p{padding:0.7rem;height:65px;}
.l-content .red{color:#da3924;}
.l-content strong{font-weight:bold;}
.l-content .font-m{font-size:clamp(16px,2.1vw,19px)}
.l-content .font-s{font-size:clamp(13px,1.7vw,14px)}
.l-content .font-xs{font-size:clamp(12px,1.7vw,13px);line-height:1.2;}
.l-content .search{background: url("../images/search.png") no-repeat 0 0;background-size:24px 24px;padding:2px 0 3px 30px;margin-top:-0.6rem;}
.l-content .search span{font-size:1.5rem;white-space: nowrap; border:1px solid #000;background-color: #fff;padding:0 10px;margin:0 5px;border-radius:3px;}
@media screen and (max-width:991px){
	.l-content ul.winter li:first-child{width:calc(100% - 300px);padding:10px;}
	.l-content ul.winter li:last-child{width:300px;}
	.l-content ul.winter.tour-type .mark{width:100px;}
	.l-content ul.winter.tour-type h4{padding-left:70px}
}
@media screen and (max-width:768px){
	.l-content ul.winter li:first-child, .l-content ul.winter li:last-child{width:100%;}
}
@media screen and (max-width:600px){
	.l-content ul.winter{margin:20px auto 15px;padding:10px}
	.l-content ul.winter.tour-type h4{padding-left:75px}
	.l-content #sightseeing h2{margin-top:5px;}
}

/* sightseeing-slick */
.l-content #sightseeing ul.column.slick-box{width:90%;justify-content: center;margin:0 auto 20px;}
.l-content #sightseeing ul.column.slick-box li{padding:5px;margin:0 1% 10px 1%;}
.l-content #sightseeing ul.column.slick-box li.w04{width:31.3%}
.l-content #sightseeing ul.column.slick-box li h4{display: inline-block;font-size:clamp(15px,2vw,18px);font-weight:600;background: #bf9d5a;color:#fff;text-align: center;padding:4px 7px;border-radius: 22px;min-width:220px;}
.l-content #sightseeing ul.column.slick-box li .manhole h4{text-align:left;color:#bf9d5a;font-family: "BIZ UDPMincho", serif;font-weight: 700;font-style: normal;font-size:clamp(19px, 2.6vw, 27px);line-height:1.3;background:none}
.l-content #sightseeing ul.column.slick-box li p{margin-top:13px}
.l-content #sightseeing ul.column.slick-box li figure{width:100%;max-width:330px;margin:10px auto -18px;}
.l-content #sightseeing ul.column.slick-box img{border-radius: 19px;}
.l-content .manhole{display:flex;flex-wrap:wrap;flex-direction: row-reverse;align-items: center;}
.l-content .manhole .vis{width:50%;}
.l-content .manhole .vis figcaption{margin-top:0;}
.l-content .manhole .text{width:50%;padding:0 15px 0 0;}
@media screen and (max-width:991px){
	.l-content #sightseeing ul.column.slick-box li.w04,.l-content #sightseeing ul.column.slick-box li.w06{width:48%;}
	.l-content .manhole{display:block;}
	.l-content .manhole .vis{width:100%;}
	.l-content .manhole .text{width:100%;padding:30px 0 0 0;}
}
@media screen and (max-width:717px){
	.l-content #sightseeing .outer{padding:20px 0 0 !important; }
	.l-content #sightseeing ul.column.slick-box{display: block;margin:0 auto;}
	.l-content #sightseeing ul.column.slick-box li p{padding:10px 6% 0;}
	.l-content .manhole .vis figure{width:80%;position: relative;}
	.l-content .manhole .vis figure figcaption{position: absolute;top:0;left:-20px;width:100px;}
	.l-content #sightseeing ul.column.slick-box li .manhole h4{margin-left:-20px;margin-right:-20px;padding-bottom:0;}
	.l-content .manhole .text{padding:13px 0 0 0;}
	.l-content .manhole .text p{padding:0 !important;margin-left:-20px;margin-right:-20px;}
	.slick-next{right:-20px;}
	.slick-prev{left: -30px;}
	.slick-prev:before,.slick-next:before {font-size: 30px;color:#2e1f18;}
}
@media screen and (max-width:430px){
	.l-content #sightseeing ul.column.slick-box li p{padding:10px 0 0;}	
}

/* access */
.l-content #access .outer{margin:0 auto;padding:40px 25px 35px !important;}
.l-content .model-course{width:94%;padding:0 0 50px 0;margin:0 auto;}
.l-content .model-course h2{color:#da527b;font-family: "BIZ UDPMincho", serif;font-weight: 700;font-style: normal;font-size:clamp(21px, 2.6vw, 30px);line-height:1.3;}
.l-content ul.column.course li{border:2px solid #da527b;}
.l-content ul.column.course li h3{background:#da527b;color:#fff;padding:7px;font-size:clamp(19px,2.1vw,21px); }
.l-content ul.column.course li h3 span{margin-left:1rem;background-color: #fff;color:#da527b;font-size:clamp(12px,1.9vw,15px);padding:0 5px 2px;white-space: nowrap;}
.l-content #access ul.column.access li h3{font-size:clamp(19px,2.1vw,21px);padding:0 0 0 25px;background: url("../images/icon-train.gif") no-repeat 0 50%;background-size:17px 19px;color:#ed6c00;font-weight:bold;}
.l-content #access ul.column.access li h3.car{margin-top:1rem;padding:0 0 0 43px;background: url("../images/icon-car.gif") no-repeat 0 50%;background-size:35px 19px;color:#03b8df;}
.l-content #access ul.column.access li h3 span{font-size:clamp(16px,1.9vw,17px);}
.l-content .map{width:98%;max-width:800px;margin:0 auto 30px;position: relative;}
.l-content .map h2{position: absolute;top:-20px;left:-20px;}
.l-content .access-info{width:94%;max-width:1000px;margin:0 auto;}
.l-content .access-info h2{font-size:clamp(19px,2.4vw,25px);font-family:"Noto Serif JP", serif;font-optical-sizing:auto;font-weight:800;font-style:normal;line-height:1.3;color:#ed6c00;padding-left:0.8rem;}
.l-content ul.column.access li{width:48%;max-width:455px;margin:0 auto;}
.l-content ul.column.access li div{font-size:clamp(12px,1.5vw,13px);margin-top:-9px;letter-spacing:-1px;}
@media screen and (max-width:840px){
	.l-content .map h2{width:110px;}
	.l-content ul.column.course,.l-content ul.column.access{display: block}
	.l-content ul.column.course li,.l-content ul.column.access li{width:100%;margin:0 auto;}
	.l-content ul.column.course li:first-child{margin-bottom:1.5rem;}
}
@media screen and (max-width:500px){
	.l-content #access .outer{padding:20px 0 20px !important;}
	.l-content .map h2{width:90px;left:-5px;}
}


/* base */
.l-content ul.link-btn{width:94%;max-width:940px;height:auto;margin:35px auto 40px;list-style: none;display: flex;flex-wrap: wrap;justify-content: space-around;}
.l-content ul.link-btn li{width:47%;margin:10px 0;}
.l-btn__item{width:100%;position:relative;}
.l-btn__item .btn{position:relative;display:block;color:#f1edc1;padding:0.9em 50px 0.9em 1em;text-align:left;font-size:clamp(18px,2.5vw,23px);font-family:"Noto Serif JP", serif;font-optical-sizing:auto;font-weight:700;font-style:normal;line-height:1.3;background:#db1518;}
.l-btn__item .btn::before {content: "";position: absolute;top:4px;left:4px;right:4px;bottom:4px;border:1px solid #bf9d5a;pointer-events:none;z-index:1;}
.l-btn__item .btn span{font-size:clamp(16px,2.1vw,20px);}
.l-btn__item .btn::after {content:"\f006";display:inline-block;font-family:"icon";position:absolute;right:4%;top:50%;transform:translateY(-50%);font-size:clamp(14px,2.1vw,19px);font-weight:normal;color:#f1edc1;}
.l-content ul.link-btn li:first-child .btn{background:#db1518 url("../images/btn-bg.jpg")no-repeat;background-size:cover;}
.l-content ul.link-btn li:nth-child(2) .btn{background:#4658a5 url("../images/btn-bg2.jpg")no-repeat;background-size:cover;}
.l-content figure{margin:0;padding:0;}
.l-content figcaption{font-size:clamp(11px,1.4vw,12px);margin-top:-10px}
.l-content .text-center{text-align: center;}
.l-content .txt-right{text-align:right;}
.l-content .mt-5{margin-top:3rem}
.l-content .pt-1{padding-top:0.5rem}
.l-content .pt-2{padding-top:1rem}
@media screen and (max-width:1230px){
	.l-content .brlg{display:none}
}
@media screen and (max-width:840px){
	.l-content ul.link-btn li{width:96%;max-width:400px;margin:7px auto 7px;}
	.l-btn__item .btn::after{right:3%;}
}

