@charset "UTF-8";

#content .section .shoulder {
  color: #a75c24;
  border-bottom: #a75c24 1px solid;
}

#content .section h2 span {
  color: #a75c24;
}

#content .outline .items .item .text span {
  color: #aa5c24;
}

#content .day .timetable .item dl {
  border: #963 1px solid;
}
#content .day .timetable .item dt {
  background: #963;
}

#content .voice .items .item .text {
  background: #c5906a;
}

@media print, screen and (min-width: 765px) {
  #content .mv .sub1 {
    position: absolute;
    left: 100px;
    top: 0px;
  }

  #content .mv .sub2 {
    position: absolute;
    right: 120px;
    top: 20px;
  }

  #content .mv .sub3 {
    position: absolute;
    right: -50px;
    top: -70px;
  }

  #content .outline .items .item1 {
    position: absolute;
    left: 295px;
    top: 0;
  }

  #content .outline .items .item2 {
    width: 270px;
    position: absolute;
    left: 0;
    top: 0;
  }

  #content .outline .items .item2 .text {
    background: url(../img/outline_line1.png) no-repeat left bottom;
    padding-bottom: 30px;
  }

  #content .outline .items .item2 .image {
    width: 188px;
    margin-top: 10px;
    margin-left: auto;
  }

  #content .outline .items .item3 {
    width: 270px;
    position: absolute;
    right: 0;
    top: 0;
  }

  #content .outline .items .item3 .text {
    background: url(../img/outline_line2.png) no-repeat left top;
    padding-top: 30px;
    margin-top: 10px;
  }

  #content .outline .items .item3 .image2 {
    width: 150px;
    margin-left: auto;
  }

  #content .outline .items .item3 .image1 {
    margin-top: -50px;
  }

  #content .floor .maparea .map .points li:nth-child(1) a {
    left: 215px;
    top: 320px;
  }
  #content .floor .maparea .map .points li:nth-child(2) a {
    left: 145px;
    top: 290px;
  }
  #content .floor .maparea .map .points li:nth-child(3) a {
    left: 335px;
    top: 220px;
  }
  #content .floor .maparea .map .points li:nth-child(4) a {
    left: 345px;
    top: 160px;
  }
  #content .floor .maparea .map .points li:nth-child(5) a {
    left: 245px;
    top: 100px;
  }
  #content .floor .maparea .map .points li:nth-child(6) a {
    left: 335px;
    top: 110px;
  }
  #content .floor .maparea .map .points li:nth-child(7) a {
    left: 40px;
    top: 370px;
  }
  #content .floor .maparea .map .points li:nth-child(8) a {
    left: 215px;
    top: 380px;
  }
  /* #content .floor .maparea .map .points li:nth-child(9) a {
    left: 205px;
    top: 160px;
  }
  #content .floor .maparea .map .points li:nth-child(10) a {
    left: 155px;
    top: 230px;
  } */

  #content .floor .maparea .tab1_1 .text {
    background-image: url(../img/floor_1_text1.png);
  }
  #content .floor .maparea .tab1_1.active .text {
    background-image: url(../img/floor_1_text1_over.png);
  }

  #content .floor .maparea .tab1_2 .text {
    background-image: url(../img/floor_1_text2.png);
  }
  #content .floor .maparea .tab1_2.active .text {
    background-image: url(../img/floor_1_text2_over.png);
  }

  #content .floor .maparea .tab2_1 .text {
    background-image: url(../img/floor_2_text1.png);
  }
  #content .floor .maparea .tab2_1.active .text {
    background-image: url(../img/floor_2_text1_over.png);
  }

  #content .floor .maparea .tab3_1 .text {
    background-image: url(../img/floor_3_text1.png);
  }
  #content .floor .maparea .tab3_1.active .text {
    background-image: url(../img/floor_3_text1_over.png);
  }

  #content .floor .maparea .tab4_1 .text {
    background-image: url(../img/floor_4_text1.png);
  }
  #content .floor .maparea .tab4_1.active .text {
    background-image: url(../img/floor_4_text1_over.png);
  }

  #content .floor .maparea .tab4_2 .text {
    background-image: url(../img/floor_4_text2.png);
  }
  #content .floor .maparea .tab4_2.active .text {
    background-image: url(../img/floor_4_text2_over.png);
  }

  #content .floor .maparea .tab5_1 .text {
    background-image: url(../img/floor_5_text1.png);
  }
  #content .floor .maparea .tab5_1.active .text {
    background-image: url(../img/floor_5_text1_over.png);
  }

  #content .floor .maparea .tab6_1 .text {
    background-image: url(../img/floor_6_text1.png);
  }
  #content .floor .maparea .tab6_1.active .text {
    background-image: url(../img/floor_6_text1_over.png);
  }

  #content .floor .maparea .tab6_2 .text {
    background-image: url(../img/floor_6_text2.png);
  }
  #content .floor .maparea .tab6_2.active .text {
    background-image: url(../img/floor_6_text2_over.png);
  }

  #content .floor .maparea .tab7_1 .text {
    background-image: url(../img/floor_7_text1.png);
  }
  #content .floor .maparea .tab7_1.active .text {
    background-image: url(../img/floor_7_text1_over.png);
  }

  #content .floor .maparea .tab8_1 .text {
    background-image: url(../img/floor_8_text1.png);
  }
  #content .floor .maparea .tab8_1.active .text {
    background-image: url(../img/floor_8_text1_over.png);
  }

  #content .floor .maparea .tab9_1 .text {
    background-image: url(../img/floor_9_text1.png);
  }
  #content .floor .maparea .tab9_1.active .text {
    background-image: url(../img/floor_9_text1_over.png);
  }

  #content .floor .maparea .tab10_1 .text {
    background-image: url(../img/floor_10_text1.png);
  }
  #content .floor .maparea .tab10_1.active .text {
    background-image: url(../img/floor_10_text1_over.png);
  }

  #content .floor .item .pages li .prev {
    background: url(../img/floor_prev.png) no-repeat left center;
  }
  #content .floor .item .pages li .next {
    background: url(../img/floor_next.png) no-repeat right center;
  }

  #content .day .timetable .sub1 {
    position: absolute;
    right: -130px;
    top: -50px;
    z-index: 1;
  }
  #content .day .timetable .sub2 {
    position: absolute;
    right: -270px;
    top: 80px;
    z-index: 1;
  }

  #content .day .timetable .line1 {
    position: absolute;
    right: -155px;
    top: -155px;
    z-index: 1;
  }

  #content .day .timetable .line2 {
    position: absolute;
    right: -153px;
    top: -59px;
    z-index: 1;
  }

  #content .day .timetable .imageset1 {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
  }

  #content .day .timetable .imageset2 {
    position: absolute;
    right: 0px;
    top: 340px;
    z-index: 2;
  }

  #content .voice .titles {
    background: url(../img/voice_title_base.png);
  }

  #content .voice .items .item1 {
    position: absolute;
    left: 50%;
    top: 50px;
  }
  #content .voice .items .item1 .arrow {
    left: 50%;
    margin-left: -10px;
    bottom: -19px;
  }

  #content .voice .items .item2 {
    position: absolute;
    left: 85%;
    top: 130px;
  }
  #content .voice .items .item2 .arrow {
    left: 50%;
    margin-left: -10px;
    bottom: -19px;
  }

  #content .voice .items .item3 {
    position: absolute;
    left: 95%;
    top: 330px;
  }
  #content .voice .items .item3 .arrow {
    left: -19px;
    margin-top: -10px;
    top: 50%;
  }

  #content .voice .items .item4 {
    position: absolute;
    left: 85%;
    top: 530px;
  }
  #content .voice .items .item4 .arrow {
    left: 50%;
    margin-left: -10px;
    top: -19px;
  }

  #content .voice .items .item5 {
    position: absolute;
    left: 50%;
    top: 620px;
  }
  #content .voice .items .item5 .arrow {
    left: 50%;
    margin-left: -10px;
    top: -19px;
  }

  #content .voice .items .item6 {
    position: absolute;
    left: 15%;
    top: 530px;
  }
  #content .voice .items .item6 .arrow {
    left: 50%;
    margin-left: -10px;
    top: -19px;
  }

  #content .voice .items .item7 {
    position: absolute;
    left: 5%;
    top: 330px;
  }
  #content .voice .items .item7 .arrow {
    right: -19px;
    margin-top: -10px;
    top: 50%;
  }

  #content .voice .items .item8 {
    position: absolute;
    left: 15%;
    top: 130px;
  }
  #content .voice .items .item8 .arrow {
    left: 50%;
    margin-left: -10px;
    bottom: -19px;
  }
}

@media only screen and (max-width: 764px) {
  #content .mv .sub1 {
    position: absolute;
    left: 10px;
    top: 0px;
    width: 80px;
  }

  #content .mv .sub2 {
    position: absolute;
    right: 40px;
    top: 20px;
    width: 92px;
  }

  #content .mv .sub3 {
    position: absolute;
    right: -10px;
    top: -70px;
    width: 73px;
  }
  #content .outline .items .item3 .image1 {
    width: 70%;
    margin-top: -30%;
  }
  #content .outline .items .item3 .image2 {
    width: 70%;
    margin-left: auto;
  }

  #content .outline .items .item2 .text {
    background: url(../img/outline_line2.png) no-repeat left top;
  }

  #content .outline .items .item3 .text {
    background: url(../img/outline_line2.png) no-repeat left top;
  }

  #content .floor .maparea .map .points li:nth-child(1) a {
    left: 43.5%;
    top: 65%;
  }
  #content .floor .maparea .map .points li:nth-child(2) a {
    left: 29%;
    top: 60%;
  }
  #content .floor .maparea .map .points li:nth-child(3) a {
    left: 68%;
    top: 45%;
  }
  #content .floor .maparea .map .points li:nth-child(4) a {
    left: 69%;
    top: 30%;
  }
  #content .floor .maparea .map .points li:nth-child(5) a {
    left: 49%;
    top: 18%;
  }
  #content .floor .maparea .map .points li:nth-child(6) a {
    left: 69%;
    top: 18%;
  }
  #content .floor .maparea .map .points li:nth-child(7) a {
    left: 7%;
    top: 75%;
  }
  #content .floor .maparea .map .points li:nth-child(8) a {
    left: 43.5%;
    top: 80%;
  }
  /* #content .floor .maparea .map .points li:nth-child(9) a {
    left: 41%;
    top: 30%;
  }
  #content .floor .maparea .map .points li:nth-child(10) a {
    left: 31%;
    top: 45%;
  } */

  #content .day .timetable .sub1 {
    display: none;
  }
  #content .day .timetable .sub2 {
    display: none;
  }

  #content .day .timetable .line1 {
    display: none;
  }

  #content .day .timetable .line2 {
    display: none;
  }

  #content .day .timetable .imageset1 {
    display: none;
  }

  #content .day .timetable .imageset2 {
    display: none;
  }

  #content .voice .titles {
    background: url(../img/voice_title_base.png) center center/300px 196px;
    width: 300px;
    height: 196px;
  }

  #content .voice .items .item {
    background: url(../img/voice_arrow2.png) no-repeat center bottom / 15px 10px;
  }
}