body #contents #main #mainView {
  padding: calc(235px - 95px) 0;
  background-image: url(../img/gallery/main.jpg); }
  body #contents #main #mainView h2 {
    background-image: url(../img/gallery/logo.png); }
body #contents #main h3, body #contents #main h4 {
  padding: 25px 0;
  margin-bottom: 60px;
  background-position: center; }
  body #contents #main h3.text-title, body #contents #main h4.text-title {
    padding: 25px 0 0;
    text-align: center;
    letter-spacing: .25em; }
  body #contents #main h3.gallery-ttl01, body #contents #main h4.gallery-ttl01 {
    background-image: url(../img/gallery/gallery-ttl01.png), linear-gradient(90deg, rgba(26, 11, 8, 0.7), rgba(114, 113, 113, 0.7) 50%, rgba(26, 11, 8, 0.7)); }
  body #contents #main h3.gallery-ttl02, body #contents #main h4.gallery-ttl02 {
    background-image: url(../img/gallery/gallery-ttl02.png), linear-gradient(90deg, rgba(26, 11, 8, 0.7), rgba(114, 113, 113, 0.7) 50%, rgba(26, 11, 8, 0.7)); }
  body #contents #main h3.gallery-ttl03, body #contents #main h4.gallery-ttl03 {
    background-image: url(../img/gallery/gallery-ttl03.png), linear-gradient(90deg, rgba(26, 11, 8, 0.7), rgba(114, 113, 113, 0.7) 50%, rgba(26, 11, 8, 0.7)); }

/*PC ONLY*/
@media screen and (min-width: 751px) {
  body #contents #main article .content-detail .grid2, body #contents #main article .content-detail .grid2to2, body #contents #main article .content-detail .grid3, body #contents #main article .content-detail .grid5, body #contents #main article .content-detail .grid6, body #contents #main section .content-detail .grid2, body #contents #main section .content-detail .grid2to2, body #contents #main section .content-detail .grid3, body #contents #main section .content-detail .grid5, body #contents #main section .content-detail .grid6 {
    gap: 60px 40px; }
  body #contents #main article .content-detail .flex1, body #contents #main section .content-detail .flex1 {
    margin-bottom: 60px; }
  body #contents #main article .content-detail .flex2 > div, body #contents #main article .content-detail .flex2 > dl, body #contents #main article .content-detail .flex2 > dt, body #contents #main article .content-detail .flex2 > dd, body #contents #main article .content-detail .flex2 > figure, body #contents #main article .content-detail .flex2 > p, body #contents #main article .content-detail .flex2_reverse > div, body #contents #main article .content-detail .flex2_reverse > dl, body #contents #main article .content-detail .flex2_reverse > dt, body #contents #main article .content-detail .flex2_reverse > dd, body #contents #main article .content-detail .flex2_reverse > figure, body #contents #main article .content-detail .flex2_reverse > p, body #contents #main section .content-detail .flex2 > div, body #contents #main section .content-detail .flex2 > dl, body #contents #main section .content-detail .flex2 > dt, body #contents #main section .content-detail .flex2 > dd, body #contents #main section .content-detail .flex2 > figure, body #contents #main section .content-detail .flex2 > p, body #contents #main section .content-detail .flex2_reverse > div, body #contents #main section .content-detail .flex2_reverse > dl, body #contents #main section .content-detail .flex2_reverse > dt, body #contents #main section .content-detail .flex2_reverse > dd, body #contents #main section .content-detail .flex2_reverse > figure, body #contents #main section .content-detail .flex2_reverse > p {
    width: calc(50% - 20px);
    margin-bottom: 60px; }
    body #contents #main article .content-detail .flex2 > div.topics-inner-bigger, body #contents #main article .content-detail .flex2 > dl.topics-inner-bigger, body #contents #main article .content-detail .flex2 > dt.topics-inner-bigger, body #contents #main article .content-detail .flex2 > dd.topics-inner-bigger, body #contents #main article .content-detail .flex2 > figure.topics-inner-bigger, body #contents #main article .content-detail .flex2 > p.topics-inner-bigger, body #contents #main article .content-detail .flex2_reverse > div.topics-inner-bigger, body #contents #main article .content-detail .flex2_reverse > dl.topics-inner-bigger, body #contents #main article .content-detail .flex2_reverse > dt.topics-inner-bigger, body #contents #main article .content-detail .flex2_reverse > dd.topics-inner-bigger, body #contents #main article .content-detail .flex2_reverse > figure.topics-inner-bigger, body #contents #main article .content-detail .flex2_reverse > p.topics-inner-bigger, body #contents #main section .content-detail .flex2 > div.topics-inner-bigger, body #contents #main section .content-detail .flex2 > dl.topics-inner-bigger, body #contents #main section .content-detail .flex2 > dt.topics-inner-bigger, body #contents #main section .content-detail .flex2 > dd.topics-inner-bigger, body #contents #main section .content-detail .flex2 > figure.topics-inner-bigger, body #contents #main section .content-detail .flex2 > p.topics-inner-bigger, body #contents #main section .content-detail .flex2_reverse > div.topics-inner-bigger, body #contents #main section .content-detail .flex2_reverse > dl.topics-inner-bigger, body #contents #main section .content-detail .flex2_reverse > dt.topics-inner-bigger, body #contents #main section .content-detail .flex2_reverse > dd.topics-inner-bigger, body #contents #main section .content-detail .flex2_reverse > figure.topics-inner-bigger, body #contents #main section .content-detail .flex2_reverse > p.topics-inner-bigger {
      width: calc(55% - 19px); }
    body #contents #main article .content-detail .flex2 > div.topics-inner, body #contents #main article .content-detail .flex2 > dl.topics-inner, body #contents #main article .content-detail .flex2 > dt.topics-inner, body #contents #main article .content-detail .flex2 > dd.topics-inner, body #contents #main article .content-detail .flex2 > figure.topics-inner, body #contents #main article .content-detail .flex2 > p.topics-inner, body #contents #main article .content-detail .flex2_reverse > div.topics-inner, body #contents #main article .content-detail .flex2_reverse > dl.topics-inner, body #contents #main article .content-detail .flex2_reverse > dt.topics-inner, body #contents #main article .content-detail .flex2_reverse > dd.topics-inner, body #contents #main article .content-detail .flex2_reverse > figure.topics-inner, body #contents #main article .content-detail .flex2_reverse > p.topics-inner, body #contents #main section .content-detail .flex2 > div.topics-inner, body #contents #main section .content-detail .flex2 > dl.topics-inner, body #contents #main section .content-detail .flex2 > dt.topics-inner, body #contents #main section .content-detail .flex2 > dd.topics-inner, body #contents #main section .content-detail .flex2 > figure.topics-inner, body #contents #main section .content-detail .flex2 > p.topics-inner, body #contents #main section .content-detail .flex2_reverse > div.topics-inner, body #contents #main section .content-detail .flex2_reverse > dl.topics-inner, body #contents #main section .content-detail .flex2_reverse > dt.topics-inner, body #contents #main section .content-detail .flex2_reverse > dd.topics-inner, body #contents #main section .content-detail .flex2_reverse > figure.topics-inner, body #contents #main section .content-detail .flex2_reverse > p.topics-inner {
      width: calc(45% - 19px); } }
/*SP ONLY*/
@media screen and (max-width: 750px) {
  body #contents #main article .content-detail .grid2, body #contents #main article .content-detail .grid2to2, body #contents #main article .content-detail .grid3, body #contents #main article .content-detail .grid5, body #contents #main article .content-detail .grid6, body #contents #main section .content-detail .grid2, body #contents #main section .content-detail .grid2to2, body #contents #main section .content-detail .grid3, body #contents #main section .content-detail .grid5, body #contents #main section .content-detail .grid6 {
    gap: 30px 20px;
    padding: 0; }
  body #contents #main article .content-detail .flex1, body #contents #main section .content-detail .flex1 {
    margin-bottom: 0; }
    body #contents #main article .content-detail .flex1 > div, body #contents #main article .content-detail .flex1 > dl, body #contents #main article .content-detail .flex1 > dt, body #contents #main article .content-detail .flex1 > dd, body #contents #main article .content-detail .flex1 > figure, body #contents #main article .content-detail .flex1 > p, body #contents #main section .content-detail .flex1 > div, body #contents #main section .content-detail .flex1 > dl, body #contents #main section .content-detail .flex1 > dt, body #contents #main section .content-detail .flex1 > dd, body #contents #main section .content-detail .flex1 > figure, body #contents #main section .content-detail .flex1 > p {
      margin-bottom: 20px; }
  body #contents #main article .content-detail .flex3 > dd, body #contents #main article .content-detail .flex3 > figure, body #contents #main article .content-detail .flex3 > dt, body #contents #main article .content-detail .flex3 > dl, body #contents #main section .content-detail .flex3 > dd, body #contents #main section .content-detail .flex3 > figure, body #contents #main section .content-detail .flex3 > dt, body #contents #main section .content-detail .flex3 > dl {
    padding: 10px 0 0; }
    body #contents #main article .content-detail .flex3 > dd:nth-child(even), body #contents #main article .content-detail .flex3 > figure:nth-child(even), body #contents #main article .content-detail .flex3 > dt:nth-child(even), body #contents #main article .content-detail .flex3 > dl:nth-child(even), body #contents #main section .content-detail .flex3 > dd:nth-child(even), body #contents #main section .content-detail .flex3 > figure:nth-child(even), body #contents #main section .content-detail .flex3 > dt:nth-child(even), body #contents #main section .content-detail .flex3 > dl:nth-child(even) {
      padding: 10px 0 0 20px; } }

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