@charset "UTF-8";:root{--pdg-20:20px;--easing:cubic-bezier(.2,1,.2,1);--transition:.8s var(--easing);--color-base:#f8f8f8;--color-gray:#333;--color-theme:#b29c62;--color-theme-darken:#42332d;--box-shadow:.8rem .8rem 1.2rem rgba(0,0,0,.05),-.8rem -.8rem 1.2rem #fff;--box-shadow-hover:1rem 1rem 1.5rem rgba(0,0,0,.08),-1rem -1rem 1.5rem #fff;--box-shadow-inset:inset .4rem .4rem 1.2rem rgba(0,0,0,.05),inset -.8rem -.8rem 1.2rem #fff;--box-shadow-dark:.8rem .8rem 1.2rem rgba(0,0,0,.1),-.8rem -.8rem 1.2rem rgba(#fff,.2)}html{height:100%;word-break:break-word;background-color:var(--color-base);-webkit-appearance:none;-webkit-tap-highlight-color:transparent}@media only screen and (max-width:1024px){html{-webkit-text-size-adjust:100%}}body{min-height:100vh;min-height:-webkit-fill-available}@supports (-webkit-touch-callout:none){body{height:-webkit-fill-available}}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}::-moz-selection{color:#fff;background:var(--color-theme)}::selection{color:#fff;background:var(--color-theme)}img,{border:0;margin:0}figure{margin:0}p{margin:0;padding:0}a{text-decoration:none;color:#333}ul,ol,dl,dt,dd{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-size:1.6rem;margin:0;padding:0;font-family:"Times New Roman","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif}main{display:block}.l-inner{position:relative;-webkit-box-sizing:content-box;box-sizing:content-box;max-width:90%;margin:0 auto;padding:0 5%}l-inner@media only screen and (max-width:1024px){.l-inner{padding:0 4rem}}section{background-color:var(--color-base)}.l-section .l-inner{padding:6rem 0}@media only screen and (max-width:599px){.pc-tab{display:none !important}}.grid_com{display:-ms-grid;display:grid}.c-title,.catch-title{font-size:1.8rem;font-weight:700;line-height:1.6;display:inline-block;min-width:32rem;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.catch-title{font-size:2rem}@media only screen and (max-width:1200px){.c-title{margin-bottom:3.2rem}}@media only screen and (max-width:767px){.c-title{min-width:100%;font-size:1.6rem}}.c-title [class*=ico-]{font-size:1.3rem;line-height:1;display:block;width:10rem;margin-bottom:1.2rem;padding:.8rem 0 .6rem;text-align:center;letter-spacing:.05em;border-radius:100px;background-color:var(--color-gray)}.c-title .ico-advanced{color:#fff;background-color:#333}section .c-btn1{height:50px}[class*=swiper]:focus{outline:none}.slide-media,.thumb-media{position:relative;overflow:hidden}.slide-media img,.thumb-media img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.swiper-button-prev,.swiper-button-next{display:grid;place-content:center;width:4rem;height:4rem;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition)}@media only screen and (min-width:1025px){.swiper-button-prev:before,.swiper-button-next:before{-webkit-transition:var(--transition);transition:var(--transition)}.swiper-button-prev:hover:before,.swiper-button-next:hover:before{-webkit-transform:scale(1.1);transform:scale(1.1)}}.swiper-button-prev:before,.swiper-button-next:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-radius:50%;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.swiper-button-prev:after,.swiper-button-next:after{width:10px;height:10px;content:"";border:solid var(--color-gray);background:red 1px solid;border-width:1px 1px 0 0}.swiper-button-prev:after{margin-left:.4rem;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.swiper-button-next:after{margin-right:.4rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swiper-button-disabled{pointer-events:none;opacity:0}.mv01{background:#000;position:relative}.mv01 .l-inner{padding-bottom:0}.mv01 .swiper-fade .swiper-slide{-webkit-transition-property:opacity,-webkit-transform !important;transition-property:opacity,-webkit-transform !important;transition-property:opacity,transform !important;transition-property:opacity,transform,-webkit-transform !important;pointer-events:none}.mv01 .swiper-fade .swiper-slide-active{pointer-events:auto}.mv01 .swiper-pagination{position:absolute;z-index:1;bottom:2rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.2rem 1.2rem}.mv01 .swiper-pagination-bullet{display:block;width:1rem;height:1rem;border-radius:50%;cursor:pointer;background-color:rgba(255,255,255,.2);border:#fff 1px solid}.mv01 .swiper-pagination-bullet-active{border-color:var(--color-theme)}.mv01 .slide-media{height:100vh}@supports(-webkit-touch-callout:none){.mv01 .slide-media{height:-webkit-fill-available}}.mv01 .slide-media img{-webkit-transition:7s 1s ease-out;transition:10s 1s ease-out}.mv01 .slide-title{font-size:1.4rem;font-weight:400;line-height:1.6rem;position:absolute;left:0;bottom:2.6rem;margin-left:10px;color:#fff;padding:5px;background-color:rgba(0,0,0,.6)}@media only screen and (max-width:767px){.mv01 .swiper-pagination{bottom:2rem;left:10px;transition:unset;-webkit-transform:unset;-ms-transform:unset}.mv01 .slide-title{font-size:1.2rem;left:0;bottom:4rem;margin-left:10px}}.mv01 .swiper-slide[class*=-active] .slide-media img{-webkit-animation:mv01-zoomIn 5s 0s var(--easing) both;animation:mv01-zoomIn 10s 0s var(--easing) both}.mv01 .swiper-slide[class*=-active] .slide-title{-webkit-animation:mv01-fadeIn 2s .5s var(--easing) both;animation:mv01-fadeIn 2s .5s var(--easing) both}@keyframes mv01-zoomIn{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes mv01-fadeIn{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0;-webkit-filter:blur(300px);filter:blur(300px)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-filter:blur(0);filter:blur(0)}}.card02{overflow:hidden}.card02 .swiper{overflow:visible}.card02 .swiper-controller{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1.6rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-top:3.2rem}.card02 .swiper-pagination{position:absolute;z-index:1;bottom:2rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.2rem .8rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin:0 auto 0 0;text-align:center}.card02 .swiper-pagination-bullet{width:1.6rem;height:3px;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);vertical-align:top;background-color:var(--color-gray)}.card02 .swiper-pagination-bullet-active{width:4rem;background-color:var(--color-theme)}.card02 .swiper-button-prev,.card02 .swiper-button-next{position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:0}.card01 .swiper-button-disabled,.card02 .swiper-button-disabled{pointer-events:none;opacity:.5}.card01 .swiper-button-disabled:before,.card02 .swiper-button-disabled:before{-webkit-box-shadow:var(--box-shadow-inset);box-shadow:var(--box-shadow-inset)}.card02 .swiper-slide{width:-webkit-max-content;width:-moz-max-content;width:max-content}.card02 .slide{overflow:hidden;width:38rem}.card02 .slide-media{position:relative}.card02 a div.slide-media img{transition:.4s;opacity:.75}.card02 a div.slide-media{padding-top:50rem;background:#000}.card02 a:hover div.slide-media img{opacity:1;transform:scale(1.1);opacity:1}.card02 .slide-title{position:absolute;top:25px;right:25px;z-index:100;color:#fff;font-size:1.8rem;line-height:1.4;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;text-shadow:#000 1px 0 10px}.card02 .slide-title span{font-size:2.8rem}.card02 .slide-num{position:absolute;top:-1rem;left:25px;z-index:100;color:#fff;font-size:6rem;opacity:.6}.card02 .slide-content{padding:1rem;background:#fff}.card02.swiper-scrollbar{position:relative;margin-top:16px;background-color:transparent;width:100%}.card02.swiper-scrollbar:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;width:100%;margin:auto;height:2px;background-color:#999}.card02.drag{position:relative;height:19px}.card02.drag:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:19px;height:19px;margin:auto;border-radius:50%;background-color:#fdfe00;border:3px #000 solid}@media only screen and (max-width:767px){.card02 .slide{width:28rem}.card02 .slide-media{padding-top:38rem}.card02 a div.slide-media{padding-top:40rem}.card02 .slide-media img{height:40rem;object-fit:cover}.card02 .slide-title{font-size:1.6rem}.card02 .slide-title span{font-size:2.2rem}}#bun-top{background:#fff}#bun-top a{display:flex;justify-content:center;align-items:center;border-radius:5px;width:100%;min-width:250px;color:#fff;text-align:center;text-transform:uppercase;text-decoration:none;transition:all .3s}#bun-top a:hover{opacity:.7;background:#fff}#bun-top{position:fixed;right:60px;bottom:10px;z-index:2;opacity:0;transform:translateX(120%)}#bun-top.LeftMove{animation:LeftAnime .5s forwards}@keyframes LeftAnime{from{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}#bun-top.RightMove{animation:RightAnime .5s forwards}@keyframes RightAnime{from{opacity:1;transform:translateX(0)}to{opacity:1;transform:translateX(120%)}}@media only screen and (min-width:768px){#bun-top{display:none}}.tab{display:flex;flex-wrap:wrap}.tab li a{display:block;background:#d8d1bf;margin:0 2px;padding:10px;font-size:80%}.tab li.active a{background:#fff}.area{display:none;opacity:0;background:#fff;padding:50px 20px}.area.is-active{display:block;animation-name:displayAnime;animation-duration:2s;animation-fill-mode:forwards}@keyframes displayAnime{from{opacity:0}to{opacity:1}}.card_btn{display:grid;grid-gap:var(--pdg-20);grid-template-columns:1fr 1fr 1fr 1fr;justify-items:stretch;align-items:stretch;color:#333;text-decoration:none;text-shadow:#000 1px 0 10px}.card_btn li{width:100%;height:100%;overflow:hidden;background-color:#000;position:relative;text-align:center;line-height:1.4}.card_btn li img{opacity:.8;width:100%;height:100%;display:block;transition:.4s}.card_btn li a:hover img{opacity:1;transform:scale(1.1)}.card_btn span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;margin:0;font-size:2rem;color:#fff}@media only screen and (max-width:1200px){.card_btn{grid-template-columns:1fr 1fr}}@media only screen and (max-width:767px){.card_btn{grid-gap:2px}}.moreLinkText{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:120px}.moreLinkText:hover .lineArrow{border-bottom:1px solid var(--color-theme);border-right:1px solid var(--color-theme)}.moreLinkText:hover{color:var(--color-theme)}.lineArrow{width:120%;height:12px;border-bottom:1px solid var(--color-theme);border-right:1px solid var(--color-theme);transform:skew(45deg);margin:-10px 0 0 -25px}#top2023 section{padding-top:8rem}#top2023 section#topnews{padding-top:3rem}#top2023 section.sect_b{padding-bottom:8rem}#top2023 section #shop1 a{text-decoration:underline}#bun_area li{padding-bottom:20px}#bun_area li a:hover{opacity:.7}@media only screen and (max-width:767px){#bun_area li{width:100%}#bun_area .sp_no{display:none}}.grid_craftman{display:-ms-grid;display:grid;grid-template-columns:6fr 3fr;gap:0px;align-content:end;padding-bottom:6rem}.craftman_lead{grid-column:2;grid-row:1}.craftman_gly{grid-column:1;grid-row:1;grid-template-columns:auto auto 1fr 2fr 1fr 1fr;grid-template-rows:1fr 1fr auto;gap:15px}.craftman_lead .catch-title{align-items:flex-start}.craftman1{grid-column:1/6;grid-row:1/3}.craftman1 img{height:100%;object-fit:cover;animation-delay:.2s}.craftman2{grid-column:5/7;grid-row:2/4;width:80%;animation-delay:.4s}.craftman3{grid-column:4/5;grid-row:3;margin-left:-40px;width:75%;animation-delay:.7s}.craftman4{display:flex;justify-content:flex-end;width:80%;animation-delay:1s}.craftman_lead p{animation-delay:.7s}@media only screen and (max-width:767px){.grid_craftman{grid-template-columns:none;grid-template-rows:auto auto;gap:0}.craftman_lead{grid-column:none;grid-row:1;text-align:center}.craftman_lead .catch-title{align-items:center}.craftman_gly{grid-column:none;grid-row:2;grid-template-columns:auto auto 2fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr auto;gap:15px}.craftman1{grid-column:1/6;grid-row:1/3;width:100%}.craftman2{grid-column:5/7;grid-row:2/4;width:90%}.craftman3{grid-column:1/5;grid-row:3;margin-left:30px;width:70%}.craftman4{width:100%;margin-bottom:15px;animation-delay:0s}}.video_top{position:relative;height:65vh}#video-area{position:fixed;z-index:-1;top:0;right:0;left:0;bottom:0;background:url("https://www.oakv.co.jp/video/video_takyama_0921_sp1.jpg") top left no-repeat;overflow:hidden}#video{position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);width:177.77777778vh;height:56.25vw;min-height:100%;min-width:100%}.japan_map{width:100%;min-width:300px}#japan_maps{display:flex;justify-content:center}#shop1 dl dt{background:url(//www.oakv.co.jp/common/css2023/../img/map_icon.svg) left center no-repeat;padding-left:16px;background-size:12px}#shop1 dl#takayama_s dt{padding-left:22px;background-size:18px}#shop1 dl#takayama_s{padding-bottom:3rem}#shop1 .c-btn-list{margin:2rem 0}#shop1 .c-btn1{border:1px solid var(--color-theme);background:#fff;color:var(--color-theme-darken)}#shop1 .c-btn1:before{background:var(--color-theme)}#shop1 .c-btn1{width:80%;margin-bottom:1rem;margin-left:10%}#shop1 .c-btn1:after{border-top:1px solid var(--color-theme);border-right:1px solid var(--color-theme)}#shop1 .c-btn1:hover{color:#fff}.#shop1 c-btn1:hover:after{border-color:#fff}@media only screen and (max-width:767px){#shop1 dl{padding-top:3rem}.fadeIn{animation-name:fadeInAnime;animation-duration:2s;animation-fill-mode:forwards;opacity:0}@keyframes fadeInAnime{from{opacity:0}to{opacity:1}}.fadeUp{animation-name:fadeUpAnime;animation-duration:.8s;animation-fill-mode:forwards;opacity:0}@keyframes fadeUpAnime{from{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.fadeRight{animation-name:fadeRightAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeRightAnime{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.zoomOut{animation-name:zoomOutAnime;animation-duration:.5s;animation-fill-mode:forwards}@keyframes zoomOutAnime{from{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:1}}.zoomOutTrigger{opacity:0}.slide-in{overflow:hidden;display:inline-block}.slide-in_inner{display:inline-block}.leftAnime{opacity:0}.slideAnimeLeftRight{animation-name:slideTextX100;animation-duration:3.5s;animation-fill-mode:forwards;opacity:0}@keyframes slideTextX100{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.slideAnimeRightLeft{animation-name:slideTextX-100;animation-duration:3.5s;animation-fill-mode:forwards;opacity:0}@keyframes slideTextX-100{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}