#gallery.typeCategoryIndex .pageTitleWrap { background: url(../../gallery/img/visual.jpg) no-repeat 50% top; background-size: cover; }
#gallery.typeCategoryIndex .movieArea div { margin-top: 40px; }
#gallery.typeCategoryIndex .movieArea .note { margin-top: 10px; color: #777; font-size: 1.2rem; }
#gallery.typeCategoryIndex .slideshow { width: 680px; margin: 50px auto 0; position: relative; }
#gallery.typeCategoryIndex .slideshow .slick-arrow { width: 28px; height: 46px; margin: auto; overflow: hidden; position: absolute; top: 0; bottom: 0; z-index: 999; text-indent: 150%; white-space: nowrap; }
#gallery.typeCategoryIndex .slideshow .slick-arrow.slick-prev { background: url(../../gallery/img/slide_arr_01.png) no-repeat center center; left: 14px; }
#gallery.typeCategoryIndex .slideshow .slick-arrow.slick-next { background: url(../../gallery/img/slide_arr_02.png) no-repeat center center; right: 14px; }
#gallery.typeCategoryIndex .slideshow .slick-list { position: relative; }
#gallery.typeCategoryIndex .slideshow .caption { width: 100%; min-height: 48px; padding: 10px 20px; background: #000; color: #fff; position: absolute; left: 0; bottom: 0; text-align: center; }
#gallery.typeCategoryIndex .btnArea { margin: 40px auto 0; width: 390px; }
#gallery.typeCategoryIndex .btnArea a { height: 60px; min-height: 60px; font-size: 1.8rem; font-weight: 500; }
#gallery.typeCategoryIndex .btnArea span { padding: 20px 30px; min-width: 390px; }
/* #gallery.typeCategoryIndex .btnArea i { margin-top: -10px; } */
#gallery.typeCategoryIndex .photoGallery { margin: 40px auto 0; }
#gallery.typeCategoryIndex .photoGallery::after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0 !important; height: 0 !important; }
#gallery.typeCategoryIndex .photoGallery .photo { width: 216px; float: left; }
#gallery.typeCategoryIndex .photoGallery .photo img { vertical-align: top; }
#gallery.typeCategoryIndex .photoGallery .photo a { position: relative; display: block; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }
#gallery.typeCategoryIndex .photoGallery .photo a:hover { opacity: 0.7; filter: alpha(opacity=70); }
#gallery.typeCategoryIndex .photoGallery .photo a::after { content: ''; width: 26px; height: 26px; background: url(../../gallery/img/photo_gallery_ico_zoom.png) no-repeat right bottom; background-size: 26px 26px; display: block; position: absolute; right: 0; bottom: 0; }
.spOly{display: block;}
html[class*="ie1"] #gallery.typeCategoryIndex .btnArea span { padding-top: 15px; }

@media screen and (max-width: 767px) { #gallery.typeCategoryIndex .movieArea div { width: 100%; margin-top: 20px; padding-top: 56.25%; position: relative; }
.spOnly{display: block;}
  #gallery.typeCategoryIndex .movieArea iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; right: 0; }
  #gallery.typeCategoryIndex .movieArea .note { font-size: 1.0rem; text-align: left; }
  #gallery.typeCategoryIndex .slideshow { width: 100%; height: auto; margin: 25px auto 0; }
  #gallery.typeCategoryIndex .slideshow img { width: 100%; height: auto; }
  #gallery.typeCategoryIndex .slideshow .slick-arrow.slick-prev { background-size: 14px 23px; left: 7px; }
  #gallery.typeCategoryIndex .slideshow .slick-arrow.slick-next { background-size: 14px 23px; right: 7px; }
  #gallery.typeCategoryIndex .slideshow .caption { min-height: 38px; padding: 10px 15px; }
  #gallery.typeCategoryIndex .btnArea { margin: 20px auto 0; width: 90%; }
  #gallery.typeCategoryIndex .btnArea a { width: 100%; height: 30px; min-height: 30px; font-size: 1.4rem; }
  #gallery.typeCategoryIndex .btnArea span { padding: 10px 30px; min-width: 100%; height: 55px; }
  #gallery.typeCategoryIndex .btnArea i { right: 10px; }
  #gallery.typeCategoryIndex .photoGallery { margin: 20px auto 0; }
  #gallery.typeCategoryIndex .photoGallery .photo { width: 50%; }
  #gallery.typeCategoryIndex .photoGallery .photo img { width: 100%; height: auto; }
  #gallery.typeCategoryIndex .photoGallery .photo a:hover { opacity: 1; filter: alpha(opacity=100); } }

/*# sourceMappingURL=gallery.css.map */
