@charset "UTF-8";
/* =====
 * LAYOUT :: ALL DEVICE
=================================================================== */
#Main .block-modelroom-01 .ttl-style-01 {font-size: 150%;white-space: nowrap;}
#Main .block-modelroom-01 .ttl-style-01 span {margin-bottom: 0.75em;font-size: 66.67%;}
#Main .block-modelroom-01 .container {position: relative;}
#Main .block-modelroom-01 .pathmove {position: absolute;top: 0;left: 50%;transform: translateY(-50%);}

#Main .block-modelroom-02 .venogallery {position: relative;background-size: cover;background-position: 50%;background-repeat: no-repeat;}
#Main .block-modelroom-02 .venogallery::after {content: "";display: block;width: 2em;height: 2em;position: absolute;top: 0;right: 0;background: #fff url("../img/common/icon_search.svg") no-repeat 50%;background-size: auto 50%;z-index: 2;filter: invert(100%) sepia(0%) saturate(6071%) hue-rotate(321deg) brightness(112%) contrast(103%);}
#Main .block-modelroom-02 .venogallery span {display: block;padding: 1.5em 1em 0.5em;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);font-family:  var(--serif);font-size: 100%;line-height: 1;letter-spacing: 0.2em;text-align: right;color: #fff;}
#Main .block-modelroom-02 .container {position: relative;padding-top: 0;}

.vbox-container img {max-height: calc(100vh - 6em);}
/* =====
* LAYOUT :: PC
=================================================================== */
@media only screen and (min-width:769px) {
  #Main .block-modelroom-02 figure {position: relative;}
  #Main .block-modelroom-02 .ttl-style-01 {position: absolute;bottom: 0;left: 0;right: 0;padding: 1.5em;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);text-align: right;letter-spacing: 0.3em;font-size: 125%;font-family: var(--serif);}
  #Main .block-modelroom-02 .ttl-style-01 span {position: absolute;bottom: 2em;left: 2em;font-size: 80%;}
  #Main .block-modelroom-02 .gallery {display: flex;justify-content: space-between;flex-wrap: wrap;}
  #Main .block-modelroom-02 .gallery > div {margin: 1em 0 0;}
  #Main .block-modelroom-02 .gallery > div:nth-child(1) {width: calc(50% - 0.5em);}
  #Main .block-modelroom-02 .gallery > div:nth-child(2) {width: calc(50% - 0.5em);}
  #Main .block-modelroom-02 .gallery > div:nth-child(3) {width: calc(33.33% - 1em);}
  #Main .block-modelroom-02 .gallery > div:nth-child(4) {width: calc(33.33% - 1em);}
  #Main .block-modelroom-02 .gallery > div:nth-child(5) {width: calc(33.33% - 1em);}
  #Main .block-modelroom-02 .gallery > div:nth-child(1) .venogallery {padding-top: 20em;}
  #Main .block-modelroom-02 .gallery > div:nth-child(2) .venogallery {padding-top: 20em;}
  #Main .block-modelroom-02 .gallery > div:nth-child(3) .venogallery {padding-top: 24em;}
  #Main .block-modelroom-02 .gallery > div:nth-child(4) .venogallery {padding-top: 24em;}
  #Main .block-modelroom-02 .gallery > div:nth-child(5) .venogallery {padding-top: 24em;}
}
/* =====
* LAYOUT :: TAB
=================================================================== */
@media only screen and (min-width: 769px) and (max-width: 1324px) {}
@media only screen and (min-width: 769px) and (max-width: 1200px) {}
@media only screen and (min-width: 769px) and (max-width: 1080px) {}
/* =====
* LAYOUT :: SP
=================================================================== */
@media only screen and (max-width:768px) {
  #Main .block-modelroom-01 figure {overflow: hidden;}
  #Main .block-modelroom-01 figure img {width: 150vw;margin: 0 -25vw;}
  #Main .block-modelroom-01 .container {padding-top: 3em;}

  #Main .block-modelroom-02 .ttl-style-01 {margin: 0;padding: 1.5em;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);text-align: center;letter-spacing: 0.3em;font-size: 100%;font-family: var(--serif);}
  #Main .block-modelroom-02 .ttl-style-01 span {margin-bottom: 0.75em;font-size: 100%;}
  #Main .block-modelroom-02 .gallery {margin-top: 3em;}
  #Main .block-modelroom-02 .gallery > div {margin: 1em 0 0;}
  #Main .block-modelroom-02 .gallery > div .venogallery {padding-top: 14em;}
}
@media only screen and (max-width:768px) and (orientation: landscape) {}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {}