@charset "utf-8";


/**
 * ================================================================================
 * table of Contents:
 *
 * Common Settings
 * Top Page Settings
 * Animation Settings
 * Colorbox Settings
 * Other Settings
 * ================================================================================
 */






/**
 * ================================================================================
 * Common Settings
 * ================================================================================
 */


#headerNavArea {
  position: relative;
  z-index: 499;
  }
.dirpath { margin-top: 0; }
.footer { margin-top: 0 !important; }

.d-recorder {
  color: #000;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }

.d-recorder * { box-sizing: border-box; }


/* -- Link -- */
.d-recorder a {
  display: inline-block;
  opacity: 1;
  transition: opacity 0.2s ease-in;
  }

.d-recorder a:hover { opacity: 0.6; }


/* -- Element -- */
.d-recorder .isPC { display: block; }
.d-recorder br.isPC,
.d-recorder img.isPC { display: inline-block; }
.d-recorder .isSP,
.d-recorder br.isSP, 
.d-recorder img.isSP { display: none; }


/* -- .cntWrapper -- */
.d-recorder .cntWrapper {
  width: 1080px;
  margin: 0 auto;
  position: relative;
  }


/* -- .secTtl -- */
.d-recorder .secTtl {}

  .d-recorder .secTtl > span { display: block; }


/* -- .cntLists -- */
.d-recorder .cntLists { list-style: none; }

  .d-recorder .cntLists > li {
    padding-left: 1em;
    text-indent: -1em;
    }


/* -- .cntComments -- */
.d-recorder .cntComments { list-style: none; }

  .d-recorder .cntComments > li {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 12px;
    line-height: 1.4;
    }




/**
 * ================================================================================
 * Top Page Settings
 * ================================================================================
 */


/**
 * UCL
 * -------------------------------
 */

#d-recorderTop #ucl {
  background-color: #1a4fb6;
  display: flex;
  height: 73px;
  align-items: center;
  justify-content: center;
  text-align: center;
  }

  #d-recorderTop #ucl > dl {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    }

    #d-recorderTop #ucl > dl > dt { display: block; }

      #d-recorderTop #ucl > dl > dt img { width: 264px; }

    #d-recorderTop #ucl > dl > dd {
      padding-left: 25px;
      margin-left: 25px;
      position: relative;
      color: #fff;
      font-size: 17px;
      font-weight: 700;
      }

      #d-recorderTop #ucl > dl > dd:before {
        content: "";
        background-color: #fff;
        width: 2px;
        height: 20px;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        }



/**
 * Loader
 * -------------------------------
 */
  
#d-recorderTop #loader {
    background-color: #fff;
    background-image: url("../../../../../files/cdb/ZZ/special/d-recorder/2006/zz_special_d-recorder_loader.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 35px auto;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    z-index: 102;
    }



/**
 * Main Visual
 * -------------------------------
 */

#d-recorderTop #mv {
  background-color: #1a1a1a;
  position: relative;
  }


  /* -- .mvTtl -- */
  #d-recorderTop #mv .mvTtl { line-height: 0; }

    #d-recorderTop #mv .mvTtl > span:nth-of-type(1) {}

      #d-recorderTop #mv .mvTtl > span:nth-of-type(1) img { width: 100%; }

    #d-recorderTop #mv .mvTtl > span:nth-of-type(2) {
			background-color: #1a1a1a;
			display: flex;
      align-items: center;
      justify-content: center;
			height: 110px;
			line-height: 0;
			text-align: center;
			}

			#d-recorderTop #mv .mvTtl > span img { width: 829px; }



/**
 * Lineup
 * -------------------------------
 */

#d-recorderTop #lineup {
  background-image: url("../../../../../files/cdb/ZZ/special/d-recorder/2006/zz_special_d-recorder_lineup-bg.jpg");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  }


  /* -- .secTtl -- */
  #d-recorderTop #lineup .secTtl {
    background-color: #fff;
    padding: 70px 0 35px 0;
    text-align: center;
    line-height: 1;
    }

    #d-recorderTop #lineup .secTtl > span:nth-of-type(1) {
      margin-bottom: 35px;
      font-size: 28px;
      font-weight: bold;
      }
    #d-recorderTop #lineup .secTtl > span:nth-of-type(2) { margin-bottom: 35px; }

      #d-recorderTop #lineup .secTtl > span:nth-of-type(2) img { width: 238px; }
      #d-recorderTop #lineup .secTtl > span:nth-of-type(3) img { width: 82px; }


  /* -- .lineupLists -- */
  #d-recorderTop #lineup .lineupLists {
    padding: 80px 0 85px 0;
    margin-top: -30px;
    list-style: none;
    letter-spacing: -.40em;
    }

    #d-recorderTop #lineup .lineupLists > li {
      display: inline-block;
      width: 100%;
      margin-top: 30px;
      letter-spacing: normal;
      vertical-align: top;
      }

      #d-recorderTop #lineup .lineupLists > li > a { display: block; }

      #d-recorderTop #lineup .lineupLists > li img { width: 100%; }



/**
 * Features
 * -------------------------------
 */

#d-recorderTop #features { padding-bottom: 100px; }


  /* -- .secTtl -- */
  #d-recorderTop #features .secTtl {
    background-color: #1a1a1a;
    padding: 30px 0;
    margin-bottom: 95px;
    text-align: center;
    line-height: 1;
    }

    #d-recorderTop #features .secTtl > span:nth-of-type(1) {
      margin-bottom: 15px;
      color: #fff;
      font-size: 23px;
      }

      #d-recorderTop #features .secTtl > span:nth-of-type(2) img { width: 150px; }


  /* -- .featuresLists -- */
  #d-recorderTop #features .featuresLists {
    margin-top: -70px;
    list-style: none;
    letter-spacing: -.40em;
    }

    #d-recorderTop #features .featuresLists > li {
      display: inline-block;
      width: 100%;
      margin-top: 70px;
      letter-spacing: normal;
      vertical-align: top;
      }

      /* featuresListsNo */
      #d-recorderTop #features .featuresLists > li .featuresListsNo {
        position: relative;
        z-index: 2;
        }

        #d-recorderTop #features .featuresLists > li .featuresListsNo span {
          display: block;
          position: absolute;
          top: -35px;
          }

        #d-recorderTop #features .featuresLists > li .featuresListsNo span:nth-of-type(1) {
          background-color: #1a1a1a;
          width: 1px;
          height: 147px;
          }
        #d-recorderTop #features .featuresLists > li:nth-child(odd) .featuresListsNo span:nth-of-type(1) { left: 0; }
        #d-recorderTop #features .featuresLists > li:nth-child(even) .featuresListsNo span:nth-of-type(1) { right: 0; }

        #d-recorderTop #features .featuresLists > li:nth-child(odd) .featuresListsNo span:nth-of-type(2) { left: 20px; }
        #d-recorderTop #features .featuresLists > li:nth-child(even) .featuresListsNo span:nth-of-type(2) { right: 155px; }

          #d-recorderTop #features .featuresLists > li .featuresListsNo span:nth-of-type(2) img { width: 13px; }

        #d-recorderTop #features .featuresLists > li:nth-child(odd) .featuresListsNo span:nth-of-type(3) { left: 50px; }
        #d-recorderTop #features .featuresLists > li:nth-child(even) .featuresListsNo span:nth-of-type(3) { right: 25px; }

          #d-recorderTop #features .featuresLists > li .featuresListsNo span:nth-of-type(3) img { width: 115px; }

      /* .featuresListsMovie */
      #d-recorderTop #features .featuresLists > li .featuresListsMovie {
        background-image: url("../../../../../files/cdb/ZZ/special/d-recorder/2006/zz_special_d-recorder_features-lists-movie-bg.jpg");
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: cover;
        position: relative;
        z-index: 1;
        }

        #d-recorderTop #features .featuresLists > li .featuresListsMovie .cntWrapper { padding: 90px 80px; }

        #d-recorderTop #features .featuresLists > li .featuresListsMovie .featuresListsTtl01 { margin-bottom: 40px; }

          #d-recorderTop #features .featuresLists > li .featuresListsMovie .featuresListsTtl01 > span {
            display: block;
            font-size: 37px;
            font-weight: bold;
            text-align: center;
            line-height: 1.4;
            }

        #d-recorderTop #features .featuresLists > li .featuresListsMovie .featuresListsMovieBox { position: relative; }

          #d-recorderTop #features .featuresLists > li .featuresListsMovie .featuresListsMovieBox:before,
          #d-recorderTop #features .featuresLists > li .featuresListsMovie .featuresListsMovieBox:after {
            content: "";
            position: absolute;
            bottom: 0;
            }

          #d-recorderTop #features .featuresLists > li .featuresListsMovie .featuresListsMovieBox:before {
            background-color: #1a1a1a;
            width: 1px;
            height: 40px;
            }
          #d-recorderTop #features .featuresLists > li:nth-child(odd) .featuresListsMovie .featuresListsMovieBox:before { right: -80px; }
          #d-recorderTop #features .featuresLists > li:nth-child(even) .featuresListsMovie .featuresListsMovieBox:before { left: -80px; }

          #d-recorderTop #features .featuresLists > li .featuresListsMovie .featuresListsMovieBox:after {
            background-image: url("../../../../../files/cdb/ZZ/special/d-recorder/2006/zz_special_d-recorder_features-lists-movie-ttl.png");
            background-repeat: no-repeat;
            background-position: 50% 0;
            background-size: 100% auto;
            width: 13px;
            height: 40px;
            }
          #d-recorderTop #features .featuresLists > li:nth-child(odd) .featuresListsMovie .featuresListsMovieBox:after { right: -65px; }
          #d-recorderTop #features .featuresLists > li:nth-child(even) .featuresListsMovie .featuresListsMovieBox:after { left: -65px; }

          #d-recorderTop #features .featuresLists > li .featuresListsMovie .featuresListsMovieBox img { width: 100%; }

        #d-recorderTop #features .featuresLists > li .featuresListsMovie .cntComments { margin-top: 20px; }

      /* .featuresListsInner */
      #d-recorderTop #features .featuresLists > li .featuresListsInner {
        padding: 55px 0 70px 0;
        list-style: none;
        letter-spacing: -.40em;
        }
      #d-recorderTop #features .featuresLists > li:nth-last-of-type(1) .featuresListsInner { padding-bottom: 0; }

        #d-recorderTop #features .featuresLists > li .featuresListsInner > li {
          border-bottom: 1px solid #989898;
          padding-bottom: 50px;
          margin-bottom: 50px;
          letter-spacing: normal;
          }
        #d-recorderTop #features .featuresLists > li .featuresListsInner > li:nth-last-of-type(1) {
          border-bottom: none;
          padding-bottom: 0;
          margin-bottom: 0;
          }

          #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl { display: flex; }
          #d-recorderTop #features .featuresLists > li .featuresListsInner > li:nth-child(even) > dl { flex-flow: row-reverse; }

            #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dt {
              display: block;
              width: 507px;
              }
            #d-recorderTop #features .featuresLists > li:nth-of-type(2) .featuresListsInner > li:nth-of-type(1) > dl > dt {
              width: 436px;
              position: relative;
              }

              #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dt img { width: 100%; }
              #d-recorderTop #features .featuresLists > li:nth-of-type(2) .featuresListsInner > li:nth-of-type(1) > dl > dt img {
                width: 640px;
                max-width: initial;
                margin-left: -205px;
                }

            #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dd { width: 573px; }
            #d-recorderTop #features .featuresLists > li:nth-of-type(2) .featuresListsInner > li:nth-of-type(1) > dl > dd { width: 644px; }

              #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dd .featuresListsTtl02 {
                padding-top: 30px;
                margin-bottom: 30px;
                }

                #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dd .featuresListsTtl02 > span {
                  background-image: url("../../../../../files/cdb/ZZ/special/d-recorder/2006/zz_special_d-recorder_features-lists-ttl02-bg.png");
                  background-repeat: repeat;
                  background-size: 7px auto;
                  display: block;
                  padding-top: 5px;
                  padding-bottom: 5px;
                  font-size: 30px;
                  font-weight: bold;
                  line-height: 1.3;
                  }
                #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dd .featuresListsTtl02 > span.featuresListsTtl02Line {
                  padding-top: 10px;
                  padding-bottom: 10px;
                  }

                #d-recorderTop #features .featuresLists > li .featuresListsInner > li:nth-child(odd) > dl > dd .featuresListsTtl02 > span { padding-left: 35px; }
                #d-recorderTop #features .featuresLists > li .featuresListsInner > li:nth-child(even) > dl > dd .featuresListsTtl02 > span { padding-left: 115px; }
                #d-recorderTop #features .featuresLists > li:nth-of-type(2) .featuresListsInner > li:nth-of-type(2) > dl > dd .featuresListsTtl02 > span { padding-left: 45px; }

              #d-recorderTop #features .featuresLists > li .featuresListsInner > li:nth-child(odd) > dl > dd > div { padding-left: 35px; }
              #d-recorderTop #features .featuresLists > li .featuresListsInner > li:nth-child(even) > dl > dd > div { padding-left: 115px; }
              #d-recorderTop #features .featuresLists > li:nth-of-type(2) .featuresListsInner > li:nth-of-type(2) > dl > dd > div { padding-left: 45px; }

                #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dd > div > p {
                  font-size: 20px;
                  line-height: 1.6;
                  }

                #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dd > div > .cntComments {
                  padding-top: 30px;
                  margin-top: -5px;
                  }
  
                  #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dd > div > .cntComments > li {
                    margin-top: 5px;
                    font-size: 18px;
                    }

          #d-recorderTop #features .featuresLists > li .featuresListsInner > li > ul {
            display: flex;
            padding-top: 65px;
            margin-top: 45px;
            border-top: 1px solid #989898;
            list-style: none;
            }

            #d-recorderTop #features .featuresLists > li .featuresListsInner > li > ul > li {
              display: flex;
              width: 50%;
              }
            #d-recorderTop #features .featuresLists > li .featuresListsInner > li > ul > li:nth-child(odd) { padding-right: 15px; }
            #d-recorderTop #features .featuresLists > li .featuresListsInner > li > ul > li:nth-child(even) { padding-left: 15px; }

              #d-recorderTop #features .featuresLists > li .featuresListsInner > li > ul > li > div {
                display: flex;
                width: 100%;
                padding: 30px 0;
                align-items: center;
                justify-content: center;
                border: 10px solid #e5e5e5;
                }

                #d-recorderTop #features .featuresLists > li .featuresListsInner > li > ul > li > div > p {
                  background-repeat: no-repeat;
                  background-position: 0 50%;
                  background-size: 97px auto;
                  display: inline-block;
                  min-height: 92px;
                  padding-left: 140px;
                  font-size: 19px;
                  font-weight: bold;
                  }
                #d-recorderTop #features .featuresLists > li .featuresListsInner > li > ul > li:nth-of-type(1) > div > p { background-image: url("../../../../../files/cdb/ZZ/special/d-recorder/2006/zz_special_d-recorder_features-lists-icon01.png"); }
                #d-recorderTop #features .featuresLists > li .featuresListsInner > li > ul > li:nth-of-type(2) > div > p { background-image: url("../../../../../files/cdb/ZZ/special/d-recorder/2006/zz_special_d-recorder_features-lists-icon02.png"); }

  /* -- .featuresNotes -- */
  #d-recorderTop #features .featuresNotes {}

    #d-recorderTop #features .featuresNotes .cntWrapper {
      padding-top: 80px;
      margin-top: 100px;
      border-top: 1px solid #989898;
      color: #4d4d4d;
      }

    #d-recorderTop #features .featuresNotes .cntLists {}

      #d-recorderTop #features .featuresNotes .cntLists > li { font-size: 16px; }

    #d-recorderTop #features .featuresNotes p {
      margin-top: 30px;
      font-size: 16px;
      }



/**
 * Past Lineup
 * -------------------------------
 */

#d-recorderTop #pastLineup {
  background-color: #1a1a1a;
  padding: 80px 0 135px 0;
  }


  /* -- .secTtl -- */
  #d-recorderTop #pastLineup .secTtl { margin-bottom: 70px; }

    #d-recorderTop #pastLineup .secTtl > span {
      color: #fff;
      font-size: 27px;
      font-weight: bold;
      text-align: center;
      line-height: 1.6;
      }

  
  /* -- .pastLineupLists -- */
  #d-recorderTop #pastLineup .pastLineupLists {
    margin-left: -10px;
    list-style: none;
    letter-spacing: -.40em;
    }

    #d-recorderTop #pastLineup .pastLineupLists > li {
      display: inline-block;
      width: 33.3333%;
      padding-left: 10px;
      letter-spacing: normal;
      vertical-align: top;
      }

      #d-recorderTop #pastLineup .pastLineupLists > li a {
        background-color: #000;
        display: block;
        }

        #d-recorderTop #pastLineup .pastLineupLists > li img { width: 100%; }




/**
 * ================================================================================
 * Animation Settings
 * ================================================================================
 */
  
.animate {
  display: block;
  transition-property: all;
  transition-timing-function: ease-out;
  }
img.animate { display: inline-block; }


/* -- .animate_moveY01 -- */
.animate_moveY01 {
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.6s;
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  }
.animate_moveY01.animated {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  }


/* -- .animate_moveY02 -- */
.animate_moveY02 {
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.6s;
  -webkit-transform: translate(0, -30px);
  transform: translate(0, -30px);
  }
.animate_moveY02.animated {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  }


/* -- .animate_scaleX01 -- */
.animate_scaleX01 {
  visibility: hidden;
  transition-duration: 0.4s;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 0% 0%;
  }
.animate_scaleY01.animated {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }


/* -- .animate_scaleY01 -- */
.animate_scaleY01 {
  visibility: hidden;
  transition-duration: 0.4s;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  }
.animate_scaleY01.animated {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }


/* -- .animate_blur01 -- */
.animate_blur01 {
  background: transparent;
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.6s;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  }
.animate_blur01.animated {
  opacity: 1;
  visibility: visible;
  -webkit-filter: blur(0);
  filter: blur(0);
  }


/* -- .animate_arrow -- */
.animate_arrow01 {
  -webkit-animation: arrow01 1.4s infinite;
  animation: arrow01 1.4s infinite;
  }

@-webkit-keyframes arrow01 {
  0% {
    -webkit-transform: translate(0, 0);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      -webkit-transform: translate(0, 20px);
      opacity: 0;
    }
  }
  @keyframes arrow01 {
    0% {
      transform: translate(0, 0);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: translate(0, 20px);
      opacity: 0;
    }
  }




/**
 * ================================================================================
 * ColorBox Settings
 * ================================================================================
 */

#cboxContent { padding: 0 !important; }

#cboxClose {
  top: 0 !important;
  right: 0 !important;
}



/**
 * ================================================================================
 * Other Settings
 * ================================================================================
 */


/* -- Clearfix -- */
.d-recorder .clearfix:after{
  content: " ";
  display: block;
  clear: both;
  height: 0;
  }
.d-recorder .clearfix { display: inline-block; }
.d-recorder .clearfix { display: block; }






@media only screen and (min-width: 0px) and (max-width: 768px) {
  
  
/**
 * ================================================================================
 * Common Settings
 * ================================================================================
 */
    
    
#headerNavArea {
  position: absolute;
  z-index: 500;
  }

.d-recorder { font-size: 13px; }
    

 /* -- Link -- */
.d-recorder a:hover,
.d-recorder a:hover img { opacity: 1; }
  

/* -- Image -- */
.d-recorder img { width: 100%; }
  
  
/* -- Element -- */
.d-recorder .isPC,
.d-recorder br.isPC,
.d-recorder img.isPC { display: none; }
.d-recorder .isSP { display: block; }
.d-recorder br.isSP,
.d-recorder img.isSP { display: inline-block; }


/* -- .cntWrapper -- */
.d-recorder .cntWrapper {
  width: 100%;
  padding: 0 15px;
  }


/* -- .secTtl -- */
.d-recorder .secTtl {}


/* -- .cntLists -- */
.d-recorder .cntLists {}


/* -- .cntComments -- */
.d-recorder .cntComments {}

  .d-recorder .cntComments > li { font-size: 10px; }




/**
 * ================================================================================
 * Top Page Settings
 * ================================================================================
 */
  
  
/**
 * Loader
 * -------------------------------
 */
  
#d-recorderTop #loader {
    background-color: #fff;
    background-image: url("../../../../files/cdb/ZZ/special/2020vt/zz_special_2020vt_loader.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 35px auto;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    z-index: 102;
    }
  
  
  
/**
 * UCL
 * -------------------------------
 */

#d-recorderTop #ucl {
  display: block;
  height: auto;
  padding: 5px 10px 10px 10px;
  }

  #d-recorderTop #ucl > dl { display: block; }

    #d-recorderTop #ucl > dl > dt {}

      #d-recorderTop #ucl > dl > dt img { width: 60%; }

    #d-recorderTop #ucl > dl > dd {
      padding-left: 0;
      margin-left: 0;
      padding-top: 10px;
      font-size: 12px;
      }

      #d-recorderTop #ucl > dl > dd:before {
        width: 20px;
        height: 1px;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        }



/**
 * Main Visual
 * -------------------------------
 */

#d-recorderTop #mv {}


  /* -- .mvTtl -- */
  #d-recorderTop #mv .mvTtl {}

    #d-recorderTop #mv .mvTtl > span:nth-of-type(2) { height: calc(100vw * (194 / 640)); }

			#d-recorderTop #mv .mvTtl > span img { width: calc(100vw * (387 / 640)); }



/**
 * Lineup
 * -------------------------------
 */

#d-recorderTop #lineup {}


  /* -- .secTtl -- */
  #d-recorderTop #lineup .secTtl { padding: 35px 0 20px 0; }

    #d-recorderTop #lineup .secTtl > span:nth-of-type(1) {
      margin-bottom: 15px;
      font-size: 15px;
      }
    #d-recorderTop #lineup .secTtl > span:nth-of-type(2) { margin-bottom: 20px; }

      #d-recorderTop #lineup .secTtl > span:nth-of-type(2) img { width: calc(100vw * (240 / 640)); }
      #d-recorderTop #lineup .secTtl > span:nth-of-type(3) img { width: calc(100vw * (90 / 640)); }


  /* -- .lineupLists -- */
  #d-recorderTop #lineup .lineupLists {
    padding: 40px 0 45px 0;
    margin-top: -10px;
    }

    #d-recorderTop #lineup .lineupLists > li { margin-top: 10px; }



/**
 * Features
 * -------------------------------
 */

#d-recorderTop #features { padding-bottom: 50px; }


  /* -- .secTtl -- */
  #d-recorderTop #features .secTtl {
    padding: 15px 0;
    margin-bottom: 40px;
    }

    #d-recorderTop #features .secTtl > span:nth-of-type(1) {
      margin-bottom: 8px;
      font-size: 14px;
      }

      #d-recorderTop #features .secTtl > span:nth-of-type(2) img { width: calc(100vw * (160 / 640)); }


  /* -- .featuresLists -- */
  #d-recorderTop #features .featuresLists { margin-top: -35px; }

    #d-recorderTop #features .featuresLists > li { margin-top: 35px; }

      /* featuresListsNo */
      #d-recorderTop #features .featuresLists > li .featuresListsNo {}

        #d-recorderTop #features .featuresLists > li .featuresListsNo span {
          display: block;
          position: absolute;
          top: -20px;
          }

        #d-recorderTop #features .featuresLists > li .featuresListsNo span:nth-of-type(1) {
          background-color: #1a1a1a;
          width: 1px;
          height: 70px;
          }
        #d-recorderTop #features .featuresLists > li:nth-child(odd) .featuresListsNo span:nth-of-type(1) { left: 15px; }
        #d-recorderTop #features .featuresLists > li:nth-child(even) .featuresListsNo span:nth-of-type(1) { right: 15px; }

        #d-recorderTop #features .featuresLists > li:nth-child(odd) .featuresListsNo span:nth-of-type(2) { left: 25px; }
        #d-recorderTop #features .featuresLists > li:nth-child(even) .featuresListsNo span:nth-of-type(2) { right: 85px; }

          #d-recorderTop #features .featuresLists > li .featuresListsNo span:nth-of-type(2) img { width: 6px; }

        #d-recorderTop #features .featuresLists > li:nth-child(odd) .featuresListsNo span:nth-of-type(3) { left: 40px; }
        #d-recorderTop #features .featuresLists > li:nth-child(even) .featuresListsNo span:nth-of-type(3) { right: 25px; }

          #d-recorderTop #features .featuresLists > li .featuresListsNo span:nth-of-type(3) img { width: 50px; }

      /* .featuresListsMovie */
      #d-recorderTop #features .featuresLists > li .featuresListsMovie {}

        #d-recorderTop #features .featuresLists > li .featuresListsMovie .cntWrapper { padding: 45px 30px 40px 30px; }

        #d-recorderTop #features .featuresLists > li .featuresListsMovie .featuresListsTtl01 { margin-bottom: 15px; }

          #d-recorderTop #features .featuresLists > li .featuresListsMovie .featuresListsTtl01 > span { font-size: 17px; }

        #d-recorderTop #features .featuresLists > li .featuresListsMovie .featuresListsMovieBox {}

          #d-recorderTop #features .featuresLists > li .featuresListsMovie .featuresListsMovieBox:before { height: 20px; }
          #d-recorderTop #features .featuresLists > li:nth-child(odd) .featuresListsMovie .featuresListsMovieBox:before { right: -15px; }
          #d-recorderTop #features .featuresLists > li:nth-child(even) .featuresListsMovie .featuresListsMovieBox:before { left: -16px; }

          #d-recorderTop #features .featuresLists > li .featuresListsMovie .featuresListsMovieBox:after {
            width: 6.5px;
            height: 20px;
            }
          #d-recorderTop #features .featuresLists > li:nth-child(odd) .featuresListsMovie .featuresListsMovieBox:after { right: -10px; }
          #d-recorderTop #features .featuresLists > li:nth-child(even) .featuresListsMovie .featuresListsMovieBox:after { left: -12px; }

        #d-recorderTop #features .featuresLists > li .featuresListsMovie .cntComments { margin-top: 10px; }

      /* .featuresListsInner */
      #d-recorderTop #features .featuresLists > li .featuresListsInner { padding: 25px 0 35px 0; }

        #d-recorderTop #features .featuresLists > li .featuresListsInner > li {
          padding-bottom: 25px;
          margin-bottom: 25px;
          }

          #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl { display: block; }

            #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dt {
              width: 100%;
              margin-top: 15px;
              }
            #d-recorderTop #features .featuresLists > li:nth-of-type(2) .featuresListsInner > li:nth-of-type(1) > dl > dt { width: 100%; }

              #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dt img { width: 100%; }
              #d-recorderTop #features .featuresLists > li:nth-of-type(2) .featuresListsInner > li:nth-of-type(1) > dl > dt img {
                width: 100%;
                margin-left: 0;
                }

            #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dd { width: 100%; }
            #d-recorderTop #features .featuresLists > li:nth-of-type(2) .featuresListsInner > li:nth-of-type(1) > dl > dd { width: 100%; }

              #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dd .featuresListsTtl02 {
                padding-top: 0;
                margin-bottom: 15px;
                }

                #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dd .featuresListsTtl02 > span {
                  background-size: 3.5px auto;
                  padding-top: 5px;
                  padding-bottom: 5px;
                  font-size: 15px;
                  }
                #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dd .featuresListsTtl02 > span.featuresListsTtl02Line {
                  padding-top: 5px;
                  padding-bottom: 5px;
                  }

                #d-recorderTop #features .featuresLists > li .featuresListsInner > li:nth-child(odd) > dl > dd .featuresListsTtl02 > span,
                #d-recorderTop #features .featuresLists > li .featuresListsInner > li:nth-child(even) > dl > dd .featuresListsTtl02 > span,
                #d-recorderTop #features .featuresLists > li:nth-of-type(2) .featuresListsInner > li:nth-of-type(2) > dl > dd .featuresListsTtl02 > span { padding-left: 15px; }

              #d-recorderTop #features .featuresLists > li .featuresListsInner > li:nth-child(odd) > dl > dd > div,
              #d-recorderTop #features .featuresLists > li .featuresListsInner > li:nth-child(even) > dl > dd > div,
              #d-recorderTop #features .featuresLists > li:nth-of-type(2) .featuresListsInner > li:nth-of-type(2) > dl > dd > div { padding-left: 15px; }

                #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dd > div > p { font-size: 12px; }

                #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dd > div > .cntComments {
                  padding-top: 10px;
                  margin-top: -3px;
                  }
  
                  #d-recorderTop #features .featuresLists > li .featuresListsInner > li > dl > dd > div > .cntComments > li {
                    margin-top: 3px;
                    font-size: 10px;
                    }

          #d-recorderTop #features .featuresLists > li .featuresListsInner > li > ul {
            display: block;
            padding-top: 30px;
            margin-top: 20px;
            }

            #d-recorderTop #features .featuresLists > li .featuresListsInner > li > ul > li {
              display: flex;
              width: 100%;
              margin-bottom: 10px;
              }
            #d-recorderTop #features .featuresLists > li .featuresListsInner > li > ul > li:nth-child(odd) { padding-right: 0; }
            #d-recorderTop #features .featuresLists > li .featuresListsInner > li > ul > li:nth-child(even) { padding-left: 0; }
            #d-recorderTop #features .featuresLists > li .featuresListsInner > li > ul > li:nth-last-of-type(1) { margin-bottom: 0; }

              #d-recorderTop #features .featuresLists > li .featuresListsInner > li > ul > li > div {
                padding: 15px;
                border: 5px solid #e5e5e5;
                }

                #d-recorderTop #features .featuresLists > li .featuresListsInner > li > ul > li > div > p {
                  background-size: 45px auto;
                  min-height: 45px;
                  padding-left: 60px;
                  font-size: 12px;
                  }

  /* -- .featuresNotes -- */
  #d-recorderTop #features .featuresNotes {}

    #d-recorderTop #features .featuresNotes .cntWrapper {
      width: calc(100vw - 30px);
      padding: 40px 0 0 0;
      margin-top: 50px;
      }

    #d-recorderTop #features .featuresNotes .cntLists {}

      #d-recorderTop #features .featuresNotes .cntLists > li { font-size: 10px; }

    #d-recorderTop #features .featuresNotes p {
      margin-top: 15px;
      font-size: 10px;
      }



/**
 * Past Lineup
 * -------------------------------
 */

#d-recorderTop #pastLineup { padding: 35px 0 50px 0; }


  /* -- .secTtl -- */
  #d-recorderTop #pastLineup .secTtl { margin-bottom: 25px; }

    #d-recorderTop #pastLineup .secTtl > span { font-size: 15px; }

  
  /* -- .pastLineupLists -- */
  #d-recorderTop #pastLineup .pastLineupLists { margin-top: -5px; }

    #d-recorderTop #pastLineup .pastLineupLists > li {
      width: 100%;
      padding-top: 5px;
      }
  
  
  
  
/**
 * ================================================================================
 * Animation Settings
 * ================================================================================
 */


/* -- .animate_moveY01 -- */
.animate_moveY01 {
  -webkit-transform: translate(0, 15px);
  transform: translate(0, 15px);
  }


/* -- .animate_moveY02 -- */
.animate_moveY02 {
  -webkit-transform: translate(0, -15px);
  transform: translate(0, -15px);
  }


/* -- .animate_arrow -- */
@-webkit-keyframes arrow01 {
  0% {
    -webkit-transform: translate(0, 0);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      -webkit-transform: translate(0, 10px);
      opacity: 0;
    }
  }
  @keyframes arrow01 {
    0% {
      transform: translate(0, 0);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: translate(0, 10px);
      opacity: 0;
    }
  }
  
  
  
  
/**
 * ================================================================================
 * Colorbox Settings
 * ================================================================================
 */


  
  
/**
 * ================================================================================
 * Other Settings
 * ================================================================================
 */



}