@charset "UTF-8";
/* ----------------------------
vol.7 ページ固有
------------------------------- */
.vol7 {
  /* header */
  /* メニュー アクティブ ----- */
  /* menu */
  /* プロフィール色 ----- */
  /* section1 */
  /* section2 */
  /* section3 */
  /* txt */ }
  .vol7 #header {
    /* lead */ }
    .vol7 #header:before {
      background-color: #dd0000; }
    .vol7 #header .lead a {
      color: #dd0000;
      text-decoration: underline; }
  .vol7 header nav {
    /* ul */ }
    .vol7 header nav ul li:nth-of-type(7) {
      background-color: #666; }
  .vol7 .profile {
    background-color: #dd0000; }
  .vol7 .section1 {
    /* photo_horizontal */
    /* photo_vertical */
    /* fig */
    /* fig */ }
    .vol7 .section1 .photo_horizontal > span {
      background-image: url(../images/p7_photo2.jpg); }
    .vol7 .section1 .photo_vertical > span {
      background-image: url(../images/p7_photo3.jpg); }
    .vol7 .section1 .fig1 {
      padding: 5px;
      display: flex;
      justify-content: space-between;
      margin: 0 auto; }
      .vol7 .section1 .fig1 span {
        opacity: 0;
        transform: translateY(10px);
        transition-duration: 0.5s;
        transition-timing-function: ease-out; }
        .vol7 .section1 .fig1 span:nth-of-type(1) {
          width: 16%; }
        .vol7 .section1 .fig1 span:nth-of-type(2) {
          width: 18.4%;
          transition-delay: 0.2s; }
        .vol7 .section1 .fig1 span:nth-of-type(3) {
          width: 19.2%;
          transition-delay: 0.4s; }
        .vol7 .section1 .fig1 span:nth-of-type(4) {
          width: 21.6%;
          transition-delay: 0.6s; }
        .vol7 .section1 .fig1 span:nth-of-type(5) {
          width: 19.2%;
          transition-delay: 0.8s; }
      .vol7 .section1 .fig1.fadein span {
        opacity: 1;
        transform: translateY(0); }
    .vol7 .section1 .fig2 {
      padding: 5px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin: 0 auto; }
      .vol7 .section1 .fig2 span {
        width: 48%;
        margin: 2vw 0;
        opacity: 0;
        transform: translateY(10px);
        transition-duration: 0.5s;
        transition-timing-function: ease-out; }
        .vol7 .section1 .fig2 span:nth-of-type(2) {
          transition-delay: 0.2s; }
        .vol7 .section1 .fig2 span:nth-of-type(3) {
          transition-delay: 0.4s; }
        .vol7 .section1 .fig2 span:nth-of-type(4) {
          transition-delay: 0.6s; }
      .vol7 .section1 .fig2.fadein span {
        opacity: 1;
        transform: translateY(0); }
  .vol7 .section2 {
    /* fig */
    /* fig */
    /* photo_vertical */ }
    .vol7 .section2 .fig3 {
      position: relative;
      padding: 5px; }
      .vol7 .section2 .fig3 img {
        display: block;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        transition-duration: 0.3s;
        transition-timing-function: linear; }
        .vol7 .section2 .fig3 img:nth-of-type(2) {
          position: absolute;
          transition-delay: 0.2s;
          transform: scale(0.95); }
        .vol7 .section2 .fig3 img:nth-of-type(3) {
          position: absolute;
          transition-delay: 0.5s;
          transform: scale(0.95); }
        .vol7 .section2 .fig3 img:nth-of-type(4) {
          position: absolute;
          transition-duration: 0.5s;
          transition-delay: 0.8s;
          transform: scale(0.95); }
      .vol7 .section2 .fig3.fadein img {
        opacity: 1;
        transform: scale(1); }
    .vol7 .section2 .fig4 {
      position: relative;
      padding: 0px;
      margin: 0 auto; }
      .vol7 .section2 .fig4 img {
        display: block;
        opacity: 0;
        transition-duration: 0.5s;
        transition-timing-function: ease-out; }
        .vol7 .section2 .fig4 img:nth-of-type(1) {
          width: 100%; }
        .vol7 .section2 .fig4 img:nth-of-type(2) {
          position: absolute;
          width: 6.25%;
          left: 34%;
          top: 33.5%;
          transition-delay: 0.3s;
          transform: scale(0); }
        .vol7 .section2 .fig4 img:nth-of-type(3) {
          position: absolute;
          width: 36.7%;
          left: 21%;
          top: 23%;
          transition-delay: 0.6s;
          transform: scale(0); }
        .vol7 .section2 .fig4 img:nth-of-type(4) {
          position: absolute;
          width: 18.5%;
          left: 15%;
          top: 34.5%;
          transition-delay: 1.5s;
          transform: translate(5px, 5px) scale(0.8); }
      .vol7 .section2 .fig4.fadein img {
        opacity: 1;
        transform: none; }
    .vol7 .section2 .photo_vertical > span {
      background-image: url(../images/p7_photo4.jpg); }
  .vol7 .section3 {
    /* fig2 */
    /* photo */ }
    .vol7 .section3 .photo_vertical {
      width: 270px; }
      .vol7 .section3 .photo_vertical > span {
        height: 365px;
        background-image: url(../images/p7_photo5.jpg); }
    .vol7 .section3 .fig5 {
      position: relative;
      padding: 0;
      margin: 0 auto; }
      .vol7 .section3 .fig5 img {
        display: block;
        opacity: 0;
        transition-duration: 0.5s;
        transition-timing-function: ease-out; }
        .vol7 .section3 .fig5 img:nth-of-type(1) {
          width: 100%; }
        .vol7 .section3 .fig5 img:nth-of-type(2) {
          position: absolute;
          width: 62.5%;
          left: 18.75%;
          top: 28%;
          transition-delay: 0.5s;
          transform: rotateX(-90deg);
          transform-origin: center top; }
        .vol7 .section3 .fig5 img:nth-of-type(3) {
          position: absolute;
          width: 62.5%;
          left: 18.75%;
          bottom: 25%;
          transition-delay: 0.5s;
          transform: rotateX(90deg);
          transform-origin: center bottom; }
        .vol7 .section3 .fig5 img:nth-of-type(4) {
          position: absolute;
          width: 62.5%;
          left: 18.75%;
          top: 44.5%;
          transform: rotateX(180deg);
          transition-delay: 1.5s; }
      .vol7 .section3 .fig5.fadein img {
        opacity: 1;
        transform: none; }
    .vol7 .section3 .photo.center > span {
      background-image: url(../images/p7_photo6.jpg); }
  .vol7 .txt p a {
    color: #dd0000; }
  .vol7 .txt p .small {
    display: block;
    margin-left: 0em;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5; }

/* vol7 */

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