@media screen and (max-width: 2560px) {
  /* line 20, ../scss/pages.scss */
  #contents.cover {
    background-color: transparent;
  }
  /* line 22, ../scss/pages.scss */
  #contents.cover #bg {
    position: absolute;
    width: 551.2px;
    height: 780px;
    display: none;
  }
  /* line 23, ../scss/pages.scss */
  #contents.cover #text1, #contents.cover #text2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 551.2px;
    height: 780px;
    display: none;
  }
  /* line 24, ../scss/pages.scss */
  #contents.cover #help {
    position: absolute;
    top: 15.6px;
    left: 566.8px;
    width: 507px;
    height: 748.8px;
    -webkit-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    -moz-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    display: none;
  }
  /* line 25, ../scss/pages.scss */
  #contents.cover #help .img {
    position: absolute;
    top: 247px;
    left: 117px;
    width: 278.2px;
  }
  /* line 26, ../scss/pages.scss */
  #contents.cover #help .img img {
    width: 278.2px;
  }
  /* line 31, ../scss/pages.scss */
  #contents.one #white_bg, #contents.one #bg {
    position: absolute;
    width: 1102.4px;
    height: 780px;
    background-color: #fff;
  }
  /* line 32, ../scss/pages.scss */
  #contents.one #title, #contents.one #caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 1102.4px;
    height: 780px;
    display: none;
  }
  /* line 33, ../scss/pages.scss */
  #contents.one .scrollArea {
    position: absolute;
    top: 525.2px;
    left: 57.2px;
    width: 409.5px;
    height: 189.8px;
  }
  /* line 34, ../scss/pages.scss */
  #contents.one .scrollArea p {
    font-size: 18.2px;
    line-height: 28.6px;
    color: #ffffff;
  }
  /* line 36, ../scss/pages.scss */
  #contents.one #text_hide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 551.2px;
    height: 390px;
  }
  /* line 37, ../scss/pages.scss */
  #contents.one .access_btn {
    position: absolute;
    left: 167.7px;
    top: 154.7px;
    width: 166.4px;
    height: 28.6px;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a {
    display: block;
    cursor: pointer;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 40, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit {
    position: absolute;
    top: 15.6px;
    left: 15.6px;
    width: 499.2px;
    border: 1.3px solid #ababab;
    background-color: #ffffff;
  }
  /* line 41, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p {
    padding-left: 5.2px;
    padding-top: 5.2px;
    padding-bottom: 52px;
    font-size: 15.6px;
    line-height: 23.4px;
  }
  /* line 42, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p .caption {
    display: block;
    padding-bottom: 6.5px;
    color: #000000;
  }
  /* line 43, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p strong {
    display: block;
    padding-bottom: 3.9px;
    font-size: 18.2px;
    line-height: 26px;
    color: #cc6633;
  }
  /* line 45, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close {
    bottom: 13px;
    left: 26px;
    width: 78px;
    height: 23.4px;
  }
  /* line 46, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close a {
    width: 78px;
    height: 23.4px;
  }
  /* line 51, ../scss/pages.scss */
  #contents.two #img, #contents.two #text {
    position: absolute;
    top: 0;
    left: 0;
    width: 1102.4px;
    height: 780px;
    display: none;
  }
  /* line 52, ../scss/pages.scss */
  #contents.two .text1 {
    position: absolute;
    top: 262.6px;
    left: 695.5px;
    width: 367.9px;
    font-size: 16.9px;
    line-height: 22.1px;
    color: #181818;
    display: none;
  }
  /* line 53, ../scss/pages.scss */
  #contents.two .text2 {
    position: absolute;
    top: 507px;
    left: 855.4px;
    width: 209.3px;
    font-size: 16.9px;
    line-height: 22.1px;
    color: #181818;
    display: none;
  }
  /* line 54, ../scss/pages.scss */
  #contents.two .text3 {
    position: absolute;
    top: 274.3px;
    left: 36.4px;
    width: 423.8px;
    font-size: 16.9px;
    line-height: 22.1px;
    color: #181818;
    display: none;
  }
  /* line 55, ../scss/pages.scss */
  #contents.two .text4 {
    position: absolute;
    top: 642.2px;
    left: 36.4px;
    width: 478.4px;
    font-size: 16.9px;
    line-height: 22.1px;
    color: #181818;
    display: none;
  }
  /* line 58, ../scss/pages.scss */
  #contents.three #title, #contents.three #text1, #contents.three #text2, #contents.three #text3, #contents.three #text4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 1102.4px;
    height: 780px;
    display: none;
  }
  /* line 59, ../scss/pages.scss */
  #contents.three #img1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 551.2px;
    height: 390px;
    display: none;
  }
  /* line 60, ../scss/pages.scss */
  #contents.three #img2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 551.2px;
    height: 390px;
    display: none;
  }
  /* line 61, ../scss/pages.scss */
  #contents.three #img3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 551.2px;
    height: 390px;
    display: none;
  }
  /* line 62, ../scss/pages.scss */
  #contents.three #img4 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 551.2px;
    height: 390px;
    display: none;
  }
  /* line 63, ../scss/pages.scss */
  #contents.three .text1 {
    position: absolute;
    top: 148.2px;
    left: 581.1px;
    width: 235.3px;
    font-size: 16.9px;
    line-height: 22.1px;
    color: #181818;
    display: none;
  }
  /* line 64, ../scss/pages.scss */
  #contents.three .text2 {
    position: absolute;
    top: 510.9px;
    left: 838.5px;
    width: 235.3px;
    font-size: 16.9px;
    line-height: 22.1px;
    color: #181818;
    display: none;
  }
  /* line 65, ../scss/pages.scss */
  #contents.three .text3 {
    position: absolute;
    top: 145.6px;
    left: 28.6px;
    width: 231.4px;
    font-size: 16.9px;
    line-height: 22.1px;
    color: #181818;
    display: none;
  }
  /* line 66, ../scss/pages.scss */
  #contents.three .text4 {
    position: absolute;
    top: 504.4px;
    left: 291.2px;
    width: 228.8px;
    font-size: 16.9px;
    line-height: 22.1px;
    color: #181818;
    display: none;
  }
  /* line 67, ../scss/pages.scss */
  #contents.three .pop_btn1, #contents.three .pop_btn2, #contents.three .pop_btn3, #contents.three .pop_btn4 {
    position: absolute;
    width: 240.5px;
    height: 115.7px;
    display: none;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a, #contents.three .pop_btn2 a, #contents.three .pop_btn3 a, #contents.three .pop_btn4 a {
    display: block;
    cursor: pointer;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a:hover, #contents.three .pop_btn2 a:hover, #contents.three .pop_btn3 a:hover, #contents.three .pop_btn4 a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 70, ../scss/pages.scss */
  #contents.three .pop_btn1 {
    top: 254.8px;
    left: 834.6px;
  }
  /* line 71, ../scss/pages.scss */
  #contents.three .pop_btn2 {
    top: 631.8px;
    left: 575.9px;
  }
  /* line 72, ../scss/pages.scss */
  #contents.three .pop_btn3 {
    top: 254.8px;
    left: 282.1px;
  }
  /* line 73, ../scss/pages.scss */
  #contents.three .pop_btn4 {
    top: 631.8px;
    left: 29.9px;
  }
  /* line 75, ../scss/pages.scss */
  #contents.three .box_general {
    left: 551.2px;
    width: 551.2px;
    height: 780px;
  }
  /* line 76, ../scss/pages.scss */
  #contents.three .box_general .box_inner {
    width: 520px;
    height: 748.8px;
    margin-left: -260px;
    margin-top: -374.4px;
  }
  /* line 77, ../scss/pages.scss */
  #contents.three .box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 520px;
    height: 748.8px;
  }
  /* line 78, ../scss/pages.scss */
  #contents.three .box_general .box_inner h4 {
    position: absolute;
    top: 20.8px;
    right: 39px;
    font-size: 16.9px;
    color: #cc6633;
  }
  /* line 79, ../scss/pages.scss */
  #contents.three .box_general .box_inner h3 {
    position: absolute;
    top: 417.3px;
    left: 45.5px;
    font-size: 26px;
    line-height: 27.3px;
    color: #000;
  }
  /* line 80, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 {
    position: absolute;
    top: 478.4px;
    left: 45.5px;
    width: 431.6px;
    height: 195px;
  }
  /* line 81, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 .main {
    font-size: 16.9px;
    line-height: 26px;
    color: #000000;
  }
  /* line 83, ../scss/pages.scss */
  #contents.three .box_general .box_inner .btn_close {
    left: 214.5px;
  }
  /* line 86, ../scss/pages.scss */
  #contents.three #infoBox03.box_general, #contents.three #infoBox04.box_general {
    left: 0;
  }
  /* line 91, ../scss/pages.scss */
  #contents.four #bg, #contents.four #title, #contents.four #intro1, #contents.four #intro2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 1102.4px;
    height: 780px;
    display: none;
  }
  /* line 92, ../scss/pages.scss */
  #contents.four #title_bg {
    position: absolute;
    right: 0;
    width: 551.2px;
    height: 780px;
    display: none;
  }
  /* line 93, ../scss/pages.scss */
  #contents.four #spring_ttl_bg {
    position: absolute;
    top: 92.3px;
    left: 49.4px;
    width: 244.4px;
    height: 96.2px;
    display: none;
  }
  /* line 94, ../scss/pages.scss */
  #contents.four #spring_ttl {
    position: absolute;
    top: 106.6px;
    left: 79.3px;
    width: 156px;
    height: 67.6px;
    display: none;
  }
  /* line 97, ../scss/pages.scss */
  #contents.four .box_area .img {
    position: absolute;
    top: 0;
  }
  /* line 98, ../scss/pages.scss */
  #contents.four .box_area .img img {
    border: 2px solid #FFFFFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=3, enabled=true);
  }
  /* line 107, ../scss/pages.scss */
  #contents.four .box_area .name {
    position: absolute;
    bottom: 5.2px;
  }
  /* line 111, ../scss/pages.scss */
  #contents.four .box_area .btn_detail {
    position: absolute;
    bottom: 0;
    right: 2.6px;
    width: 62.4px;
    height: 31.2px;
  }
  /* line 120, ../scss/pages.scss */
  #contents.four #area1 {
    top: 46.8px;
    left: 301.6px;
    width: 214.5px;
    height: 165.1px;
  }
  /* line 121, ../scss/pages.scss */
  #contents.four #area1 .name {
    width: 88.4px;
    height: 26px;
  }
  /* line 122, ../scss/pages.scss */
  #contents.four #area1 .img {
    width: 208px;
    height: 122.2px;
  }
  /* line 124, ../scss/pages.scss */
  #contents.four #area2 {
    top: 224.9px;
    left: 317.2px;
    width: 214.5px;
    height: 165.1px;
  }
  /* line 125, ../scss/pages.scss */
  #contents.four #area2 .name {
    width: 88.4px;
    height: 26px;
  }
  /* line 126, ../scss/pages.scss */
  #contents.four #area2 .img {
    width: 208px;
    height: 122.2px;
  }
  /* line 128, ../scss/pages.scss */
  #contents.four #area3 {
    top: 197.6px;
    left: 55.9px;
    width: 232.7px;
    height: 167.7px;
  }
  /* line 129, ../scss/pages.scss */
  #contents.four #area3 .name {
    width: 88.4px;
    height: 26px;
  }
  /* line 130, ../scss/pages.scss */
  #contents.four #area3 .img {
    width: 226.2px;
    height: 124.8px;
  }
  /* line 132, ../scss/pages.scss */
  #contents.four #area4 {
    top: 436.8px;
    left: 585px;
    width: 326.3px;
    height: 287.3px;
  }
  /* line 133, ../scss/pages.scss */
  #contents.four #area4 .name {
    width: 166.4px;
    height: 26px;
  }
  /* line 134, ../scss/pages.scss */
  #contents.four #area4 .img {
    width: 319.8px;
    height: 244.4px;
  }
  /* line 136, ../scss/pages.scss */
  #contents.four #area5 {
    top: 435.5px;
    left: 357.5px;
    width: 188.5px;
    height: 204.1px;
  }
  /* line 137, ../scss/pages.scss */
  #contents.four #area5 .name {
    bottom: -19.5px;
    width: 105.3px;
    height: 53.3px;
  }
  /* line 138, ../scss/pages.scss */
  #contents.four #area5 .img {
    width: 182px;
    height: 161.2px;
  }
  /* line 140, ../scss/pages.scss */
  #contents.four #area6 {
    top: 391.3px;
    left: 33.8px;
    width: 263.9px;
    height: 176.8px;
  }
  /* line 141, ../scss/pages.scss */
  #contents.four #area6 .name {
    width: 189.8px;
    height: 54.6px;
    bottom: -22.1px;
  }
  /* line 142, ../scss/pages.scss */
  #contents.four #area6 .img {
    width: 257.4px;
    height: 133.9px;
  }
  /* line 144, ../scss/pages.scss */
  #contents.four #area7 {
    top: 599.3px;
    left: 32.5px;
    width: 312px;
    height: 156px;
  }
  /* line 145, ../scss/pages.scss */
  #contents.four #area7 .img {
    width: 312px;
    height: 156px;
  }
  /* line 146, ../scss/pages.scss */
  #contents.four #area7 .img img {
    border: none;
  }
  /* line 151, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner {
    width: 1102.4px;
    height: 780px;
    margin-left: -551.2px;
    margin-top: -390px;
  }
  /* line 152, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 1102.4px;
    height: 780px;
  }
  /* line 153, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text {
    left: 566.8px;
    top: 158.6px;
    width: 400.4px;
    height: 434.2px;
  }
  /* line 154, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h4 {
    font-size: 19.5px;
    color: #F98D50 !important;
  }
  /* line 155, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h3 {
    width: 429px;
    height: 78px;
  }
  /* line 156, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll {
    width: 416px;
    height: 390px;
  }
  /* line 157, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll .main {
    width: 400.4px;
  }
  /* line 161, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .btn_close {
    bottom: 91px;
    left: 512.2px;
  }
  /* line 164, ../scss/pages.scss */
  #contents.four #infoBox06.box_general .box_inner h3 {
    width: 455px !important;
  }
  /* line 165, ../scss/pages.scss */
  #contents.four .box_general .box_inner h4 {
    color: #0071BB !important;
  }
  /* line 169, ../scss/pages.scss */
  #contents.map #map_bg, #contents.map #white_bg {
    position: absolute;
    width: 1102.4px;
    height: 780px;
    background-color: #ffffff;
  }
  /* line 170, ../scss/pages.scss */
  #contents.map #map_title {
    position: absolute;
    left: 26px;
    width: 1102.4px;
    height: 780px;
    display: none;
  }
  /* line 171, ../scss/pages.scss */
  #contents.map #side_infoarea {
    position: absolute;
    left: 0;
    width: 301.6px;
    height: 780px;
  }
  /* line 172, ../scss/pages.scss */
  #contents.map #side_infoarea h2 {
    position: absolute;
    top: 22.1px;
    left: 0;
    width: 301.6px;
    height: 728px;
  }
  /* line 173, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea {
    position: absolute;
    top: 130px;
    left: 32.5px;
    width: 249.6px;
    height: 591.5px;
    background-image: url("/book/common/images/spacer.png");
  }
  /* line 174, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward {
    width: 221px;
    padding-bottom: 20.8px;
  }
  /* line 175, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h3 {
    margin-bottom: 13px;
  }
  /* line 176, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h4 {
    margin-bottom: 7.8px;
    width: 78px;
    height: 13px;
  }
  /* line 177, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul {
    margin-bottom: 6.5px;
  }
  /* line 178, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li {
    padding-bottom: 9.1px;
    overflow: hidden;
    *zoom: 1;
  }
  /* line 179, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a {
    text-decoration: none;
    display: block;
    cursor: pointer;
  }
  /* line 180, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .arrow {
    float: left;
    display: block;
    width: 27.3px;
    height: 35.1px;
  }
  /* line 181, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .genre {
    display: block;
    font-size: 14.3px;
    line-height: 15.6px;
    color: #FF7828;
  }
  /* line 182, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name {
    display: block;
    font-size: 16.9px;
    line-height: 19.5px;
    color: #464646;
  }
  /* line 183, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name.line1 {
    line-height: 29.9px;
  }
  /* line 185, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 189, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .genre, #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .name {
    float: left;
    width: 182px;
  }
  /* line 190, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup a .genre {
    color: #FF3F01;
  }
  /* line 193, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail {
    width: 218.4px;
    height: 52px;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a {
    display: block;
    cursor: pointer;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 197, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu .pickup li a .genre {
    color: #FF3F01;
  }
  /* line 198, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu li a .genre {
    color: #339500;
  }
  /* line 200, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel {
    padding-bottom: 0;
  }
  /* line 201, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure h3, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel h3 {
    margin-bottom: 0;
  }
  /* line 203, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .recommend a .genre, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .recommend a .genre {
    color: #005800;
  }
  /* line 205, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .name, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .name {
    padding-top: 6.5px;
  }
  /* line 214, ../scss/pages.scss */
  #contents .box_area {
    position: absolute;
    display: none;
    cursor: pointer;
  }
  /* line 216, ../scss/pages.scss */
  #contents .box_area a {
    display: block;
  }
}
@media screen and (max-width: 1262px), screen and (max-height: 848px) {
  /* line 20, ../scss/pages.scss */
  #contents.cover {
    background-color: transparent;
  }
  /* line 22, ../scss/pages.scss */
  #contents.cover #bg {
    position: absolute;
    width: 491.84px;
    height: 696px;
    display: none;
  }
  /* line 23, ../scss/pages.scss */
  #contents.cover #text1, #contents.cover #text2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 491.84px;
    height: 696px;
    display: none;
  }
  /* line 24, ../scss/pages.scss */
  #contents.cover #help {
    position: absolute;
    top: 13.92px;
    left: 505.76px;
    width: 452.4px;
    height: 668.16px;
    -webkit-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    -moz-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    display: none;
  }
  /* line 25, ../scss/pages.scss */
  #contents.cover #help .img {
    position: absolute;
    top: 220.4px;
    left: 104.4px;
    width: 248.24px;
  }
  /* line 26, ../scss/pages.scss */
  #contents.cover #help .img img {
    width: 248.24px;
  }
  /* line 31, ../scss/pages.scss */
  #contents.one #white_bg, #contents.one #bg {
    position: absolute;
    width: 983.68px;
    height: 696px;
    background-color: #fff;
  }
  /* line 32, ../scss/pages.scss */
  #contents.one #title, #contents.one #caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 983.68px;
    height: 696px;
    display: none;
  }
  /* line 33, ../scss/pages.scss */
  #contents.one .scrollArea {
    position: absolute;
    top: 468.64px;
    left: 51.04px;
    width: 365.4px;
    height: 169.36px;
  }
  /* line 34, ../scss/pages.scss */
  #contents.one .scrollArea p {
    font-size: 16.24px;
    line-height: 25.52px;
    color: #ffffff;
  }
  /* line 36, ../scss/pages.scss */
  #contents.one #text_hide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 491.84px;
    height: 348px;
  }
  /* line 37, ../scss/pages.scss */
  #contents.one .access_btn {
    position: absolute;
    left: 149.64px;
    top: 138.04px;
    width: 148.48px;
    height: 25.52px;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a {
    display: block;
    cursor: pointer;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 40, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit {
    position: absolute;
    top: 13.92px;
    left: 13.92px;
    width: 445.44px;
    border: 1.16px solid #ababab;
    background-color: #ffffff;
  }
  /* line 41, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p {
    padding-left: 4.64px;
    padding-top: 4.64px;
    padding-bottom: 46.4px;
    font-size: 13.92px;
    line-height: 20.88px;
  }
  /* line 42, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p .caption {
    display: block;
    padding-bottom: 5.8px;
    color: #000000;
  }
  /* line 43, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p strong {
    display: block;
    padding-bottom: 3.48px;
    font-size: 16.24px;
    line-height: 23.2px;
    color: #cc6633;
  }
  /* line 45, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close {
    bottom: 11.6px;
    left: 23.2px;
    width: 69.6px;
    height: 20.88px;
  }
  /* line 46, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close a {
    width: 69.6px;
    height: 20.88px;
  }
  /* line 51, ../scss/pages.scss */
  #contents.two #img, #contents.two #text {
    position: absolute;
    top: 0;
    left: 0;
    width: 983.68px;
    height: 696px;
    display: none;
  }
  /* line 52, ../scss/pages.scss */
  #contents.two .text1 {
    position: absolute;
    top: 234.32px;
    left: 620.6px;
    width: 328.28px;
    font-size: 15.08px;
    line-height: 19.72px;
    color: #181818;
    display: none;
  }
  /* line 53, ../scss/pages.scss */
  #contents.two .text2 {
    position: absolute;
    top: 452.4px;
    left: 763.28px;
    width: 186.76px;
    font-size: 15.08px;
    line-height: 19.72px;
    color: #181818;
    display: none;
  }
  /* line 54, ../scss/pages.scss */
  #contents.two .text3 {
    position: absolute;
    top: 244.76px;
    left: 32.48px;
    width: 378.16px;
    font-size: 15.08px;
    line-height: 19.72px;
    color: #181818;
    display: none;
  }
  /* line 55, ../scss/pages.scss */
  #contents.two .text4 {
    position: absolute;
    top: 573.04px;
    left: 32.48px;
    width: 426.88px;
    font-size: 15.08px;
    line-height: 19.72px;
    color: #181818;
    display: none;
  }
  /* line 58, ../scss/pages.scss */
  #contents.three #title, #contents.three #text1, #contents.three #text2, #contents.three #text3, #contents.three #text4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 983.68px;
    height: 696px;
    display: none;
  }
  /* line 59, ../scss/pages.scss */
  #contents.three #img1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 491.84px;
    height: 348px;
    display: none;
  }
  /* line 60, ../scss/pages.scss */
  #contents.three #img2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 491.84px;
    height: 348px;
    display: none;
  }
  /* line 61, ../scss/pages.scss */
  #contents.three #img3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 491.84px;
    height: 348px;
    display: none;
  }
  /* line 62, ../scss/pages.scss */
  #contents.three #img4 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 491.84px;
    height: 348px;
    display: none;
  }
  /* line 63, ../scss/pages.scss */
  #contents.three .text1 {
    position: absolute;
    top: 132.24px;
    left: 518.52px;
    width: 209.96px;
    font-size: 15.08px;
    line-height: 19.72px;
    color: #181818;
    display: none;
  }
  /* line 64, ../scss/pages.scss */
  #contents.three .text2 {
    position: absolute;
    top: 455.88px;
    left: 748.2px;
    width: 209.96px;
    font-size: 15.08px;
    line-height: 19.72px;
    color: #181818;
    display: none;
  }
  /* line 65, ../scss/pages.scss */
  #contents.three .text3 {
    position: absolute;
    top: 129.92px;
    left: 25.52px;
    width: 206.48px;
    font-size: 15.08px;
    line-height: 19.72px;
    color: #181818;
    display: none;
  }
  /* line 66, ../scss/pages.scss */
  #contents.three .text4 {
    position: absolute;
    top: 450.08px;
    left: 259.84px;
    width: 204.16px;
    font-size: 15.08px;
    line-height: 19.72px;
    color: #181818;
    display: none;
  }
  /* line 67, ../scss/pages.scss */
  #contents.three .pop_btn1, #contents.three .pop_btn2, #contents.three .pop_btn3, #contents.three .pop_btn4 {
    position: absolute;
    width: 214.6px;
    height: 103.24px;
    display: none;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a, #contents.three .pop_btn2 a, #contents.three .pop_btn3 a, #contents.three .pop_btn4 a {
    display: block;
    cursor: pointer;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a:hover, #contents.three .pop_btn2 a:hover, #contents.three .pop_btn3 a:hover, #contents.three .pop_btn4 a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 70, ../scss/pages.scss */
  #contents.three .pop_btn1 {
    top: 227.36px;
    left: 744.72px;
  }
  /* line 71, ../scss/pages.scss */
  #contents.three .pop_btn2 {
    top: 563.76px;
    left: 513.88px;
  }
  /* line 72, ../scss/pages.scss */
  #contents.three .pop_btn3 {
    top: 227.36px;
    left: 251.72px;
  }
  /* line 73, ../scss/pages.scss */
  #contents.three .pop_btn4 {
    top: 563.76px;
    left: 26.68px;
  }
  /* line 75, ../scss/pages.scss */
  #contents.three .box_general {
    left: 491.84px;
    width: 491.84px;
    height: 696px;
  }
  /* line 76, ../scss/pages.scss */
  #contents.three .box_general .box_inner {
    width: 464.0px;
    height: 668.16px;
    margin-left: -232.0px;
    margin-top: -334.08px;
  }
  /* line 77, ../scss/pages.scss */
  #contents.three .box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 464.0px;
    height: 668.16px;
  }
  /* line 78, ../scss/pages.scss */
  #contents.three .box_general .box_inner h4 {
    position: absolute;
    top: 18.56px;
    right: 34.8px;
    font-size: 15.08px;
    color: #cc6633;
  }
  /* line 79, ../scss/pages.scss */
  #contents.three .box_general .box_inner h3 {
    position: absolute;
    top: 372.36px;
    left: 40.6px;
    font-size: 23.2px;
    line-height: 24.36px;
    color: #000;
  }
  /* line 80, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 {
    position: absolute;
    top: 426.88px;
    left: 40.6px;
    width: 385.12px;
    height: 174px;
  }
  /* line 81, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 .main {
    font-size: 15.08px;
    line-height: 23.2px;
    color: #000000;
  }
  /* line 83, ../scss/pages.scss */
  #contents.three .box_general .box_inner .btn_close {
    left: 191.4px;
  }
  /* line 86, ../scss/pages.scss */
  #contents.three #infoBox03.box_general, #contents.three #infoBox04.box_general {
    left: 0;
  }
  /* line 91, ../scss/pages.scss */
  #contents.four #bg, #contents.four #title, #contents.four #intro1, #contents.four #intro2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 983.68px;
    height: 696px;
    display: none;
  }
  /* line 92, ../scss/pages.scss */
  #contents.four #title_bg {
    position: absolute;
    right: 0;
    width: 491.84px;
    height: 696px;
    display: none;
  }
  /* line 93, ../scss/pages.scss */
  #contents.four #spring_ttl_bg {
    position: absolute;
    top: 82.36px;
    left: 44.08px;
    width: 218.08px;
    height: 85.84px;
    display: none;
  }
  /* line 94, ../scss/pages.scss */
  #contents.four #spring_ttl {
    position: absolute;
    top: 95.12px;
    left: 70.76px;
    width: 139.2px;
    height: 60.32px;
    display: none;
  }
  /* line 97, ../scss/pages.scss */
  #contents.four .box_area .img {
    position: absolute;
    top: 0;
  }
  /* line 98, ../scss/pages.scss */
  #contents.four .box_area .img img {
    border: 2px solid #FFFFFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=3, enabled=true);
  }
  /* line 107, ../scss/pages.scss */
  #contents.four .box_area .name {
    position: absolute;
    bottom: 4.64px;
  }
  /* line 111, ../scss/pages.scss */
  #contents.four .box_area .btn_detail {
    position: absolute;
    bottom: 0;
    right: 2.32px;
    width: 55.68px;
    height: 27.84px;
  }
  /* line 120, ../scss/pages.scss */
  #contents.four #area1 {
    top: 41.76px;
    left: 269.12px;
    width: 191.4px;
    height: 147.32px;
  }
  /* line 121, ../scss/pages.scss */
  #contents.four #area1 .name {
    width: 78.88px;
    height: 23.2px;
  }
  /* line 122, ../scss/pages.scss */
  #contents.four #area1 .img {
    width: 185.6px;
    height: 109.04px;
  }
  /* line 124, ../scss/pages.scss */
  #contents.four #area2 {
    top: 200.68px;
    left: 283.04px;
    width: 191.4px;
    height: 147.32px;
  }
  /* line 125, ../scss/pages.scss */
  #contents.four #area2 .name {
    width: 78.88px;
    height: 23.2px;
  }
  /* line 126, ../scss/pages.scss */
  #contents.four #area2 .img {
    width: 185.6px;
    height: 109.04px;
  }
  /* line 128, ../scss/pages.scss */
  #contents.four #area3 {
    top: 176.32px;
    left: 49.88px;
    width: 207.64px;
    height: 149.64px;
  }
  /* line 129, ../scss/pages.scss */
  #contents.four #area3 .name {
    width: 78.88px;
    height: 23.2px;
  }
  /* line 130, ../scss/pages.scss */
  #contents.four #area3 .img {
    width: 201.84px;
    height: 111.36px;
  }
  /* line 132, ../scss/pages.scss */
  #contents.four #area4 {
    top: 389.76px;
    left: 522px;
    width: 291.16px;
    height: 256.36px;
  }
  /* line 133, ../scss/pages.scss */
  #contents.four #area4 .name {
    width: 148.48px;
    height: 23.2px;
  }
  /* line 134, ../scss/pages.scss */
  #contents.four #area4 .img {
    width: 285.36px;
    height: 218.08px;
  }
  /* line 136, ../scss/pages.scss */
  #contents.four #area5 {
    top: 388.6px;
    left: 319px;
    width: 168.2px;
    height: 182.12px;
  }
  /* line 137, ../scss/pages.scss */
  #contents.four #area5 .name {
    bottom: -17.4px;
    width: 93.96px;
    height: 47.56px;
  }
  /* line 138, ../scss/pages.scss */
  #contents.four #area5 .img {
    width: 162.4px;
    height: 143.84px;
  }
  /* line 140, ../scss/pages.scss */
  #contents.four #area6 {
    top: 349.16px;
    left: 30.16px;
    width: 235.48px;
    height: 157.76px;
  }
  /* line 141, ../scss/pages.scss */
  #contents.four #area6 .name {
    width: 169.36px;
    height: 48.72px;
    bottom: -19.72px;
  }
  /* line 142, ../scss/pages.scss */
  #contents.four #area6 .img {
    width: 229.68px;
    height: 119.48px;
  }
  /* line 144, ../scss/pages.scss */
  #contents.four #area7 {
    top: 534.76px;
    left: 29.0px;
    width: 278.4px;
    height: 139.2px;
  }
  /* line 145, ../scss/pages.scss */
  #contents.four #area7 .img {
    width: 278.4px;
    height: 139.2px;
  }
  /* line 146, ../scss/pages.scss */
  #contents.four #area7 .img img {
    border: none;
  }
  /* line 151, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner {
    width: 983.68px;
    height: 696px;
    margin-left: -491.84px;
    margin-top: -348px;
  }
  /* line 152, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 983.68px;
    height: 696px;
  }
  /* line 153, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text {
    left: 505.76px;
    top: 141.52px;
    width: 357.28px;
    height: 387.44px;
  }
  /* line 154, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h4 {
    font-size: 17.4px;
    color: #F98D50 !important;
  }
  /* line 155, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h3 {
    width: 382.8px;
    height: 69.6px;
  }
  /* line 156, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll {
    width: 371.2px;
    height: 348px;
  }
  /* line 157, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll .main {
    width: 357.28px;
  }
  /* line 161, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .btn_close {
    bottom: 81.2px;
    left: 457.04px;
  }
  /* line 164, ../scss/pages.scss */
  #contents.four #infoBox06.box_general .box_inner h3 {
    width: 406px !important;
  }
  /* line 165, ../scss/pages.scss */
  #contents.four .box_general .box_inner h4 {
    color: #0071BB !important;
  }
  /* line 169, ../scss/pages.scss */
  #contents.map #map_bg, #contents.map #white_bg {
    position: absolute;
    width: 983.68px;
    height: 696px;
    background-color: #ffffff;
  }
  /* line 170, ../scss/pages.scss */
  #contents.map #map_title {
    position: absolute;
    left: 23.2px;
    width: 983.68px;
    height: 696px;
    display: none;
  }
  /* line 171, ../scss/pages.scss */
  #contents.map #side_infoarea {
    position: absolute;
    left: 0;
    width: 269.12px;
    height: 696px;
  }
  /* line 172, ../scss/pages.scss */
  #contents.map #side_infoarea h2 {
    position: absolute;
    top: 19.72px;
    left: 0;
    width: 269.12px;
    height: 649.6px;
  }
  /* line 173, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea {
    position: absolute;
    top: 116.0px;
    left: 29.0px;
    width: 222.72px;
    height: 527.8px;
    background-image: url("/book/common/images/spacer.png");
  }
  /* line 174, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward {
    width: 197.2px;
    padding-bottom: 18.56px;
  }
  /* line 175, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h3 {
    margin-bottom: 11.6px;
  }
  /* line 176, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h4 {
    margin-bottom: 6.96px;
    width: 69.6px;
    height: 11.6px;
  }
  /* line 177, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul {
    margin-bottom: 5.8px;
  }
  /* line 178, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li {
    padding-bottom: 8.12px;
    overflow: hidden;
    *zoom: 1;
  }
  /* line 179, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a {
    text-decoration: none;
    display: block;
    cursor: pointer;
  }
  /* line 180, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .arrow {
    float: left;
    display: block;
    width: 24.36px;
    height: 31.32px;
  }
  /* line 181, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .genre {
    display: block;
    font-size: 12.76px;
    line-height: 13.92px;
    color: #FF7828;
  }
  /* line 182, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name {
    display: block;
    font-size: 15.08px;
    line-height: 17.4px;
    color: #464646;
  }
  /* line 183, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name.line1 {
    line-height: 26.68px;
  }
  /* line 185, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 189, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .genre, #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .name {
    float: left;
    width: 162.4px;
  }
  /* line 190, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup a .genre {
    color: #FF3F01;
  }
  /* line 193, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail {
    width: 194.88px;
    height: 46.4px;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a {
    display: block;
    cursor: pointer;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 197, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu .pickup li a .genre {
    color: #FF3F01;
  }
  /* line 198, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu li a .genre {
    color: #339500;
  }
  /* line 200, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel {
    padding-bottom: 0;
  }
  /* line 201, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure h3, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel h3 {
    margin-bottom: 0;
  }
  /* line 203, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .recommend a .genre, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .recommend a .genre {
    color: #005800;
  }
  /* line 205, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .name, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .name {
    padding-top: 5.8px;
  }
  /* line 214, ../scss/pages.scss */
  #contents .box_area {
    position: absolute;
    display: none;
    cursor: pointer;
  }
  /* line 216, ../scss/pages.scss */
  #contents .box_area a {
    display: block;
  }
}
@media screen and (max-width: 1127px), screen and (max-height: 756px) {
  /* line 20, ../scss/pages.scss */
  #contents.cover {
    background-color: transparent;
  }
  /* line 22, ../scss/pages.scss */
  #contents.cover #bg {
    position: absolute;
    width: 457.92px;
    height: 648px;
    display: none;
  }
  /* line 23, ../scss/pages.scss */
  #contents.cover #text1, #contents.cover #text2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 457.92px;
    height: 648px;
    display: none;
  }
  /* line 24, ../scss/pages.scss */
  #contents.cover #help {
    position: absolute;
    top: 12.96px;
    left: 470.88px;
    width: 421.2px;
    height: 622.08px;
    -webkit-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    -moz-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    display: none;
  }
  /* line 25, ../scss/pages.scss */
  #contents.cover #help .img {
    position: absolute;
    top: 205.2px;
    left: 97.2px;
    width: 231.12px;
  }
  /* line 26, ../scss/pages.scss */
  #contents.cover #help .img img {
    width: 231.12px;
  }
  /* line 31, ../scss/pages.scss */
  #contents.one #white_bg, #contents.one #bg {
    position: absolute;
    width: 915.84px;
    height: 648px;
    background-color: #fff;
  }
  /* line 32, ../scss/pages.scss */
  #contents.one #title, #contents.one #caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 915.84px;
    height: 648px;
    display: none;
  }
  /* line 33, ../scss/pages.scss */
  #contents.one .scrollArea {
    position: absolute;
    top: 436.32px;
    left: 47.52px;
    width: 340.2px;
    height: 157.68px;
  }
  /* line 34, ../scss/pages.scss */
  #contents.one .scrollArea p {
    font-size: 15.12px;
    line-height: 23.76px;
    color: #ffffff;
  }
  /* line 36, ../scss/pages.scss */
  #contents.one #text_hide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 457.92px;
    height: 324px;
  }
  /* line 37, ../scss/pages.scss */
  #contents.one .access_btn {
    position: absolute;
    left: 139.32px;
    top: 128.52px;
    width: 138.24px;
    height: 23.76px;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a {
    display: block;
    cursor: pointer;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 40, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit {
    position: absolute;
    top: 12.96px;
    left: 12.96px;
    width: 414.72px;
    border: 1.08px solid #ababab;
    background-color: #ffffff;
  }
  /* line 41, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p {
    padding-left: 4.32px;
    padding-top: 4.32px;
    padding-bottom: 43.2px;
    font-size: 12.96px;
    line-height: 19.44px;
  }
  /* line 42, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p .caption {
    display: block;
    padding-bottom: 5.4px;
    color: #000000;
  }
  /* line 43, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p strong {
    display: block;
    padding-bottom: 3.24px;
    font-size: 15.12px;
    line-height: 21.6px;
    color: #cc6633;
  }
  /* line 45, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close {
    bottom: 10.8px;
    left: 21.6px;
    width: 64.8px;
    height: 19.44px;
  }
  /* line 46, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close a {
    width: 64.8px;
    height: 19.44px;
  }
  /* line 51, ../scss/pages.scss */
  #contents.two #img, #contents.two #text {
    position: absolute;
    top: 0;
    left: 0;
    width: 915.84px;
    height: 648px;
    display: none;
  }
  /* line 52, ../scss/pages.scss */
  #contents.two .text1 {
    position: absolute;
    top: 218.16px;
    left: 577.8px;
    width: 305.64px;
    font-size: 14.04px;
    line-height: 18.36px;
    color: #181818;
    display: none;
  }
  /* line 53, ../scss/pages.scss */
  #contents.two .text2 {
    position: absolute;
    top: 421.2px;
    left: 710.64px;
    width: 173.88px;
    font-size: 14.04px;
    line-height: 18.36px;
    color: #181818;
    display: none;
  }
  /* line 54, ../scss/pages.scss */
  #contents.two .text3 {
    position: absolute;
    top: 227.88px;
    left: 30.24px;
    width: 352.08px;
    font-size: 14.04px;
    line-height: 18.36px;
    color: #181818;
    display: none;
  }
  /* line 55, ../scss/pages.scss */
  #contents.two .text4 {
    position: absolute;
    top: 533.52px;
    left: 30.24px;
    width: 397.44px;
    font-size: 14.04px;
    line-height: 18.36px;
    color: #181818;
    display: none;
  }
  /* line 58, ../scss/pages.scss */
  #contents.three #title, #contents.three #text1, #contents.three #text2, #contents.three #text3, #contents.three #text4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 915.84px;
    height: 648px;
    display: none;
  }
  /* line 59, ../scss/pages.scss */
  #contents.three #img1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 457.92px;
    height: 324px;
    display: none;
  }
  /* line 60, ../scss/pages.scss */
  #contents.three #img2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 457.92px;
    height: 324px;
    display: none;
  }
  /* line 61, ../scss/pages.scss */
  #contents.three #img3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 457.92px;
    height: 324px;
    display: none;
  }
  /* line 62, ../scss/pages.scss */
  #contents.three #img4 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 457.92px;
    height: 324px;
    display: none;
  }
  /* line 63, ../scss/pages.scss */
  #contents.three .text1 {
    position: absolute;
    top: 123.12px;
    left: 482.76px;
    width: 195.48px;
    font-size: 14.04px;
    line-height: 18.36px;
    color: #181818;
    display: none;
  }
  /* line 64, ../scss/pages.scss */
  #contents.three .text2 {
    position: absolute;
    top: 424.44px;
    left: 696.6px;
    width: 195.48px;
    font-size: 14.04px;
    line-height: 18.36px;
    color: #181818;
    display: none;
  }
  /* line 65, ../scss/pages.scss */
  #contents.three .text3 {
    position: absolute;
    top: 120.96px;
    left: 23.76px;
    width: 192.24px;
    font-size: 14.04px;
    line-height: 18.36px;
    color: #181818;
    display: none;
  }
  /* line 66, ../scss/pages.scss */
  #contents.three .text4 {
    position: absolute;
    top: 419.04px;
    left: 241.92px;
    width: 190.08px;
    font-size: 14.04px;
    line-height: 18.36px;
    color: #181818;
    display: none;
  }
  /* line 67, ../scss/pages.scss */
  #contents.three .pop_btn1, #contents.three .pop_btn2, #contents.three .pop_btn3, #contents.three .pop_btn4 {
    position: absolute;
    width: 199.8px;
    height: 96.12px;
    display: none;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a, #contents.three .pop_btn2 a, #contents.three .pop_btn3 a, #contents.three .pop_btn4 a {
    display: block;
    cursor: pointer;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a:hover, #contents.three .pop_btn2 a:hover, #contents.three .pop_btn3 a:hover, #contents.three .pop_btn4 a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 70, ../scss/pages.scss */
  #contents.three .pop_btn1 {
    top: 211.68px;
    left: 693.36px;
  }
  /* line 71, ../scss/pages.scss */
  #contents.three .pop_btn2 {
    top: 524.88px;
    left: 478.44px;
  }
  /* line 72, ../scss/pages.scss */
  #contents.three .pop_btn3 {
    top: 211.68px;
    left: 234.36px;
  }
  /* line 73, ../scss/pages.scss */
  #contents.three .pop_btn4 {
    top: 524.88px;
    left: 24.84px;
  }
  /* line 75, ../scss/pages.scss */
  #contents.three .box_general {
    left: 457.92px;
    width: 457.92px;
    height: 648px;
  }
  /* line 76, ../scss/pages.scss */
  #contents.three .box_general .box_inner {
    width: 432px;
    height: 622.08px;
    margin-left: -216px;
    margin-top: -311.04px;
  }
  /* line 77, ../scss/pages.scss */
  #contents.three .box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 432px;
    height: 622.08px;
  }
  /* line 78, ../scss/pages.scss */
  #contents.three .box_general .box_inner h4 {
    position: absolute;
    top: 17.28px;
    right: 32.4px;
    font-size: 14.04px;
    color: #cc6633;
  }
  /* line 79, ../scss/pages.scss */
  #contents.three .box_general .box_inner h3 {
    position: absolute;
    top: 346.68px;
    left: 37.8px;
    font-size: 21.6px;
    line-height: 22.68px;
    color: #000;
  }
  /* line 80, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 {
    position: absolute;
    top: 397.44px;
    left: 37.8px;
    width: 358.56px;
    height: 162px;
  }
  /* line 81, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 .main {
    font-size: 14.04px;
    line-height: 21.6px;
    color: #000000;
  }
  /* line 83, ../scss/pages.scss */
  #contents.three .box_general .box_inner .btn_close {
    left: 178.2px;
  }
  /* line 86, ../scss/pages.scss */
  #contents.three #infoBox03.box_general, #contents.three #infoBox04.box_general {
    left: 0;
  }
  /* line 91, ../scss/pages.scss */
  #contents.four #bg, #contents.four #title, #contents.four #intro1, #contents.four #intro2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 915.84px;
    height: 648px;
    display: none;
  }
  /* line 92, ../scss/pages.scss */
  #contents.four #title_bg {
    position: absolute;
    right: 0;
    width: 457.92px;
    height: 648px;
    display: none;
  }
  /* line 93, ../scss/pages.scss */
  #contents.four #spring_ttl_bg {
    position: absolute;
    top: 76.68px;
    left: 41.04px;
    width: 203.04px;
    height: 79.92px;
    display: none;
  }
  /* line 94, ../scss/pages.scss */
  #contents.four #spring_ttl {
    position: absolute;
    top: 88.56px;
    left: 65.88px;
    width: 129.6px;
    height: 56.16px;
    display: none;
  }
  /* line 97, ../scss/pages.scss */
  #contents.four .box_area .img {
    position: absolute;
    top: 0;
  }
  /* line 98, ../scss/pages.scss */
  #contents.four .box_area .img img {
    border: 2px solid #FFFFFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=3, enabled=true);
  }
  /* line 107, ../scss/pages.scss */
  #contents.four .box_area .name {
    position: absolute;
    bottom: 4.32px;
  }
  /* line 111, ../scss/pages.scss */
  #contents.four .box_area .btn_detail {
    position: absolute;
    bottom: 0;
    right: 2.16px;
    width: 51.84px;
    height: 25.92px;
  }
  /* line 120, ../scss/pages.scss */
  #contents.four #area1 {
    top: 38.88px;
    left: 250.56px;
    width: 178.2px;
    height: 137.16px;
  }
  /* line 121, ../scss/pages.scss */
  #contents.four #area1 .name {
    width: 73.44px;
    height: 21.6px;
  }
  /* line 122, ../scss/pages.scss */
  #contents.four #area1 .img {
    width: 172.8px;
    height: 101.52px;
  }
  /* line 124, ../scss/pages.scss */
  #contents.four #area2 {
    top: 186.84px;
    left: 263.52px;
    width: 178.2px;
    height: 137.16px;
  }
  /* line 125, ../scss/pages.scss */
  #contents.four #area2 .name {
    width: 73.44px;
    height: 21.6px;
  }
  /* line 126, ../scss/pages.scss */
  #contents.four #area2 .img {
    width: 172.8px;
    height: 101.52px;
  }
  /* line 128, ../scss/pages.scss */
  #contents.four #area3 {
    top: 164.16px;
    left: 46.44px;
    width: 193.32px;
    height: 139.32px;
  }
  /* line 129, ../scss/pages.scss */
  #contents.four #area3 .name {
    width: 73.44px;
    height: 21.6px;
  }
  /* line 130, ../scss/pages.scss */
  #contents.four #area3 .img {
    width: 187.92px;
    height: 103.68px;
  }
  /* line 132, ../scss/pages.scss */
  #contents.four #area4 {
    top: 362.88px;
    left: 486.0px;
    width: 271.08px;
    height: 238.68px;
  }
  /* line 133, ../scss/pages.scss */
  #contents.four #area4 .name {
    width: 138.24px;
    height: 21.6px;
  }
  /* line 134, ../scss/pages.scss */
  #contents.four #area4 .img {
    width: 265.68px;
    height: 203.04px;
  }
  /* line 136, ../scss/pages.scss */
  #contents.four #area5 {
    top: 361.8px;
    left: 297px;
    width: 156.6px;
    height: 169.56px;
  }
  /* line 137, ../scss/pages.scss */
  #contents.four #area5 .name {
    bottom: -16.2px;
    width: 87.48px;
    height: 44.28px;
  }
  /* line 138, ../scss/pages.scss */
  #contents.four #area5 .img {
    width: 151.2px;
    height: 133.92px;
  }
  /* line 140, ../scss/pages.scss */
  #contents.four #area6 {
    top: 325.08px;
    left: 28.08px;
    width: 219.24px;
    height: 146.88px;
  }
  /* line 141, ../scss/pages.scss */
  #contents.four #area6 .name {
    width: 157.68px;
    height: 45.36px;
    bottom: -18.36px;
  }
  /* line 142, ../scss/pages.scss */
  #contents.four #area6 .img {
    width: 213.84px;
    height: 111.24px;
  }
  /* line 144, ../scss/pages.scss */
  #contents.four #area7 {
    top: 497.88px;
    left: 27px;
    width: 259.2px;
    height: 129.6px;
  }
  /* line 145, ../scss/pages.scss */
  #contents.four #area7 .img {
    width: 259.2px;
    height: 129.6px;
  }
  /* line 146, ../scss/pages.scss */
  #contents.four #area7 .img img {
    border: none;
  }
  /* line 151, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner {
    width: 915.84px;
    height: 648px;
    margin-left: -457.92px;
    margin-top: -324px;
  }
  /* line 152, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 915.84px;
    height: 648px;
  }
  /* line 153, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text {
    left: 470.88px;
    top: 131.76px;
    width: 332.64px;
    height: 360.72px;
  }
  /* line 154, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h4 {
    font-size: 16.2px;
    color: #F98D50 !important;
  }
  /* line 155, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h3 {
    width: 356.4px;
    height: 64.8px;
  }
  /* line 156, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll {
    width: 345.6px;
    height: 324px;
  }
  /* line 157, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll .main {
    width: 332.64px;
  }
  /* line 161, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .btn_close {
    bottom: 75.6px;
    left: 425.52px;
  }
  /* line 164, ../scss/pages.scss */
  #contents.four #infoBox06.box_general .box_inner h3 {
    width: 378px !important;
  }
  /* line 165, ../scss/pages.scss */
  #contents.four .box_general .box_inner h4 {
    color: #0071BB !important;
  }
  /* line 169, ../scss/pages.scss */
  #contents.map #map_bg, #contents.map #white_bg {
    position: absolute;
    width: 915.84px;
    height: 648px;
    background-color: #ffffff;
  }
  /* line 170, ../scss/pages.scss */
  #contents.map #map_title {
    position: absolute;
    left: 21.6px;
    width: 915.84px;
    height: 648px;
    display: none;
  }
  /* line 171, ../scss/pages.scss */
  #contents.map #side_infoarea {
    position: absolute;
    left: 0;
    width: 250.56px;
    height: 648px;
  }
  /* line 172, ../scss/pages.scss */
  #contents.map #side_infoarea h2 {
    position: absolute;
    top: 18.36px;
    left: 0;
    width: 250.56px;
    height: 604.8px;
  }
  /* line 173, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea {
    position: absolute;
    top: 108px;
    left: 27px;
    width: 207.36px;
    height: 491.4px;
    background-image: url("/book/common/images/spacer.png");
  }
  /* line 174, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward {
    width: 183.6px;
    padding-bottom: 17.28px;
  }
  /* line 175, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h3 {
    margin-bottom: 10.8px;
  }
  /* line 176, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h4 {
    margin-bottom: 6.48px;
    width: 64.8px;
    height: 10.8px;
  }
  /* line 177, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul {
    margin-bottom: 5.4px;
  }
  /* line 178, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li {
    padding-bottom: 7.56px;
    overflow: hidden;
    *zoom: 1;
  }
  /* line 179, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a {
    text-decoration: none;
    display: block;
    cursor: pointer;
  }
  /* line 180, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .arrow {
    float: left;
    display: block;
    width: 22.68px;
    height: 29.16px;
  }
  /* line 181, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .genre {
    display: block;
    font-size: 11.88px;
    line-height: 12.96px;
    color: #FF7828;
  }
  /* line 182, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name {
    display: block;
    font-size: 14.04px;
    line-height: 16.2px;
    color: #464646;
  }
  /* line 183, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name.line1 {
    line-height: 24.84px;
  }
  /* line 185, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 189, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .genre, #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .name {
    float: left;
    width: 151.2px;
  }
  /* line 190, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup a .genre {
    color: #FF3F01;
  }
  /* line 193, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail {
    width: 181.44px;
    height: 43.2px;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a {
    display: block;
    cursor: pointer;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 197, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu .pickup li a .genre {
    color: #FF3F01;
  }
  /* line 198, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu li a .genre {
    color: #339500;
  }
  /* line 200, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel {
    padding-bottom: 0;
  }
  /* line 201, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure h3, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel h3 {
    margin-bottom: 0;
  }
  /* line 203, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .recommend a .genre, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .recommend a .genre {
    color: #005800;
  }
  /* line 205, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .name, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .name {
    padding-top: 5.4px;
  }
  /* line 214, ../scss/pages.scss */
  #contents .box_area {
    position: absolute;
    display: none;
    cursor: pointer;
  }
  /* line 216, ../scss/pages.scss */
  #contents .box_area a {
    display: block;
  }
}
@media screen and (max-width: 1049px), screen and (max-height: 704px) {
  /* line 20, ../scss/pages.scss */
  #contents.cover {
    background-color: transparent;
  }
  /* line 22, ../scss/pages.scss */
  #contents.cover #bg {
    position: absolute;
    width: 424px;
    height: 600px;
    display: none;
  }
  /* line 23, ../scss/pages.scss */
  #contents.cover #text1, #contents.cover #text2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 424px;
    height: 600px;
    display: none;
  }
  /* line 24, ../scss/pages.scss */
  #contents.cover #help {
    position: absolute;
    top: 12px;
    left: 436px;
    width: 390px;
    height: 576px;
    -webkit-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    -moz-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    display: none;
  }
  /* line 25, ../scss/pages.scss */
  #contents.cover #help .img {
    position: absolute;
    top: 190px;
    left: 90px;
    width: 214px;
  }
  /* line 26, ../scss/pages.scss */
  #contents.cover #help .img img {
    width: 214px;
  }
  /* line 31, ../scss/pages.scss */
  #contents.one #white_bg, #contents.one #bg {
    position: absolute;
    width: 848px;
    height: 600px;
    background-color: #fff;
  }
  /* line 32, ../scss/pages.scss */
  #contents.one #title, #contents.one #caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 848px;
    height: 600px;
    display: none;
  }
  /* line 33, ../scss/pages.scss */
  #contents.one .scrollArea {
    position: absolute;
    top: 404px;
    left: 44px;
    width: 315px;
    height: 146px;
  }
  /* line 34, ../scss/pages.scss */
  #contents.one .scrollArea p {
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
  }
  /* line 36, ../scss/pages.scss */
  #contents.one #text_hide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 424px;
    height: 300px;
  }
  /* line 37, ../scss/pages.scss */
  #contents.one .access_btn {
    position: absolute;
    left: 129px;
    top: 119px;
    width: 128px;
    height: 22px;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a {
    display: block;
    cursor: pointer;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 40, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 384px;
    border: 1px solid #ababab;
    background-color: #ffffff;
  }
  /* line 41, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p {
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 40px;
    font-size: 12px;
    line-height: 18px;
  }
  /* line 42, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p .caption {
    display: block;
    padding-bottom: 5px;
    color: #000000;
  }
  /* line 43, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p strong {
    display: block;
    padding-bottom: 3px;
    font-size: 14px;
    line-height: 20px;
    color: #cc6633;
  }
  /* line 45, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close {
    bottom: 10px;
    left: 20px;
    width: 60px;
    height: 18px;
  }
  /* line 46, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close a {
    width: 60px;
    height: 18px;
  }
  /* line 51, ../scss/pages.scss */
  #contents.two #img, #contents.two #text {
    position: absolute;
    top: 0;
    left: 0;
    width: 848px;
    height: 600px;
    display: none;
  }
  /* line 52, ../scss/pages.scss */
  #contents.two .text1 {
    position: absolute;
    top: 202px;
    left: 535px;
    width: 283px;
    font-size: 13px;
    line-height: 17px;
    color: #181818;
    display: none;
  }
  /* line 53, ../scss/pages.scss */
  #contents.two .text2 {
    position: absolute;
    top: 390px;
    left: 658px;
    width: 161px;
    font-size: 13px;
    line-height: 17px;
    color: #181818;
    display: none;
  }
  /* line 54, ../scss/pages.scss */
  #contents.two .text3 {
    position: absolute;
    top: 211px;
    left: 28px;
    width: 326px;
    font-size: 13px;
    line-height: 17px;
    color: #181818;
    display: none;
  }
  /* line 55, ../scss/pages.scss */
  #contents.two .text4 {
    position: absolute;
    top: 494px;
    left: 28px;
    width: 368px;
    font-size: 13px;
    line-height: 17px;
    color: #181818;
    display: none;
  }
  /* line 58, ../scss/pages.scss */
  #contents.three #title, #contents.three #text1, #contents.three #text2, #contents.three #text3, #contents.three #text4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 848px;
    height: 600px;
    display: none;
  }
  /* line 59, ../scss/pages.scss */
  #contents.three #img1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 424px;
    height: 300px;
    display: none;
  }
  /* line 60, ../scss/pages.scss */
  #contents.three #img2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 424px;
    height: 300px;
    display: none;
  }
  /* line 61, ../scss/pages.scss */
  #contents.three #img3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 424px;
    height: 300px;
    display: none;
  }
  /* line 62, ../scss/pages.scss */
  #contents.three #img4 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 424px;
    height: 300px;
    display: none;
  }
  /* line 63, ../scss/pages.scss */
  #contents.three .text1 {
    position: absolute;
    top: 114px;
    left: 447px;
    width: 181px;
    font-size: 13px;
    line-height: 17px;
    color: #181818;
    display: none;
  }
  /* line 64, ../scss/pages.scss */
  #contents.three .text2 {
    position: absolute;
    top: 393px;
    left: 645px;
    width: 181px;
    font-size: 13px;
    line-height: 17px;
    color: #181818;
    display: none;
  }
  /* line 65, ../scss/pages.scss */
  #contents.three .text3 {
    position: absolute;
    top: 112px;
    left: 22px;
    width: 178px;
    font-size: 13px;
    line-height: 17px;
    color: #181818;
    display: none;
  }
  /* line 66, ../scss/pages.scss */
  #contents.three .text4 {
    position: absolute;
    top: 388px;
    left: 224px;
    width: 176px;
    font-size: 13px;
    line-height: 17px;
    color: #181818;
    display: none;
  }
  /* line 67, ../scss/pages.scss */
  #contents.three .pop_btn1, #contents.three .pop_btn2, #contents.three .pop_btn3, #contents.three .pop_btn4 {
    position: absolute;
    width: 185px;
    height: 89px;
    display: none;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a, #contents.three .pop_btn2 a, #contents.three .pop_btn3 a, #contents.three .pop_btn4 a {
    display: block;
    cursor: pointer;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a:hover, #contents.three .pop_btn2 a:hover, #contents.three .pop_btn3 a:hover, #contents.three .pop_btn4 a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 70, ../scss/pages.scss */
  #contents.three .pop_btn1 {
    top: 196px;
    left: 642px;
  }
  /* line 71, ../scss/pages.scss */
  #contents.three .pop_btn2 {
    top: 486px;
    left: 443px;
  }
  /* line 72, ../scss/pages.scss */
  #contents.three .pop_btn3 {
    top: 196px;
    left: 217px;
  }
  /* line 73, ../scss/pages.scss */
  #contents.three .pop_btn4 {
    top: 486px;
    left: 23px;
  }
  /* line 75, ../scss/pages.scss */
  #contents.three .box_general {
    left: 424px;
    width: 424px;
    height: 600px;
  }
  /* line 76, ../scss/pages.scss */
  #contents.three .box_general .box_inner {
    width: 400px;
    height: 576px;
    margin-left: -200px;
    margin-top: -288px;
  }
  /* line 77, ../scss/pages.scss */
  #contents.three .box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 400px;
    height: 576px;
  }
  /* line 78, ../scss/pages.scss */
  #contents.three .box_general .box_inner h4 {
    position: absolute;
    top: 16px;
    right: 30px;
    font-size: 13px;
    color: #cc6633;
  }
  /* line 79, ../scss/pages.scss */
  #contents.three .box_general .box_inner h3 {
    position: absolute;
    top: 321px;
    left: 35px;
    font-size: 20px;
    line-height: 21px;
    color: #000;
  }
  /* line 80, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 {
    position: absolute;
    top: 368px;
    left: 35px;
    width: 332px;
    height: 150px;
  }
  /* line 81, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 .main {
    font-size: 13px;
    line-height: 20px;
    color: #000000;
  }
  /* line 83, ../scss/pages.scss */
  #contents.three .box_general .box_inner .btn_close {
    left: 165px;
  }
  /* line 86, ../scss/pages.scss */
  #contents.three #infoBox03.box_general, #contents.three #infoBox04.box_general {
    left: 0;
  }
  /* line 91, ../scss/pages.scss */
  #contents.four #bg, #contents.four #title, #contents.four #intro1, #contents.four #intro2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 848px;
    height: 600px;
    display: none;
  }
  /* line 92, ../scss/pages.scss */
  #contents.four #title_bg {
    position: absolute;
    right: 0;
    width: 424px;
    height: 600px;
    display: none;
  }
  /* line 93, ../scss/pages.scss */
  #contents.four #spring_ttl_bg {
    position: absolute;
    top: 71px;
    left: 38px;
    width: 188px;
    height: 74px;
    display: none;
  }
  /* line 94, ../scss/pages.scss */
  #contents.four #spring_ttl {
    position: absolute;
    top: 82px;
    left: 61px;
    width: 120px;
    height: 52px;
    display: none;
  }
  /* line 97, ../scss/pages.scss */
  #contents.four .box_area .img {
    position: absolute;
    top: 0;
  }
  /* line 98, ../scss/pages.scss */
  #contents.four .box_area .img img {
    border: 2px solid #FFFFFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=3, enabled=true);
  }
  /* line 107, ../scss/pages.scss */
  #contents.four .box_area .name {
    position: absolute;
    bottom: 4px;
  }
  /* line 111, ../scss/pages.scss */
  #contents.four .box_area .btn_detail {
    position: absolute;
    bottom: 0;
    right: 2px;
    width: 48px;
    height: 24px;
  }
  /* line 120, ../scss/pages.scss */
  #contents.four #area1 {
    top: 36px;
    left: 232px;
    width: 165px;
    height: 127px;
  }
  /* line 121, ../scss/pages.scss */
  #contents.four #area1 .name {
    width: 68px;
    height: 20px;
  }
  /* line 122, ../scss/pages.scss */
  #contents.four #area1 .img {
    width: 160px;
    height: 94px;
  }
  /* line 124, ../scss/pages.scss */
  #contents.four #area2 {
    top: 173px;
    left: 244px;
    width: 165px;
    height: 127px;
  }
  /* line 125, ../scss/pages.scss */
  #contents.four #area2 .name {
    width: 68px;
    height: 20px;
  }
  /* line 126, ../scss/pages.scss */
  #contents.four #area2 .img {
    width: 160px;
    height: 94px;
  }
  /* line 128, ../scss/pages.scss */
  #contents.four #area3 {
    top: 152px;
    left: 43px;
    width: 179px;
    height: 129px;
  }
  /* line 129, ../scss/pages.scss */
  #contents.four #area3 .name {
    width: 68px;
    height: 20px;
  }
  /* line 130, ../scss/pages.scss */
  #contents.four #area3 .img {
    width: 174px;
    height: 96px;
  }
  /* line 132, ../scss/pages.scss */
  #contents.four #area4 {
    top: 336px;
    left: 450px;
    width: 251px;
    height: 221px;
  }
  /* line 133, ../scss/pages.scss */
  #contents.four #area4 .name {
    width: 128px;
    height: 20px;
  }
  /* line 134, ../scss/pages.scss */
  #contents.four #area4 .img {
    width: 246px;
    height: 188px;
  }
  /* line 136, ../scss/pages.scss */
  #contents.four #area5 {
    top: 335px;
    left: 275px;
    width: 145px;
    height: 157px;
  }
  /* line 137, ../scss/pages.scss */
  #contents.four #area5 .name {
    bottom: -15px;
    width: 81px;
    height: 41px;
  }
  /* line 138, ../scss/pages.scss */
  #contents.four #area5 .img {
    width: 140px;
    height: 124px;
  }
  /* line 140, ../scss/pages.scss */
  #contents.four #area6 {
    top: 301px;
    left: 26px;
    width: 203px;
    height: 136px;
  }
  /* line 141, ../scss/pages.scss */
  #contents.four #area6 .name {
    width: 146px;
    height: 42px;
    bottom: -17px;
  }
  /* line 142, ../scss/pages.scss */
  #contents.four #area6 .img {
    width: 198px;
    height: 103px;
  }
  /* line 144, ../scss/pages.scss */
  #contents.four #area7 {
    top: 461px;
    left: 25px;
    width: 240px;
    height: 120px;
  }
  /* line 145, ../scss/pages.scss */
  #contents.four #area7 .img {
    width: 240px;
    height: 120px;
  }
  /* line 146, ../scss/pages.scss */
  #contents.four #area7 .img img {
    border: none;
  }
  /* line 151, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner {
    width: 848px;
    height: 600px;
    margin-left: -424px;
    margin-top: -300px;
  }
  /* line 152, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 848px;
    height: 600px;
  }
  /* line 153, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text {
    left: 436px;
    top: 122px;
    width: 308px;
    height: 334px;
  }
  /* line 154, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h4 {
    font-size: 15px;
    color: #F98D50 !important;
  }
  /* line 155, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h3 {
    width: 330px;
    height: 60px;
  }
  /* line 156, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll {
    width: 320px;
    height: 300px;
  }
  /* line 157, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll .main {
    width: 308px;
  }
  /* line 161, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .btn_close {
    bottom: 70px;
    left: 394px;
  }
  /* line 164, ../scss/pages.scss */
  #contents.four #infoBox06.box_general .box_inner h3 {
    width: 350px !important;
  }
  /* line 165, ../scss/pages.scss */
  #contents.four .box_general .box_inner h4 {
    color: #0071BB !important;
  }
  /* line 169, ../scss/pages.scss */
  #contents.map #map_bg, #contents.map #white_bg {
    position: absolute;
    width: 848px;
    height: 600px;
    background-color: #ffffff;
  }
  /* line 170, ../scss/pages.scss */
  #contents.map #map_title {
    position: absolute;
    left: 20px;
    width: 848px;
    height: 600px;
    display: none;
  }
  /* line 171, ../scss/pages.scss */
  #contents.map #side_infoarea {
    position: absolute;
    left: 0;
    width: 232px;
    height: 600px;
  }
  /* line 172, ../scss/pages.scss */
  #contents.map #side_infoarea h2 {
    position: absolute;
    top: 17px;
    left: 0;
    width: 232px;
    height: 560px;
  }
  /* line 173, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea {
    position: absolute;
    top: 100px;
    left: 25px;
    width: 192px;
    height: 455px;
    background-image: url("/book/common/images/spacer.png");
  }
  /* line 174, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward {
    width: 170px;
    padding-bottom: 16px;
  }
  /* line 175, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h3 {
    margin-bottom: 10px;
  }
  /* line 176, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h4 {
    margin-bottom: 6px;
    width: 60px;
    height: 10px;
  }
  /* line 177, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul {
    margin-bottom: 5px;
  }
  /* line 178, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li {
    padding-bottom: 7px;
    overflow: hidden;
    *zoom: 1;
  }
  /* line 179, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a {
    text-decoration: none;
    display: block;
    cursor: pointer;
  }
  /* line 180, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .arrow {
    float: left;
    display: block;
    width: 21px;
    height: 27px;
  }
  /* line 181, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .genre {
    display: block;
    font-size: 11px;
    line-height: 12px;
    color: #FF7828;
  }
  /* line 182, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name {
    display: block;
    font-size: 13px;
    line-height: 15px;
    color: #464646;
  }
  /* line 183, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name.line1 {
    line-height: 23px;
  }
  /* line 185, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 189, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .genre, #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .name {
    float: left;
    width: 140px;
  }
  /* line 190, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup a .genre {
    color: #FF3F01;
  }
  /* line 193, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail {
    width: 168px;
    height: 40px;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a {
    display: block;
    cursor: pointer;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 197, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu .pickup li a .genre {
    color: #FF3F01;
  }
  /* line 198, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu li a .genre {
    color: #339500;
  }
  /* line 200, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel {
    padding-bottom: 0;
  }
  /* line 201, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure h3, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel h3 {
    margin-bottom: 0;
  }
  /* line 203, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .recommend a .genre, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .recommend a .genre {
    color: #005800;
  }
  /* line 205, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .name, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .name {
    padding-top: 5px;
  }
  /* line 214, ../scss/pages.scss */
  #contents .box_area {
    position: absolute;
    display: none;
    cursor: pointer;
  }
  /* line 216, ../scss/pages.scss */
  #contents .box_area a {
    display: block;
  }
}
@media screen and (max-width: 971px), screen and (max-height: 652px) {
  /* line 20, ../scss/pages.scss */
  #contents.cover {
    background-color: transparent;
  }
  /* line 22, ../scss/pages.scss */
  #contents.cover #bg {
    position: absolute;
    width: 390.08px;
    height: 552px;
    display: none;
  }
  /* line 23, ../scss/pages.scss */
  #contents.cover #text1, #contents.cover #text2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 390.08px;
    height: 552px;
    display: none;
  }
  /* line 24, ../scss/pages.scss */
  #contents.cover #help {
    position: absolute;
    top: 11.04px;
    left: 401.12px;
    width: 358.8px;
    height: 529.92px;
    -webkit-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    -moz-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    display: none;
  }
  /* line 25, ../scss/pages.scss */
  #contents.cover #help .img {
    position: absolute;
    top: 174.8px;
    left: 82.8px;
    width: 196.88px;
  }
  /* line 26, ../scss/pages.scss */
  #contents.cover #help .img img {
    width: 196.88px;
  }
  /* line 31, ../scss/pages.scss */
  #contents.one #white_bg, #contents.one #bg {
    position: absolute;
    width: 780.16px;
    height: 552px;
    background-color: #fff;
  }
  /* line 32, ../scss/pages.scss */
  #contents.one #title, #contents.one #caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 780.16px;
    height: 552px;
    display: none;
  }
  /* line 33, ../scss/pages.scss */
  #contents.one .scrollArea {
    position: absolute;
    top: 371.68px;
    left: 40.48px;
    width: 289.8px;
    height: 134.32px;
  }
  /* line 34, ../scss/pages.scss */
  #contents.one .scrollArea p {
    font-size: 12.88px;
    line-height: 20.24px;
    color: #ffffff;
  }
  /* line 36, ../scss/pages.scss */
  #contents.one #text_hide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 390.08px;
    height: 276px;
  }
  /* line 37, ../scss/pages.scss */
  #contents.one .access_btn {
    position: absolute;
    left: 118.68px;
    top: 109.48px;
    width: 117.76px;
    height: 20.24px;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a {
    display: block;
    cursor: pointer;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 40, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit {
    position: absolute;
    top: 11.04px;
    left: 11.04px;
    width: 353.28px;
    border: 0.92px solid #ababab;
    background-color: #ffffff;
  }
  /* line 41, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p {
    padding-left: 3.68px;
    padding-top: 3.68px;
    padding-bottom: 36.8px;
    font-size: 11.04px;
    line-height: 16.56px;
  }
  /* line 42, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p .caption {
    display: block;
    padding-bottom: 4.6px;
    color: #000000;
  }
  /* line 43, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p strong {
    display: block;
    padding-bottom: 2.76px;
    font-size: 12.88px;
    line-height: 18.4px;
    color: #cc6633;
  }
  /* line 45, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close {
    bottom: 9.2px;
    left: 18.4px;
    width: 55.2px;
    height: 16.56px;
  }
  /* line 46, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close a {
    width: 55.2px;
    height: 16.56px;
  }
  /* line 51, ../scss/pages.scss */
  #contents.two #img, #contents.two #text {
    position: absolute;
    top: 0;
    left: 0;
    width: 780.16px;
    height: 552px;
    display: none;
  }
  /* line 52, ../scss/pages.scss */
  #contents.two .text1 {
    position: absolute;
    top: 185.84px;
    left: 492.2px;
    width: 260.36px;
    font-size: 11.96px;
    line-height: 15.64px;
    color: #181818;
    display: none;
  }
  /* line 53, ../scss/pages.scss */
  #contents.two .text2 {
    position: absolute;
    top: 358.8px;
    left: 605.36px;
    width: 148.12px;
    font-size: 11.96px;
    line-height: 15.64px;
    color: #181818;
    display: none;
  }
  /* line 54, ../scss/pages.scss */
  #contents.two .text3 {
    position: absolute;
    top: 194.12px;
    left: 25.76px;
    width: 299.92px;
    font-size: 11.96px;
    line-height: 15.64px;
    color: #181818;
    display: none;
  }
  /* line 55, ../scss/pages.scss */
  #contents.two .text4 {
    position: absolute;
    top: 454.48px;
    left: 25.76px;
    width: 338.56px;
    font-size: 11.96px;
    line-height: 15.64px;
    color: #181818;
    display: none;
  }
  /* line 58, ../scss/pages.scss */
  #contents.three #title, #contents.three #text1, #contents.three #text2, #contents.three #text3, #contents.three #text4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 780.16px;
    height: 552px;
    display: none;
  }
  /* line 59, ../scss/pages.scss */
  #contents.three #img1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 390.08px;
    height: 276px;
    display: none;
  }
  /* line 60, ../scss/pages.scss */
  #contents.three #img2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 390.08px;
    height: 276px;
    display: none;
  }
  /* line 61, ../scss/pages.scss */
  #contents.three #img3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 390.08px;
    height: 276px;
    display: none;
  }
  /* line 62, ../scss/pages.scss */
  #contents.three #img4 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 390.08px;
    height: 276px;
    display: none;
  }
  /* line 63, ../scss/pages.scss */
  #contents.three .text1 {
    position: absolute;
    top: 104.88px;
    left: 411.24px;
    width: 166.52px;
    font-size: 11.96px;
    line-height: 15.64px;
    color: #181818;
    display: none;
  }
  /* line 64, ../scss/pages.scss */
  #contents.three .text2 {
    position: absolute;
    top: 361.56px;
    left: 593.4px;
    width: 166.52px;
    font-size: 11.96px;
    line-height: 15.64px;
    color: #181818;
    display: none;
  }
  /* line 65, ../scss/pages.scss */
  #contents.three .text3 {
    position: absolute;
    top: 103.04px;
    left: 20.24px;
    width: 163.76px;
    font-size: 11.96px;
    line-height: 15.64px;
    color: #181818;
    display: none;
  }
  /* line 66, ../scss/pages.scss */
  #contents.three .text4 {
    position: absolute;
    top: 356.96px;
    left: 206.08px;
    width: 161.92px;
    font-size: 11.96px;
    line-height: 15.64px;
    color: #181818;
    display: none;
  }
  /* line 67, ../scss/pages.scss */
  #contents.three .pop_btn1, #contents.three .pop_btn2, #contents.three .pop_btn3, #contents.three .pop_btn4 {
    position: absolute;
    width: 170.2px;
    height: 81.88px;
    display: none;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a, #contents.three .pop_btn2 a, #contents.three .pop_btn3 a, #contents.three .pop_btn4 a {
    display: block;
    cursor: pointer;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a:hover, #contents.three .pop_btn2 a:hover, #contents.three .pop_btn3 a:hover, #contents.three .pop_btn4 a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 70, ../scss/pages.scss */
  #contents.three .pop_btn1 {
    top: 180.32px;
    left: 590.64px;
  }
  /* line 71, ../scss/pages.scss */
  #contents.three .pop_btn2 {
    top: 447.12px;
    left: 407.56px;
  }
  /* line 72, ../scss/pages.scss */
  #contents.three .pop_btn3 {
    top: 180.32px;
    left: 199.64px;
  }
  /* line 73, ../scss/pages.scss */
  #contents.three .pop_btn4 {
    top: 447.12px;
    left: 21.16px;
  }
  /* line 75, ../scss/pages.scss */
  #contents.three .box_general {
    left: 390.08px;
    width: 390.08px;
    height: 552px;
  }
  /* line 76, ../scss/pages.scss */
  #contents.three .box_general .box_inner {
    width: 368px;
    height: 529.92px;
    margin-left: -184px;
    margin-top: -264.96px;
  }
  /* line 77, ../scss/pages.scss */
  #contents.three .box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 368px;
    height: 529.92px;
  }
  /* line 78, ../scss/pages.scss */
  #contents.three .box_general .box_inner h4 {
    position: absolute;
    top: 14.72px;
    right: 27.6px;
    font-size: 11.96px;
    color: #cc6633;
  }
  /* line 79, ../scss/pages.scss */
  #contents.three .box_general .box_inner h3 {
    position: absolute;
    top: 295.32px;
    left: 32.2px;
    font-size: 18.4px;
    line-height: 19.32px;
    color: #000;
  }
  /* line 80, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 {
    position: absolute;
    top: 338.56px;
    left: 32.2px;
    width: 305.44px;
    height: 138px;
  }
  /* line 81, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 .main {
    font-size: 11.96px;
    line-height: 18.4px;
    color: #000000;
  }
  /* line 83, ../scss/pages.scss */
  #contents.three .box_general .box_inner .btn_close {
    left: 151.8px;
  }
  /* line 86, ../scss/pages.scss */
  #contents.three #infoBox03.box_general, #contents.three #infoBox04.box_general {
    left: 0;
  }
  /* line 91, ../scss/pages.scss */
  #contents.four #bg, #contents.four #title, #contents.four #intro1, #contents.four #intro2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 780.16px;
    height: 552px;
    display: none;
  }
  /* line 92, ../scss/pages.scss */
  #contents.four #title_bg {
    position: absolute;
    right: 0;
    width: 390.08px;
    height: 552px;
    display: none;
  }
  /* line 93, ../scss/pages.scss */
  #contents.four #spring_ttl_bg {
    position: absolute;
    top: 65.32px;
    left: 34.96px;
    width: 172.96px;
    height: 68.08px;
    display: none;
  }
  /* line 94, ../scss/pages.scss */
  #contents.four #spring_ttl {
    position: absolute;
    top: 75.44px;
    left: 56.12px;
    width: 110.4px;
    height: 47.84px;
    display: none;
  }
  /* line 97, ../scss/pages.scss */
  #contents.four .box_area .img {
    position: absolute;
    top: 0;
  }
  /* line 98, ../scss/pages.scss */
  #contents.four .box_area .img img {
    border: 2px solid #FFFFFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=3, enabled=true);
  }
  /* line 107, ../scss/pages.scss */
  #contents.four .box_area .name {
    position: absolute;
    bottom: 3.68px;
  }
  /* line 111, ../scss/pages.scss */
  #contents.four .box_area .btn_detail {
    position: absolute;
    bottom: 0;
    right: 1.84px;
    width: 44.16px;
    height: 22.08px;
  }
  /* line 120, ../scss/pages.scss */
  #contents.four #area1 {
    top: 33.12px;
    left: 213.44px;
    width: 151.8px;
    height: 116.84px;
  }
  /* line 121, ../scss/pages.scss */
  #contents.four #area1 .name {
    width: 62.56px;
    height: 18.4px;
  }
  /* line 122, ../scss/pages.scss */
  #contents.four #area1 .img {
    width: 147.2px;
    height: 86.48px;
  }
  /* line 124, ../scss/pages.scss */
  #contents.four #area2 {
    top: 159.16px;
    left: 224.48px;
    width: 151.8px;
    height: 116.84px;
  }
  /* line 125, ../scss/pages.scss */
  #contents.four #area2 .name {
    width: 62.56px;
    height: 18.4px;
  }
  /* line 126, ../scss/pages.scss */
  #contents.four #area2 .img {
    width: 147.2px;
    height: 86.48px;
  }
  /* line 128, ../scss/pages.scss */
  #contents.four #area3 {
    top: 139.84px;
    left: 39.56px;
    width: 164.68px;
    height: 118.68px;
  }
  /* line 129, ../scss/pages.scss */
  #contents.four #area3 .name {
    width: 62.56px;
    height: 18.4px;
  }
  /* line 130, ../scss/pages.scss */
  #contents.four #area3 .img {
    width: 160.08px;
    height: 88.32px;
  }
  /* line 132, ../scss/pages.scss */
  #contents.four #area4 {
    top: 309.12px;
    left: 414px;
    width: 230.92px;
    height: 203.32px;
  }
  /* line 133, ../scss/pages.scss */
  #contents.four #area4 .name {
    width: 117.76px;
    height: 18.4px;
  }
  /* line 134, ../scss/pages.scss */
  #contents.four #area4 .img {
    width: 226.32px;
    height: 172.96px;
  }
  /* line 136, ../scss/pages.scss */
  #contents.four #area5 {
    top: 308.2px;
    left: 253px;
    width: 133.4px;
    height: 144.44px;
  }
  /* line 137, ../scss/pages.scss */
  #contents.four #area5 .name {
    bottom: -13.8px;
    width: 74.52px;
    height: 37.72px;
  }
  /* line 138, ../scss/pages.scss */
  #contents.four #area5 .img {
    width: 128.8px;
    height: 114.08px;
  }
  /* line 140, ../scss/pages.scss */
  #contents.four #area6 {
    top: 276.92px;
    left: 23.92px;
    width: 186.76px;
    height: 125.12px;
  }
  /* line 141, ../scss/pages.scss */
  #contents.four #area6 .name {
    width: 134.32px;
    height: 38.64px;
    bottom: -15.64px;
  }
  /* line 142, ../scss/pages.scss */
  #contents.four #area6 .img {
    width: 182.16px;
    height: 94.76px;
  }
  /* line 144, ../scss/pages.scss */
  #contents.four #area7 {
    top: 424.12px;
    left: 23px;
    width: 220.8px;
    height: 110.4px;
  }
  /* line 145, ../scss/pages.scss */
  #contents.four #area7 .img {
    width: 220.8px;
    height: 110.4px;
  }
  /* line 146, ../scss/pages.scss */
  #contents.four #area7 .img img {
    border: none;
  }
  /* line 151, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner {
    width: 780.16px;
    height: 552px;
    margin-left: -390.08px;
    margin-top: -276px;
  }
  /* line 152, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 780.16px;
    height: 552px;
  }
  /* line 153, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text {
    left: 401.12px;
    top: 112.24px;
    width: 283.36px;
    height: 307.28px;
  }
  /* line 154, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h4 {
    font-size: 13.8px;
    color: #F98D50 !important;
  }
  /* line 155, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h3 {
    width: 303.6px;
    height: 55.2px;
  }
  /* line 156, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll {
    width: 294.4px;
    height: 276px;
  }
  /* line 157, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll .main {
    width: 283.36px;
  }
  /* line 161, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .btn_close {
    bottom: 64.4px;
    left: 362.48px;
  }
  /* line 164, ../scss/pages.scss */
  #contents.four #infoBox06.box_general .box_inner h3 {
    width: 322px !important;
  }
  /* line 165, ../scss/pages.scss */
  #contents.four .box_general .box_inner h4 {
    color: #0071BB !important;
  }
  /* line 169, ../scss/pages.scss */
  #contents.map #map_bg, #contents.map #white_bg {
    position: absolute;
    width: 780.16px;
    height: 552px;
    background-color: #ffffff;
  }
  /* line 170, ../scss/pages.scss */
  #contents.map #map_title {
    position: absolute;
    left: 18.4px;
    width: 780.16px;
    height: 552px;
    display: none;
  }
  /* line 171, ../scss/pages.scss */
  #contents.map #side_infoarea {
    position: absolute;
    left: 0;
    width: 213.44px;
    height: 552px;
  }
  /* line 172, ../scss/pages.scss */
  #contents.map #side_infoarea h2 {
    position: absolute;
    top: 15.64px;
    left: 0;
    width: 213.44px;
    height: 515.2px;
  }
  /* line 173, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea {
    position: absolute;
    top: 92px;
    left: 23px;
    width: 176.64px;
    height: 418.6px;
    background-image: url("/book/common/images/spacer.png");
  }
  /* line 174, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward {
    width: 156.4px;
    padding-bottom: 14.72px;
  }
  /* line 175, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h3 {
    margin-bottom: 9.2px;
  }
  /* line 176, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h4 {
    margin-bottom: 5.52px;
    width: 55.2px;
    height: 9.2px;
  }
  /* line 177, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul {
    margin-bottom: 4.6px;
  }
  /* line 178, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li {
    padding-bottom: 6.44px;
    overflow: hidden;
    *zoom: 1;
  }
  /* line 179, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a {
    text-decoration: none;
    display: block;
    cursor: pointer;
  }
  /* line 180, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .arrow {
    float: left;
    display: block;
    width: 19.32px;
    height: 24.84px;
  }
  /* line 181, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .genre {
    display: block;
    font-size: 10.12px;
    line-height: 11.04px;
    color: #FF7828;
  }
  /* line 182, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name {
    display: block;
    font-size: 11.96px;
    line-height: 13.8px;
    color: #464646;
  }
  /* line 183, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name.line1 {
    line-height: 21.16px;
  }
  /* line 185, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 189, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .genre, #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .name {
    float: left;
    width: 128.8px;
  }
  /* line 190, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup a .genre {
    color: #FF3F01;
  }
  /* line 193, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail {
    width: 154.56px;
    height: 36.8px;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a {
    display: block;
    cursor: pointer;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 197, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu .pickup li a .genre {
    color: #FF3F01;
  }
  /* line 198, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu li a .genre {
    color: #339500;
  }
  /* line 200, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel {
    padding-bottom: 0;
  }
  /* line 201, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure h3, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel h3 {
    margin-bottom: 0;
  }
  /* line 203, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .recommend a .genre, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .recommend a .genre {
    color: #005800;
  }
  /* line 205, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .name, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .name {
    padding-top: 4.6px;
  }
  /* line 214, ../scss/pages.scss */
  #contents .box_area {
    position: absolute;
    display: none;
    cursor: pointer;
  }
  /* line 216, ../scss/pages.scss */
  #contents .box_area a {
    display: block;
  }
}
@media screen and (max-width: 905px), screen and (max-height: 610px) {
  /* line 20, ../scss/pages.scss */
  #contents.cover {
    background-color: transparent;
  }
  /* line 22, ../scss/pages.scss */
  #contents.cover #bg {
    position: absolute;
    width: 356.16px;
    height: 504px;
    display: none;
  }
  /* line 23, ../scss/pages.scss */
  #contents.cover #text1, #contents.cover #text2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 356.16px;
    height: 504px;
    display: none;
  }
  /* line 24, ../scss/pages.scss */
  #contents.cover #help {
    position: absolute;
    top: 10.08px;
    left: 366.24px;
    width: 327.6px;
    height: 483.84px;
    -webkit-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    -moz-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    display: none;
  }
  /* line 25, ../scss/pages.scss */
  #contents.cover #help .img {
    position: absolute;
    top: 159.6px;
    left: 75.6px;
    width: 179.76px;
  }
  /* line 26, ../scss/pages.scss */
  #contents.cover #help .img img {
    width: 179.76px;
  }
  /* line 31, ../scss/pages.scss */
  #contents.one #white_bg, #contents.one #bg {
    position: absolute;
    width: 712.32px;
    height: 504px;
    background-color: #fff;
  }
  /* line 32, ../scss/pages.scss */
  #contents.one #title, #contents.one #caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 712.32px;
    height: 504px;
    display: none;
  }
  /* line 33, ../scss/pages.scss */
  #contents.one .scrollArea {
    position: absolute;
    top: 339.36px;
    left: 36.96px;
    width: 264.6px;
    height: 122.64px;
  }
  /* line 34, ../scss/pages.scss */
  #contents.one .scrollArea p {
    font-size: 11.76px;
    line-height: 18.48px;
    color: #ffffff;
  }
  /* line 36, ../scss/pages.scss */
  #contents.one #text_hide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 356.16px;
    height: 252px;
  }
  /* line 37, ../scss/pages.scss */
  #contents.one .access_btn {
    position: absolute;
    left: 108.36px;
    top: 99.96px;
    width: 107.52px;
    height: 18.48px;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a {
    display: block;
    cursor: pointer;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 40, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit {
    position: absolute;
    top: 10.08px;
    left: 10.08px;
    width: 322.56px;
    border: 0.84px solid #ababab;
    background-color: #ffffff;
  }
  /* line 41, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p {
    padding-left: 3.36px;
    padding-top: 3.36px;
    padding-bottom: 33.6px;
    font-size: 10.08px;
    line-height: 15.12px;
  }
  /* line 42, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p .caption {
    display: block;
    padding-bottom: 4.2px;
    color: #000000;
  }
  /* line 43, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p strong {
    display: block;
    padding-bottom: 2.52px;
    font-size: 11.76px;
    line-height: 16.8px;
    color: #cc6633;
  }
  /* line 45, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close {
    bottom: 8.4px;
    left: 16.8px;
    width: 50.4px;
    height: 15.12px;
  }
  /* line 46, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close a {
    width: 50.4px;
    height: 15.12px;
  }
  /* line 51, ../scss/pages.scss */
  #contents.two #img, #contents.two #text {
    position: absolute;
    top: 0;
    left: 0;
    width: 712.32px;
    height: 504px;
    display: none;
  }
  /* line 52, ../scss/pages.scss */
  #contents.two .text1 {
    position: absolute;
    top: 169.68px;
    left: 449.4px;
    width: 237.72px;
    font-size: 10.92px;
    line-height: 14.28px;
    color: #181818;
    display: none;
  }
  /* line 53, ../scss/pages.scss */
  #contents.two .text2 {
    position: absolute;
    top: 327.6px;
    left: 552.72px;
    width: 135.24px;
    font-size: 10.92px;
    line-height: 14.28px;
    color: #181818;
    display: none;
  }
  /* line 54, ../scss/pages.scss */
  #contents.two .text3 {
    position: absolute;
    top: 177.24px;
    left: 23.52px;
    width: 273.84px;
    font-size: 10.92px;
    line-height: 14.28px;
    color: #181818;
    display: none;
  }
  /* line 55, ../scss/pages.scss */
  #contents.two .text4 {
    position: absolute;
    top: 414.96px;
    left: 23.52px;
    width: 309.12px;
    font-size: 10.92px;
    line-height: 14.28px;
    color: #181818;
    display: none;
  }
  /* line 58, ../scss/pages.scss */
  #contents.three #title, #contents.three #text1, #contents.three #text2, #contents.three #text3, #contents.three #text4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 712.32px;
    height: 504px;
    display: none;
  }
  /* line 59, ../scss/pages.scss */
  #contents.three #img1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 356.16px;
    height: 252px;
    display: none;
  }
  /* line 60, ../scss/pages.scss */
  #contents.three #img2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 356.16px;
    height: 252px;
    display: none;
  }
  /* line 61, ../scss/pages.scss */
  #contents.three #img3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 356.16px;
    height: 252px;
    display: none;
  }
  /* line 62, ../scss/pages.scss */
  #contents.three #img4 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 356.16px;
    height: 252px;
    display: none;
  }
  /* line 63, ../scss/pages.scss */
  #contents.three .text1 {
    position: absolute;
    top: 95.76px;
    left: 375.48px;
    width: 152.04px;
    font-size: 10.92px;
    line-height: 14.28px;
    color: #181818;
    display: none;
  }
  /* line 64, ../scss/pages.scss */
  #contents.three .text2 {
    position: absolute;
    top: 330.12px;
    left: 541.8px;
    width: 152.04px;
    font-size: 10.92px;
    line-height: 14.28px;
    color: #181818;
    display: none;
  }
  /* line 65, ../scss/pages.scss */
  #contents.three .text3 {
    position: absolute;
    top: 94.08px;
    left: 18.48px;
    width: 149.52px;
    font-size: 10.92px;
    line-height: 14.28px;
    color: #181818;
    display: none;
  }
  /* line 66, ../scss/pages.scss */
  #contents.three .text4 {
    position: absolute;
    top: 325.92px;
    left: 188.16px;
    width: 147.84px;
    font-size: 10.92px;
    line-height: 14.28px;
    color: #181818;
    display: none;
  }
  /* line 67, ../scss/pages.scss */
  #contents.three .pop_btn1, #contents.three .pop_btn2, #contents.three .pop_btn3, #contents.three .pop_btn4 {
    position: absolute;
    width: 155.4px;
    height: 74.76px;
    display: none;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a, #contents.three .pop_btn2 a, #contents.three .pop_btn3 a, #contents.three .pop_btn4 a {
    display: block;
    cursor: pointer;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a:hover, #contents.three .pop_btn2 a:hover, #contents.three .pop_btn3 a:hover, #contents.three .pop_btn4 a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 70, ../scss/pages.scss */
  #contents.three .pop_btn1 {
    top: 164.64px;
    left: 539.28px;
  }
  /* line 71, ../scss/pages.scss */
  #contents.three .pop_btn2 {
    top: 408.24px;
    left: 372.12px;
  }
  /* line 72, ../scss/pages.scss */
  #contents.three .pop_btn3 {
    top: 164.64px;
    left: 182.28px;
  }
  /* line 73, ../scss/pages.scss */
  #contents.three .pop_btn4 {
    top: 408.24px;
    left: 19.32px;
  }
  /* line 75, ../scss/pages.scss */
  #contents.three .box_general {
    left: 356.16px;
    width: 356.16px;
    height: 504px;
  }
  /* line 76, ../scss/pages.scss */
  #contents.three .box_general .box_inner {
    width: 336px;
    height: 483.84px;
    margin-left: -168px;
    margin-top: -241.92px;
  }
  /* line 77, ../scss/pages.scss */
  #contents.three .box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 336px;
    height: 483.84px;
  }
  /* line 78, ../scss/pages.scss */
  #contents.three .box_general .box_inner h4 {
    position: absolute;
    top: 13.44px;
    right: 25.2px;
    font-size: 10.92px;
    color: #cc6633;
  }
  /* line 79, ../scss/pages.scss */
  #contents.three .box_general .box_inner h3 {
    position: absolute;
    top: 269.64px;
    left: 29.4px;
    font-size: 16.8px;
    line-height: 17.64px;
    color: #000;
  }
  /* line 80, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 {
    position: absolute;
    top: 309.12px;
    left: 29.4px;
    width: 278.88px;
    height: 126px;
  }
  /* line 81, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 .main {
    font-size: 10.92px;
    line-height: 16.8px;
    color: #000000;
  }
  /* line 83, ../scss/pages.scss */
  #contents.three .box_general .box_inner .btn_close {
    left: 138.6px;
  }
  /* line 86, ../scss/pages.scss */
  #contents.three #infoBox03.box_general, #contents.three #infoBox04.box_general {
    left: 0;
  }
  /* line 91, ../scss/pages.scss */
  #contents.four #bg, #contents.four #title, #contents.four #intro1, #contents.four #intro2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 712.32px;
    height: 504px;
    display: none;
  }
  /* line 92, ../scss/pages.scss */
  #contents.four #title_bg {
    position: absolute;
    right: 0;
    width: 356.16px;
    height: 504px;
    display: none;
  }
  /* line 93, ../scss/pages.scss */
  #contents.four #spring_ttl_bg {
    position: absolute;
    top: 59.64px;
    left: 31.92px;
    width: 157.92px;
    height: 62.16px;
    display: none;
  }
  /* line 94, ../scss/pages.scss */
  #contents.four #spring_ttl {
    position: absolute;
    top: 68.88px;
    left: 51.24px;
    width: 100.8px;
    height: 43.68px;
    display: none;
  }
  /* line 97, ../scss/pages.scss */
  #contents.four .box_area .img {
    position: absolute;
    top: 0;
  }
  /* line 98, ../scss/pages.scss */
  #contents.four .box_area .img img {
    border: 2px solid #FFFFFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=3, enabled=true);
  }
  /* line 107, ../scss/pages.scss */
  #contents.four .box_area .name {
    position: absolute;
    bottom: 3.36px;
  }
  /* line 111, ../scss/pages.scss */
  #contents.four .box_area .btn_detail {
    position: absolute;
    bottom: 0;
    right: 1.68px;
    width: 40.32px;
    height: 20.16px;
  }
  /* line 120, ../scss/pages.scss */
  #contents.four #area1 {
    top: 30.24px;
    left: 194.88px;
    width: 138.6px;
    height: 106.68px;
  }
  /* line 121, ../scss/pages.scss */
  #contents.four #area1 .name {
    width: 57.12px;
    height: 16.8px;
  }
  /* line 122, ../scss/pages.scss */
  #contents.four #area1 .img {
    width: 134.4px;
    height: 78.96px;
  }
  /* line 124, ../scss/pages.scss */
  #contents.four #area2 {
    top: 145.32px;
    left: 204.96px;
    width: 138.6px;
    height: 106.68px;
  }
  /* line 125, ../scss/pages.scss */
  #contents.four #area2 .name {
    width: 57.12px;
    height: 16.8px;
  }
  /* line 126, ../scss/pages.scss */
  #contents.four #area2 .img {
    width: 134.4px;
    height: 78.96px;
  }
  /* line 128, ../scss/pages.scss */
  #contents.four #area3 {
    top: 127.68px;
    left: 36.12px;
    width: 150.36px;
    height: 108.36px;
  }
  /* line 129, ../scss/pages.scss */
  #contents.four #area3 .name {
    width: 57.12px;
    height: 16.8px;
  }
  /* line 130, ../scss/pages.scss */
  #contents.four #area3 .img {
    width: 146.16px;
    height: 80.64px;
  }
  /* line 132, ../scss/pages.scss */
  #contents.four #area4 {
    top: 282.24px;
    left: 378px;
    width: 210.84px;
    height: 185.64px;
  }
  /* line 133, ../scss/pages.scss */
  #contents.four #area4 .name {
    width: 107.52px;
    height: 16.8px;
  }
  /* line 134, ../scss/pages.scss */
  #contents.four #area4 .img {
    width: 206.64px;
    height: 157.92px;
  }
  /* line 136, ../scss/pages.scss */
  #contents.four #area5 {
    top: 281.4px;
    left: 231px;
    width: 121.8px;
    height: 131.88px;
  }
  /* line 137, ../scss/pages.scss */
  #contents.four #area5 .name {
    bottom: -12.6px;
    width: 68.04px;
    height: 34.44px;
  }
  /* line 138, ../scss/pages.scss */
  #contents.four #area5 .img {
    width: 117.6px;
    height: 104.16px;
  }
  /* line 140, ../scss/pages.scss */
  #contents.four #area6 {
    top: 252.84px;
    left: 21.84px;
    width: 170.52px;
    height: 114.24px;
  }
  /* line 141, ../scss/pages.scss */
  #contents.four #area6 .name {
    width: 122.64px;
    height: 35.28px;
    bottom: -14.28px;
  }
  /* line 142, ../scss/pages.scss */
  #contents.four #area6 .img {
    width: 166.32px;
    height: 86.52px;
  }
  /* line 144, ../scss/pages.scss */
  #contents.four #area7 {
    top: 387.24px;
    left: 21px;
    width: 201.6px;
    height: 100.8px;
  }
  /* line 145, ../scss/pages.scss */
  #contents.four #area7 .img {
    width: 201.6px;
    height: 100.8px;
  }
  /* line 146, ../scss/pages.scss */
  #contents.four #area7 .img img {
    border: none;
  }
  /* line 151, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner {
    width: 712.32px;
    height: 504px;
    margin-left: -356.16px;
    margin-top: -252px;
  }
  /* line 152, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 712.32px;
    height: 504px;
  }
  /* line 153, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text {
    left: 366.24px;
    top: 102.48px;
    width: 258.72px;
    height: 280.56px;
  }
  /* line 154, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h4 {
    font-size: 12.6px;
    color: #F98D50 !important;
  }
  /* line 155, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h3 {
    width: 277.2px;
    height: 50.4px;
  }
  /* line 156, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll {
    width: 268.8px;
    height: 252px;
  }
  /* line 157, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll .main {
    width: 258.72px;
  }
  /* line 161, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .btn_close {
    bottom: 58.8px;
    left: 330.96px;
  }
  /* line 164, ../scss/pages.scss */
  #contents.four #infoBox06.box_general .box_inner h3 {
    width: 294px !important;
  }
  /* line 165, ../scss/pages.scss */
  #contents.four .box_general .box_inner h4 {
    color: #0071BB !important;
  }
  /* line 169, ../scss/pages.scss */
  #contents.map #map_bg, #contents.map #white_bg {
    position: absolute;
    width: 712.32px;
    height: 504px;
    background-color: #ffffff;
  }
  /* line 170, ../scss/pages.scss */
  #contents.map #map_title {
    position: absolute;
    left: 16.8px;
    width: 712.32px;
    height: 504px;
    display: none;
  }
  /* line 171, ../scss/pages.scss */
  #contents.map #side_infoarea {
    position: absolute;
    left: 0;
    width: 194.88px;
    height: 504px;
  }
  /* line 172, ../scss/pages.scss */
  #contents.map #side_infoarea h2 {
    position: absolute;
    top: 14.28px;
    left: 0;
    width: 194.88px;
    height: 470.4px;
  }
  /* line 173, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea {
    position: absolute;
    top: 84px;
    left: 21px;
    width: 161.28px;
    height: 382.2px;
    background-image: url("/book/common/images/spacer.png");
  }
  /* line 174, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward {
    width: 142.8px;
    padding-bottom: 13.44px;
  }
  /* line 175, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h3 {
    margin-bottom: 8.4px;
  }
  /* line 176, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h4 {
    margin-bottom: 5.04px;
    width: 50.4px;
    height: 8.4px;
  }
  /* line 177, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul {
    margin-bottom: 4.2px;
  }
  /* line 178, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li {
    padding-bottom: 5.88px;
    overflow: hidden;
    *zoom: 1;
  }
  /* line 179, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a {
    text-decoration: none;
    display: block;
    cursor: pointer;
  }
  /* line 180, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .arrow {
    float: left;
    display: block;
    width: 17.64px;
    height: 22.68px;
  }
  /* line 181, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .genre {
    display: block;
    font-size: 9.24px;
    line-height: 10.08px;
    color: #FF7828;
  }
  /* line 182, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name {
    display: block;
    font-size: 10.92px;
    line-height: 12.6px;
    color: #464646;
  }
  /* line 183, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name.line1 {
    line-height: 19.32px;
  }
  /* line 185, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 189, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .genre, #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .name {
    float: left;
    width: 117.6px;
  }
  /* line 190, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup a .genre {
    color: #FF3F01;
  }
  /* line 193, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail {
    width: 141.12px;
    height: 33.6px;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a {
    display: block;
    cursor: pointer;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 197, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu .pickup li a .genre {
    color: #FF3F01;
  }
  /* line 198, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu li a .genre {
    color: #339500;
  }
  /* line 200, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel {
    padding-bottom: 0;
  }
  /* line 201, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure h3, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel h3 {
    margin-bottom: 0;
  }
  /* line 203, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .recommend a .genre, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .recommend a .genre {
    color: #005800;
  }
  /* line 205, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .name, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .name {
    padding-top: 4.2px;
  }
  /* line 214, ../scss/pages.scss */
  #contents .box_area {
    position: absolute;
    display: none;
    cursor: pointer;
  }
  /* line 216, ../scss/pages.scss */
  #contents .box_area a {
    display: block;
  }
}
@media screen and (max-width: 835px), screen and (max-height: 565px) {
  /* line 20, ../scss/pages.scss */
  #contents.cover {
    background-color: transparent;
  }
  /* line 22, ../scss/pages.scss */
  #contents.cover #bg {
    position: absolute;
    width: 279.84px;
    height: 396px;
    display: none;
  }
  /* line 23, ../scss/pages.scss */
  #contents.cover #text1, #contents.cover #text2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 279.84px;
    height: 396px;
    display: none;
  }
  /* line 24, ../scss/pages.scss */
  #contents.cover #help {
    position: absolute;
    top: 7.92px;
    left: 287.76px;
    width: 257.4px;
    height: 380.16px;
    -webkit-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    -moz-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    display: none;
  }
  /* line 25, ../scss/pages.scss */
  #contents.cover #help .img {
    position: absolute;
    top: 125.4px;
    left: 59.4px;
    width: 141.24px;
  }
  /* line 26, ../scss/pages.scss */
  #contents.cover #help .img img {
    width: 141.24px;
  }
  /* line 31, ../scss/pages.scss */
  #contents.one #white_bg, #contents.one #bg {
    position: absolute;
    width: 559.68px;
    height: 396px;
    background-color: #fff;
  }
  /* line 32, ../scss/pages.scss */
  #contents.one #title, #contents.one #caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 559.68px;
    height: 396px;
    display: none;
  }
  /* line 33, ../scss/pages.scss */
  #contents.one .scrollArea {
    position: absolute;
    top: 266.64px;
    left: 29.04px;
    width: 207.9px;
    height: 96.36px;
  }
  /* line 34, ../scss/pages.scss */
  #contents.one .scrollArea p {
    font-size: 9.24px;
    line-height: 14.52px;
    color: #ffffff;
  }
  /* line 36, ../scss/pages.scss */
  #contents.one #text_hide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 279.84px;
    height: 198px;
  }
  /* line 37, ../scss/pages.scss */
  #contents.one .access_btn {
    position: absolute;
    left: 85.14px;
    top: 78.54px;
    width: 84.48px;
    height: 14.52px;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a {
    display: block;
    cursor: pointer;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 40, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit {
    position: absolute;
    top: 7.92px;
    left: 7.92px;
    width: 253.44px;
    border: 0.66px solid #ababab;
    background-color: #ffffff;
  }
  /* line 41, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p {
    padding-left: 2.64px;
    padding-top: 2.64px;
    padding-bottom: 26.4px;
    font-size: 7.92px;
    line-height: 11.88px;
  }
  /* line 42, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p .caption {
    display: block;
    padding-bottom: 3.3px;
    color: #000000;
  }
  /* line 43, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p strong {
    display: block;
    padding-bottom: 1.98px;
    font-size: 9.24px;
    line-height: 13.2px;
    color: #cc6633;
  }
  /* line 45, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close {
    bottom: 6.6px;
    left: 13.2px;
    width: 39.6px;
    height: 11.88px;
  }
  /* line 46, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close a {
    width: 39.6px;
    height: 11.88px;
  }
  /* line 51, ../scss/pages.scss */
  #contents.two #img, #contents.two #text {
    position: absolute;
    top: 0;
    left: 0;
    width: 559.68px;
    height: 396px;
    display: none;
  }
  /* line 52, ../scss/pages.scss */
  #contents.two .text1 {
    position: absolute;
    top: 133.32px;
    left: 353.1px;
    width: 186.78px;
    font-size: 8.58px;
    line-height: 11.22px;
    color: #181818;
    display: none;
  }
  /* line 53, ../scss/pages.scss */
  #contents.two .text2 {
    position: absolute;
    top: 257.4px;
    left: 434.28px;
    width: 106.26px;
    font-size: 8.58px;
    line-height: 11.22px;
    color: #181818;
    display: none;
  }
  /* line 54, ../scss/pages.scss */
  #contents.two .text3 {
    position: absolute;
    top: 139.26px;
    left: 18.48px;
    width: 215.16px;
    font-size: 8.58px;
    line-height: 11.22px;
    color: #181818;
    display: none;
  }
  /* line 55, ../scss/pages.scss */
  #contents.two .text4 {
    position: absolute;
    top: 326.04px;
    left: 18.48px;
    width: 242.88px;
    font-size: 8.58px;
    line-height: 11.22px;
    color: #181818;
    display: none;
  }
  /* line 58, ../scss/pages.scss */
  #contents.three #title, #contents.three #text1, #contents.three #text2, #contents.three #text3, #contents.three #text4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 559.68px;
    height: 396px;
    display: none;
  }
  /* line 59, ../scss/pages.scss */
  #contents.three #img1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 279.84px;
    height: 198px;
    display: none;
  }
  /* line 60, ../scss/pages.scss */
  #contents.three #img2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 279.84px;
    height: 198px;
    display: none;
  }
  /* line 61, ../scss/pages.scss */
  #contents.three #img3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 279.84px;
    height: 198px;
    display: none;
  }
  /* line 62, ../scss/pages.scss */
  #contents.three #img4 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 279.84px;
    height: 198px;
    display: none;
  }
  /* line 63, ../scss/pages.scss */
  #contents.three .text1 {
    position: absolute;
    top: 75.24px;
    left: 295.02px;
    width: 119.46px;
    font-size: 8.58px;
    line-height: 11.22px;
    color: #181818;
    display: none;
  }
  /* line 64, ../scss/pages.scss */
  #contents.three .text2 {
    position: absolute;
    top: 259.38px;
    left: 425.7px;
    width: 119.46px;
    font-size: 8.58px;
    line-height: 11.22px;
    color: #181818;
    display: none;
  }
  /* line 65, ../scss/pages.scss */
  #contents.three .text3 {
    position: absolute;
    top: 73.92px;
    left: 14.52px;
    width: 117.48px;
    font-size: 8.58px;
    line-height: 11.22px;
    color: #181818;
    display: none;
  }
  /* line 66, ../scss/pages.scss */
  #contents.three .text4 {
    position: absolute;
    top: 256.08px;
    left: 147.84px;
    width: 116.16px;
    font-size: 8.58px;
    line-height: 11.22px;
    color: #181818;
    display: none;
  }
  /* line 67, ../scss/pages.scss */
  #contents.three .pop_btn1, #contents.three .pop_btn2, #contents.three .pop_btn3, #contents.three .pop_btn4 {
    position: absolute;
    width: 122.1px;
    height: 58.74px;
    display: none;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a, #contents.three .pop_btn2 a, #contents.three .pop_btn3 a, #contents.three .pop_btn4 a {
    display: block;
    cursor: pointer;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a:hover, #contents.three .pop_btn2 a:hover, #contents.three .pop_btn3 a:hover, #contents.three .pop_btn4 a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 70, ../scss/pages.scss */
  #contents.three .pop_btn1 {
    top: 129.36px;
    left: 423.72px;
  }
  /* line 71, ../scss/pages.scss */
  #contents.three .pop_btn2 {
    top: 320.76px;
    left: 292.38px;
  }
  /* line 72, ../scss/pages.scss */
  #contents.three .pop_btn3 {
    top: 129.36px;
    left: 143.22px;
  }
  /* line 73, ../scss/pages.scss */
  #contents.three .pop_btn4 {
    top: 320.76px;
    left: 15.18px;
  }
  /* line 75, ../scss/pages.scss */
  #contents.three .box_general {
    left: 279.84px;
    width: 279.84px;
    height: 396px;
  }
  /* line 76, ../scss/pages.scss */
  #contents.three .box_general .box_inner {
    width: 264px;
    height: 380.16px;
    margin-left: -132px;
    margin-top: -190.08px;
  }
  /* line 77, ../scss/pages.scss */
  #contents.three .box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 264px;
    height: 380.16px;
  }
  /* line 78, ../scss/pages.scss */
  #contents.three .box_general .box_inner h4 {
    position: absolute;
    top: 10.56px;
    right: 19.8px;
    font-size: 8.58px;
    color: #cc6633;
  }
  /* line 79, ../scss/pages.scss */
  #contents.three .box_general .box_inner h3 {
    position: absolute;
    top: 211.86px;
    left: 23.1px;
    font-size: 13.2px;
    line-height: 13.86px;
    color: #000;
  }
  /* line 80, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 {
    position: absolute;
    top: 242.88px;
    left: 23.1px;
    width: 219.12px;
    height: 99px;
  }
  /* line 81, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 .main {
    font-size: 8.58px;
    line-height: 13.2px;
    color: #000000;
  }
  /* line 83, ../scss/pages.scss */
  #contents.three .box_general .box_inner .btn_close {
    left: 108.9px;
  }
  /* line 86, ../scss/pages.scss */
  #contents.three #infoBox03.box_general, #contents.three #infoBox04.box_general {
    left: 0;
  }
  /* line 91, ../scss/pages.scss */
  #contents.four #bg, #contents.four #title, #contents.four #intro1, #contents.four #intro2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 559.68px;
    height: 396px;
    display: none;
  }
  /* line 92, ../scss/pages.scss */
  #contents.four #title_bg {
    position: absolute;
    right: 0;
    width: 279.84px;
    height: 396px;
    display: none;
  }
  /* line 93, ../scss/pages.scss */
  #contents.four #spring_ttl_bg {
    position: absolute;
    top: 46.86px;
    left: 25.08px;
    width: 124.08px;
    height: 48.84px;
    display: none;
  }
  /* line 94, ../scss/pages.scss */
  #contents.four #spring_ttl {
    position: absolute;
    top: 54.12px;
    left: 40.26px;
    width: 79.2px;
    height: 34.32px;
    display: none;
  }
  /* line 97, ../scss/pages.scss */
  #contents.four .box_area .img {
    position: absolute;
    top: 0;
  }
  /* line 98, ../scss/pages.scss */
  #contents.four .box_area .img img {
    border: 2px solid #FFFFFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=3, enabled=true);
  }
  /* line 107, ../scss/pages.scss */
  #contents.four .box_area .name {
    position: absolute;
    bottom: 2.64px;
  }
  /* line 111, ../scss/pages.scss */
  #contents.four .box_area .btn_detail {
    position: absolute;
    bottom: 0;
    right: 1.32px;
    width: 31.68px;
    height: 15.84px;
  }
  /* line 120, ../scss/pages.scss */
  #contents.four #area1 {
    top: 23.76px;
    left: 153.12px;
    width: 108.9px;
    height: 83.82px;
  }
  /* line 121, ../scss/pages.scss */
  #contents.four #area1 .name {
    width: 44.88px;
    height: 13.2px;
  }
  /* line 122, ../scss/pages.scss */
  #contents.four #area1 .img {
    width: 105.6px;
    height: 62.04px;
  }
  /* line 124, ../scss/pages.scss */
  #contents.four #area2 {
    top: 114.18px;
    left: 161.04px;
    width: 108.9px;
    height: 83.82px;
  }
  /* line 125, ../scss/pages.scss */
  #contents.four #area2 .name {
    width: 44.88px;
    height: 13.2px;
  }
  /* line 126, ../scss/pages.scss */
  #contents.four #area2 .img {
    width: 105.6px;
    height: 62.04px;
  }
  /* line 128, ../scss/pages.scss */
  #contents.four #area3 {
    top: 100.32px;
    left: 28.38px;
    width: 118.14px;
    height: 85.14px;
  }
  /* line 129, ../scss/pages.scss */
  #contents.four #area3 .name {
    width: 44.88px;
    height: 13.2px;
  }
  /* line 130, ../scss/pages.scss */
  #contents.four #area3 .img {
    width: 114.84px;
    height: 63.36px;
  }
  /* line 132, ../scss/pages.scss */
  #contents.four #area4 {
    top: 221.76px;
    left: 297px;
    width: 165.66px;
    height: 145.86px;
  }
  /* line 133, ../scss/pages.scss */
  #contents.four #area4 .name {
    width: 84.48px;
    height: 13.2px;
  }
  /* line 134, ../scss/pages.scss */
  #contents.four #area4 .img {
    width: 162.36px;
    height: 124.08px;
  }
  /* line 136, ../scss/pages.scss */
  #contents.four #area5 {
    top: 221.1px;
    left: 181.5px;
    width: 95.7px;
    height: 103.62px;
  }
  /* line 137, ../scss/pages.scss */
  #contents.four #area5 .name {
    bottom: -9.9px;
    width: 53.46px;
    height: 27.06px;
  }
  /* line 138, ../scss/pages.scss */
  #contents.four #area5 .img {
    width: 92.4px;
    height: 81.84px;
  }
  /* line 140, ../scss/pages.scss */
  #contents.four #area6 {
    top: 198.66px;
    left: 17.16px;
    width: 133.98px;
    height: 89.76px;
  }
  /* line 141, ../scss/pages.scss */
  #contents.four #area6 .name {
    width: 96.36px;
    height: 27.72px;
    bottom: -11.22px;
  }
  /* line 142, ../scss/pages.scss */
  #contents.four #area6 .img {
    width: 130.68px;
    height: 67.98px;
  }
  /* line 144, ../scss/pages.scss */
  #contents.four #area7 {
    top: 304.26px;
    left: 16.5px;
    width: 158.4px;
    height: 79.2px;
  }
  /* line 145, ../scss/pages.scss */
  #contents.four #area7 .img {
    width: 158.4px;
    height: 79.2px;
  }
  /* line 146, ../scss/pages.scss */
  #contents.four #area7 .img img {
    border: none;
  }
  /* line 151, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner {
    width: 559.68px;
    height: 396px;
    margin-left: -279.84px;
    margin-top: -198px;
  }
  /* line 152, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 559.68px;
    height: 396px;
  }
  /* line 153, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text {
    left: 287.76px;
    top: 80.52px;
    width: 203.28px;
    height: 220.44px;
  }
  /* line 154, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h4 {
    font-size: 9.9px;
    color: #F98D50 !important;
  }
  /* line 155, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h3 {
    width: 217.8px;
    height: 39.6px;
  }
  /* line 156, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll {
    width: 211.2px;
    height: 198px;
  }
  /* line 157, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll .main {
    width: 203.28px;
  }
  /* line 161, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .btn_close {
    bottom: 46.2px;
    left: 260.04px;
  }
  /* line 164, ../scss/pages.scss */
  #contents.four #infoBox06.box_general .box_inner h3 {
    width: 231px !important;
  }
  /* line 165, ../scss/pages.scss */
  #contents.four .box_general .box_inner h4 {
    color: #0071BB !important;
  }
  /* line 169, ../scss/pages.scss */
  #contents.map #map_bg, #contents.map #white_bg {
    position: absolute;
    width: 559.68px;
    height: 396px;
    background-color: #ffffff;
  }
  /* line 170, ../scss/pages.scss */
  #contents.map #map_title {
    position: absolute;
    left: 13.2px;
    width: 559.68px;
    height: 396px;
    display: none;
  }
  /* line 171, ../scss/pages.scss */
  #contents.map #side_infoarea {
    position: absolute;
    left: 0;
    width: 153.12px;
    height: 396px;
  }
  /* line 172, ../scss/pages.scss */
  #contents.map #side_infoarea h2 {
    position: absolute;
    top: 11.22px;
    left: 0;
    width: 153.12px;
    height: 369.6px;
  }
  /* line 173, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea {
    position: absolute;
    top: 66px;
    left: 16.5px;
    width: 126.72px;
    height: 300.3px;
    background-image: url("/book/common/images/spacer.png");
  }
  /* line 174, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward {
    width: 112.2px;
    padding-bottom: 10.56px;
  }
  /* line 175, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h3 {
    margin-bottom: 6.6px;
  }
  /* line 176, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h4 {
    margin-bottom: 3.96px;
    width: 39.6px;
    height: 6.6px;
  }
  /* line 177, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul {
    margin-bottom: 3.3px;
  }
  /* line 178, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li {
    padding-bottom: 4.62px;
    overflow: hidden;
    *zoom: 1;
  }
  /* line 179, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a {
    text-decoration: none;
    display: block;
    cursor: pointer;
  }
  /* line 180, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .arrow {
    float: left;
    display: block;
    width: 13.86px;
    height: 17.82px;
  }
  /* line 181, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .genre {
    display: block;
    font-size: 7.26px;
    line-height: 7.92px;
    color: #FF7828;
  }
  /* line 182, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name {
    display: block;
    font-size: 8.58px;
    line-height: 9.9px;
    color: #464646;
  }
  /* line 183, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name.line1 {
    line-height: 15.18px;
  }
  /* line 185, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 189, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .genre, #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .name {
    float: left;
    width: 92.4px;
  }
  /* line 190, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup a .genre {
    color: #FF3F01;
  }
  /* line 193, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail {
    width: 110.88px;
    height: 26.4px;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a {
    display: block;
    cursor: pointer;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 197, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu .pickup li a .genre {
    color: #FF3F01;
  }
  /* line 198, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu li a .genre {
    color: #339500;
  }
  /* line 200, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel {
    padding-bottom: 0;
  }
  /* line 201, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure h3, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel h3 {
    margin-bottom: 0;
  }
  /* line 203, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .recommend a .genre, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .recommend a .genre {
    color: #005800;
  }
  /* line 205, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .name, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .name {
    padding-top: 3.3px;
  }
  /* line 214, ../scss/pages.scss */
  #contents .box_area {
    position: absolute;
    display: none;
    cursor: pointer;
  }
  /* line 216, ../scss/pages.scss */
  #contents .box_area a {
    display: block;
  }
}
@media only screen and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-pixel-ratio: 2) and (orientation: portrait) {
  /* iPhone4 portrait */
  /* line 20, ../scss/pages.scss */
  #contents.cover {
    background-color: transparent;
  }
  /* line 22, ../scss/pages.scss */
  #contents.cover #bg {
    position: absolute;
    width: 720.8px;
    height: 1020px;
    display: none;
  }
  /* line 23, ../scss/pages.scss */
  #contents.cover #text1, #contents.cover #text2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 720.8px;
    height: 1020px;
    display: none;
  }
  /* line 24, ../scss/pages.scss */
  #contents.cover #help {
    position: absolute;
    top: 20.4px;
    left: 741.2px;
    width: 663px;
    height: 979.2px;
    -webkit-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    -moz-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    display: none;
  }
  /* line 25, ../scss/pages.scss */
  #contents.cover #help .img {
    position: absolute;
    top: 323px;
    left: 153px;
    width: 363.8px;
  }
  /* line 26, ../scss/pages.scss */
  #contents.cover #help .img img {
    width: 363.8px;
  }
  /* line 31, ../scss/pages.scss */
  #contents.one #white_bg, #contents.one #bg {
    position: absolute;
    width: 1441.6px;
    height: 1020px;
    background-color: #fff;
  }
  /* line 32, ../scss/pages.scss */
  #contents.one #title, #contents.one #caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 1441.6px;
    height: 1020px;
    display: none;
  }
  /* line 33, ../scss/pages.scss */
  #contents.one .scrollArea {
    position: absolute;
    top: 686.8px;
    left: 74.8px;
    width: 535.5px;
    height: 248.2px;
  }
  /* line 34, ../scss/pages.scss */
  #contents.one .scrollArea p {
    font-size: 23.8px;
    line-height: 37.4px;
    color: #ffffff;
  }
  /* line 36, ../scss/pages.scss */
  #contents.one #text_hide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 720.8px;
    height: 510px;
  }
  /* line 37, ../scss/pages.scss */
  #contents.one .access_btn {
    position: absolute;
    left: 219.3px;
    top: 202.3px;
    width: 217.6px;
    height: 37.4px;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a {
    display: block;
    cursor: pointer;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 40, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit {
    position: absolute;
    top: 20.4px;
    left: 20.4px;
    width: 652.8px;
    border: 1.7px solid #ababab;
    background-color: #ffffff;
  }
  /* line 41, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p {
    padding-left: 6.8px;
    padding-top: 6.8px;
    padding-bottom: 68px;
    font-size: 20.4px;
    line-height: 30.6px;
  }
  /* line 42, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p .caption {
    display: block;
    padding-bottom: 8.5px;
    color: #000000;
  }
  /* line 43, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p strong {
    display: block;
    padding-bottom: 5.1px;
    font-size: 23.8px;
    line-height: 34px;
    color: #cc6633;
  }
  /* line 45, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close {
    bottom: 17px;
    left: 34px;
    width: 102px;
    height: 30.6px;
  }
  /* line 46, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close a {
    width: 102px;
    height: 30.6px;
  }
  /* line 51, ../scss/pages.scss */
  #contents.two #img, #contents.two #text {
    position: absolute;
    top: 0;
    left: 0;
    width: 1441.6px;
    height: 1020px;
    display: none;
  }
  /* line 52, ../scss/pages.scss */
  #contents.two .text1 {
    position: absolute;
    top: 343.4px;
    left: 909.5px;
    width: 481.1px;
    font-size: 22.1px;
    line-height: 28.9px;
    color: #181818;
    display: none;
  }
  /* line 53, ../scss/pages.scss */
  #contents.two .text2 {
    position: absolute;
    top: 663px;
    left: 1118.6px;
    width: 273.7px;
    font-size: 22.1px;
    line-height: 28.9px;
    color: #181818;
    display: none;
  }
  /* line 54, ../scss/pages.scss */
  #contents.two .text3 {
    position: absolute;
    top: 358.7px;
    left: 47.6px;
    width: 554.2px;
    font-size: 22.1px;
    line-height: 28.9px;
    color: #181818;
    display: none;
  }
  /* line 55, ../scss/pages.scss */
  #contents.two .text4 {
    position: absolute;
    top: 839.8px;
    left: 47.6px;
    width: 625.6px;
    font-size: 22.1px;
    line-height: 28.9px;
    color: #181818;
    display: none;
  }
  /* line 58, ../scss/pages.scss */
  #contents.three #title, #contents.three #text1, #contents.three #text2, #contents.three #text3, #contents.three #text4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 1441.6px;
    height: 1020px;
    display: none;
  }
  /* line 59, ../scss/pages.scss */
  #contents.three #img1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 720.8px;
    height: 510px;
    display: none;
  }
  /* line 60, ../scss/pages.scss */
  #contents.three #img2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 720.8px;
    height: 510px;
    display: none;
  }
  /* line 61, ../scss/pages.scss */
  #contents.three #img3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 720.8px;
    height: 510px;
    display: none;
  }
  /* line 62, ../scss/pages.scss */
  #contents.three #img4 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 720.8px;
    height: 510px;
    display: none;
  }
  /* line 63, ../scss/pages.scss */
  #contents.three .text1 {
    position: absolute;
    top: 193.8px;
    left: 759.9px;
    width: 307.7px;
    font-size: 22.1px;
    line-height: 28.9px;
    color: #181818;
    display: none;
  }
  /* line 64, ../scss/pages.scss */
  #contents.three .text2 {
    position: absolute;
    top: 668.1px;
    left: 1096.5px;
    width: 307.7px;
    font-size: 22.1px;
    line-height: 28.9px;
    color: #181818;
    display: none;
  }
  /* line 65, ../scss/pages.scss */
  #contents.three .text3 {
    position: absolute;
    top: 190.4px;
    left: 37.4px;
    width: 302.6px;
    font-size: 22.1px;
    line-height: 28.9px;
    color: #181818;
    display: none;
  }
  /* line 66, ../scss/pages.scss */
  #contents.three .text4 {
    position: absolute;
    top: 659.6px;
    left: 380.8px;
    width: 299.2px;
    font-size: 22.1px;
    line-height: 28.9px;
    color: #181818;
    display: none;
  }
  /* line 67, ../scss/pages.scss */
  #contents.three .pop_btn1, #contents.three .pop_btn2, #contents.three .pop_btn3, #contents.three .pop_btn4 {
    position: absolute;
    width: 314.5px;
    height: 151.3px;
    display: none;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a, #contents.three .pop_btn2 a, #contents.three .pop_btn3 a, #contents.three .pop_btn4 a {
    display: block;
    cursor: pointer;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a:hover, #contents.three .pop_btn2 a:hover, #contents.three .pop_btn3 a:hover, #contents.three .pop_btn4 a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 70, ../scss/pages.scss */
  #contents.three .pop_btn1 {
    top: 333.2px;
    left: 1091.4px;
  }
  /* line 71, ../scss/pages.scss */
  #contents.three .pop_btn2 {
    top: 826.2px;
    left: 753.1px;
  }
  /* line 72, ../scss/pages.scss */
  #contents.three .pop_btn3 {
    top: 333.2px;
    left: 368.9px;
  }
  /* line 73, ../scss/pages.scss */
  #contents.three .pop_btn4 {
    top: 826.2px;
    left: 39.1px;
  }
  /* line 75, ../scss/pages.scss */
  #contents.three .box_general {
    left: 720.8px;
    width: 720.8px;
    height: 1020px;
  }
  /* line 76, ../scss/pages.scss */
  #contents.three .box_general .box_inner {
    width: 680px;
    height: 979.2px;
    margin-left: -340px;
    margin-top: -489.6px;
  }
  /* line 77, ../scss/pages.scss */
  #contents.three .box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 680px;
    height: 979.2px;
  }
  /* line 78, ../scss/pages.scss */
  #contents.three .box_general .box_inner h4 {
    position: absolute;
    top: 27.2px;
    right: 51px;
    font-size: 22.1px;
    color: #cc6633;
  }
  /* line 79, ../scss/pages.scss */
  #contents.three .box_general .box_inner h3 {
    position: absolute;
    top: 545.7px;
    left: 59.5px;
    font-size: 34px;
    line-height: 35.7px;
    color: #000;
  }
  /* line 80, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 {
    position: absolute;
    top: 625.6px;
    left: 59.5px;
    width: 564.4px;
    height: 255px;
  }
  /* line 81, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 .main {
    font-size: 22.1px;
    line-height: 34px;
    color: #000000;
  }
  /* line 83, ../scss/pages.scss */
  #contents.three .box_general .box_inner .btn_close {
    left: 280.5px;
  }
  /* line 86, ../scss/pages.scss */
  #contents.three #infoBox03.box_general, #contents.three #infoBox04.box_general {
    left: 0;
  }
  /* line 91, ../scss/pages.scss */
  #contents.four #bg, #contents.four #title, #contents.four #intro1, #contents.four #intro2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 1441.6px;
    height: 1020px;
    display: none;
  }
  /* line 92, ../scss/pages.scss */
  #contents.four #title_bg {
    position: absolute;
    right: 0;
    width: 720.8px;
    height: 1020px;
    display: none;
  }
  /* line 93, ../scss/pages.scss */
  #contents.four #spring_ttl_bg {
    position: absolute;
    top: 120.7px;
    left: 64.6px;
    width: 319.6px;
    height: 125.8px;
    display: none;
  }
  /* line 94, ../scss/pages.scss */
  #contents.four #spring_ttl {
    position: absolute;
    top: 139.4px;
    left: 103.7px;
    width: 204px;
    height: 88.4px;
    display: none;
  }
  /* line 97, ../scss/pages.scss */
  #contents.four .box_area .img {
    position: absolute;
    top: 0;
  }
  /* line 98, ../scss/pages.scss */
  #contents.four .box_area .img img {
    border: 2px solid #FFFFFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=3, enabled=true);
  }
  /* line 107, ../scss/pages.scss */
  #contents.four .box_area .name {
    position: absolute;
    bottom: 6.8px;
  }
  /* line 111, ../scss/pages.scss */
  #contents.four .box_area .btn_detail {
    position: absolute;
    bottom: 0;
    right: 3.4px;
    width: 81.6px;
    height: 40.8px;
  }
  /* line 120, ../scss/pages.scss */
  #contents.four #area1 {
    top: 61.2px;
    left: 394.4px;
    width: 280.5px;
    height: 215.9px;
  }
  /* line 121, ../scss/pages.scss */
  #contents.four #area1 .name {
    width: 115.6px;
    height: 34px;
  }
  /* line 122, ../scss/pages.scss */
  #contents.four #area1 .img {
    width: 272px;
    height: 159.8px;
  }
  /* line 124, ../scss/pages.scss */
  #contents.four #area2 {
    top: 294.1px;
    left: 414.8px;
    width: 280.5px;
    height: 215.9px;
  }
  /* line 125, ../scss/pages.scss */
  #contents.four #area2 .name {
    width: 115.6px;
    height: 34px;
  }
  /* line 126, ../scss/pages.scss */
  #contents.four #area2 .img {
    width: 272px;
    height: 159.8px;
  }
  /* line 128, ../scss/pages.scss */
  #contents.four #area3 {
    top: 258.4px;
    left: 73.1px;
    width: 304.3px;
    height: 219.3px;
  }
  /* line 129, ../scss/pages.scss */
  #contents.four #area3 .name {
    width: 115.6px;
    height: 34px;
  }
  /* line 130, ../scss/pages.scss */
  #contents.four #area3 .img {
    width: 295.8px;
    height: 163.2px;
  }
  /* line 132, ../scss/pages.scss */
  #contents.four #area4 {
    top: 571.2px;
    left: 765px;
    width: 426.7px;
    height: 375.7px;
  }
  /* line 133, ../scss/pages.scss */
  #contents.four #area4 .name {
    width: 217.6px;
    height: 34px;
  }
  /* line 134, ../scss/pages.scss */
  #contents.four #area4 .img {
    width: 418.2px;
    height: 319.6px;
  }
  /* line 136, ../scss/pages.scss */
  #contents.four #area5 {
    top: 569.5px;
    left: 467.5px;
    width: 246.5px;
    height: 266.9px;
  }
  /* line 137, ../scss/pages.scss */
  #contents.four #area5 .name {
    bottom: -25.5px;
    width: 137.7px;
    height: 69.7px;
  }
  /* line 138, ../scss/pages.scss */
  #contents.four #area5 .img {
    width: 238px;
    height: 210.8px;
  }
  /* line 140, ../scss/pages.scss */
  #contents.four #area6 {
    top: 511.7px;
    left: 44.2px;
    width: 345.1px;
    height: 231.2px;
  }
  /* line 141, ../scss/pages.scss */
  #contents.four #area6 .name {
    width: 248.2px;
    height: 71.4px;
    bottom: -28.9px;
  }
  /* line 142, ../scss/pages.scss */
  #contents.four #area6 .img {
    width: 336.6px;
    height: 175.1px;
  }
  /* line 144, ../scss/pages.scss */
  #contents.four #area7 {
    top: 783.7px;
    left: 42.5px;
    width: 408px;
    height: 204px;
  }
  /* line 145, ../scss/pages.scss */
  #contents.four #area7 .img {
    width: 408px;
    height: 204px;
  }
  /* line 146, ../scss/pages.scss */
  #contents.four #area7 .img img {
    border: none;
  }
  /* line 151, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner {
    width: 1441.6px;
    height: 1020px;
    margin-left: -720.8px;
    margin-top: -510px;
  }
  /* line 152, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 1441.6px;
    height: 1020px;
  }
  /* line 153, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text {
    left: 741.2px;
    top: 207.4px;
    width: 523.6px;
    height: 567.8px;
  }
  /* line 154, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h4 {
    font-size: 25.5px;
    color: #F98D50 !important;
  }
  /* line 155, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h3 {
    width: 561px;
    height: 102px;
  }
  /* line 156, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll {
    width: 544px;
    height: 510px;
  }
  /* line 157, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll .main {
    width: 523.6px;
  }
  /* line 161, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .btn_close {
    bottom: 119px;
    left: 669.8px;
  }
  /* line 164, ../scss/pages.scss */
  #contents.four #infoBox06.box_general .box_inner h3 {
    width: 595px !important;
  }
  /* line 165, ../scss/pages.scss */
  #contents.four .box_general .box_inner h4 {
    color: #0071BB !important;
  }
  /* line 169, ../scss/pages.scss */
  #contents.map #map_bg, #contents.map #white_bg {
    position: absolute;
    width: 1441.6px;
    height: 1020px;
    background-color: #ffffff;
  }
  /* line 170, ../scss/pages.scss */
  #contents.map #map_title {
    position: absolute;
    left: 34px;
    width: 1441.6px;
    height: 1020px;
    display: none;
  }
  /* line 171, ../scss/pages.scss */
  #contents.map #side_infoarea {
    position: absolute;
    left: 0;
    width: 394.4px;
    height: 1020px;
  }
  /* line 172, ../scss/pages.scss */
  #contents.map #side_infoarea h2 {
    position: absolute;
    top: 28.9px;
    left: 0;
    width: 394.4px;
    height: 952px;
  }
  /* line 173, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea {
    position: absolute;
    top: 170px;
    left: 42.5px;
    width: 326.4px;
    height: 773.5px;
    background-image: url("/book/common/images/spacer.png");
  }
  /* line 174, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward {
    width: 289px;
    padding-bottom: 27.2px;
  }
  /* line 175, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h3 {
    margin-bottom: 17px;
  }
  /* line 176, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h4 {
    margin-bottom: 10.2px;
    width: 102px;
    height: 17px;
  }
  /* line 177, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul {
    margin-bottom: 8.5px;
  }
  /* line 178, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li {
    padding-bottom: 11.9px;
    overflow: hidden;
    *zoom: 1;
  }
  /* line 179, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a {
    text-decoration: none;
    display: block;
    cursor: pointer;
  }
  /* line 180, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .arrow {
    float: left;
    display: block;
    width: 35.7px;
    height: 45.9px;
  }
  /* line 181, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .genre {
    display: block;
    font-size: 18.7px;
    line-height: 20.4px;
    color: #FF7828;
  }
  /* line 182, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name {
    display: block;
    font-size: 22.1px;
    line-height: 25.5px;
    color: #464646;
  }
  /* line 183, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name.line1 {
    line-height: 39.1px;
  }
  /* line 185, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 189, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .genre, #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .name {
    float: left;
    width: 238px;
  }
  /* line 190, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup a .genre {
    color: #FF3F01;
  }
  /* line 193, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail {
    width: 285.6px;
    height: 68px;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a {
    display: block;
    cursor: pointer;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 197, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu .pickup li a .genre {
    color: #FF3F01;
  }
  /* line 198, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu li a .genre {
    color: #339500;
  }
  /* line 200, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel {
    padding-bottom: 0;
  }
  /* line 201, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure h3, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel h3 {
    margin-bottom: 0;
  }
  /* line 203, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .recommend a .genre, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .recommend a .genre {
    color: #005800;
  }
  /* line 205, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .name, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .name {
    padding-top: 8.5px;
  }
  /* line 214, ../scss/pages.scss */
  #contents .box_area {
    position: absolute;
    display: none;
    cursor: pointer;
  }
  /* line 216, ../scss/pages.scss */
  #contents .box_area a {
    display: block;
  }
}
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
  /* iPhone5 landscape */
  /* line 20, ../scss/pages.scss */
  #contents.cover {
    background-color: transparent;
  }
  /* line 22, ../scss/pages.scss */
  #contents.cover #bg {
    position: absolute;
    width: 356.16px;
    height: 504px;
    display: none;
  }
  /* line 23, ../scss/pages.scss */
  #contents.cover #text1, #contents.cover #text2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 356.16px;
    height: 504px;
    display: none;
  }
  /* line 24, ../scss/pages.scss */
  #contents.cover #help {
    position: absolute;
    top: 10.08px;
    left: 366.24px;
    width: 327.6px;
    height: 483.84px;
    -webkit-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    -moz-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    display: none;
  }
  /* line 25, ../scss/pages.scss */
  #contents.cover #help .img {
    position: absolute;
    top: 159.6px;
    left: 75.6px;
    width: 179.76px;
  }
  /* line 26, ../scss/pages.scss */
  #contents.cover #help .img img {
    width: 179.76px;
  }
  /* line 31, ../scss/pages.scss */
  #contents.one #white_bg, #contents.one #bg {
    position: absolute;
    width: 712.32px;
    height: 504px;
    background-color: #fff;
  }
  /* line 32, ../scss/pages.scss */
  #contents.one #title, #contents.one #caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 712.32px;
    height: 504px;
    display: none;
  }
  /* line 33, ../scss/pages.scss */
  #contents.one .scrollArea {
    position: absolute;
    top: 339.36px;
    left: 36.96px;
    width: 264.6px;
    height: 122.64px;
  }
  /* line 34, ../scss/pages.scss */
  #contents.one .scrollArea p {
    font-size: 11.76px;
    line-height: 18.48px;
    color: #ffffff;
  }
  /* line 36, ../scss/pages.scss */
  #contents.one #text_hide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 356.16px;
    height: 252px;
  }
  /* line 37, ../scss/pages.scss */
  #contents.one .access_btn {
    position: absolute;
    left: 108.36px;
    top: 99.96px;
    width: 107.52px;
    height: 18.48px;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a {
    display: block;
    cursor: pointer;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 40, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit {
    position: absolute;
    top: 10.08px;
    left: 10.08px;
    width: 322.56px;
    border: 0.84px solid #ababab;
    background-color: #ffffff;
  }
  /* line 41, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p {
    padding-left: 3.36px;
    padding-top: 3.36px;
    padding-bottom: 33.6px;
    font-size: 10.08px;
    line-height: 15.12px;
  }
  /* line 42, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p .caption {
    display: block;
    padding-bottom: 4.2px;
    color: #000000;
  }
  /* line 43, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p strong {
    display: block;
    padding-bottom: 2.52px;
    font-size: 11.76px;
    line-height: 16.8px;
    color: #cc6633;
  }
  /* line 45, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close {
    bottom: 8.4px;
    left: 16.8px;
    width: 50.4px;
    height: 15.12px;
  }
  /* line 46, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close a {
    width: 50.4px;
    height: 15.12px;
  }
  /* line 51, ../scss/pages.scss */
  #contents.two #img, #contents.two #text {
    position: absolute;
    top: 0;
    left: 0;
    width: 712.32px;
    height: 504px;
    display: none;
  }
  /* line 52, ../scss/pages.scss */
  #contents.two .text1 {
    position: absolute;
    top: 169.68px;
    left: 449.4px;
    width: 237.72px;
    font-size: 10.92px;
    line-height: 14.28px;
    color: #181818;
    display: none;
  }
  /* line 53, ../scss/pages.scss */
  #contents.two .text2 {
    position: absolute;
    top: 327.6px;
    left: 552.72px;
    width: 135.24px;
    font-size: 10.92px;
    line-height: 14.28px;
    color: #181818;
    display: none;
  }
  /* line 54, ../scss/pages.scss */
  #contents.two .text3 {
    position: absolute;
    top: 177.24px;
    left: 23.52px;
    width: 273.84px;
    font-size: 10.92px;
    line-height: 14.28px;
    color: #181818;
    display: none;
  }
  /* line 55, ../scss/pages.scss */
  #contents.two .text4 {
    position: absolute;
    top: 414.96px;
    left: 23.52px;
    width: 309.12px;
    font-size: 10.92px;
    line-height: 14.28px;
    color: #181818;
    display: none;
  }
  /* line 58, ../scss/pages.scss */
  #contents.three #title, #contents.three #text1, #contents.three #text2, #contents.three #text3, #contents.three #text4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 712.32px;
    height: 504px;
    display: none;
  }
  /* line 59, ../scss/pages.scss */
  #contents.three #img1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 356.16px;
    height: 252px;
    display: none;
  }
  /* line 60, ../scss/pages.scss */
  #contents.three #img2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 356.16px;
    height: 252px;
    display: none;
  }
  /* line 61, ../scss/pages.scss */
  #contents.three #img3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 356.16px;
    height: 252px;
    display: none;
  }
  /* line 62, ../scss/pages.scss */
  #contents.three #img4 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 356.16px;
    height: 252px;
    display: none;
  }
  /* line 63, ../scss/pages.scss */
  #contents.three .text1 {
    position: absolute;
    top: 95.76px;
    left: 375.48px;
    width: 152.04px;
    font-size: 10.92px;
    line-height: 14.28px;
    color: #181818;
    display: none;
  }
  /* line 64, ../scss/pages.scss */
  #contents.three .text2 {
    position: absolute;
    top: 330.12px;
    left: 541.8px;
    width: 152.04px;
    font-size: 10.92px;
    line-height: 14.28px;
    color: #181818;
    display: none;
  }
  /* line 65, ../scss/pages.scss */
  #contents.three .text3 {
    position: absolute;
    top: 94.08px;
    left: 18.48px;
    width: 149.52px;
    font-size: 10.92px;
    line-height: 14.28px;
    color: #181818;
    display: none;
  }
  /* line 66, ../scss/pages.scss */
  #contents.three .text4 {
    position: absolute;
    top: 325.92px;
    left: 188.16px;
    width: 147.84px;
    font-size: 10.92px;
    line-height: 14.28px;
    color: #181818;
    display: none;
  }
  /* line 67, ../scss/pages.scss */
  #contents.three .pop_btn1, #contents.three .pop_btn2, #contents.three .pop_btn3, #contents.three .pop_btn4 {
    position: absolute;
    width: 155.4px;
    height: 74.76px;
    display: none;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a, #contents.three .pop_btn2 a, #contents.three .pop_btn3 a, #contents.three .pop_btn4 a {
    display: block;
    cursor: pointer;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a:hover, #contents.three .pop_btn2 a:hover, #contents.three .pop_btn3 a:hover, #contents.three .pop_btn4 a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 70, ../scss/pages.scss */
  #contents.three .pop_btn1 {
    top: 164.64px;
    left: 539.28px;
  }
  /* line 71, ../scss/pages.scss */
  #contents.three .pop_btn2 {
    top: 408.24px;
    left: 372.12px;
  }
  /* line 72, ../scss/pages.scss */
  #contents.three .pop_btn3 {
    top: 164.64px;
    left: 182.28px;
  }
  /* line 73, ../scss/pages.scss */
  #contents.three .pop_btn4 {
    top: 408.24px;
    left: 19.32px;
  }
  /* line 75, ../scss/pages.scss */
  #contents.three .box_general {
    left: 356.16px;
    width: 356.16px;
    height: 504px;
  }
  /* line 76, ../scss/pages.scss */
  #contents.three .box_general .box_inner {
    width: 336px;
    height: 483.84px;
    margin-left: -168px;
    margin-top: -241.92px;
  }
  /* line 77, ../scss/pages.scss */
  #contents.three .box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 336px;
    height: 483.84px;
  }
  /* line 78, ../scss/pages.scss */
  #contents.three .box_general .box_inner h4 {
    position: absolute;
    top: 13.44px;
    right: 25.2px;
    font-size: 10.92px;
    color: #cc6633;
  }
  /* line 79, ../scss/pages.scss */
  #contents.three .box_general .box_inner h3 {
    position: absolute;
    top: 269.64px;
    left: 29.4px;
    font-size: 16.8px;
    line-height: 17.64px;
    color: #000;
  }
  /* line 80, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 {
    position: absolute;
    top: 309.12px;
    left: 29.4px;
    width: 278.88px;
    height: 126px;
  }
  /* line 81, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 .main {
    font-size: 10.92px;
    line-height: 16.8px;
    color: #000000;
  }
  /* line 83, ../scss/pages.scss */
  #contents.three .box_general .box_inner .btn_close {
    left: 138.6px;
  }
  /* line 86, ../scss/pages.scss */
  #contents.three #infoBox03.box_general, #contents.three #infoBox04.box_general {
    left: 0;
  }
  /* line 91, ../scss/pages.scss */
  #contents.four #bg, #contents.four #title, #contents.four #intro1, #contents.four #intro2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 712.32px;
    height: 504px;
    display: none;
  }
  /* line 92, ../scss/pages.scss */
  #contents.four #title_bg {
    position: absolute;
    right: 0;
    width: 356.16px;
    height: 504px;
    display: none;
  }
  /* line 93, ../scss/pages.scss */
  #contents.four #spring_ttl_bg {
    position: absolute;
    top: 59.64px;
    left: 31.92px;
    width: 157.92px;
    height: 62.16px;
    display: none;
  }
  /* line 94, ../scss/pages.scss */
  #contents.four #spring_ttl {
    position: absolute;
    top: 68.88px;
    left: 51.24px;
    width: 100.8px;
    height: 43.68px;
    display: none;
  }
  /* line 97, ../scss/pages.scss */
  #contents.four .box_area .img {
    position: absolute;
    top: 0;
  }
  /* line 98, ../scss/pages.scss */
  #contents.four .box_area .img img {
    border: 2px solid #FFFFFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=3, enabled=true);
  }
  /* line 107, ../scss/pages.scss */
  #contents.four .box_area .name {
    position: absolute;
    bottom: 3.36px;
  }
  /* line 111, ../scss/pages.scss */
  #contents.four .box_area .btn_detail {
    position: absolute;
    bottom: 0;
    right: 1.68px;
    width: 40.32px;
    height: 20.16px;
  }
  /* line 120, ../scss/pages.scss */
  #contents.four #area1 {
    top: 30.24px;
    left: 194.88px;
    width: 138.6px;
    height: 106.68px;
  }
  /* line 121, ../scss/pages.scss */
  #contents.four #area1 .name {
    width: 57.12px;
    height: 16.8px;
  }
  /* line 122, ../scss/pages.scss */
  #contents.four #area1 .img {
    width: 134.4px;
    height: 78.96px;
  }
  /* line 124, ../scss/pages.scss */
  #contents.four #area2 {
    top: 145.32px;
    left: 204.96px;
    width: 138.6px;
    height: 106.68px;
  }
  /* line 125, ../scss/pages.scss */
  #contents.four #area2 .name {
    width: 57.12px;
    height: 16.8px;
  }
  /* line 126, ../scss/pages.scss */
  #contents.four #area2 .img {
    width: 134.4px;
    height: 78.96px;
  }
  /* line 128, ../scss/pages.scss */
  #contents.four #area3 {
    top: 127.68px;
    left: 36.12px;
    width: 150.36px;
    height: 108.36px;
  }
  /* line 129, ../scss/pages.scss */
  #contents.four #area3 .name {
    width: 57.12px;
    height: 16.8px;
  }
  /* line 130, ../scss/pages.scss */
  #contents.four #area3 .img {
    width: 146.16px;
    height: 80.64px;
  }
  /* line 132, ../scss/pages.scss */
  #contents.four #area4 {
    top: 282.24px;
    left: 378px;
    width: 210.84px;
    height: 185.64px;
  }
  /* line 133, ../scss/pages.scss */
  #contents.four #area4 .name {
    width: 107.52px;
    height: 16.8px;
  }
  /* line 134, ../scss/pages.scss */
  #contents.four #area4 .img {
    width: 206.64px;
    height: 157.92px;
  }
  /* line 136, ../scss/pages.scss */
  #contents.four #area5 {
    top: 281.4px;
    left: 231px;
    width: 121.8px;
    height: 131.88px;
  }
  /* line 137, ../scss/pages.scss */
  #contents.four #area5 .name {
    bottom: -12.6px;
    width: 68.04px;
    height: 34.44px;
  }
  /* line 138, ../scss/pages.scss */
  #contents.four #area5 .img {
    width: 117.6px;
    height: 104.16px;
  }
  /* line 140, ../scss/pages.scss */
  #contents.four #area6 {
    top: 252.84px;
    left: 21.84px;
    width: 170.52px;
    height: 114.24px;
  }
  /* line 141, ../scss/pages.scss */
  #contents.four #area6 .name {
    width: 122.64px;
    height: 35.28px;
    bottom: -14.28px;
  }
  /* line 142, ../scss/pages.scss */
  #contents.four #area6 .img {
    width: 166.32px;
    height: 86.52px;
  }
  /* line 144, ../scss/pages.scss */
  #contents.four #area7 {
    top: 387.24px;
    left: 21px;
    width: 201.6px;
    height: 100.8px;
  }
  /* line 145, ../scss/pages.scss */
  #contents.four #area7 .img {
    width: 201.6px;
    height: 100.8px;
  }
  /* line 146, ../scss/pages.scss */
  #contents.four #area7 .img img {
    border: none;
  }
  /* line 151, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner {
    width: 712.32px;
    height: 504px;
    margin-left: -356.16px;
    margin-top: -252px;
  }
  /* line 152, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 712.32px;
    height: 504px;
  }
  /* line 153, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text {
    left: 366.24px;
    top: 102.48px;
    width: 258.72px;
    height: 280.56px;
  }
  /* line 154, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h4 {
    font-size: 12.6px;
    color: #F98D50 !important;
  }
  /* line 155, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h3 {
    width: 277.2px;
    height: 50.4px;
  }
  /* line 156, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll {
    width: 268.8px;
    height: 252px;
  }
  /* line 157, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll .main {
    width: 258.72px;
  }
  /* line 161, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .btn_close {
    bottom: 58.8px;
    left: 330.96px;
  }
  /* line 164, ../scss/pages.scss */
  #contents.four #infoBox06.box_general .box_inner h3 {
    width: 294px !important;
  }
  /* line 165, ../scss/pages.scss */
  #contents.four .box_general .box_inner h4 {
    color: #0071BB !important;
  }
  /* line 169, ../scss/pages.scss */
  #contents.map #map_bg, #contents.map #white_bg {
    position: absolute;
    width: 712.32px;
    height: 504px;
    background-color: #ffffff;
  }
  /* line 170, ../scss/pages.scss */
  #contents.map #map_title {
    position: absolute;
    left: 16.8px;
    width: 712.32px;
    height: 504px;
    display: none;
  }
  /* line 171, ../scss/pages.scss */
  #contents.map #side_infoarea {
    position: absolute;
    left: 0;
    width: 194.88px;
    height: 504px;
  }
  /* line 172, ../scss/pages.scss */
  #contents.map #side_infoarea h2 {
    position: absolute;
    top: 14.28px;
    left: 0;
    width: 194.88px;
    height: 470.4px;
  }
  /* line 173, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea {
    position: absolute;
    top: 84px;
    left: 21px;
    width: 161.28px;
    height: 382.2px;
    background-image: url("/book/common/images/spacer.png");
  }
  /* line 174, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward {
    width: 142.8px;
    padding-bottom: 13.44px;
  }
  /* line 175, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h3 {
    margin-bottom: 8.4px;
  }
  /* line 176, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h4 {
    margin-bottom: 5.04px;
    width: 50.4px;
    height: 8.4px;
  }
  /* line 177, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul {
    margin-bottom: 4.2px;
  }
  /* line 178, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li {
    padding-bottom: 5.88px;
    overflow: hidden;
    *zoom: 1;
  }
  /* line 179, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a {
    text-decoration: none;
    display: block;
    cursor: pointer;
  }
  /* line 180, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .arrow {
    float: left;
    display: block;
    width: 17.64px;
    height: 22.68px;
  }
  /* line 181, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .genre {
    display: block;
    font-size: 9.24px;
    line-height: 10.08px;
    color: #FF7828;
  }
  /* line 182, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name {
    display: block;
    font-size: 10.92px;
    line-height: 12.6px;
    color: #464646;
  }
  /* line 183, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name.line1 {
    line-height: 19.32px;
  }
  /* line 185, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 189, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .genre, #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .name {
    float: left;
    width: 117.6px;
  }
  /* line 190, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup a .genre {
    color: #FF3F01;
  }
  /* line 193, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail {
    width: 141.12px;
    height: 33.6px;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a {
    display: block;
    cursor: pointer;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 197, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu .pickup li a .genre {
    color: #FF3F01;
  }
  /* line 198, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu li a .genre {
    color: #339500;
  }
  /* line 200, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel {
    padding-bottom: 0;
  }
  /* line 201, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure h3, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel h3 {
    margin-bottom: 0;
  }
  /* line 203, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .recommend a .genre, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .recommend a .genre {
    color: #005800;
  }
  /* line 205, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .name, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .name {
    padding-top: 4.2px;
  }
  /* line 214, ../scss/pages.scss */
  #contents .box_area {
    position: absolute;
    display: none;
    cursor: pointer;
  }
  /* line 216, ../scss/pages.scss */
  #contents .box_area a {
    display: block;
  }
}
@media screen and (min-device-width: 360px) and (device-height: 598px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), screen and (min-device-width: 360px) and (device-height: 592px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), screen and (min-device-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait), screen and (device-width: 800px) and (device-height: 1280px) and (orientation: portrait) {
  /* iPhone5 portrait, NEXUS 5 */
  /* line 20, ../scss/pages.scss */
  #contents.cover {
    background-color: transparent;
  }
  /* line 22, ../scss/pages.scss */
  #contents.cover #bg {
    position: absolute;
    width: 848px;
    height: 1200px;
    display: none;
  }
  /* line 23, ../scss/pages.scss */
  #contents.cover #text1, #contents.cover #text2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 848px;
    height: 1200px;
    display: none;
  }
  /* line 24, ../scss/pages.scss */
  #contents.cover #help {
    position: absolute;
    top: 24px;
    left: 872px;
    width: 780px;
    height: 1152px;
    -webkit-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    -moz-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    display: none;
  }
  /* line 25, ../scss/pages.scss */
  #contents.cover #help .img {
    position: absolute;
    top: 380px;
    left: 180px;
    width: 428px;
  }
  /* line 26, ../scss/pages.scss */
  #contents.cover #help .img img {
    width: 428px;
  }
  /* line 31, ../scss/pages.scss */
  #contents.one #white_bg, #contents.one #bg {
    position: absolute;
    width: 1696px;
    height: 1200px;
    background-color: #fff;
  }
  /* line 32, ../scss/pages.scss */
  #contents.one #title, #contents.one #caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 1696px;
    height: 1200px;
    display: none;
  }
  /* line 33, ../scss/pages.scss */
  #contents.one .scrollArea {
    position: absolute;
    top: 808px;
    left: 88px;
    width: 630px;
    height: 292px;
  }
  /* line 34, ../scss/pages.scss */
  #contents.one .scrollArea p {
    font-size: 28px;
    line-height: 44px;
    color: #ffffff;
  }
  /* line 36, ../scss/pages.scss */
  #contents.one #text_hide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 848px;
    height: 600px;
  }
  /* line 37, ../scss/pages.scss */
  #contents.one .access_btn {
    position: absolute;
    left: 258px;
    top: 238px;
    width: 256px;
    height: 44px;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a {
    display: block;
    cursor: pointer;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 40, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 768px;
    border: 2px solid #ababab;
    background-color: #ffffff;
  }
  /* line 41, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p {
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 80px;
    font-size: 24px;
    line-height: 36px;
  }
  /* line 42, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p .caption {
    display: block;
    padding-bottom: 10px;
    color: #000000;
  }
  /* line 43, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p strong {
    display: block;
    padding-bottom: 6px;
    font-size: 28px;
    line-height: 40px;
    color: #cc6633;
  }
  /* line 45, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close {
    bottom: 20px;
    left: 40px;
    width: 120px;
    height: 36px;
  }
  /* line 46, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close a {
    width: 120px;
    height: 36px;
  }
  /* line 51, ../scss/pages.scss */
  #contents.two #img, #contents.two #text {
    position: absolute;
    top: 0;
    left: 0;
    width: 1696px;
    height: 1200px;
    display: none;
  }
  /* line 52, ../scss/pages.scss */
  #contents.two .text1 {
    position: absolute;
    top: 404px;
    left: 1070px;
    width: 566px;
    font-size: 26px;
    line-height: 34px;
    color: #181818;
    display: none;
  }
  /* line 53, ../scss/pages.scss */
  #contents.two .text2 {
    position: absolute;
    top: 780px;
    left: 1316px;
    width: 322px;
    font-size: 26px;
    line-height: 34px;
    color: #181818;
    display: none;
  }
  /* line 54, ../scss/pages.scss */
  #contents.two .text3 {
    position: absolute;
    top: 422px;
    left: 56px;
    width: 652px;
    font-size: 26px;
    line-height: 34px;
    color: #181818;
    display: none;
  }
  /* line 55, ../scss/pages.scss */
  #contents.two .text4 {
    position: absolute;
    top: 988px;
    left: 56px;
    width: 736px;
    font-size: 26px;
    line-height: 34px;
    color: #181818;
    display: none;
  }
  /* line 58, ../scss/pages.scss */
  #contents.three #title, #contents.three #text1, #contents.three #text2, #contents.three #text3, #contents.three #text4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 1696px;
    height: 1200px;
    display: none;
  }
  /* line 59, ../scss/pages.scss */
  #contents.three #img1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 848px;
    height: 600px;
    display: none;
  }
  /* line 60, ../scss/pages.scss */
  #contents.three #img2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 848px;
    height: 600px;
    display: none;
  }
  /* line 61, ../scss/pages.scss */
  #contents.three #img3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 848px;
    height: 600px;
    display: none;
  }
  /* line 62, ../scss/pages.scss */
  #contents.three #img4 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 848px;
    height: 600px;
    display: none;
  }
  /* line 63, ../scss/pages.scss */
  #contents.three .text1 {
    position: absolute;
    top: 228px;
    left: 894px;
    width: 362px;
    font-size: 26px;
    line-height: 34px;
    color: #181818;
    display: none;
  }
  /* line 64, ../scss/pages.scss */
  #contents.three .text2 {
    position: absolute;
    top: 786px;
    left: 1290px;
    width: 362px;
    font-size: 26px;
    line-height: 34px;
    color: #181818;
    display: none;
  }
  /* line 65, ../scss/pages.scss */
  #contents.three .text3 {
    position: absolute;
    top: 224px;
    left: 44px;
    width: 356px;
    font-size: 26px;
    line-height: 34px;
    color: #181818;
    display: none;
  }
  /* line 66, ../scss/pages.scss */
  #contents.three .text4 {
    position: absolute;
    top: 776px;
    left: 448px;
    width: 352px;
    font-size: 26px;
    line-height: 34px;
    color: #181818;
    display: none;
  }
  /* line 67, ../scss/pages.scss */
  #contents.three .pop_btn1, #contents.three .pop_btn2, #contents.three .pop_btn3, #contents.three .pop_btn4 {
    position: absolute;
    width: 370px;
    height: 178px;
    display: none;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a, #contents.three .pop_btn2 a, #contents.three .pop_btn3 a, #contents.three .pop_btn4 a {
    display: block;
    cursor: pointer;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a:hover, #contents.three .pop_btn2 a:hover, #contents.three .pop_btn3 a:hover, #contents.three .pop_btn4 a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 70, ../scss/pages.scss */
  #contents.three .pop_btn1 {
    top: 392px;
    left: 1284px;
  }
  /* line 71, ../scss/pages.scss */
  #contents.three .pop_btn2 {
    top: 972px;
    left: 886px;
  }
  /* line 72, ../scss/pages.scss */
  #contents.three .pop_btn3 {
    top: 392px;
    left: 434px;
  }
  /* line 73, ../scss/pages.scss */
  #contents.three .pop_btn4 {
    top: 972px;
    left: 46px;
  }
  /* line 75, ../scss/pages.scss */
  #contents.three .box_general {
    left: 848px;
    width: 848px;
    height: 1200px;
  }
  /* line 76, ../scss/pages.scss */
  #contents.three .box_general .box_inner {
    width: 800px;
    height: 1152px;
    margin-left: -400px;
    margin-top: -576px;
  }
  /* line 77, ../scss/pages.scss */
  #contents.three .box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 800px;
    height: 1152px;
  }
  /* line 78, ../scss/pages.scss */
  #contents.three .box_general .box_inner h4 {
    position: absolute;
    top: 32px;
    right: 60px;
    font-size: 26px;
    color: #cc6633;
  }
  /* line 79, ../scss/pages.scss */
  #contents.three .box_general .box_inner h3 {
    position: absolute;
    top: 642px;
    left: 70px;
    font-size: 40px;
    line-height: 42px;
    color: #000;
  }
  /* line 80, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 {
    position: absolute;
    top: 736px;
    left: 70px;
    width: 664px;
    height: 300px;
  }
  /* line 81, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 .main {
    font-size: 26px;
    line-height: 40px;
    color: #000000;
  }
  /* line 83, ../scss/pages.scss */
  #contents.three .box_general .box_inner .btn_close {
    left: 330px;
  }
  /* line 86, ../scss/pages.scss */
  #contents.three #infoBox03.box_general, #contents.three #infoBox04.box_general {
    left: 0;
  }
  /* line 91, ../scss/pages.scss */
  #contents.four #bg, #contents.four #title, #contents.four #intro1, #contents.four #intro2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 1696px;
    height: 1200px;
    display: none;
  }
  /* line 92, ../scss/pages.scss */
  #contents.four #title_bg {
    position: absolute;
    right: 0;
    width: 848px;
    height: 1200px;
    display: none;
  }
  /* line 93, ../scss/pages.scss */
  #contents.four #spring_ttl_bg {
    position: absolute;
    top: 142px;
    left: 76px;
    width: 376px;
    height: 148px;
    display: none;
  }
  /* line 94, ../scss/pages.scss */
  #contents.four #spring_ttl {
    position: absolute;
    top: 164px;
    left: 122px;
    width: 240px;
    height: 104px;
    display: none;
  }
  /* line 97, ../scss/pages.scss */
  #contents.four .box_area .img {
    position: absolute;
    top: 0;
  }
  /* line 98, ../scss/pages.scss */
  #contents.four .box_area .img img {
    border: 2px solid #FFFFFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=3, enabled=true);
  }
  /* line 107, ../scss/pages.scss */
  #contents.four .box_area .name {
    position: absolute;
    bottom: 8px;
  }
  /* line 111, ../scss/pages.scss */
  #contents.four .box_area .btn_detail {
    position: absolute;
    bottom: 0;
    right: 4px;
    width: 96px;
    height: 48px;
  }
  /* line 120, ../scss/pages.scss */
  #contents.four #area1 {
    top: 72px;
    left: 464px;
    width: 330px;
    height: 254px;
  }
  /* line 121, ../scss/pages.scss */
  #contents.four #area1 .name {
    width: 136px;
    height: 40px;
  }
  /* line 122, ../scss/pages.scss */
  #contents.four #area1 .img {
    width: 320px;
    height: 188px;
  }
  /* line 124, ../scss/pages.scss */
  #contents.four #area2 {
    top: 346px;
    left: 488px;
    width: 330px;
    height: 254px;
  }
  /* line 125, ../scss/pages.scss */
  #contents.four #area2 .name {
    width: 136px;
    height: 40px;
  }
  /* line 126, ../scss/pages.scss */
  #contents.four #area2 .img {
    width: 320px;
    height: 188px;
  }
  /* line 128, ../scss/pages.scss */
  #contents.four #area3 {
    top: 304px;
    left: 86px;
    width: 358px;
    height: 258px;
  }
  /* line 129, ../scss/pages.scss */
  #contents.four #area3 .name {
    width: 136px;
    height: 40px;
  }
  /* line 130, ../scss/pages.scss */
  #contents.four #area3 .img {
    width: 348px;
    height: 192px;
  }
  /* line 132, ../scss/pages.scss */
  #contents.four #area4 {
    top: 672px;
    left: 900px;
    width: 502px;
    height: 442px;
  }
  /* line 133, ../scss/pages.scss */
  #contents.four #area4 .name {
    width: 256px;
    height: 40px;
  }
  /* line 134, ../scss/pages.scss */
  #contents.four #area4 .img {
    width: 492px;
    height: 376px;
  }
  /* line 136, ../scss/pages.scss */
  #contents.four #area5 {
    top: 670px;
    left: 550px;
    width: 290px;
    height: 314px;
  }
  /* line 137, ../scss/pages.scss */
  #contents.four #area5 .name {
    bottom: -30px;
    width: 162px;
    height: 82px;
  }
  /* line 138, ../scss/pages.scss */
  #contents.four #area5 .img {
    width: 280px;
    height: 248px;
  }
  /* line 140, ../scss/pages.scss */
  #contents.four #area6 {
    top: 602px;
    left: 52px;
    width: 406px;
    height: 272px;
  }
  /* line 141, ../scss/pages.scss */
  #contents.four #area6 .name {
    width: 292px;
    height: 84px;
    bottom: -34px;
  }
  /* line 142, ../scss/pages.scss */
  #contents.four #area6 .img {
    width: 396px;
    height: 206px;
  }
  /* line 144, ../scss/pages.scss */
  #contents.four #area7 {
    top: 922px;
    left: 50px;
    width: 480px;
    height: 240px;
  }
  /* line 145, ../scss/pages.scss */
  #contents.four #area7 .img {
    width: 480px;
    height: 240px;
  }
  /* line 146, ../scss/pages.scss */
  #contents.four #area7 .img img {
    border: none;
  }
  /* line 151, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner {
    width: 1696px;
    height: 1200px;
    margin-left: -848px;
    margin-top: -600px;
  }
  /* line 152, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 1696px;
    height: 1200px;
  }
  /* line 153, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text {
    left: 872px;
    top: 244px;
    width: 616px;
    height: 668px;
  }
  /* line 154, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h4 {
    font-size: 30px;
    color: #F98D50 !important;
  }
  /* line 155, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h3 {
    width: 660px;
    height: 120px;
  }
  /* line 156, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll {
    width: 640px;
    height: 600px;
  }
  /* line 157, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll .main {
    width: 616px;
  }
  /* line 161, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .btn_close {
    bottom: 140px;
    left: 788px;
  }
  /* line 164, ../scss/pages.scss */
  #contents.four #infoBox06.box_general .box_inner h3 {
    width: 700px !important;
  }
  /* line 165, ../scss/pages.scss */
  #contents.four .box_general .box_inner h4 {
    color: #0071BB !important;
  }
  /* line 169, ../scss/pages.scss */
  #contents.map #map_bg, #contents.map #white_bg {
    position: absolute;
    width: 1696px;
    height: 1200px;
    background-color: #ffffff;
  }
  /* line 170, ../scss/pages.scss */
  #contents.map #map_title {
    position: absolute;
    left: 40px;
    width: 1696px;
    height: 1200px;
    display: none;
  }
  /* line 171, ../scss/pages.scss */
  #contents.map #side_infoarea {
    position: absolute;
    left: 0;
    width: 464px;
    height: 1200px;
  }
  /* line 172, ../scss/pages.scss */
  #contents.map #side_infoarea h2 {
    position: absolute;
    top: 34px;
    left: 0;
    width: 464px;
    height: 1120px;
  }
  /* line 173, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea {
    position: absolute;
    top: 200px;
    left: 50px;
    width: 384px;
    height: 910px;
    background-image: url("/book/common/images/spacer.png");
  }
  /* line 174, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward {
    width: 340px;
    padding-bottom: 32px;
  }
  /* line 175, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h3 {
    margin-bottom: 20px;
  }
  /* line 176, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h4 {
    margin-bottom: 12px;
    width: 120px;
    height: 20px;
  }
  /* line 177, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul {
    margin-bottom: 10px;
  }
  /* line 178, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li {
    padding-bottom: 14px;
    overflow: hidden;
    *zoom: 1;
  }
  /* line 179, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a {
    text-decoration: none;
    display: block;
    cursor: pointer;
  }
  /* line 180, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .arrow {
    float: left;
    display: block;
    width: 42px;
    height: 54px;
  }
  /* line 181, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .genre {
    display: block;
    font-size: 22px;
    line-height: 24px;
    color: #FF7828;
  }
  /* line 182, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name {
    display: block;
    font-size: 26px;
    line-height: 30px;
    color: #464646;
  }
  /* line 183, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name.line1 {
    line-height: 46px;
  }
  /* line 185, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 189, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .genre, #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .name {
    float: left;
    width: 280px;
  }
  /* line 190, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup a .genre {
    color: #FF3F01;
  }
  /* line 193, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail {
    width: 336px;
    height: 80px;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a {
    display: block;
    cursor: pointer;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 197, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu .pickup li a .genre {
    color: #FF3F01;
  }
  /* line 198, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu li a .genre {
    color: #339500;
  }
  /* line 200, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel {
    padding-bottom: 0;
  }
  /* line 201, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure h3, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel h3 {
    margin-bottom: 0;
  }
  /* line 203, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .recommend a .genre, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .recommend a .genre {
    color: #005800;
  }
  /* line 205, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .name, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .name {
    padding-top: 10px;
  }
  /* line 214, ../scss/pages.scss */
  #contents .box_area {
    position: absolute;
    display: none;
    cursor: pointer;
  }
  /* line 216, ../scss/pages.scss */
  #contents .box_area a {
    display: block;
  }
}
@media screen and (device-width: 768px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait), screen and (device-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  /* iPad mini portrait, iPad retina portrait */
  /* line 20, ../scss/pages.scss */
  #contents.cover {
    background-color: transparent;
  }
  /* line 22, ../scss/pages.scss */
  #contents.cover #bg {
    position: absolute;
    width: 742px;
    height: 1050px;
    display: none;
  }
  /* line 23, ../scss/pages.scss */
  #contents.cover #text1, #contents.cover #text2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 742px;
    height: 1050px;
    display: none;
  }
  /* line 24, ../scss/pages.scss */
  #contents.cover #help {
    position: absolute;
    top: 21px;
    left: 763px;
    width: 682.5px;
    height: 1008px;
    -webkit-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    -moz-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    display: none;
  }
  /* line 25, ../scss/pages.scss */
  #contents.cover #help .img {
    position: absolute;
    top: 332.5px;
    left: 157.5px;
    width: 374.5px;
  }
  /* line 26, ../scss/pages.scss */
  #contents.cover #help .img img {
    width: 374.5px;
  }
  /* line 31, ../scss/pages.scss */
  #contents.one #white_bg, #contents.one #bg {
    position: absolute;
    width: 1484px;
    height: 1050px;
    background-color: #fff;
  }
  /* line 32, ../scss/pages.scss */
  #contents.one #title, #contents.one #caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 1484px;
    height: 1050px;
    display: none;
  }
  /* line 33, ../scss/pages.scss */
  #contents.one .scrollArea {
    position: absolute;
    top: 707px;
    left: 77px;
    width: 551.25px;
    height: 255.5px;
  }
  /* line 34, ../scss/pages.scss */
  #contents.one .scrollArea p {
    font-size: 24.5px;
    line-height: 38.5px;
    color: #ffffff;
  }
  /* line 36, ../scss/pages.scss */
  #contents.one #text_hide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 742px;
    height: 525px;
  }
  /* line 37, ../scss/pages.scss */
  #contents.one .access_btn {
    position: absolute;
    left: 225.75px;
    top: 208.25px;
    width: 224px;
    height: 38.5px;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a {
    display: block;
    cursor: pointer;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 40, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit {
    position: absolute;
    top: 21px;
    left: 21px;
    width: 672px;
    border: 1.75px solid #ababab;
    background-color: #ffffff;
  }
  /* line 41, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p {
    padding-left: 7px;
    padding-top: 7px;
    padding-bottom: 70px;
    font-size: 21px;
    line-height: 31.5px;
  }
  /* line 42, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p .caption {
    display: block;
    padding-bottom: 8.75px;
    color: #000000;
  }
  /* line 43, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p strong {
    display: block;
    padding-bottom: 5.25px;
    font-size: 24.5px;
    line-height: 35px;
    color: #cc6633;
  }
  /* line 45, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close {
    bottom: 17.5px;
    left: 35px;
    width: 105px;
    height: 31.5px;
  }
  /* line 46, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close a {
    width: 105px;
    height: 31.5px;
  }
  /* line 51, ../scss/pages.scss */
  #contents.two #img, #contents.two #text {
    position: absolute;
    top: 0;
    left: 0;
    width: 1484px;
    height: 1050px;
    display: none;
  }
  /* line 52, ../scss/pages.scss */
  #contents.two .text1 {
    position: absolute;
    top: 353.5px;
    left: 936.25px;
    width: 495.25px;
    font-size: 22.75px;
    line-height: 29.75px;
    color: #181818;
    display: none;
  }
  /* line 53, ../scss/pages.scss */
  #contents.two .text2 {
    position: absolute;
    top: 682.5px;
    left: 1151.5px;
    width: 281.75px;
    font-size: 22.75px;
    line-height: 29.75px;
    color: #181818;
    display: none;
  }
  /* line 54, ../scss/pages.scss */
  #contents.two .text3 {
    position: absolute;
    top: 369.25px;
    left: 49px;
    width: 570.5px;
    font-size: 22.75px;
    line-height: 29.75px;
    color: #181818;
    display: none;
  }
  /* line 55, ../scss/pages.scss */
  #contents.two .text4 {
    position: absolute;
    top: 864.5px;
    left: 49px;
    width: 644px;
    font-size: 22.75px;
    line-height: 29.75px;
    color: #181818;
    display: none;
  }
  /* line 58, ../scss/pages.scss */
  #contents.three #title, #contents.three #text1, #contents.three #text2, #contents.three #text3, #contents.three #text4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 1484px;
    height: 1050px;
    display: none;
  }
  /* line 59, ../scss/pages.scss */
  #contents.three #img1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 742px;
    height: 525px;
    display: none;
  }
  /* line 60, ../scss/pages.scss */
  #contents.three #img2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 742px;
    height: 525px;
    display: none;
  }
  /* line 61, ../scss/pages.scss */
  #contents.three #img3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 742px;
    height: 525px;
    display: none;
  }
  /* line 62, ../scss/pages.scss */
  #contents.three #img4 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 742px;
    height: 525px;
    display: none;
  }
  /* line 63, ../scss/pages.scss */
  #contents.three .text1 {
    position: absolute;
    top: 199.5px;
    left: 782.25px;
    width: 316.75px;
    font-size: 22.75px;
    line-height: 29.75px;
    color: #181818;
    display: none;
  }
  /* line 64, ../scss/pages.scss */
  #contents.three .text2 {
    position: absolute;
    top: 687.75px;
    left: 1128.75px;
    width: 316.75px;
    font-size: 22.75px;
    line-height: 29.75px;
    color: #181818;
    display: none;
  }
  /* line 65, ../scss/pages.scss */
  #contents.three .text3 {
    position: absolute;
    top: 196px;
    left: 38.5px;
    width: 311.5px;
    font-size: 22.75px;
    line-height: 29.75px;
    color: #181818;
    display: none;
  }
  /* line 66, ../scss/pages.scss */
  #contents.three .text4 {
    position: absolute;
    top: 679px;
    left: 392px;
    width: 308px;
    font-size: 22.75px;
    line-height: 29.75px;
    color: #181818;
    display: none;
  }
  /* line 67, ../scss/pages.scss */
  #contents.three .pop_btn1, #contents.three .pop_btn2, #contents.three .pop_btn3, #contents.three .pop_btn4 {
    position: absolute;
    width: 323.75px;
    height: 155.75px;
    display: none;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a, #contents.three .pop_btn2 a, #contents.three .pop_btn3 a, #contents.three .pop_btn4 a {
    display: block;
    cursor: pointer;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a:hover, #contents.three .pop_btn2 a:hover, #contents.three .pop_btn3 a:hover, #contents.three .pop_btn4 a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 70, ../scss/pages.scss */
  #contents.three .pop_btn1 {
    top: 343px;
    left: 1123.5px;
  }
  /* line 71, ../scss/pages.scss */
  #contents.three .pop_btn2 {
    top: 850.5px;
    left: 775.25px;
  }
  /* line 72, ../scss/pages.scss */
  #contents.three .pop_btn3 {
    top: 343px;
    left: 379.75px;
  }
  /* line 73, ../scss/pages.scss */
  #contents.three .pop_btn4 {
    top: 850.5px;
    left: 40.25px;
  }
  /* line 75, ../scss/pages.scss */
  #contents.three .box_general {
    left: 742px;
    width: 742px;
    height: 1050px;
  }
  /* line 76, ../scss/pages.scss */
  #contents.three .box_general .box_inner {
    width: 700px;
    height: 1008px;
    margin-left: -350px;
    margin-top: -504px;
  }
  /* line 77, ../scss/pages.scss */
  #contents.three .box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 700px;
    height: 1008px;
  }
  /* line 78, ../scss/pages.scss */
  #contents.three .box_general .box_inner h4 {
    position: absolute;
    top: 28px;
    right: 52.5px;
    font-size: 22.75px;
    color: #cc6633;
  }
  /* line 79, ../scss/pages.scss */
  #contents.three .box_general .box_inner h3 {
    position: absolute;
    top: 561.75px;
    left: 61.25px;
    font-size: 35px;
    line-height: 36.75px;
    color: #000;
  }
  /* line 80, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 {
    position: absolute;
    top: 644px;
    left: 61.25px;
    width: 581px;
    height: 262.5px;
  }
  /* line 81, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 .main {
    font-size: 22.75px;
    line-height: 35px;
    color: #000000;
  }
  /* line 83, ../scss/pages.scss */
  #contents.three .box_general .box_inner .btn_close {
    left: 288.75px;
  }
  /* line 86, ../scss/pages.scss */
  #contents.three #infoBox03.box_general, #contents.three #infoBox04.box_general {
    left: 0;
  }
  /* line 91, ../scss/pages.scss */
  #contents.four #bg, #contents.four #title, #contents.four #intro1, #contents.four #intro2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 1484px;
    height: 1050px;
    display: none;
  }
  /* line 92, ../scss/pages.scss */
  #contents.four #title_bg {
    position: absolute;
    right: 0;
    width: 742px;
    height: 1050px;
    display: none;
  }
  /* line 93, ../scss/pages.scss */
  #contents.four #spring_ttl_bg {
    position: absolute;
    top: 124.25px;
    left: 66.5px;
    width: 329px;
    height: 129.5px;
    display: none;
  }
  /* line 94, ../scss/pages.scss */
  #contents.four #spring_ttl {
    position: absolute;
    top: 143.5px;
    left: 106.75px;
    width: 210px;
    height: 91px;
    display: none;
  }
  /* line 97, ../scss/pages.scss */
  #contents.four .box_area .img {
    position: absolute;
    top: 0;
  }
  /* line 98, ../scss/pages.scss */
  #contents.four .box_area .img img {
    border: 2px solid #FFFFFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=3, enabled=true);
  }
  /* line 107, ../scss/pages.scss */
  #contents.four .box_area .name {
    position: absolute;
    bottom: 7px;
  }
  /* line 111, ../scss/pages.scss */
  #contents.four .box_area .btn_detail {
    position: absolute;
    bottom: 0;
    right: 3.5px;
    width: 84px;
    height: 42px;
  }
  /* line 120, ../scss/pages.scss */
  #contents.four #area1 {
    top: 63px;
    left: 406px;
    width: 288.75px;
    height: 222.25px;
  }
  /* line 121, ../scss/pages.scss */
  #contents.four #area1 .name {
    width: 119px;
    height: 35px;
  }
  /* line 122, ../scss/pages.scss */
  #contents.four #area1 .img {
    width: 280px;
    height: 164.5px;
  }
  /* line 124, ../scss/pages.scss */
  #contents.four #area2 {
    top: 302.75px;
    left: 427px;
    width: 288.75px;
    height: 222.25px;
  }
  /* line 125, ../scss/pages.scss */
  #contents.four #area2 .name {
    width: 119px;
    height: 35px;
  }
  /* line 126, ../scss/pages.scss */
  #contents.four #area2 .img {
    width: 280px;
    height: 164.5px;
  }
  /* line 128, ../scss/pages.scss */
  #contents.four #area3 {
    top: 266px;
    left: 75.25px;
    width: 313.25px;
    height: 225.75px;
  }
  /* line 129, ../scss/pages.scss */
  #contents.four #area3 .name {
    width: 119px;
    height: 35px;
  }
  /* line 130, ../scss/pages.scss */
  #contents.four #area3 .img {
    width: 304.5px;
    height: 168px;
  }
  /* line 132, ../scss/pages.scss */
  #contents.four #area4 {
    top: 588px;
    left: 787.5px;
    width: 439.25px;
    height: 386.75px;
  }
  /* line 133, ../scss/pages.scss */
  #contents.four #area4 .name {
    width: 224px;
    height: 35px;
  }
  /* line 134, ../scss/pages.scss */
  #contents.four #area4 .img {
    width: 430.5px;
    height: 329px;
  }
  /* line 136, ../scss/pages.scss */
  #contents.four #area5 {
    top: 586.25px;
    left: 481.25px;
    width: 253.75px;
    height: 274.75px;
  }
  /* line 137, ../scss/pages.scss */
  #contents.four #area5 .name {
    bottom: -26.25px;
    width: 141.75px;
    height: 71.75px;
  }
  /* line 138, ../scss/pages.scss */
  #contents.four #area5 .img {
    width: 245px;
    height: 217px;
  }
  /* line 140, ../scss/pages.scss */
  #contents.four #area6 {
    top: 526.75px;
    left: 45.5px;
    width: 355.25px;
    height: 238px;
  }
  /* line 141, ../scss/pages.scss */
  #contents.four #area6 .name {
    width: 255.5px;
    height: 73.5px;
    bottom: -29.75px;
  }
  /* line 142, ../scss/pages.scss */
  #contents.four #area6 .img {
    width: 346.5px;
    height: 180.25px;
  }
  /* line 144, ../scss/pages.scss */
  #contents.four #area7 {
    top: 806.75px;
    left: 43.75px;
    width: 420px;
    height: 210px;
  }
  /* line 145, ../scss/pages.scss */
  #contents.four #area7 .img {
    width: 420px;
    height: 210px;
  }
  /* line 146, ../scss/pages.scss */
  #contents.four #area7 .img img {
    border: none;
  }
  /* line 151, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner {
    width: 1484px;
    height: 1050px;
    margin-left: -742px;
    margin-top: -525px;
  }
  /* line 152, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 1484px;
    height: 1050px;
  }
  /* line 153, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text {
    left: 763px;
    top: 213.5px;
    width: 539px;
    height: 584.5px;
  }
  /* line 154, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h4 {
    font-size: 26.25px;
    color: #F98D50 !important;
  }
  /* line 155, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h3 {
    width: 577.5px;
    height: 105px;
  }
  /* line 156, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll {
    width: 560px;
    height: 525px;
  }
  /* line 157, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll .main {
    width: 539px;
  }
  /* line 161, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .btn_close {
    bottom: 122.5px;
    left: 689.5px;
  }
  /* line 164, ../scss/pages.scss */
  #contents.four #infoBox06.box_general .box_inner h3 {
    width: 612.5px !important;
  }
  /* line 165, ../scss/pages.scss */
  #contents.four .box_general .box_inner h4 {
    color: #0071BB !important;
  }
  /* line 169, ../scss/pages.scss */
  #contents.map #map_bg, #contents.map #white_bg {
    position: absolute;
    width: 1484px;
    height: 1050px;
    background-color: #ffffff;
  }
  /* line 170, ../scss/pages.scss */
  #contents.map #map_title {
    position: absolute;
    left: 35px;
    width: 1484px;
    height: 1050px;
    display: none;
  }
  /* line 171, ../scss/pages.scss */
  #contents.map #side_infoarea {
    position: absolute;
    left: 0;
    width: 406px;
    height: 1050px;
  }
  /* line 172, ../scss/pages.scss */
  #contents.map #side_infoarea h2 {
    position: absolute;
    top: 29.75px;
    left: 0;
    width: 406px;
    height: 980px;
  }
  /* line 173, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea {
    position: absolute;
    top: 175px;
    left: 43.75px;
    width: 336px;
    height: 796.25px;
    background-image: url("/book/common/images/spacer.png");
  }
  /* line 174, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward {
    width: 297.5px;
    padding-bottom: 28px;
  }
  /* line 175, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h3 {
    margin-bottom: 17.5px;
  }
  /* line 176, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h4 {
    margin-bottom: 10.5px;
    width: 105px;
    height: 17.5px;
  }
  /* line 177, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul {
    margin-bottom: 8.75px;
  }
  /* line 178, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li {
    padding-bottom: 12.25px;
    overflow: hidden;
    *zoom: 1;
  }
  /* line 179, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a {
    text-decoration: none;
    display: block;
    cursor: pointer;
  }
  /* line 180, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .arrow {
    float: left;
    display: block;
    width: 36.75px;
    height: 47.25px;
  }
  /* line 181, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .genre {
    display: block;
    font-size: 19.25px;
    line-height: 21px;
    color: #FF7828;
  }
  /* line 182, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name {
    display: block;
    font-size: 22.75px;
    line-height: 26.25px;
    color: #464646;
  }
  /* line 183, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name.line1 {
    line-height: 40.25px;
  }
  /* line 185, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 189, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .genre, #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .name {
    float: left;
    width: 245px;
  }
  /* line 190, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup a .genre {
    color: #FF3F01;
  }
  /* line 193, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail {
    width: 294px;
    height: 70px;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a {
    display: block;
    cursor: pointer;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 197, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu .pickup li a .genre {
    color: #FF3F01;
  }
  /* line 198, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu li a .genre {
    color: #339500;
  }
  /* line 200, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel {
    padding-bottom: 0;
  }
  /* line 201, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure h3, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel h3 {
    margin-bottom: 0;
  }
  /* line 203, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .recommend a .genre, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .recommend a .genre {
    color: #005800;
  }
  /* line 205, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .name, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .name {
    padding-top: 8.75px;
  }
  /* line 214, ../scss/pages.scss */
  #contents .box_area {
    position: absolute;
    display: none;
    cursor: pointer;
  }
  /* line 216, ../scss/pages.scss */
  #contents .box_area a {
    display: block;
  }
}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait), screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  /* galaxy S4 portrait, iPhone 6, iPhone 6 plus */
  /* line 20, ../scss/pages.scss */
  #contents.cover {
    background-color: transparent;
  }
  /* line 22, ../scss/pages.scss */
  #contents.cover #bg {
    position: absolute;
    width: 869.2px;
    height: 1230px;
    display: none;
  }
  /* line 23, ../scss/pages.scss */
  #contents.cover #text1, #contents.cover #text2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 869.2px;
    height: 1230px;
    display: none;
  }
  /* line 24, ../scss/pages.scss */
  #contents.cover #help {
    position: absolute;
    top: 24.6px;
    left: 893.8px;
    width: 799.5px;
    height: 1180.8px;
    -webkit-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    -moz-box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    box-shadow: 3px 3px 7px rgba(45, 38, 6, 0.1);
    display: none;
  }
  /* line 25, ../scss/pages.scss */
  #contents.cover #help .img {
    position: absolute;
    top: 389.5px;
    left: 184.5px;
    width: 438.7px;
  }
  /* line 26, ../scss/pages.scss */
  #contents.cover #help .img img {
    width: 438.7px;
  }
  /* line 31, ../scss/pages.scss */
  #contents.one #white_bg, #contents.one #bg {
    position: absolute;
    width: 1738.4px;
    height: 1230px;
    background-color: #fff;
  }
  /* line 32, ../scss/pages.scss */
  #contents.one #title, #contents.one #caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 1738.4px;
    height: 1230px;
    display: none;
  }
  /* line 33, ../scss/pages.scss */
  #contents.one .scrollArea {
    position: absolute;
    top: 828.2px;
    left: 90.2px;
    width: 645.75px;
    height: 299.3px;
  }
  /* line 34, ../scss/pages.scss */
  #contents.one .scrollArea p {
    font-size: 28.7px;
    line-height: 45.1px;
    color: #ffffff;
  }
  /* line 36, ../scss/pages.scss */
  #contents.one #text_hide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 869.2px;
    height: 615px;
  }
  /* line 37, ../scss/pages.scss */
  #contents.one .access_btn {
    position: absolute;
    left: 264.45px;
    top: 243.95px;
    width: 262.4px;
    height: 45.1px;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a {
    display: block;
    cursor: pointer;
  }
  /* line 38, ../scss/pages.scss */
  #contents.one .access_btn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 40, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit {
    position: absolute;
    top: 24.6px;
    left: 24.6px;
    width: 787.2px;
    border: 2.05px solid #ababab;
    background-color: #ffffff;
  }
  /* line 41, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p {
    padding-left: 8.2px;
    padding-top: 8.2px;
    padding-bottom: 82px;
    font-size: 24.6px;
    line-height: 36.9px;
  }
  /* line 42, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p .caption {
    display: block;
    padding-bottom: 10.25px;
    color: #000000;
  }
  /* line 43, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit p strong {
    display: block;
    padding-bottom: 6.15px;
    font-size: 28.7px;
    line-height: 41px;
    color: #cc6633;
  }
  /* line 45, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close {
    bottom: 20.5px;
    left: 41px;
    width: 123.0px;
    height: 36.9px;
  }
  /* line 46, ../scss/pages.scss */
  #contents.one #infoBox01.box_credit .btn_close a {
    width: 123.0px;
    height: 36.9px;
  }
  /* line 51, ../scss/pages.scss */
  #contents.two #img, #contents.two #text {
    position: absolute;
    top: 0;
    left: 0;
    width: 1738.4px;
    height: 1230px;
    display: none;
  }
  /* line 52, ../scss/pages.scss */
  #contents.two .text1 {
    position: absolute;
    top: 414.1px;
    left: 1096.75px;
    width: 580.15px;
    font-size: 26.65px;
    line-height: 34.85px;
    color: #181818;
    display: none;
  }
  /* line 53, ../scss/pages.scss */
  #contents.two .text2 {
    position: absolute;
    top: 799.5px;
    left: 1348.9px;
    width: 330.05px;
    font-size: 26.65px;
    line-height: 34.85px;
    color: #181818;
    display: none;
  }
  /* line 54, ../scss/pages.scss */
  #contents.two .text3 {
    position: absolute;
    top: 432.55px;
    left: 57.4px;
    width: 668.3px;
    font-size: 26.65px;
    line-height: 34.85px;
    color: #181818;
    display: none;
  }
  /* line 55, ../scss/pages.scss */
  #contents.two .text4 {
    position: absolute;
    top: 1012.7px;
    left: 57.4px;
    width: 754.4px;
    font-size: 26.65px;
    line-height: 34.85px;
    color: #181818;
    display: none;
  }
  /* line 58, ../scss/pages.scss */
  #contents.three #title, #contents.three #text1, #contents.three #text2, #contents.three #text3, #contents.three #text4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 1738.4px;
    height: 1230px;
    display: none;
  }
  /* line 59, ../scss/pages.scss */
  #contents.three #img1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 869.2px;
    height: 615px;
    display: none;
  }
  /* line 60, ../scss/pages.scss */
  #contents.three #img2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 869.2px;
    height: 615px;
    display: none;
  }
  /* line 61, ../scss/pages.scss */
  #contents.three #img3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 869.2px;
    height: 615px;
    display: none;
  }
  /* line 62, ../scss/pages.scss */
  #contents.three #img4 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 869.2px;
    height: 615px;
    display: none;
  }
  /* line 63, ../scss/pages.scss */
  #contents.three .text1 {
    position: absolute;
    top: 233.7px;
    left: 916.35px;
    width: 371.05px;
    font-size: 26.65px;
    line-height: 34.85px;
    color: #181818;
    display: none;
  }
  /* line 64, ../scss/pages.scss */
  #contents.three .text2 {
    position: absolute;
    top: 805.65px;
    left: 1322.25px;
    width: 371.05px;
    font-size: 26.65px;
    line-height: 34.85px;
    color: #181818;
    display: none;
  }
  /* line 65, ../scss/pages.scss */
  #contents.three .text3 {
    position: absolute;
    top: 229.6px;
    left: 45.1px;
    width: 364.9px;
    font-size: 26.65px;
    line-height: 34.85px;
    color: #181818;
    display: none;
  }
  /* line 66, ../scss/pages.scss */
  #contents.three .text4 {
    position: absolute;
    top: 795.4px;
    left: 459.2px;
    width: 360.8px;
    font-size: 26.65px;
    line-height: 34.85px;
    color: #181818;
    display: none;
  }
  /* line 67, ../scss/pages.scss */
  #contents.three .pop_btn1, #contents.three .pop_btn2, #contents.three .pop_btn3, #contents.three .pop_btn4 {
    position: absolute;
    width: 379.25px;
    height: 182.45px;
    display: none;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a, #contents.three .pop_btn2 a, #contents.three .pop_btn3 a, #contents.three .pop_btn4 a {
    display: block;
    cursor: pointer;
  }
  /* line 68, ../scss/pages.scss */
  #contents.three .pop_btn1 a:hover, #contents.three .pop_btn2 a:hover, #contents.three .pop_btn3 a:hover, #contents.three .pop_btn4 a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 70, ../scss/pages.scss */
  #contents.three .pop_btn1 {
    top: 401.8px;
    left: 1316.1px;
  }
  /* line 71, ../scss/pages.scss */
  #contents.three .pop_btn2 {
    top: 996.3px;
    left: 908.15px;
  }
  /* line 72, ../scss/pages.scss */
  #contents.three .pop_btn3 {
    top: 401.8px;
    left: 444.85px;
  }
  /* line 73, ../scss/pages.scss */
  #contents.three .pop_btn4 {
    top: 996.3px;
    left: 47.15px;
  }
  /* line 75, ../scss/pages.scss */
  #contents.three .box_general {
    left: 869.2px;
    width: 869.2px;
    height: 1230px;
  }
  /* line 76, ../scss/pages.scss */
  #contents.three .box_general .box_inner {
    width: 820.0px;
    height: 1180.8px;
    margin-left: -410.0px;
    margin-top: -590.4px;
  }
  /* line 77, ../scss/pages.scss */
  #contents.three .box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 820.0px;
    height: 1180.8px;
  }
  /* line 78, ../scss/pages.scss */
  #contents.three .box_general .box_inner h4 {
    position: absolute;
    top: 32.8px;
    right: 61.5px;
    font-size: 26.65px;
    color: #cc6633;
  }
  /* line 79, ../scss/pages.scss */
  #contents.three .box_general .box_inner h3 {
    position: absolute;
    top: 658.05px;
    left: 71.75px;
    font-size: 41px;
    line-height: 43.05px;
    color: #000;
  }
  /* line 80, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 {
    position: absolute;
    top: 754.4px;
    left: 71.75px;
    width: 680.6px;
    height: 307.5px;
  }
  /* line 81, ../scss/pages.scss */
  #contents.three .box_general .box_inner #text1 .main {
    font-size: 26.65px;
    line-height: 41px;
    color: #000000;
  }
  /* line 83, ../scss/pages.scss */
  #contents.three .box_general .box_inner .btn_close {
    left: 338.25px;
  }
  /* line 86, ../scss/pages.scss */
  #contents.three #infoBox03.box_general, #contents.three #infoBox04.box_general {
    left: 0;
  }
  /* line 91, ../scss/pages.scss */
  #contents.four #bg, #contents.four #title, #contents.four #intro1, #contents.four #intro2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 1738.4px;
    height: 1230px;
    display: none;
  }
  /* line 92, ../scss/pages.scss */
  #contents.four #title_bg {
    position: absolute;
    right: 0;
    width: 869.2px;
    height: 1230px;
    display: none;
  }
  /* line 93, ../scss/pages.scss */
  #contents.four #spring_ttl_bg {
    position: absolute;
    top: 145.55px;
    left: 77.9px;
    width: 385.4px;
    height: 151.7px;
    display: none;
  }
  /* line 94, ../scss/pages.scss */
  #contents.four #spring_ttl {
    position: absolute;
    top: 168.1px;
    left: 125.05px;
    width: 246.0px;
    height: 106.6px;
    display: none;
  }
  /* line 97, ../scss/pages.scss */
  #contents.four .box_area .img {
    position: absolute;
    top: 0;
  }
  /* line 98, ../scss/pages.scss */
  #contents.four .box_area .img img {
    border: 2px solid #FFFFFF;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=3, enabled=true);
  }
  /* line 107, ../scss/pages.scss */
  #contents.four .box_area .name {
    position: absolute;
    bottom: 8.2px;
  }
  /* line 111, ../scss/pages.scss */
  #contents.four .box_area .btn_detail {
    position: absolute;
    bottom: 0;
    right: 4.1px;
    width: 98.4px;
    height: 49.2px;
  }
  /* line 120, ../scss/pages.scss */
  #contents.four #area1 {
    top: 73.8px;
    left: 475.6px;
    width: 338.25px;
    height: 260.35px;
  }
  /* line 121, ../scss/pages.scss */
  #contents.four #area1 .name {
    width: 139.4px;
    height: 41px;
  }
  /* line 122, ../scss/pages.scss */
  #contents.four #area1 .img {
    width: 328px;
    height: 192.7px;
  }
  /* line 124, ../scss/pages.scss */
  #contents.four #area2 {
    top: 354.65px;
    left: 500.2px;
    width: 338.25px;
    height: 260.35px;
  }
  /* line 125, ../scss/pages.scss */
  #contents.four #area2 .name {
    width: 139.4px;
    height: 41px;
  }
  /* line 126, ../scss/pages.scss */
  #contents.four #area2 .img {
    width: 328px;
    height: 192.7px;
  }
  /* line 128, ../scss/pages.scss */
  #contents.four #area3 {
    top: 311.6px;
    left: 88.15px;
    width: 366.95px;
    height: 264.45px;
  }
  /* line 129, ../scss/pages.scss */
  #contents.four #area3 .name {
    width: 139.4px;
    height: 41px;
  }
  /* line 130, ../scss/pages.scss */
  #contents.four #area3 .img {
    width: 356.7px;
    height: 196.8px;
  }
  /* line 132, ../scss/pages.scss */
  #contents.four #area4 {
    top: 688.8px;
    left: 922.5px;
    width: 514.55px;
    height: 453.05px;
  }
  /* line 133, ../scss/pages.scss */
  #contents.four #area4 .name {
    width: 262.4px;
    height: 41px;
  }
  /* line 134, ../scss/pages.scss */
  #contents.four #area4 .img {
    width: 504.3px;
    height: 385.4px;
  }
  /* line 136, ../scss/pages.scss */
  #contents.four #area5 {
    top: 686.75px;
    left: 563.75px;
    width: 297.25px;
    height: 321.85px;
  }
  /* line 137, ../scss/pages.scss */
  #contents.four #area5 .name {
    bottom: -30.75px;
    width: 166.05px;
    height: 84.05px;
  }
  /* line 138, ../scss/pages.scss */
  #contents.four #area5 .img {
    width: 287px;
    height: 254.2px;
  }
  /* line 140, ../scss/pages.scss */
  #contents.four #area6 {
    top: 617.05px;
    left: 53.3px;
    width: 416.15px;
    height: 278.8px;
  }
  /* line 141, ../scss/pages.scss */
  #contents.four #area6 .name {
    width: 299.3px;
    height: 86.1px;
    bottom: -34.85px;
  }
  /* line 142, ../scss/pages.scss */
  #contents.four #area6 .img {
    width: 405.9px;
    height: 211.15px;
  }
  /* line 144, ../scss/pages.scss */
  #contents.four #area7 {
    top: 945.05px;
    left: 51.25px;
    width: 492.0px;
    height: 246.0px;
  }
  /* line 145, ../scss/pages.scss */
  #contents.four #area7 .img {
    width: 492.0px;
    height: 246.0px;
  }
  /* line 146, ../scss/pages.scss */
  #contents.four #area7 .img img {
    border: none;
  }
  /* line 151, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner {
    width: 1738.4px;
    height: 1230px;
    margin-left: -869.2px;
    margin-top: -615px;
  }
  /* line 152, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .img {
    top: 0;
    left: 0;
    width: 1738.4px;
    height: 1230px;
  }
  /* line 153, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text {
    left: 893.8px;
    top: 250.1px;
    width: 631.4px;
    height: 684.7px;
  }
  /* line 154, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h4 {
    font-size: 30.75px;
    color: #F98D50 !important;
  }
  /* line 155, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text h3 {
    width: 676.5px;
    height: 123.0px;
  }
  /* line 156, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll {
    width: 656px;
    height: 615px;
  }
  /* line 157, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .box_inner .text .data_scroll .main {
    width: 631.4px;
  }
  /* line 161, ../scss/pages.scss */
  #contents.four #infoBox07.box_general .btn_close {
    bottom: 143.5px;
    left: 807.7px;
  }
  /* line 164, ../scss/pages.scss */
  #contents.four #infoBox06.box_general .box_inner h3 {
    width: 717.5px !important;
  }
  /* line 165, ../scss/pages.scss */
  #contents.four .box_general .box_inner h4 {
    color: #0071BB !important;
  }
  /* line 169, ../scss/pages.scss */
  #contents.map #map_bg, #contents.map #white_bg {
    position: absolute;
    width: 1738.4px;
    height: 1230px;
    background-color: #ffffff;
  }
  /* line 170, ../scss/pages.scss */
  #contents.map #map_title {
    position: absolute;
    left: 41px;
    width: 1738.4px;
    height: 1230px;
    display: none;
  }
  /* line 171, ../scss/pages.scss */
  #contents.map #side_infoarea {
    position: absolute;
    left: 0;
    width: 475.6px;
    height: 1230px;
  }
  /* line 172, ../scss/pages.scss */
  #contents.map #side_infoarea h2 {
    position: absolute;
    top: 34.85px;
    left: 0;
    width: 475.6px;
    height: 1148px;
  }
  /* line 173, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea {
    position: absolute;
    top: 205.0px;
    left: 51.25px;
    width: 393.6px;
    height: 932.75px;
    background-image: url("/book/common/images/spacer.png");
  }
  /* line 174, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward {
    width: 348.5px;
    padding-bottom: 32.8px;
  }
  /* line 175, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h3 {
    margin-bottom: 20.5px;
  }
  /* line 176, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward h4 {
    margin-bottom: 12.3px;
    width: 123.0px;
    height: 20.5px;
  }
  /* line 177, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul {
    margin-bottom: 10.25px;
  }
  /* line 178, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li {
    padding-bottom: 14.35px;
    overflow: hidden;
    *zoom: 1;
  }
  /* line 179, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a {
    text-decoration: none;
    display: block;
    cursor: pointer;
  }
  /* line 180, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .arrow {
    float: left;
    display: block;
    width: 43.05px;
    height: 55.35px;
  }
  /* line 181, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .genre {
    display: block;
    font-size: 22.55px;
    line-height: 24.6px;
    color: #FF7828;
  }
  /* line 182, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name {
    display: block;
    font-size: 26.65px;
    line-height: 30.75px;
    color: #464646;
  }
  /* line 183, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a .name.line1 {
    line-height: 47.15px;
  }
  /* line 185, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul li a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 189, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .genre, #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup .name {
    float: left;
    width: 287px;
  }
  /* line 190, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward ul.pickup a .genre {
    color: #FF3F01;
  }
  /* line 193, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail {
    width: 344.4px;
    height: 82px;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a {
    display: block;
    cursor: pointer;
  }
  /* line 194, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward .btn_detail a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
  /* line 197, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu .pickup li a .genre {
    color: #FF3F01;
  }
  /* line 198, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#area_jouetsu li a .genre {
    color: #339500;
  }
  /* line 200, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel {
    padding-bottom: 0;
  }
  /* line 201, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure h3, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel h3 {
    margin-bottom: 0;
  }
  /* line 203, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .recommend a .genre, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .recommend a .genre {
    color: #005800;
  }
  /* line 205, ../scss/pages.scss */
  #contents.map #side_infoarea #box_infoarea .box_ward#recommend_leisure .name, #contents.map #side_infoarea #box_infoarea .box_ward#recommend_hotel .name {
    padding-top: 10.25px;
  }
  /* line 214, ../scss/pages.scss */
  #contents .box_area {
    position: absolute;
    display: none;
    cursor: pointer;
  }
  /* line 216, ../scss/pages.scss */
  #contents .box_area a {
    display: block;
  }
}