@charset "UTF-8";
/* ===================================================================
CSS information

file name  : gallery.css
author     : Abilive
style info : パーティレポート
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.main_news .box_gallery {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .main_news .box_gallery {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .main_news .box_gallery {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .main_news .box_gallery li {
    width: calc(96% / 3);
  }
}
@media only screen and (max-width: 767px) {
  .main_news .box_gallery li {
    width: calc(98% / 2);
  }
}
@media only screen and (min-width: 768px) {
  .main_news .box_gallery li:nth-of-type(n+2) {
    margin-left: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .main_news .box_gallery li:nth-of-type(n+2) {
    margin-left: 2%;
  }
}
@media only screen and (min-width: 768px) {
  .main_news .box_gallery li:nth-of-type(3n+1) {
    margin-left: 0;
  }
  .main_news .box_gallery li:nth-of-type(n+4) {
    margin-top: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .main_news .box_gallery li:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .main_news .box_gallery li:nth-of-type(n+3) {
    margin-top: 2.5em;
  }
}
.main_news .box_gallery li a {
  display: block;
  text-decoration: none;
  width: 100%;
  height: 100%;
  position: relative;
  transition: ease .3s opacity;
}
.mouse .main_news .box_gallery li a {
  transition: opacity 0.1s ease-in;
}
.mouse .main_news .box_gallery li a:hover, .touch .main_news .box_gallery li a.touchstart {
  opacity: 0.7;
}
.touch .main_news .box_gallery li a {
  -webkit-tap-highlight-color: transparent;
}
.touch .main_news .box_gallery li a.touchend {
  transition-delay: 200ms;
}
@media only screen and (min-width: 768px) {
  .main_news .box_gallery li a {
    padding-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .main_news .box_gallery li a {
    padding-bottom: 3em;
  }
}
.main_news .box_gallery li a .photo img {
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
}
.main_news .box_gallery li a .box_txt {
  width: 100%;
  --cate-height: 1.3rem;
}
.main_news .box_gallery li a .box_txt time {
  color: var(--color-title-small);
  height: var(--cate-height);
}
@media only screen and (min-width: 768px) {
  .main_news .box_gallery li a .box_txt time {
    font-size: 0.79rem;
  }
}
@media only screen and (max-width: 767px) {
  .main_news .box_gallery li a .box_txt time {
    font-size: 0.73rem;
  }
}
.main_news .box_gallery li a .box_txt .txt_inf {
  display: flex;
  flex-wrap: wrap;
}
.main_news .box_gallery li a .box_txt .txt_inf .cate {
  min-height: 1.21rem;
  color: var(--color-text-body);
  background-color: var(--color-F3F1EE);
  border-radius: 100px;
  line-height: 1.1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 1.21rem;
  padding-left: 1.21rem;
}
@media only screen and (min-width: 768px) {
  .main_news .box_gallery li a .box_txt .txt_inf .cate {
    font-size: 0.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .main_news .box_gallery li a .box_txt .txt_inf .cate {
    font-size: 0.67rem;
  }
}
.main_news .box_gallery li a .box_txt .txt_inf .cate:not(:last-child) {
  margin-right: .5em;
}
@media only screen and (max-width: 767px) {
  .main_news .box_gallery li a .box_txt .txt_inf .cate {
    margin-top: .3em;
  }
}
.main_news .box_gallery li a .box_txt .txt_inf .cate {
  margin-bottom: .2em;
}
.main_news .box_gallery li a .box_txt .st {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  overflow: hidden;
  margin-top: .5em;
}
@media only screen and (min-width: 768px) {
  .main_news .box_gallery li a .box_txt .st {
    font-size: 1.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .main_news .box_gallery li a .box_txt .st {
    font-size: 1rem;
  }
}
.main_news .box_gallery li a .ic {
  position: absolute;
  bottom: 0;
  right: .5em;
}
.main_news .box_gallery li:last-child a {
  border-bottom: var(--border);
}
.main_news .box_gallery + .box_pager {
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .main_news .box_gallery + .box_pager {
    margin: 4em auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .main_news .box_gallery + .box_pager {
    margin: 3em auto 0;
  }
}

.main_news_det .txt_inf {
  display: flex;
  flex-wrap: wrap;
}
.main_news_det .txt_inf .cate {
  min-height: 1.21rem;
  color: var(--color-text-body);
  background-color: var(--color-F3F1EE);
  border-radius: 100px;
  line-height: 1.1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 1.21rem;
  padding-left: 1.21rem;
}
@media only screen and (min-width: 768px) {
  .main_news_det .txt_inf .cate {
    font-size: 0.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .txt_inf .cate {
    font-size: 0.67rem;
  }
}
.main_news_det .txt_inf .cate:not(:last-child) {
  margin-right: .5em;
}
@media only screen and (max-width: 767px) {
  .main_news_det .txt_inf .cate {
    margin-top: .3em;
  }
}
.main_news_det .cms_gallery .box_gal_item {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .main_news_det .cms_gallery .box_gal_item .gal_item {
    width: calc(100% / 4);
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .cms_gallery .box_gal_item .gal_item {
    width: calc(100% / 2);
  }
}
.main_news_det .cms_gallery .box_gal_item .gal_item a {
  display: block;
  transition: ease .3s opacity;
}
@media only screen and (min-width: 1025px) {
  .main_news_det .cms_gallery .box_gal_item .gal_item a:hover {
    opacity: .7;
  }
}
@media only screen and (min-width: 768px) {
  .main_news_det .cms_gallery .box_gal_item.lay_wl_img .gal_item:nth-of-type(1) {
    width: calc(100% / 2);
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .cms_gallery .box_gal_item.lay_wl_img .gal_item:nth-of-type(1) {
    width: 100%;
  }
}