/*=====================================================
  shared
=====================================================*/
.odo hr {
  background: url(../images/bg_dot_blue.png);
}
.odo .odoCatch {
  color: #4553a3;
}
.odo .odoData {
  background-color: #32987b;
}
.odo .odoDataText {
  color: #32987b;
}
@media print, screen and (min-width: 1000px) {
  .odo .odoDataText .tel {
    color: #32987b !important;
  }
}
.odo .vBottom {
  vertical-align: bottom;
}

/*=====================================================
  intro
=====================================================*/
.odo .odoIntro {
  padding-bottom: 20px;
  background: url(../images/tara/intro_bg_catch.png) no-repeat center bottom;
  background-size: contain;
}
@media print, screen and (min-width: 576px) {
  .odo .odoIntro {
    padding-bottom: 60px;
    background-size: contain;
  }
}
@media print, screen and (min-width: 1000px) {
  .odo .odoIntro {
    padding-bottom: 20px;
    background-position: right bottom;
    background-size: auto;
  }
}
.odo .odoIntro h1 {
  margin-bottom: 20px;
}
@media print, screen and (min-width: 1000px) {
  .odo .odoIntro h1 {
    margin-bottom: 30px;
  }
}
.odo .odoIntro h2 {
  margin-bottom: 20px;
  text-align: center;
}
@media print, screen and (min-width: 1000px) {
  .odo .odoIntro p {
    font-size: 120%;
  }
}
.odo .odoTaraMap {
  overflow: hidden;
  *zoom: 1;
}
@media print, screen and (min-width: 1000px) {
  .odo .odoMap {
    width: 580px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    float: right;
  }
}
.odo .odoMap .odoMap__pointList {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #ccc;
}
@media print, screen and (min-width: 1000px) {
  .odo .odoMap .odoMap__pointList {
    margin-bottom: 0;
    padding: 0;
    border-width: 0;
  }
}
.odo .odoMap .odoMap__pointList li {
  text-align: left;
  line-height: 1.8;
  list-style-type: decimal;
  margin-left: 20px;
}
@media print, screen and (min-width: 1000px) {
  .odo .odoMap .odoMap__pointList li {
    height: 2.22%;
    margin-left: 0;
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
  }
  .odo .odoMap .odoMap__pointList li a {
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
  }
}
@media print, screen and (min-width: 1000px) {
  .odo .odoMap .odoMap__pointList li.odoMap__point01 {
    width: 22.4%;
    top: 22.7%;
    left: 16.3%;
  }
  .odo .odoMap .odoMap__pointList li.odoMap__point02 {
    width: 13.4%;
    left: 6.72%;
    top: 71.8%;
  }
  .odo .odoMap .odoMap__pointList li.odoMap__point03 {
    width: 23.1%;
    left: 15.6%;
    top: 8.58%;
  }
  .odo .odoMap .odoMap__pointList li.odoMap__point04 {
    width: 20%;
    left: 52.2%;
    top: 54.4%;
  }
  .odo .odoMap .odoMap__pointList li.odoMap__point05 {
    width: 17%;
    left: 46%;
    top: 36.7%;
  }
  .odo .odoMap .odoMap__pointList li.odoMap__point06 {
    width: 23.6%;
    left: 38.6%;
    top: 67.6%;
  }
  .odo .odoMap .odoMap__pointList li.odoMap__point07 {
    width: 18.9%;
    left: 77.4%;
    top: 94.5%;
  }
  .odo .odoMap .odoMap__pointList li.odoMap__point08 {
    width: 24.6%;
    left: 75.3%;
    top: 80.3%;
  }
}

/*=====================================================
  intro
=====================================================*/
/*=====================================================
  odoPointTitle
=====================================================*/
.odoPointTitle .title h2 {
  color: #4553a3;
  background-color: #d3edf6;
}

/*=====================================================
  odoTag
=====================================================*/
.odoTag li.active {
  background-color: #3fbde0;
}

/*=====================================================
  odoCheck
=====================================================*/
.odoCheck {
  border-color: #4553a3;
  background-color: #f3eaf3;
  color: #4553a3;
}
.odoCheck .odoCheck__tag {
  background-color: #4553a3;
}

/*=====================================================
  point_01
=====================================================*/
@media print, screen and (min-width: 1000px) {
  #point_01 {
    width: 360px;
    float: left;
  }
}

/*=====================================================
  point_02
=====================================================*/
#point_02 {
  background: url(../images/tara/02_bg_01.png) no-repeat right 0;
  background-size: 125px 83.5px;
}
@media print, screen and (min-width: 1000px) {
  #point_02 {
    background-size: auto;
  }
}

/*=====================================================
  point_03
=====================================================*/
#point_03 {
  background: url(../images/tara/03_bg_01.png) no-repeat right 0;
  background-size: 263px 426.5px;
}
@media print, screen and (min-width: 1000px) {
  #point_03 {
    background-size: auto;
  }
}

/*=====================================================
  point_04
=====================================================*/
#point_04 {
  background: url(../images/tara/04_bg_01.png) no-repeat right 20px;
  background-size: 74.5px 74.5px;
}
@media print, screen and (min-width: 1000px) {
  #point_04 {
    background-size: auto;
  }
}

/*=====================================================
  point_05

#point_05 {
  background: url(../images/tara/05_bg_01.png) no-repeat center 280px;
  // background-size: (451px / 2) (487px / 2);
  background-size: contain;

  @include mq() {
    background-size: auto;
  }
}

/*=====================================================
  point_06
=====================================================*/
#point_06 {
  background: url(../images/tara/06_bg_01.png) no-repeat center 340px;
  background-size: contain;
}
@media print, screen and (min-width: 1000px) {
  #point_06 {
    background-size: auto;
  }
}

/*=====================================================
  point_07
=====================================================*/
#point_07 {
  background: url(../images/tara/07_bg_01.png) no-repeat right 20px;
  background-size: 74.5px 170px;
}
@media print, screen and (min-width: 1000px) {
  #point_07 {
    background-size: auto;
  }
}

/*=====================================================
  point_08
=====================================================*/
#point_08 {
  background: url(../images/tara/08_bg_01.png) no-repeat right 0;
  background-size: 360px 453px;
}
@media print, screen and (min-width: 1000px) {
  #point_08 {
    background-size: auto;
  }
}