﻿@import"https://fonts.googleapis.com/css?family=Noto+Serif+JP:200&display=swap";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}h1,h2,h3,h4,h5,h6{font-weight:normal}body{line-height:1}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}ul{list-style:none}img{vertical-align:bottom}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}.clearfix{zoom:1}.clearfix:after{content:"";display:block;clear:both}.clear{clear:both}html,body{width:100%;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans Japanese","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,Meiryo;font-size:62.5%}a{color:#000;text-decoration:none}a:hover{color:#000;opacity:.7}img{width:100%;height:auto;vertical-align:bottom}.wrap{font-size:1.6rem}@media screen and (min-width: 769px){.sp{display:none}}.pc{display:none}@media screen and (min-width: 769px){.pc{display:block}}.main{display:block}.header{position:fixed;top:0;left:0;z-index:100;padding:2rem;width:calc(100% - 4rem);background-color:#fff}@media screen and (min-width: 769px){.header{position:static;margin:0 auto;padding:2rem 0;width:100rem;text-align:center}}.header__logo{width:7rem}@media screen and (min-width: 769px){.header__logo{margin:0 auto;width:11.5rem}}.nav__btn{position:fixed;top:1rem;right:1rem;z-index:301;width:7rem;height:7rem;cursor:pointer;background-color:rgba(255,255,255,.5);border-radius:50%;border:none;box-sizing:border-box;transition:all .4s}@media screen and (min-width: 769px){.nav__btn{top:2rem;right:2rem}}.nav__btn:focus{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.nav__btn-line{display:block;position:absolute;height:.2rem;background-color:#000;border-radius:.4rem;transform:rotate(-45deg);transition:all .4s}.nav__btn-line:nth-child(1){top:2rem;left:1.6rem;width:2rem}.nav__btn-line:nth-child(1).active{transform:rotate(45deg)}.nav__btn-line:nth-child(2){top:2.7rem;left:1.5rem;width:4rem}.nav__btn-line:nth-child(3){top:3.5rem;left:3.1rem;width:2rem}.nav__btn-line:nth-child(3).active{transform:rotate(45deg)}.nav__btn-txt{display:block;position:absolute;top:5.2rem;left:50%;transform:translateX(-50%);letter-spacing:2px}.nav__menu{position:fixed;top:0;left:0;z-index:300;width:100%;height:0;overflow-y:scroll;transition:all .1s .9s}.nav__menu.active{height:100%;transition:all .1s 0s}@media screen and (min-width: 769px){.nav__menu{height:0;overflow:auto}.nav__menu.active{height:100vh}}.nav__menu-wrap{position:absolute;z-index:300;width:100%;height:300px;background-position:center center;background-size:cover}@media screen and (min-width: 769px){.nav__menu-wrap{width:33.34%;height:100vh}}.nav__menu-wrap--sado{top:-300px;left:0;background-image:url("../img/nav_sado_bg.jpg");transition:all .5s 0s}.nav__menu-wrap--sado.active{top:0;transition:all .5s .1s}@media screen and (min-width: 769px){.nav__menu-wrap--sado{top:0;left:-33.34%}.nav__menu-wrap--sado.active{top:0;left:0}}.nav__menu-wrap--kado{top:-300px;left:0;background-image:url("../img/nav_kado_bg.jpg");transition:all .7s 0s}.nav__menu-wrap--kado.active{top:300px;transition:all .7s .1s}@media screen and (min-width: 769px){.nav__menu-wrap--kado{top:0;left:-33.34%}.nav__menu-wrap--kado.active{top:0;left:33.3333%}}.nav__menu-wrap--main{top:-300px;left:0;background-image:url("../img/nav_main_bg.jpg");transition:all .9s 0s}.nav__menu-wrap--main.active{top:600px;transition:all .9s .1s}@media screen and (min-width: 769px){.nav__menu-wrap--main{top:0;left:-33.34%}.nav__menu-wrap--main.active{top:0;left:66.666%}}.nav__menu-inner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff}.nav__menu-ttl{margin:0 0 2rem;padding:0 0 2rem;width:25rem;font-size:3rem;border-bottom:1px solid #fff}.nav__menu-ttl::after{content:"";font-size:1.5rem;padding:0 0 0 1rem}.nav__menu-ttl--sado::after{content:"sadō"}.nav__menu-ttl--kado::after{content:"kadō"}.nav__menu-ttl--main::after{content:"rinpu-kan"}.nav__menu-link{display:block;margin:0 0 1rem;color:#fff;font-size:2rem}.nav__menu-link::before{content:"-";padding:0 1rem 0 0}.nav__menu-link:hover{color:#fff}.nav__sub-menu-item{margin:0 0 .5rem 1em}.banner{margin:0 2rem 10rem}@media screen and (min-width: 769px){.banner{margin:0 auto 20rem;width:100rem}}.footer{padding:4rem 0 2rem;color:#666;text-align:center;background-color:#f4f2ef}@media screen and (min-width: 769px){.footer{padding:8rem 0 2rem}}@media screen and (min-width: 769px){.footer__wrap{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 0 8rem;width:80rem}}.footer__logo{margin:0 0 4rem;text-align:center}@media screen and (min-width: 769px){.footer__logo{margin:0;text-align:left}}.footer__logo-img{width:10rem}@media screen and (min-width: 769px){.footer__logo-img{width:15rem}}.footer__inner{margin:0 auto;width:fit-content}@media screen and (min-width: 769px){.footer__inner{margin:0;font-size:2rem;text-align:left}}.footer__sns{margin:0 0 2.5rem;padding:0 0 0 1rem;border-left:1px solid #666}@media screen and (min-width: 769px){.footer__sns{padding:0 0 0 4.5rem}}.footer__sns-link{display:flex;align-items:center;padding:.5rem 0;color:#666}.footer__sns-icon{margin:0 1rem 0 0}.footer__cmt{margin:0 0 4rem;padding:.5rem 0 .5rem .5rem;border-left:1px solid #666}@media screen and (min-width: 769px){.footer__cmt{margin:0;padding:.5rem 0 .5rem 4.5rem}}.footer__copy{display:block;font-size:1.2rem}html,body{font-family:"A1明朝",serif}.wrap.active1{position:fixed;top:0;left:0;width:100%;height:100vh;overflow-y:scroll}.main{padding:5rem 0 0}@media screen and (min-width: 769px){.main{padding:0}}.block{padding:10rem 0}@media screen and (min-width: 769px){.block{margin:0 auto;padding:20rem 0;width:100rem}}.fade{opacity:0;transform:translate(0, 5rem);transition:all .5s .2s}.fade.fade-in{opacity:1;transform:translate(0, 0)}.ttl-line{position:relative;margin:0 0 8rem;text-align:center;font-size:3rem}@media screen and (min-width: 769px){.ttl-line{margin:0 0 9rem;font-size:6rem}}.ttl-line::after{content:"";position:absolute;left:50%;bottom:-7rem;height:5rem;border-left:.1rem solid #707070}@media screen and (min-width: 769px){.ttl-line::after{height:5rem}}.link-line{display:block;position:relative;margin:0 4rem 5rem;color:#707070;font-size:3rem;text-align:right;text-transform:capitalize;line-height:2}.link-line::before{content:"";display:block;position:absolute;top:65%;left:0;width:0;color:#707070;border-top:.1rem solid #707070;animation:link-line 3s ease 0s infinite normal forwards running}@media screen and (min-width: 769px){.link-line{margin:0 5rem}}@keyframes link-line{0%{width:0}100%{width:calc(100% - 4em)}}.genre1{color:#808caf;border:2px solid #808caf}.genre2{color:#dee43c;border:2px solid #dee43c}.genre3{color:#b9858f;border:2px solid #b9858f}