@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
.tabbtn { margin: 0% 0% 5.2% 0%; }
.tabbtn .tabbtn__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.tabbtn .tabbtn__list li { flex: 0 1 31%; width: 31%; max-width: 31%; margin-right: 3.5%; margin-bottom: 10px; }
.tabbtn .tabbtn__list li a { display: block; padding: 5px; box-sizing: border-box; border: 2px solid #76C6D9; color: #76C6D9; text-align: center; }
.tabbtn .tabbtn__list li a.active { background: #76C6D9; color: #fff; }
.tabbtn .tabbtn__list li:nth-child(3n) { margin-right: 0; }

.gallery .gallery__ttl { margin: 0% 0% 5.2% 0%; }
.gallery .gallery__wrap { background: #f3f1ec; padding: 7.8% 0% 6.5% 0%; }
.gallery .gallery__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.gallery .gallery__list li { position: relative; flex: 0 1 31%; width: 31%; max-width: 31%; padding-top: 31%; margin-right: 3.5%; margin-bottom: 15px; overflow: hidden; }
.gallery .gallery__list li:nth-child(3n) { margin-right: 0; }
.gallery .gallery__list li a { display: block; position: absolute; left: 0; top: 0; height: 100%; }
.gallery .gallery__list li a img { object-fit: cover; font-family: 'object-fit: cover'; display: block; object-position: 50% 50%; height: 100%; width: 100%; }
.gallery .gallery__list li a:after { content: "\e90b"; position: absolute; right: 0; bottom: 0; padding: 5px; box-sizing: border-box; background: rgba(0, 0, 0, 0.6); color: #fff; line-height: normal; font-family: 'icomoon'; }
.gallery .gallery__list li a.img_none { pointer-events: none; }
.gallery .gallery__list li a.img_none:after { display: none; }

.lum-lightbox { z-index: 10001; }
.lum-lightbox img { display: block; max-height: 80vh !important; width: auto; max-width: 92vw !important; margin: auto; }

.liberte-btn { max-width: 300px; margin: 0% 0% 7.8% 0%; margin-left: auto; margin-right: auto; }
.liberte-btn a { font-size: 1.5rem; }
@media (min-width: 769px) { .liberte-btn a { font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0.8547008547 ); } }
@media (min-width: 1120px) { .liberte-btn a { font-size: 1.8rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .tabbtn { margin-bottom: 40px; }
  .tabbtn .tabbtn__list li { flex: 0 1 19%; width: 19%; max-width: 19%; margin-right: 1.25%; }
  .tabbtn .tabbtn__list li:nth-child(3n) { margin-right: 1.25%; }
  .tabbtn .tabbtn__list li:nth-child(5n) { margin-right: 0; }
  .tabbtn .tabbtn__list li a:hover { opacity: 1; background: #76C6D9; color: #fff; }
  .gallery .gallery__list li { flex: 0 1 19%; width: 19%; max-width: 19%; padding-top: 19%; margin-right: 1.25%; }
  .gallery .gallery__list li:nth-child(3n) { margin-right: 1.25%; }
  .gallery .gallery__list li:nth-child(5n) { margin-right: 0; } }
/*------------------------------
		1021px以上
------------------------------*/
/*------------------------------
		1221px以上
------------------------------*/
/*------------------------------
		1600px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */