@charset "UTF-8";
/*$base-font-family: 'YakuHanMP', 'Noto Serif JP', serif;*/
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* --------------------------------------------------------
 gallery

-------------------------------------------------------- */
/* line 13, page_gallery.scss */
#gallery { /*============================
　共通
============================*/ /*============================
#galleryPh
============================*/ /*============================
#galleryThmb
============================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 21, page_gallery.scss */
#gallery #contents { overflow: hidden; }
/* line 22, page_gallery.scss */
#gallery #contents .cap { text-align: left; font-size: 12px; font-size: 0.75rem; line-height: 1.35rem; padding: 40px 0 80px; }
/* line 26, page_gallery.scss */
#gallery #galleryPh ul li, #gallery #galleryThmb ul li { /*position: relative;*/ }
/* line 27, page_gallery.scss */
#gallery #galleryPh ul li em, #gallery #galleryThmb ul li em { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; font-family: "Almarai", sans-serif; color: #fff; }
/* line 28, page_gallery.scss */
#gallery #galleryPh ul li em span, #gallery #galleryThmb ul li em span { font-family: "Almarai", sans-serif; }
/* line 34, page_gallery.scss */
#gallery .caption { text-align: left; }
/* line 39, page_gallery.scss */
#gallery #galleryPh { max-width: 1200px; margin: 0 auto 10px; }
/* line 41, page_gallery.scss */
#gallery #galleryPh ul li { height: 600px; }
/* line 42, page_gallery.scss */
#gallery #galleryPh ul li em { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; position: absolute; bottom: 10px; left: 20px; font-size: 140%; filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.8)); text-align: left; }
/* line 43, page_gallery.scss */
#gallery #galleryPh ul li em:nth-of-type(2) { left: auto; right: 25px; text-align: right; }
/* line 44, page_gallery.scss */
#gallery #galleryPh ul li em small { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.2rem; display: block; letter-spacing: .015em; }
/* line 53, page_gallery.scss */
#gallery #galleryThmb { /*max-width: 1200px;*/ /*margin: 0 auto 80px;*/ position: relative; }
/* line 54, page_gallery.scss */
#gallery #galleryThmb ul { /*@include flexWrap;*/ /*transform: none !important;*/ }
/* line 55, page_gallery.scss */
#gallery #galleryThmb ul li { /*width: calc((100% / 8) - 10px);*/ width: calc((100% / 8) - 8.8px); cursor: pointer; }
/* line 56, page_gallery.scss */
#gallery #galleryThmb ul li:not(:last-child) { margin-right: 10px; }
/* line 57, page_gallery.scss */
#gallery #galleryThmb ul li em { filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.8)); font-size: 13px; font-size: 0.8125rem; line-height: 1.21875rem; }
/* line 58, page_gallery.scss */
#gallery #galleryThmb ul li em span { display: block; }
/* line 60, page_gallery.scss */
#gallery #galleryThmb ul li img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
/* line 61, page_gallery.scss */
#gallery #galleryThmb ul li::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; width: 100%; height: 100%; background: rgba(26, 43, 68, 0.7); mix-blend-mode: multiply; transition: .5s; }
/* line 63, page_gallery.scss */
#gallery #galleryThmb ul li:hover img, #gallery #galleryThmb ul li.swiper-slide-thumb-active img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
/* line 64, page_gallery.scss */
#gallery #galleryThmb ul li:hover::before, #gallery #galleryThmb ul li.swiper-slide-thumb-active::before { background: rgba(26, 43, 68, 0); }
/* line 69, page_gallery.scss */
#gallery .swiper-button-prev, #gallery .swiper-button-next { z-index: 50 !important; color: #fff; opacity: .6; transition: .5s; }
/* line 70, page_gallery.scss */
#gallery .swiper-button-prev:hover, #gallery .swiper-button-next:hover { opacity: .9; }
@media only screen and (max-width: 750px) { /* line 13, page_gallery.scss */
  #gallery { /*============================
　共通
============================*/ /*============================
#galleryPh
============================*/ /*============================
#galleryThmb
============================*/ }
  /* line 81, page_gallery.scss */
  #gallery #contents { overflow: hidden; }
  /* line 82, page_gallery.scss */
  #gallery #contents .cap { padding: 0px 5% 40px; }
  /* line 89, page_gallery.scss */
  #gallery #intro .tit.jpMidashi { font-size: 22px; font-size: 1.375rem; line-height: 2.2rem; margin: 0 auto 20px; }
  /* line 90, page_gallery.scss */
  #gallery #intro .tit.en { font-size: 24px; font-size: 1.5rem; line-height: 2.25rem; margin-bottom: 15px; }
  /* line 91, page_gallery.scss */
  #gallery #intro .tit.en span { font-size: 140%; }
  /* line 93, page_gallery.scss */
  #gallery #intro .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; margin: 0 auto 30px; text-align: left; width: 90%; }
  /* line 99, page_gallery.scss */
  #gallery #galleryPh { max-width: 100%; margin: 0 auto 10px; }
  /* line 101, page_gallery.scss */
  #gallery #galleryPh ul li { height: auto; }
  /* line 102, page_gallery.scss */
  #gallery #galleryPh ul li em { bottom: 5px; left: 10px; font-size: 100%; filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.8)); }
  /* line 103, page_gallery.scss */
  #gallery #galleryPh ul li em:nth-of-type(2) { left: auto; right: 10px; }
  /* line 104, page_gallery.scss */
  #gallery #galleryPh ul li em small { font-size: 10px; font-size: 0.625rem; line-height: 0.9375rem; letter-spacing: .0em; }
  /* line 113, page_gallery.scss */
  #gallery #galleryThmb { max-width: calc(100% - 18px); margin: 0 auto 50px; }
  /* line 114, page_gallery.scss */
  #gallery #galleryThmb ul { display: flex; justify-content: space-between; flex-wrap: wrap; transform: none !important; }
  /* line 115, page_gallery.scss */
  #gallery #galleryThmb ul:after { content: ""; width: calc((100% / 3) - 6px); display: block; }
  /* line 116, page_gallery.scss */
  #gallery #galleryThmb ul li { width: calc((100% / 3) - 6px); margin-bottom: 8px; margin-right: auto; }
  /* line 117, page_gallery.scss */
  #gallery #galleryThmb ul li:not(:last-child) { margin-right: 9px; }
  /* line 118, page_gallery.scss */
  #gallery #galleryThmb ul li:nth-of-type(3n) { margin-right: 0; }
  /* line 119, page_gallery.scss */
  #gallery #galleryThmb ul li em { filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.8)); font-size: 11px; font-size: 0.6875rem; line-height: 1.03125rem; } }