@charset "UTF-8";

html,body,div,span,h1,h2,h3,h4,p,a,em,img,small,var,center,ul,li,form,table,tr,th,td,footer,header,menu,nav,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}footer,header,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}table{border-collapse:collapse;border-spacing:0}html{font-style:normal;font-size:62.5%}html,body{height:100%;margin:0;padding:0;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:unset;color:#000;-webkit-font-feature-settings:"pkna" 1;font-feature-settings:"pkna"
 1;text-align:justify;-webkit-font-kerning:auto;font-kerning:auto;font-weight:normal;font-size:2rem;word-wrap:break-word;overflow-wrap:break-word;color:#000;background:#f6fcff}@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box}p{line-height:1.6}img{vertical-align:middle;width:100%;height:auto}a{text-decoration:none;color:#0090d0;-webkit-transition:opacity 200ms ease-out;transition:opacity 200ms ease-out}a:hover{text-decoration:none;opacity:.7}a img{-webkit-transition:opacity 200ms ease-out;transition:opacity 200ms ease-out}a img:hover{opacity:.7}table{width:100%}th{font-weight:bold}html,body{height:100%;font-family:"Noto Serif SC",serif;font-weight:400}body{background:#e9eaed}.wrapper{border-top:6px solid #0d2342;width:1680px;margin:auto;background:url(../img/common/bg.png);-webkit-box-shadow:0 0 30px rgba(0,0,0,.2);box-shadow:0 0 30px rgba(0,0,0,.2)}@media screen and (max-width: 1680px){.wrapper{width:100%;max-width:1440px}}.kv-wrapper{position:relative}.kv-wrapper::before{content:"";background:url(../img/common/kv-cloud-left.png) no-repeat;background-size:100%;display:block;width:316px;height:209px;position:absolute;top:33px;left:0;z-index:0}@media screen and (max-width: 767px){.kv-wrapper::before{width:150px}}.kv-wrapper::after{content:"";background:url(../img/common/kv-cloud-right.png) no-repeat;background-size:100%;display:block;width:392px;height:223px;position:absolute;top:577px;right:0;z-index:0}@media screen and (max-width: 767px){.kv-wrapper::after{width:150px}}.header{position:relative;padding-top:16px}.header__logo{width:98px;height:auto;margin:auto}@media screen and (max-width: 767px){.header__logo{width:70px}}
 .header .gnav{position:absolute;top:30px;right:30px/*安藤追加*/;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center/*end 安藤追加*/

}@media screen and (max-width: 767px){.header .gnav{display:none;background:url(../img/common/bg.png);width:100%;height:100vh;top:0;left:0;z-index:10;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.header .gnav__list{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 767px){.header .gnav__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.header .gnav__link{color:#000}@media screen and (max-width: 767px){.header .gnav__link{display:block;font-size:2.2rem;padding:15px 20px;text-align:center}}.header .gnav__item+.gnav__item{margin-left:30px}@media screen and (max-width: 767px){.header .gnav__item+.gnav__item{margin-left:0}}.header .gnav-lang{margin-left:15px}@media screen and (max-width: 767px){.header .gnav-lang{margin:10px 0 0 0}}.header .gnav-lang__wrap{position:relative}.header .gnav-lang__wrap::after{content:"";display:block;background:url(../img/common/lang-arrow.svg) no-repeat;width:8px;height:4.344px;background-size:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:5px}.header .gnav-lang__list{background:url(../img/common/lang-bg.png);padding:5px 18px;color:#fff;border:1px solid #651a16;border-radius:3px;outline:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;vertical-align:middle;appearance:none;-webkit-appearance:none;-moz-appearance:none}.header .gnav-lang__item{color:#000}.header .menu{position:absolute;top:20px;right:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer;z-index:100;display:none}@media screen and (max-width: 767px){.header .menu{display:-webkit-box;display:-ms-flexbox;display:flex}}.header .menu__border{width:40px;height:2px;background:#000;-webkit-transition:all .2s;transition:all .2s}.header .menu .menu__border+.menu__border{margin-top:10px}.header .menu.active .menu__border:nth-of-type(1){-webkit-transform:rotate(45deg) translate(7px, 10px);transform:rotate(45deg) translate(7px, 10px)}.header .menu.active .menu__border:nth-of-type(2){opacity:0}.header .menu.active .menu__border:nth-of-type(3){-webkit-transform:rotate(-45deg) translate(7px, -10px);transform:rotate(-45deg) translate(7px, -10px)}.footer{background:url(../img/common/footer.png) no-repeat;background-position:center bottom;height:444px;height:31vw;margin-top:100px;padding-top:20px}@media screen and (max-width: 1440px){.footer{background-size:cover}}@media screen and (max-width: 767px){.footer{margin-top:40px}}@media screen and (max-width: 587px){.footer{height:auto;padding-bottom:10px}}.footer__logo{width:98px;height:auto;margin:auto}@media screen and (max-width: 800px){.footer__logo{width:60px}}.footer-nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:43px}@media screen and (max-width: 800px){.footer-nav__list{margin-top:20px}}.footer-nav__item+.footer-nav__item{margin-left:10px;padding-left:10px;border-left:1px solid #000}.footer-nav__link{color:#000;font-size:1.8rem}@media screen and (max-width: 390px){.footer-nav__link{font-size:1.3rem}}.footer__project{font-size:1.6rem;text-align:center;margin-top:14px}.footer__project span{margin-left:1em}@media screen and (max-width: 587px){.footer__project span{margin-left:0;display:block}}@media screen and (max-width: 390px){.footer__project{font-size:1.3rem}}.footer__copyright{display:block;text-align:center;font-size:1.4rem;margin-top:16px}.main{position:relative;overflow:hidden;padding:0 20px}.main::before{content:"";display:block;width:369px;height:100%;background:url(../img/common/cloud-left.png) repeat-y;position:absolute;top:340px;left:-60px}@media screen and (max-width: 767px){.main::before{display:none}}.main::after{content:"";display:block;width:334px;height:100%;background:url(../img/common/cloud-right.png) repeat-y;position:absolute;top:730px;right:-23px}@media screen and (max-width: 767px){.main::after{display:none}}.page .kv-wrapper{background:url(../img/common/kv-page.png) no-repeat;height:270px}@media screen and (max-width: 767px){.page .kv-wrapper{height:200px}}@media screen and (max-width: 587px){.page .kv-wrapper{height:120px}}.page .head-3{text-align:center;font-size:2rem;-webkit-transform:translate(8px, 23px);transform:translate(8px, 23px)}.section-head{width:100%;max-width:433px;height:80px;background:url(../img/common/head-2.png) no-repeat;margin:auto;color:#634e3b;font-size:2.4rem;text-align:center}@media screen and (max-width: 587px){.section-head{background-size:100%;font-size:1.8rem}}.section-head span{display:block;-webkit-transform:translateY(16px);transform:translateY(16px)}.templelist{margin-top:140px;position:relative;z-index:1}.templelist__map{width:1131px;height:auto;margin:76px auto 0 auto}.templelist__list{width:786px;margin:50px auto 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 800px){.templelist__list{width:90%}}.templelist__item{width:371px;color:#634e3b;margin-bottom:44px}@media screen and (max-width: 800px){.templelist__item{width:48%}}@media screen and (max-width: 587px){.templelist__item{width:100%}}.templelist__item a{color:#634e3b}.templelist__head{font-size:3.2rem;text-align:center;letter-spacing:.2em;margin-top:18px}.templelist__txt{width:312px;margin:auto;font-size:1.8rem;line-height:calq(23/14);margin-top:14px}@media screen and (max-width: 800px){.templelist__txt{width:100%}}.fade{width:100vw;height:100vh;background:#000;position:fixed;top:0;left:0;z-index:100}.btn-skip{color:#fff;cursor:pointer;position:absolute;left:50%;bottom:30px;opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:1.4rem;-webkit-animation-name:skip;animation-name:skip;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes skip{0%{opacity:0}100%{opacity:1}}@keyframes skip{0%{opacity:0}100%{opacity:1}}.kv-wrapper{background:url(../img/home/kv.png) no-repeat}@media screen and (max-width: 767px){.kv-wrapper{background-size:cover}}.kv{height:570px;margin-top:40px;position:relative;padding:0 20px;z-index:1}@media screen and (max-width: 767px){.kv{height:600px}}@media screen and (max-width: 430px){.kv{height:500px}}@media screen and (max-width: 399px){.kv{height:400px}}.kv__img{height:auto}.kv__person{position:relative;-ms-grid-column-align:center;justify-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}@media screen and (max-width: 767px){.kv__person{-ms-grid-column-align:center !important;justify-self:center !important;-ms-flex-item-align:center !important;-ms-grid-row-align:center !important;align-self:center !important}}.kv__container{width:100%;max-width:960px;height:500px;margin:auto;display:-ms-grid;display:grid;-ms-grid-columns:1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr;-ms-grid-rows:1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"tokimasa yoshitoki yoritomo tsunetoki yoriie" "tokimasa yoshitoki yoritomo tsunetoki yoriie" "tokimasa yoshitoki masako tsunetoki yoriie" "tokimasa yasutoki masako shigetoki yoriie" "tokimasa yasutoki ninsho shigetoki yoriie" "tokimasa yasutoki ninsho shigetoki yoriie"}@media screen and (max-width: 767px){.kv__container{height:500px;-ms-grid-columns:1fr 0px 1fr 0px 1fr;grid-template-columns:1fr 1fr 1fr;-ms-grid-rows:1fr 0px 1fr 0px 1fr;grid-template-rows:1fr 1fr 1fr;grid-auto-columns:1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"yoshitoki yoritomo tsunetoki" "tokimasa masako yoriie" "yasutoki ninsho shigetoki"}}@media screen and (max-width: 430px){.kv__container{gap:10px;height:400px}}@media screen and (max-width: 399px){.kv__container{height:350px}}.kv .yoritomo{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:5;grid-area:yoritomo;-ms-grid-row-align:start;align-self:start;width:100%;max-width:153px}.kv .masako{-ms-grid-row:5;-ms-grid-row-span:3;-ms-grid-column:5;grid-area:masako;width:100%;max-width:210px}@media screen and (max-width: 587px){.kv .masako{max-width:153px}}.kv .ninsho{-ms-grid-row:9;-ms-grid-row-span:3;-ms-grid-column:5;grid-area:ninsho;-ms-grid-row-align:end;align-self:end;width:100%;max-width:153px}.kv .yoshitoki{-ms-grid-row:1;-ms-grid-row-span:5;-ms-grid-column:3;grid-area:yoshitoki;width:100%;max-width:153px;-webkit-transform:translate(-17px, 35px);transform:translate(-17px, 35px)}@media screen and (max-width: 767px){.kv .yoshitoki{-webkit-transform:translate(0);transform:translate(0)}}.kv .yasutoki{-ms-grid-row:7;-ms-grid-row-span:5;-ms-grid-column:3;grid-area:yasutoki;width:100%;max-width:153px;-webkit-transform:translate(-17px, -25px);transform:translate(-17px, -25px)}@media screen and (max-width: 767px){.kv .yasutoki{-webkit-transform:translate(0);transform:translate(0)}}.kv .tokimasa{-ms-grid-row:1;-ms-grid-row-span:11;-ms-grid-column:1;grid-area:tokimasa;width:100%;max-width:153px}.kv .tsunetoki{-ms-grid-row:1;-ms-grid-row-span:5;-ms-grid-column:7;grid-area:tsunetoki;width:100%;max-width:153px;-webkit-transform:translate(17px, 35px);transform:translate(17px, 35px)}@media screen and (max-width: 767px){.kv .tsunetoki{-webkit-transform:translate(0);transform:translate(0)}}.kv .shigetoki{-ms-grid-row:7;-ms-grid-row-span:5;-ms-grid-column:7;grid-area:shigetoki;width:100%;max-width:153px;-webkit-transform:translate(17px, -25px);transform:translate(17px, -25px)}@media screen and (max-width: 767px){.kv .shigetoki{-webkit-transform:translate(0);transform:translate(0)}}.kv .yoriie{-ms-grid-row:1;-ms-grid-row-span:11;-ms-grid-column:9;grid-area:yoriie;width:100%;max-width:153px}@media screen and (max-width: 767px){.kv .yoritomo{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:3}.kv .masako{-ms-grid-row:3;-ms-grid-row-span:1;-ms-grid-column:3}.kv .ninsho{-ms-grid-row:5;-ms-grid-row-span:1;-ms-grid-column:3}.kv .yoshitoki{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1}.kv .yasutoki{-ms-grid-row:5;-ms-grid-row-span:1;-ms-grid-column:1}.kv .tokimasa{-ms-grid-row:3;-ms-grid-row-span:1;-ms-grid-column:1}.kv .tsunetoki{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:5}.kv .shigetoki{-ms-grid-row:5;-ms-grid-row-span:1;-ms-grid-column:5}.kv .yoriie{-ms-grid-row:3;-ms-grid-row-span:1;-ms-grid-column:5}}.kv .name{position:absolute;bottom:9px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:inline-block;width:100%;max-width:120px;padding:0 20px;height:32px;line-height:30px;text-align:center;border-radius:32px;color:#fff;font-size:1.8rem;z-index:1;-webkit-box-shadow:0px 0px 9px 0px rgba(34,25,5,.69);box-shadow:0px 0px 9px 0px rgba(34,25,5,.69);background-image:-webkit-gradient(linear, left top, right top, from(#b88805), color-stop(9%, #b88805), color-stop(17%, #b88805), color-stop(25%, #b88805), color-stop(34%, #c7a433), color-stop(42%, #d6c157), color-stop(50%, #e7de79), color-stop(59%, #d6c157), color-stop(67%, #c7a433), color-stop(75%, #b88805), color-stop(83%, #b88805), color-stop(92%, #b88805), to(#b88805));background-image:-webkit-linear-gradient(left, #b88805 0%, #b88805 9%, #b88805 17%, #b88805 25%, #c7a433 34%, #d6c157 42%, #e7de79 50%, #d6c157 59%, #c7a433 67%, #b88805 75%, #b88805 83%, #b88805 92%, #b88805 100%);background-image:linear-gradient(90deg, #b88805 0%, #b88805 9%, #b88805 17%, #b88805 25%, #c7a433 34%, #d6c157 42%, #e7de79 50%, #d6c157 59%, #c7a433 67%, #b88805 75%, #b88805 83%, #b88805 92%, #b88805 100%)}.kv .name::before{content:url(../img/common/name-arrow.svg);display:block;position:absolute;top:0;right:6px}.kv .name::after{position:absolute;top:3px;left:3px;content:"";display:block;width:calc(100% - 6px);height:26px;border-radius:26px;z-index:-1;background:#623810;-webkit-box-shadow:inset 0px 11px 0px 0px rgba(255,255,255,.16);box-shadow:inset 0px 11px 0px 0px rgba(255,255,255,.16)}@media screen and (max-width: 587px){.kv .name{bottom:-2px}}@media screen and (max-width: 430px){.kv .name{font-size:1.4rem}}.modal{display:none;height:100vh;position:fixed;top:0;width:100%;z-index:100}.modal__bg{background:rgba(0,0,0,.8);height:100vh;position:absolute;width:100%}.modal__content{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;min-width:320px;max-width:500px}@media screen and (max-width: 587px){.modal__content{max-width:90%}}.modal-close{width:29px;height:29px;position:absolute;top:-24px;right:-26px}@media screen and (max-width: 587px){.modal-close{top:-20px;right:-20px}}.modal__btn{background:#5f66a3;width:260px;height:49px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:2.4rem;border-bottom:4px solid #9f9c2b;margin:auto;position:relative;-webkit-box-shadow:0 0 7px rgba(0,0,0,.5);box-shadow:0 0 7px rgba(0,0,0,.5)}.modal__btn::after{position:absolute;top:50%;right:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";display:block;width:0;height:0;border-style:solid;border-width:4.5px 0 4.5px 7.8px;border-color:transparent transparent transparent #fff}.story{width:100%;max-width:600px;margin:auto;position:relative}.story::after{content:url(../img/home/story-bg.png);display:block;width:161px;height:90px;position:absolute;right:-60px;bottom:-40px}.story__nav{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 587px){.story__nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (max-width: 587px){.story__list+.story__list{margin-top:0}}.story__item+.story__item{margin-top:15px}@media screen and (max-width: 587px){.story__item+.story__item{margin-top:0}}.story__link{font-size:2.4rem;color:#634e3b;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.story__link::before{content:"";display:block;width:69px;height:70px;background-repeat:no-repeat;background-size:100%;margin-right:10px}.story__link--kamakura::before{background-image:url(../img/common/story-masako-hojo.png)}.story__link--shogun::before{background-image:url(../img/common/story-yoritomo-minamoto.png)}.story__link--byodo::before{background-image:url(../img/common/story-tokimasa-hojo.png)}.story__link--toitsu::before{background-image:url(../img/common/story-yoshitoki-hojo.png)}.story__link--chitsujo::before{background-image:url(../img/common/story-shigetoki-hojo.png)}.story__link--fukushi::before{background-image:url(../img/common/story-ninsho-bosatsu.png)}.story__link--buke::before{background-image:url(../img/common/story-yasutoki-hojo.png)}.story__link--hoki::before{background-image:url(../img/common/story-tsunetoki-hojo.png)}
/*# sourceMappingURL=maps/home.css.map */

.kv {
    height: 530px;
}


.templelist {
  margin-top: 40px;
}

.btn-skip {
  color: #fff;
  cursor: pointer;
  position: absolute;
  left:auto;
  right: 15%;
  top: 30px;
}

.story__link--kamakura::before {
  background-image: url(../img/common/story-tokimasa-hojo.png);
}
.story__link--byodo::before {
  background-image: url(../img/common/story-yoriie-minamoto.png);
}

/* タブレットでハンバーガーメニュー */
@media screen and (max-width: 1080px){
  .header .gnav{
    display: none;
    background: url(../img/common/bg.png);
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 10;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .header .gnav__list {
      flex-direction: column;
  }
  .header .gnav__link {
    display: block;
    font-size: 2.2rem;
    padding: 15px 20px;
    text-align: center;
  }
  .header .gnav__item + .gnav__item {
    margin-left: 0;
  }
  .header .gnav-lang {
    margin: 10px 0 0 0;
  }
  .header .menu{
    display: flex;
  }
}