#wrap #contents {
  clear: both;
  margin: 10px 0 0 0;
}
#wrap #contents .bx-wrapper {
  position: relative;
}
#wrap #contents .bx-wrapper .bx-controls .bx-pager {
  float: right;
  position: absolute;
  bottom: -25px;
  right: 0;
}
#wrap #contents .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
  display: inline-block;
}
#wrap #contents .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
  background: #777;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  behavior: url("/common/global-libs/css/PIE.htc");
}
#wrap #contents .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
  background: #aaa;
}
#wrap #contents .bx-wrapper .bx-controls a.bx-prev {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  margin-top: -19px;
}
#wrap #contents .bx-wrapper .bx-controls a.bx-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
#wrap #contents .bx-wrapper .bx-controls a.bx-next {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  margin-top: -19px;
  left: 96%;
}
#wrap #contents .bx-wrapper .bx-controls a.bx-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
#wrap #contents > #slider img.second {
  display: none;
}
#wrap #contents #proposal {
  overflow: hidden;
  margin: 30px 0 0 0;
}
#wrap #contents #proposal h3 {
  font-size: 112.5%;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 1.8;
}
#wrap #contents #proposal #proposal_list01, #wrap #contents #proposal #proposal_list02, #wrap #contents #proposal #proposal_list03, #wrap #contents #proposal #proposal_list04 {
  display: inline-table;
  width: 45%;
  overflow: hidden;
  padding: 10px;
}
#wrap #contents #proposal #proposal_list01 .dot, #wrap #contents #proposal #proposal_list02 .dot, #wrap #contents #proposal #proposal_list03 .dot, #wrap #contents #proposal #proposal_list04 .dot {
  border: 1px dashed #FFF;
  overflow: hidden;
  padding: 10px;
}
#wrap #contents #proposal #proposal_list01 .dot .left, #wrap #contents #proposal #proposal_list02 .dot .left, #wrap #contents #proposal #proposal_list03 .dot .left, #wrap #contents #proposal #proposal_list04 .dot .left {
  float: left;
  width: 37%;
  margin: 20px 0 0 0;
}
#wrap #contents #proposal #proposal_list01 .dot .left.pr, #wrap #contents #proposal #proposal_list02 .dot .left.pr, #wrap #contents #proposal #proposal_list03 .dot .left.pr, #wrap #contents #proposal #proposal_list04 .dot .left.pr {
  width: 41%;
}
#wrap #contents #proposal #proposal_list01 .dot .left img, #wrap #contents #proposal #proposal_list02 .dot .left img, #wrap #contents #proposal #proposal_list03 .dot .left img, #wrap #contents #proposal #proposal_list04 .dot .left img {
  margin: 0 0 10px 50px;
}
#wrap #contents #proposal #proposal_list01 .dot .left p, #wrap #contents #proposal #proposal_list02 .dot .left p, #wrap #contents #proposal #proposal_list03 .dot .left p, #wrap #contents #proposal #proposal_list04 .dot .left p {
  color: #fff;
  font-size: 112.5%;
  font-weight: bold;
  line-height: 140%;
}
#wrap #contents #proposal #proposal_list01 .dot .left p span.blue, #wrap #contents #proposal #proposal_list02 .dot .left p span.blue, #wrap #contents #proposal #proposal_list03 .dot .left p span.blue, #wrap #contents #proposal #proposal_list04 .dot .left p span.blue {
  background: url(/uchitoko/files/blue_underline.gif) repeat-x 0 bottom;
}
#wrap #contents #proposal #proposal_list01 .dot .left p span.orange, #wrap #contents #proposal #proposal_list02 .dot .left p span.orange, #wrap #contents #proposal #proposal_list03 .dot .left p span.orange, #wrap #contents #proposal #proposal_list04 .dot .left p span.orange {
  background: url(/uchitoko/files/orange_underline.gif) repeat-x 0 bottom;
}
#wrap #contents #proposal #proposal_list01 .dot .left p span.pink, #wrap #contents #proposal #proposal_list02 .dot .left p span.pink, #wrap #contents #proposal #proposal_list03 .dot .left p span.pink, #wrap #contents #proposal #proposal_list04 .dot .left p span.pink {
  background: url(/uchitoko/files/pink_underline.gif) repeat-x 0 bottom;
}
#wrap #contents #proposal #proposal_list01 .dot .left p span.green, #wrap #contents #proposal #proposal_list02 .dot .left p span.green, #wrap #contents #proposal #proposal_list03 .dot .left p span.green, #wrap #contents #proposal #proposal_list04 .dot .left p span.green {
  background: url(/uchitoko/files/green_underline.gif) repeat-x 0 bottom;
}
#wrap #contents #proposal #proposal_list01 .dot .right, #wrap #contents #proposal #proposal_list02 .dot .right, #wrap #contents #proposal #proposal_list03 .dot .right, #wrap #contents #proposal #proposal_list04 .dot .right {
  float: right;
}
#wrap #contents #proposal #proposal_list01 {
  background: #4696dc;
  margin-right: 5.3%;
  margin-bottom: 10px;
}
#wrap #contents #proposal #proposal_list01:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
#wrap #contents #proposal #proposal_list02 {
  background: #f08d1d;
  margin-bottom: 10px;
}
#wrap #contents #proposal #proposal_list02:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
#wrap #contents #proposal #proposal_list02 .dot .left img {
  margin: 0 0 10px 40px;
}
#wrap #contents #proposal #proposal_list03 {
  background: #dd81ac;
  margin-right: 5.3%;
}
#wrap #contents #proposal #proposal_list03:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
#wrap #contents #proposal #proposal_list04 {
  background: #7bc178;
}
#wrap #contents #proposal #proposal_list04:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
#wrap #contents #proposal #proposal_list04 .dot .left img {
  margin: 0 0 10px 40px;
}
#wrap #contents #proposal .linkBox {
  cursor: pointer;
}
#wrap #contents #point {
  overflow: hidden;
  margin: 40px 0 0 0;
  position: relative;
}
#wrap #contents #point h3 {
  font-size: 112.5%;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 1.8;
}
#wrap #contents #point #tab_living {
  position: absolute;
  zoom: 1;
}
#wrap #contents #point #tab_living ul li {
  overflow: hidden;
  cursor: pointer;
  width: 187px;
  height: 48px;
  float: left;
  margin-right: 8px;
}
#wrap #contents #point #tab_living ul li:nth-of-type(5) {
  margin-right: 0;
  background: url(/uchitoko/files/btn_light.gif) 0 0 no-repeat;
}
#wrap #contents #point #tab_living ul li:nth-of-type(5).selector {
  background: url(/uchitoko/files/btn_light_select.gif) 0 0 no-repeat;
  height: 52px;
}
#wrap #contents #point #tab_living ul li:nth-of-type(4) {
  background: url(/uchitoko/files/btn_kids.gif) 0 0 no-repeat;
}
#wrap #contents #point #tab_living ul li:nth-of-type(4).selector {
  background: url(/uchitoko/files/btn_kids_select.gif) 0 0 no-repeat;
  height: 52px;
}
#wrap #contents #point #tab_living ul li:nth-of-type(3) {
  background: url(/uchitoko/files/btn_sanitary.gif) 0 0 no-repeat;
}
#wrap #contents #point #tab_living ul li:nth-of-type(3).selector {
  background: url(/uchitoko/files/btn_sanitary_select.gif) 0 0 no-repeat;
  height: 52px;
}
#wrap #contents #point #tab_living ul li:nth-of-type(2) {
  background: url(/uchitoko/files/btn_kitchen.gif) 0 0 no-repeat;
}
#wrap #contents #point #tab_living ul li:nth-of-type(2).selector {
  background: url(/uchitoko/files/btn_kitchen_select.gif) 0 0 no-repeat;
  height: 52px;
}
#wrap #contents #point #tab_living ul li:nth-of-type(1) {
  background: url(/uchitoko/files/btn_living.gif) 0 0 no-repeat;
}
#wrap #contents #point #tab_living ul li:nth-of-type(1).selector {
  background: url(/uchitoko/files/btn_living_select.gif) 0 0 no-repeat;
  height: 52px;
}
#wrap #contents #point #tab_living ul li a {
  display: none;
}
#wrap #contents #point .nondis {
  display: none;
}
#wrap #contents #point #point_list1, #wrap #contents #point #point_list2, #wrap #contents #point #point_list3, #wrap #contents #point #point_list4, #wrap #contents #point #point_list5 {
  border: 4px solid #4696dc;
  padding: 15px;
  margin-top: 58px;
}
#wrap #contents #point #point_list1 .point_type, #wrap #contents #point #point_list2 .point_type, #wrap #contents #point #point_list3 .point_type, #wrap #contents #point #point_list4 .point_type, #wrap #contents #point #point_list5 .point_type {
  border: 1px dashed #69aae3;
  width: 23%;
  display: inline-table;
  text-align: center;
  padding: 10px 0;
  margin: 12px 15px 12px 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  zoom: 1;
  position: relative;
  behavior: url("/common/global-libs/css/PIE.htc");
  z-index: 1;
}
#wrap #contents #point #point_list1 .point_type:nth-of-type(4n), #wrap #contents #point #point_list2 .point_type:nth-of-type(4n), #wrap #contents #point #point_list3 .point_type:nth-of-type(4n), #wrap #contents #point #point_list4 .point_type:nth-of-type(4n), #wrap #contents #point #point_list5 .point_type:nth-of-type(4n) {
  margin-right: 0;
}
#wrap #contents #point #point_list1 .point_type:hover, #wrap #contents #point #point_list2 .point_type:hover, #wrap #contents #point #point_list3 .point_type:hover, #wrap #contents #point #point_list4 .point_type:hover, #wrap #contents #point #point_list5 .point_type:hover {
  background: url(/uchitoko/files/living_hover.png) 0 0;
}
#wrap #contents #point #point_list1 .point_type p, #wrap #contents #point #point_list2 .point_type p, #wrap #contents #point #point_list3 .point_type p, #wrap #contents #point #point_list4 .point_type p, #wrap #contents #point #point_list5 .point_type p {
  font-size: 81.3%;
  line-height: 140%;
}
#wrap #contents #point #point_list2 {
  border: 4px solid #78cdff;
}
#wrap #contents #point #point_list2 .point_type {
  border: 1px dashed #78cdff;
}
#wrap #contents #point #point_list2 .point_type:hover {
  background: url(/uchitoko/files/kitchen_hover.png) 0 0;
}
#wrap #contents #point #point_list3 {
  border: 4px solid #64c887;
}
#wrap #contents #point #point_list3 .point_type {
  border: 1px dashed #64c887;
}
#wrap #contents #point #point_list3 .point_type:hover {
  background: url(/uchitoko/files/sanitary_hover.png) 0 0;
}
#wrap #contents #point #point_list4 {
  border: 4px solid #ff8c96;
}
#wrap #contents #point #point_list4 .point_type {
  border: 1px dashed #ff8c96;
}
#wrap #contents #point #point_list4 .point_type:hover {
  background: url(/uchitoko/files/kids_hover.png) 0 0;
}
#wrap #contents #point #point_list5 {
  border: 4px solid #f8b62d;
  height: 210px;
}
#wrap #contents #point #point_list5 .point_type {
  border: 1px dashed #f8b62d;
}
#wrap #contents #point #point_list5 .point_type:hover {
  background: url(/uchitoko/files/light_hover.png) 0 0;
}
#wrap #contents #sp_point {
  display: none;
}
#wrap #contents .bnr {
  text-align: center;
  margin: 50px 0 20px;
}
#wrap #contents .bnr .sp {
  display: none;
}
#wrap #contents .bnr .text, #wrap #contents .bnr .thum {
  display: none;
}
#wrap #contents #interview {
  overflow: hidden;
}
#wrap #contents #interview ul.left {
  float: left;
  width: 50%;
}
#wrap #contents #interview ul.left li {
  border: 1px #ccc solid;
  overflow: hidden;
  width: 100%;
  padding: 15px 4%;
  position: relative;
}
#wrap #contents #interview ul.left li .thum {
  float: left;
}
#wrap #contents #interview ul.left li .text {
  float: left;
  width: 70%;
  margin-left: 10px;
  margin-top: 5px;
}
#wrap #contents #interview ul.left li .text p {
  font-size: 100%;
}
#wrap #contents #interview ul.left li .text p span {
  font-size: 57.1%;
  display: inline-block;
  margin-top: 5px;
}
@-moz-document url-prefix() {
  #wrap #contents #interview ul.left li .text p span.mt8 {
    margin-top: 10px;
  }
}
@media all and (-ms-high-contrast: none) {
  #wrap #contents #interview ul.left li .text p span.mt8 {
    margin-top: 10px;
  }
}
#wrap #contents #interview ul.left li .text p span.mt8 {
  margin-top: 10px\9;
}
#wrap #contents #interview ul.left li .text p span.sp {
  display: none;
}
#wrap #contents #interview ul.left li .text p.title {
  margin-top: 15px;
  font-size: 131.3%;
  position: absolute;
  bottom: 16px;
}
#wrap #contents #interview ul.left li .text p.cs {
  margin-top: 8px;
}
#wrap #contents #interview ul.left li .text p.cs span {
  font-size: 75.0%;
}
#wrap #contents #interview ul.left li .text p.cs span.cs {
  font-size: 130%;
  background: #ccc;
  color: #fff;
  display: inline-block;
  padding: 8px 45px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#wrap #contents #interview ul.left li.teachBox:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
#wrap #contents #interview ul.right {
  float: right;
}
#wrap #contents #interview ul li {
  margin-bottom: 8px;
}
#wrap #contents #interview ul li.sp {
  display: none;
}

@media print {
  #wrap #contents #point {
    margin-top: 700px;
  }
  #wrap #contents #point #tab_living ul li {
    margin-right: 5px;
  }
  #wrap #contents #point #tab_living ul li a {
    display: block;
  }
  #wrap #contents #bnr {
    page-break-before: always;
  }

  @-moz-document url-prefix() {
    #bottomlink {
      margin-top: 10px;
    }
  }
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  #wrap #contents .bx-wrapper .bx-controls {
    margin-top: -10px;
  }
  #wrap #contents .bx-wrapper .bx-controls .bx-pager {
    display: none;
  }
  #wrap #contents .bx-wrapper .bx-controls a.bx-prev img {
    width: 19px;
  }
  #wrap #contents .bx-wrapper .bx-controls a.bx-next {
    left: 94%;
    width: 19px;
  }
  #wrap #contents #proposal {
    width: 95%;
    margin: 20px auto 0;
  }
  #wrap #contents #proposal h3 {
    text-align: center;
    font-size: 100%;
  }
  #wrap #contents #proposal #proposal_list01, #wrap #contents #proposal #proposal_list02, #wrap #contents #proposal #proposal_list03, #wrap #contents #proposal #proposal_list04 {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
  #wrap #contents #proposal #proposal_list01 .dot, #wrap #contents #proposal #proposal_list02 .dot, #wrap #contents #proposal #proposal_list03 .dot, #wrap #contents #proposal #proposal_list04 .dot {
    border: none;
    overflow: hidden;
    padding: 0;
  }
  #wrap #contents #proposal #proposal_list01 .dot .left, #wrap #contents #proposal #proposal_list02 .dot .left, #wrap #contents #proposal #proposal_list03 .dot .left, #wrap #contents #proposal #proposal_list04 .dot .left {
    margin: 0;
    width: 50%;
  }
  #wrap #contents #proposal #proposal_list01 .dot .left.pr, #wrap #contents #proposal #proposal_list02 .dot .left.pr, #wrap #contents #proposal #proposal_list03 .dot .left.pr, #wrap #contents #proposal #proposal_list04 .dot .left.pr {
    width: 50%;
  }
  #wrap #contents #proposal #proposal_list01 .dot .left span, #wrap #contents #proposal #proposal_list02 .dot .left span, #wrap #contents #proposal #proposal_list03 .dot .left span, #wrap #contents #proposal #proposal_list04 .dot .left span {
    display: block;
    width: 30%;
    overflow: hidden;
    float: left;
    margin-top: 20%;
  }
  #wrap #contents #proposal #proposal_list01 .dot .left span img, #wrap #contents #proposal #proposal_list02 .dot .left span img, #wrap #contents #proposal #proposal_list03 .dot .left span img, #wrap #contents #proposal #proposal_list04 .dot .left span img {
    margin: 0;
    width: auto;
  }
  #wrap #contents #proposal #proposal_list01 .dot .left p, #wrap #contents #proposal #proposal_list02 .dot .left p, #wrap #contents #proposal #proposal_list03 .dot .left p, #wrap #contents #proposal #proposal_list04 .dot .left p {
    float: left;
    font-size: 100%;
    line-height: 140%;
    text-align: center;
    width: 70%;
    margin-top: 6%;
  }
  #wrap #contents #proposal #proposal_list01 .dot .left p span, #wrap #contents #proposal #proposal_list02 .dot .left p span, #wrap #contents #proposal #proposal_list03 .dot .left p span, #wrap #contents #proposal #proposal_list04 .dot .left p span {
    display: block;
    width: 95%;
    margin: 0;
  }
  #wrap #contents #proposal #proposal_list01 .dot .left p span.blue, #wrap #contents #proposal #proposal_list02 .dot .left p span.blue, #wrap #contents #proposal #proposal_list03 .dot .left p span.blue, #wrap #contents #proposal #proposal_list04 .dot .left p span.blue {
    background: none;
  }
  #wrap #contents #proposal #proposal_list01 .dot .left p span.orange, #wrap #contents #proposal #proposal_list02 .dot .left p span.orange, #wrap #contents #proposal #proposal_list03 .dot .left p span.orange, #wrap #contents #proposal #proposal_list04 .dot .left p span.orange {
    background: none;
  }
  #wrap #contents #proposal #proposal_list01 .dot .left p span.pink, #wrap #contents #proposal #proposal_list02 .dot .left p span.pink, #wrap #contents #proposal #proposal_list03 .dot .left p span.pink, #wrap #contents #proposal #proposal_list04 .dot .left p span.pink {
    background: none;
  }
  #wrap #contents #proposal #proposal_list01 .dot .left p span.green, #wrap #contents #proposal #proposal_list02 .dot .left p span.green, #wrap #contents #proposal #proposal_list03 .dot .left p span.green, #wrap #contents #proposal #proposal_list04 .dot .left p span.green {
    background: none;
  }
  #wrap #contents #proposal #proposal_list01 .dot .right, #wrap #contents #proposal #proposal_list02 .dot .right, #wrap #contents #proposal #proposal_list03 .dot .right, #wrap #contents #proposal #proposal_list04 .dot .right {
    float: right;
    width: 45%;
    margin-right: 5%;
  }
  #wrap #contents #point {
    display: none;
  }
  #wrap #contents #sp_point {
    display: block;
  }
  #wrap #contents #sp_point ul li.point_title .title {
    overflow: hidden;
    width: 96.4%;
    padding: 5px;
    border: 1px solid #4696dc;
  }
  #wrap #contents #sp_point ul li.point_title .title .thum {
    float: left;
    width: 16%;
  }
  #wrap #contents #sp_point ul li.point_title .title .text {
    float: left;
    width: 80%;
    margin-left: 10px;
  }
  #wrap #contents #sp_point ul li.point_title .title .text p {
    font-size: 100%;
    color: #646464;
    height: 40px;
    line-height: 40px;
    background: url(/uchitoko/common/img/arrow_down_blue.png) no-repeat 99% center;
    background-size: 22px;
  }
  #wrap #contents #sp_point ul li.point_title .active .text p {
    background: url(/uchitoko/common/img/arrow_up_blue.png) no-repeat 99% center;
    background-size: 22px;
  }
  #wrap #contents #sp_point ul li ul {
    display: none;
  }
  #wrap #contents #sp_point ul li ul li.place {
    clear: both;
    text-align: center;
    margin: 10px 0;
  }
  #wrap #contents #sp_point ul li ul li.place span.sub {
    display: block;
    border-top: 1px #4696dc dashed;
    border-bottom: 1px #4696dc dashed;
    padding: 15px 0;
    color: #4696dc;
    background: url(/uchitoko/common/img/arrow_down.png) no-repeat 95% center;
    background-size: 22px;
  }
  #wrap #contents #sp_point ul li ul li.place span.active {
    background: url(/uchitoko/common/img/arrow_up.png) no-repeat 95% center;
    background-size: 22px;
  }
  #wrap #contents #sp_point ul li ul li.place ul.point_list {
    display: none;
  }
  #wrap #contents #sp_point ul li ul li.place ul.point_list li {
    overflow: hidden;
    width: 95%;
    margin: 10px auto;
    border-bottom: 1px dashed #4696dc;
    padding: 10px 0;
    background: url(/uchitoko/common/img/arrow_link.png) no-repeat 98% center;
    background-size: 21px;
  }
  #wrap #contents #sp_point ul li ul li.place ul.point_list li img {
    float: left;
    width: 30%;
  }
  #wrap #contents #sp_point ul li ul li.place ul.point_list li span {
    display: table-cell;
    float: left;
    text-align: left;
    margin: 15px 0 0 10px;
    width: 60%;
    font-size: 85.7%;
    border: none;
    line-height: 140%;
    vertical-align: middle;
  }
  #wrap #contents #sp_point ul li ul li.place ul.point_list li span a {
    color: #000;
  }
  #wrap #contents #sp_point ul li ul li#kitchen span.sub {
    border-top: 1px #50cdff dashed;
    border-bottom: 1px #50cdff dashed;
    color: #50cdff;
    background: url(/uchitoko/common/img/arrow_k_down.png) no-repeat 95% center;
    background-size: 22px;
  }
  #wrap #contents #sp_point ul li ul li#kitchen span.active {
    background: url(/uchitoko/common/img/arrow_k_up.png) no-repeat 95% center;
    background-size: 22px;
  }
  #wrap #contents #sp_point ul li ul li#kitchen ul li {
    border-bottom: 1px dashed #50cdff;
    background: url(/uchitoko/common/img/arrow_k_link.png) no-repeat 98% center;
    background-size: 21px;
  }
  #wrap #contents #sp_point ul li ul li#sanitary span.sub {
    border-top: 1px #65bb81 dashed;
    border-bottom: 1px #65bb81 dashed;
    color: #65bb81;
    background: url(/uchitoko/common/img/arrow_sa_down.png) no-repeat 95% center;
    background-size: 22px;
  }
  #wrap #contents #sp_point ul li ul li#sanitary span.active {
    background: url(/uchitoko/common/img/arrow_sa_up.png) no-repeat 95% center;
    background-size: 22px;
  }
  #wrap #contents #sp_point ul li ul li#sanitary ul li {
    border-bottom: 1px dashed #65bb81;
    background: url(/uchitoko/common/img/arrow_sa_link.png) no-repeat 98% center;
    background-size: 21px;
  }
  #wrap #contents #sp_point ul li ul li#kids span.sub {
    border-top: 1px #f06478 dashed;
    border-bottom: 1px #f06478 dashed;
    color: #f06478;
    background: url(/uchitoko/common/img/arrow_ki_down.png) no-repeat 95% center;
    background-size: 22px;
  }
  #wrap #contents #sp_point ul li ul li#kids span.active {
    background: url(/uchitoko/common/img/arrow_ki_up.png) no-repeat 95% center;
    background-size: 22px;
  }
  #wrap #contents #sp_point ul li ul li#kids ul li {
    border-bottom: 1px dashed #f06478;
    background: url(/uchitoko/common/img/arrow_ki_link.png) no-repeat 98% center;
    background-size: 21px;
  }
  #wrap #contents #sp_point ul li ul li#light span.sub {
    border-top: 1px #f5a537 dashed;
    border-bottom: 1px #f5a537 dashed;
    color: #f5a537;
    background: url(/uchitoko/common/img/arrow_li_down.png) no-repeat 95% center;
    background-size: 22px;
  }
  #wrap #contents #sp_point ul li ul li#light span.active {
    background: url(/uchitoko/common/img/arrow_li_up.png) no-repeat 95% center;
    background-size: 22px;
  }
  #wrap #contents #sp_point ul li ul li#light ul li {
    border-bottom: 1px dashed #f5a537;
    background: url(/uchitoko/common/img/arrow_li_link.png) no-repeat 98% center;
    background-size: 21px;
  }
  #wrap #contents .bnr {
    margin: 10px 0;
    overflow: hidden;
    width: 96.4%;
    padding: 5px;
    border: 1px solid #f08d1d;
    background: url(/uchitoko/common/img/arrow_orange.png) no-repeat 97% center;
    background-size: 22px;
  }
  #wrap #contents .bnr .pc {
    display: none;
  }
  #wrap #contents .bnr .thum {
    float: left;
    width: 16%;
    display: block;
  }
  #wrap #contents .bnr .text {
    float: left;
    width: 70%;
    margin-left: 10px;
    display: block;
  }
  #wrap #contents .bnr .text p {
    font-size: 100%;
    color: #646464;
    height: 40px;
    line-height: 40px;
    text-align: left;
  }
  #wrap #contents .bnr .sp {
    display: block;
  }
  #wrap #contents #interview {
    overflow: hidden;
  }
  #wrap #contents #interview ul.left {
    float: none;
    width: 100%;
  }
  #wrap #contents #interview ul.left li {
    overflow: hidden;
    width: 96.4%;
    padding: 5px;
  }
  #wrap #contents #interview ul.left li .thum {
    float: left;
    width: 16%;
  }
  #wrap #contents #interview ul.left li .text {
    float: left;
    width: 70%;
    margin-left: 10px;
    margin-top: 0px;
  }
  #wrap #contents #interview ul.left li .text p {
    font-size: 75.0%;
    color: #646464;
  }
  #wrap #contents #interview ul.left li .text p span {
    font-size: 90%;
    display: inline-block;
    margin-top: 5px;
  }
  #wrap #contents #interview ul.left li .text p span.sp {
    display: inline-block !important;
    margin-left: 10px;
  }
  #wrap #contents #interview ul.left li .text p span.pc {
    display: none;
  }
  #wrap #contents #interview ul.left li .text p.title {
    margin-top: 5px;
    font-size: 96%;
    position: static;
  }
  #wrap #contents #interview ul.left li .text p.cs {
    margin-top: 4px;
  }
  #wrap #contents #interview ul.left li .text p.cs span {
    font-size: 75.0%;
  }
  #wrap #contents #interview ul.left li .text p.cs span.cs {
    font-size: 100%;
    background: #ccc;
    color: #fff;
    display: inline-block;
    padding: 3px 45px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  #wrap #contents #interview ul.left li .text p.cs span.pc {
    display: none;
  }
  #wrap #contents #interview ul.left li:nth-child(1) {
    border: 1px solid #4696dc;
    background: url(/uchitoko/common/img/arrow_blue.png) no-repeat 97% center;
    background-size: 22px;
  }
  #wrap #contents #interview ul.left li:nth-child(2) {
    border: 1px solid #f08d1d;
    background: url(/uchitoko/common/img/arrow_orange.png) no-repeat 97% center;
    background-size: 22px;
  }
  #wrap #contents #interview ul.left li:nth-child(3) {
    border: 1px solid #dd81ac;
    background: url(/uchitoko/common/img/arrow_pink.png) no-repeat 97% center;
    background-size: 22px;
  }
  #wrap #contents #interview ul.left li:nth-child(4) {
    border: 1px solid #7bc178;
    background: url(/uchitoko/common/img/arrow_green.png) no-repeat 97% center;
    background-size: 22px;
  }
  #wrap #contents #interview ul.right {
    float: none;
  }
  #wrap #contents #interview ul.right li {
    overflow: hidden;
    width: 96.4%;
    padding: 5px;
  }
  #wrap #contents #interview ul.right li .thum {
    float: left;
    width: 16%;
  }
  #wrap #contents #interview ul.right li .text {
    float: left;
    width: 70%;
    margin-left: 10px;
  }
  #wrap #contents #interview ul.right li .text p {
    font-size: 100%;
    color: #646464;
    height: 40px;
    line-height: 40px;
  }
  #wrap #contents #interview ul.right li .text p.cs.pc {
    display: none;
  }
  #wrap #contents #interview ul.right li.pc {
    display: none;
  }
  #wrap #contents #interview ul.right li.sp {
    display: block;
  }
  #wrap #contents #interview ul.right li:nth-child(4) {
    border: 1px solid #96b859;
    background: url(/uchitoko/common/img/arrow_p_green.png) no-repeat 97% center;
    background-size: 22px;
  }
  #wrap #contents #interview ul.right li:nth-child(1) {
    border: 1px solid #197e46;
    background: url(/uchitoko/common/img/arrow_d_green.png) no-repeat 97% center;
    background-size: 22px;
  }
}