@charset "UTF-8";
.clearfix { *zoom: 1; }

.clearfix:after { content: "."; /* 新しい要素を作る */ display: block; /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden; }

a { text-decoration: none; }

h2 { padding: 20px 0 !important; }

body { background-image: url("image/washi.jpg"); width: 100vw; height: 100vh; position: relative; font-family: "Sawarabi Mincho", sans-serif !important; }

.sp { display: none; }

.w-80 { width: 80%; }

.w-85 { width: 85%; }

.w-90 { width: 90%; }

#bg-video { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url("poster.jpg") no-repeat; background-size: cover; }

.logo { width: 10%; position: absolute; right: 45px; top: 24px; }

.content__block { max-width: 1100px; margin: 0 auto; min-height: 100vh; }

.bg_momiji { position: absolute; top: 0; width: 100%; z-index: -1; }

.bg_momiji img { width: 100%; mix-blend-mode: multiply; }

.top-title { padding: 60px 0; width: 400px; }

#greetings .pic img { width: 100%; }

#greetings .asaka-shoukai p { margin-bottom: 5px; text-align: right !important; }

#greetings .asaka-shoukai p.name { font-size: 20px; }

#lesson p { font-size: 14px; }

#lesson h5 { color: #8a2d56; }

#gallery { /* メイン画像縦横中央に配置 */ /* 画像の比率4対3に指定 2対1の場合は50%にします */ /* サムネイル画像画像縦横中央に配置 */ /* 矢印の色を白に指定 */ }

#gallery .main-image01, #gallery .main-image02 { margin: 50px auto; padding: 10px; width: 100%; border: 2px solid #eee; -webkit-box-sizing: border-box; box-sizing: border-box; }

#gallery .main-image01__item, #gallery .main-image02__item { overflow: hidden; position: relative; background-color: #fff; }

#gallery .main-image01__item img, #gallery .main-image02__item img { position: absolute; width: auto; height: auto; max-width: 100%; max-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#gallery .main-image01__item:after, #gallery .main-image01-thumbs__item:after, #gallery .main-image02__item:after, #gallery .main-image02-thumbs__item:after { display: block; padding-top: 75%; content: ''; }

#gallery .main-image01-thumbs, #gallery .main-image02-thumbs { width: 100%; padding: 10px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

#gallery .main-image01-thumbs__item, #gallery .main-image02-thumbs__item { overflow: hidden; position: relative; }

#gallery .main-image01-thumbs__item.swiper-slide, #gallery .main-image02-thumbs__item.swiper-slide { opacity: 0.5; }

#gallery .main-image01-thumbs__item.swiper-slide-thumb-active, #gallery .main-image02-thumbs__item.swiper-slide-thumb-active { opacity: 1; }

#gallery .main-image01-thumbs__item img, #gallery .main-image02-thumbs__item img { position: absolute; width: auto; height: auto; max-width: 100%; max-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#gallery .main-image02 .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f5f5f5'%2F%3E%3C%2Fsvg%3E"); }

#gallery .main-image02 .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f5f5f5'%2F%3E%3C%2Fsvg%3E"); }

#exhibition p { margin-bottom: 5px; }

#exhibition .title { margin: 40px 0; }

#exhibition ul { width: 1000px; margin: 20px auto 0 auto; }

#exhibition ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

#exhibition ul li { float: left; width: 24%; text-align: center; margin-right: 1%; margin-bottom: 20px; }

#exhibition ul li:nth-child(4n) { margin-right: 0; }

#exhibition ul li img { width: 100%; }

#wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

#slider { width: 70%; margin: 0 auto 30px; }

.slide-item img { width: 100%; }

#thumbnail-list { width: 70%; margin: 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; }

.thumbnail-item { -webkit-box-flex: 0; -ms-flex: 0 1 22%; flex: 0 1 22%; margin-bottom: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.thumbnail-item:after { content: ''; background-color: rgba(0, 0, 0, 0.5); position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; -webkit-transition: .3s opacity linear; transition: .3s opacity linear; }

.thumbnail-item.thumbnail-current:after { opacity: 0; }

.thumbnail-item img { width: 100%; margin: 0 auto; }

footer { margin-top: 50px !important; }

footer ul { text-align: center; }

footer ul li { display: inline; padding: 0 20px; }

footer ul li a { color: #666; }

@media screen and (max-width: 767px) { .sp { display: block; }
  .logo { width: 20%; position: absolute; right: 10px; top: 10px; }
  .top-title { padding: 60px 0; width: 90%; }
  .top-title img { width: 100%; }
  #bg-video { right: -252px; bottom: -250px; }
  #exhibition ul { width: 95%; }
  #exhibition ul li { width: 49%; margin-right: 2%; }
  #exhibition ul li:nth-child(2n) { margin-right: 0; }
  #slider { width: 100%; }
  #thumbnail-list { width: 100%; } }
/*# sourceMappingURL=styles.css.map */