@charset "UTF-8";

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

#content .section h2 span {
  color: #44786b;
}

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

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

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

@media print, screen and (min-width: 765px) {
  #content .mv .cloud1 {
    position: absolute;
    left: 10%;
    top: 30%;
    margin-left: -230px;
  }

  #content .mv .cloud2 {
    position: absolute;
    left: 90%;
    top: 50%;
    margin-left: -230px;
  }

  #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: -20px;
  }

  #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 .image1 {
    margin-top: 10px;
  }

  #content .outline .items .item2 .image1 .cap {
    font-size: 60%;
    margin-bottom: 5px;
  }

  #content .outline .items .item2 .image2 {
    margin-top: -130px;
    width: 118px;
    margin-left: auto;
  }

  #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 .image {
  }

  #content .floor .maparea .map .points li:nth-child(1) a {
    left: 245px;
    top: 140px;
  }
  #content .floor .maparea .map .points li:nth-child(2) a {
    left: 348px;
    top: 140px;
  }
  #content .floor .maparea .map .points li:nth-child(3) a {
    left: 348px;
    top: 235px;
  }
  #content .floor .maparea .map .points li:nth-child(4) a {
    left: 387px;
    top: 175px;
  }
  /*
    #content .floor .maparea .map .points li:nth-child(5) a{
        left: 422px;
        top: 235px;
    }
*/
  #content .floor .maparea .map .points li:nth-child(5) a {
    left: 222px;
    top: 315px;
  }
  #content .floor .maparea .map .points li:nth-child(6) a {
    left: 255px;
    top: 215px;
  }
  #content .floor .maparea .map .points li:nth-child(7) a {
    left: 420px;
    top: 315px;
  }
  #content .floor .maparea .map .points li:nth-child(8) a {
    left: 95px;
    top: 265px;
  }

  #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 .tab1_3 .text {
    background-image: url(../img/floor_1_text3.png);
  }
  #content .floor .maparea .tab1_3.active .text {
    background-image: url(../img/floor_1_text3_over.png);
  }

  #content .floor .maparea .tab1_4 .text {
    background-image: url(../img/floor_1_text4.png);
  }
  #content .floor .maparea .tab1_4.active .text {
    background-image: url(../img/floor_1_text4_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 .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 .tab5_2 .text {
    background-image: url(../img/floor_5_text2.png);
  }
  #content .floor .maparea .tab5_2.active .text {
    background-image: url(../img/floor_5_text2_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 .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 .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: 30px;
    z-index: 1;
  }

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

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

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

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

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

  #content .voice .items .item {
    width: 200px;
    margin-left: -100px;
  }

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

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

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

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

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

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

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

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

  #content .voice .items .item8 {
    position: absolute;
    left: 13%;
    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: -20px;
    top: -20px;
    width: 73px;
  }

  #content .outline .items .item2 .image1 {
    width: 60%;
  }
  #content .outline .items .item2 .image1 .cap {
    display: none;
  }
  #content .outline .items .item2 .image2 {
    width: 50%;
    margin-top: -20%;
    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: 49%;
    top: 25%;
  }
  #content .floor .maparea .map .points li:nth-child(2) a {
    left: 70.5%;
    top: 25%;
  }
  #content .floor .maparea .map .points li:nth-child(3) a {
    left: 70.5%;
    top: 47.5%;
  }
  #content .floor .maparea .map .points li:nth-child(4) a {
    left: 78.5%;
    top: 38%;
  }
  /*
    #content .floor .maparea .map .points li:nth-child(5) a{
        left:85.5%;
        top: 49%;
    }
*/
  #content .floor .maparea .map .points li:nth-child(5) a {
    left: 42%;
    top: 64%;
  }
  #content .floor .maparea .map .points li:nth-child(6) a {
    left: 50.5%;
    top: 42%;
  }
  #content .floor .maparea .map .points li:nth-child(7) a {
    left: 85.5%;
    top: 65%;
  }
  #content .floor .maparea .map .points li:nth-child(8) a {
    left: 18.5%;
    top: 54.5%;
  }

  #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;
  }
}