@charset "UTF-8";
#shurisanpo {
  font-size: 1.8rem;
  position: relative;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif; }
  #shurisanpo a {
    text-decoration: none;
    color: #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease; }
    #shurisanpo a:hover {
      color: #aaa;
      text-shadow: none;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all  0.3s ease; }
      #shurisanpo a:hover img {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all  0.3s ease;
        opacity: .7; }
  #shurisanpo .pc {
    display: block !important; }
  #shurisanpo .sp {
    display: none !important; }
  #shurisanpo img {
    max-width: 100%; }
  #shurisanpo .w50 {
    display: inline-block;
    width: calc(50% - 1rem);
    vertical-align: top; }
  #shurisanpo .btns {
    padding: 5% 0 0; }
    #shurisanpo .btns a {
      border: 1px solid #fba5b3;
      background: #fba5b3;
      background-image: url("/src/contents/shurisanpo/img/all/btn.png");
      background-repeat: no-repeat;
      background-position: 90% 50%;
      color: white;
      display: inline-block;
      padding: 4px 40px;
      text-decoration: none !important;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all  0.3s ease; }
      #shurisanpo .btns a:hover {
        color: #fb7594;
        background-color: rgba(251, 165, 179, 0.2); }
      #shurisanpo .btns a.back {
        background-image: url("/src/contents/shurisanpo/img/all/btn_back.png");
        background-repeat: no-repeat;
        background-position: 10% 50%; }
    #shurisanpo .btns.blue a {
      border: 1px solid #76c7f0;
      background-color: #76c7f0; }
      #shurisanpo .btns.blue a:hover {
        color: #76c7f0;
        background-color: rgba(118, 199, 240, 0.2); }
  #shurisanpo .mv h2, #shurisanpo .mv h3, #shurisanpo .mv h4, #shurisanpo .mv ul.sns {
    position: absolute;
    z-index: 9; }
  #shurisanpo .mv h2 {
    top: 400px;
    right: 13%; }
  #shurisanpo .mv h3 {
    color: white;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 150%;
    top: 20px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.3); }
  #shurisanpo .mv img.main_image {
    width: 100%; }
  #shurisanpo .mv ul.sns {
    width: 200px;
    top: 20px;
    right: 20px;
    text-align: right; }
    #shurisanpo .mv ul.sns li {
      width: 30px;
      margin: 1%;
      display: inline-block; }
  #shurisanpo article {
    background: pink; }
    #shurisanpo article section {
      margin: 0 8%;
      padding: 15% 7% 5%;
      background: white;
      position: relative; }
      #shurisanpo article section.main_text {
        padding: 5% 5% 15%; }
        #shurisanpo article section.main_text .tate_text {
          width: 70%;
          writing-mode: vertical-rl;
          -ms-writing-mode: tb-rl;
          line-height: 200%;
          letter-spacing: 1rem;
          max-height: 420px; }
        #shurisanpo article section.main_text .hito2 {
          position: absolute;
          top: 22%;
          left: 3.5%;
          width: 23%; }
      #shurisanpo article section.view_spots {
        position: relative;
        padding: 0 7% 5%; }
        #shurisanpo article section.view_spots .box {
          position: relative; }
          #shurisanpo article section.view_spots .box .image, #shurisanpo article section.view_spots .box .text {
            display: inline-block; }
          #shurisanpo article section.view_spots .box .image {
            float: left;
            width: 50%; }
          #shurisanpo article section.view_spots .box .text {
            padding-top: 10%;
            width: 46%;
            float: right; }
        #shurisanpo article section.view_spots.spot1 .shureimon {
          position: absolute;
          top: 8%;
          right: 2%;
          width: 12%; }
        #shurisanpo article section.view_spots.spot2 {
          padding-bottom: 8%; }
          #shurisanpo article section.view_spots.spot2 .image {
            float: right; }
          #shurisanpo article section.view_spots.spot2 .text {
            float: left; }
          #shurisanpo article section.view_spots.spot2 .neko {
            position: absolute;
            left: 35%;
            top: 50%;
            width: 13%; }
        #shurisanpo article section.view_spots.spot3 .hito6 {
          position: absolute;
          top: 8%;
          right: 0%;
          width: 20%; }
      #shurisanpo article section.okinawaichiba .box {
        border: 1px solid #333;
        padding: 4%;
        width: 80%;
        margin: auto;
        margin-bottom: 15%; }
        #shurisanpo article section.okinawaichiba .box .text {
          width: 70%;
          float: right; }
          #shurisanpo article section.okinawaichiba .box .text h3 {
            font-size: 3rem;
            font-weight: bold; }
          #shurisanpo article section.okinawaichiba .box .text h4 {
            font-size: 1.2rem; }
          #shurisanpo article section.okinawaichiba .box .text p {
            display: block;
            padding-top: 5%;
            font-size: 90%; }
        #shurisanpo article section.okinawaichiba .box .image {
          width: 23%;
          float: left;
          text-align: center; }
  #shurisanpo nav {
    text-align: center; }
    #shurisanpo nav.btns a {
      padding: 10px 0px;
      background-image: none;
      width: 20%; }
  #shurisanpo.page2nd .mv h2 {
    padding: 0;
    margin: 0;
    border: none;
    right: 5%;
    background: none; }
  #shurisanpo.page2nd article {
    background: white; }
    #shurisanpo.page2nd article section {
      padding: 8% 0%;
      margin: 0% 5%; }
      #shurisanpo.page2nd article section.main_text .tate_text {
        width: 65%;
        line-height: 250%;
        letter-spacing: .5rem; }
      #shurisanpo.page2nd article section.links {
        text-align: center;
        width: 80%;
        margin: auto;
        padding: 5% 0 8%; }
        #shurisanpo.page2nd article section.links .catch_line {
          position: static; }
          #shurisanpo.page2nd article section.links .catch_line.c_blue strong:before,
          #shurisanpo.page2nd article section.links .catch_line.c_blue strong:after {
            border-color: #76c7f0; }
          #shurisanpo.page2nd article section.links .catch_line.c_green strong:before,
          #shurisanpo.page2nd article section.links .catch_line.c_green strong:after {
            border-color: #80b93f; }
        #shurisanpo.page2nd article section.links .link2.btns a {
          padding: 8px 40px;
          margin-bottom: 5px;
          width: calc(50% - 90px); }
  #shurisanpo.page2nd .guide_data .guide {
    width: 75%;
    margin: auto; }
    #shurisanpo.page2nd .guide_data .guide .image {
      width: 30%;
      display: inline-block;
      vertical-align: middle; }
    #shurisanpo.page2nd .guide_data .guide .text {
      width: 65%;
      display: inline-block;
      margin-left: 4%;
      vertical-align: middle; }
      #shurisanpo.page2nd .guide_data .guide .text h3 span {
        font-weight: bold; }
      #shurisanpo.page2nd .guide_data .guide .text h3 strong {
        font-size: 130%;
        font-weight: bold;
        padding: 0 2%; }
      #shurisanpo.page2nd .guide_data .guide .text p {
        line-height: 160%;
        display: block;
        padding: 3% 0; }
  #shurisanpo.page2nd .catch_line {
    display: block;
    font-size: 130%;
    text-align: center;
    padding: 0 2%;
    position: absolute;
    top: 0;
    left: 0;
    top: -1vw;
    z-index: 2;
    height: 2vw;
    width: 100%;
    text-align: center; }
    #shurisanpo.page2nd .catch_line strong {
      font-weight: bold;
      display: inline-block;
      padding: 0 3%;
      background: white;
      position: relative; }
      #shurisanpo.page2nd .catch_line strong:after {
        content: "";
        width: 1%;
        height: 2vw;
        position: absolute;
        top: 0vw;
        right: -1%;
        border-right: 1px solid black;
        transform: rotate(20deg); }
      #shurisanpo.page2nd .catch_line strong:before {
        content: "";
        width: 1%;
        height: 2vw;
        position: absolute;
        top: 0vw;
        left: -1%;
        border-left: 1px solid black;
        transform: rotate(-20deg); }
    #shurisanpo.page2nd .catch_line.c_blue strong:before,
    #shurisanpo.page2nd .catch_line.c_blue strong:after {
      border-color: #76c7f0; }
    #shurisanpo.page2nd .catch_line.c_green strong:before,
    #shurisanpo.page2nd .catch_line.c_green strong:after {
      border-color: #80b93f; }
  #shurisanpo.page2nd .block {
    padding: 7% 7%; }
    #shurisanpo.page2nd .block .point_head h3 {
      font-weight: bold;
      font-size: 150%;
      text-align: center; }
    #shurisanpo.page2nd .block .point_head .walk {
      text-align: center;
      font-weight: bold;
      padding-top: 1%; }
      #shurisanpo.page2nd .block .point_head .walk:after {
        content: "　";
        background-image: url(../img/all/walk.png);
        background-size: contain;
        width: 2vw;
        height: 2vw;
        margin-left: .3vw;
        display: inline-block;
        vertical-align: bottom;
        background-repeat: no-repeat; }
    #shurisanpo.page2nd .block .point_head .train {
      text-align: center;
      font-weight: bold;
      padding-top: 1%; }
      #shurisanpo.page2nd .block .point_head .train:after {
        content: "　";
        background-image: url(../img/all/train.png);
        background-size: contain;
        width: 2vw;
        height: 2vw;
        margin-left: .3vw;
        display: inline-block;
        vertical-align: bottom;
        background-repeat: no-repeat; }
  #shurisanpo.page2nd .kakko {
    width: 80%;
    border: 1px solid black;
    background: white;
    margin: 7% auto 5%;
    padding: 4% 3% 2%;
    position: relative; }
    #shurisanpo.page2nd .kakko:before {
      content: "";
      display: block;
      position: absolute;
      width: 90%;
      border-top: 1px solid white;
      left: 5%;
      top: -1px;
      z-index: 2; }
    #shurisanpo.page2nd .kakko:after {
      content: "";
      display: block;
      position: absolute;
      width: 90%;
      border-top: 1px solid white;
      left: 5%;
      top: 100%;
      z-index: 2; }
    #shurisanpo.page2nd .kakko.text, #shurisanpo.page2nd .kakko.img_text {
      width: 96%; }
      #shurisanpo.page2nd .kakko.text h3, #shurisanpo.page2nd .kakko.img_text h3 {
        line-height: 160%;
        font-size: 130%;
        text-align: center;
        font-weight: bold; }
      #shurisanpo.page2nd .kakko.text .image,
      #shurisanpo.page2nd .kakko.text .text, #shurisanpo.page2nd .kakko.img_text .image,
      #shurisanpo.page2nd .kakko.img_text .text {
        vertical-align: middle;
        display: inline-block; }
      #shurisanpo.page2nd .kakko.text .image, #shurisanpo.page2nd .kakko.img_text .image {
        position: relative;
        top: -2vw;
        text-align: center;
        width: 22%; }
        #shurisanpo.page2nd .kakko.text .image.no_tops, #shurisanpo.page2nd .kakko.img_text .image.no_tops {
          top: 0; }
      #shurisanpo.page2nd .kakko.text .text, #shurisanpo.page2nd .kakko.img_text .text {
        width: 100%; }
        #shurisanpo.page2nd .kakko.text .text br, #shurisanpo.page2nd .kakko.img_text .text br {
          display: none; }
  #shurisanpo.page2nd.text .text {
    width: 100%; }
  #shurisanpo.page2nd .comment {
    width: 90%;
    background: white;
    margin: 2% auto 7%;
    padding: 0;
    position: relative; }
    #shurisanpo.page2nd .comment .text,
    #shurisanpo.page2nd .comment .image {
      display: inline-block;
      vertical-align: middle; }
    #shurisanpo.page2nd .comment .text {
      width: 76%; }
      #shurisanpo.page2nd .comment .text h4 {
        font-weight: bold;
        font-size: 120%;
        line-height: 200%; }
    #shurisanpo.page2nd .comment .image {
      width: 22%;
      text-align: center; }
  #shurisanpo.page2nd .c_green {
    color: #80b93f; }
  #shurisanpo.page2nd .c_pink {
    color: #fba5b3; }
  #shurisanpo.page2nd .c_blue {
    color: #76c7f0; }
  #shurisanpo.page2nd .head_catch {
    font-size: 160%;
    letter-spacing: .5vw;
    font-weight: bold;
    background: white;
    text-align: center; }
    #shurisanpo.page2nd .head_catch:before, #shurisanpo.page2nd .head_catch:after {
      content: "・・・";
      font-size: 90%;
      display: block; }
  #shurisanpo.shurijo article section .comment {
    margin: 2% auto 15%; }
  #shurisanpo.shurijo article section.main_text .hito5 {
    position: absolute;
    top: 30%;
    left: 5%;
    width: 16%; }
  #shurisanpo.shurijo article section.block {
    margin: 0 7%;
    margin-top: 0;
    border-top: 2px dotted #aaa;
    margin-bottom: 4px;
    position: relative; }
    #shurisanpo.shurijo article section.block .box .text .btns {
      text-align: left; }
    #shurisanpo.shurijo article section.block.point01 {
      margin-top: 5%;
      border-right: 2px dotted #aaa; }
      #shurisanpo.shurijo article section.block.point01 .start {
        position: absolute;
        top: -10%;
        left: -5%;
        width: 22%; }
      #shurisanpo.shurijo article section.block.point01 .mount {
        position: absolute;
        top: -12%;
        right: 0;
        width: 20%; }
    #shurisanpo.shurijo article section.block.point02 {
      margin-top: 0;
      border-left: 2px dotted #aaa; }
    #shurisanpo.shurijo article section.block.point03 {
      margin-top: 0;
      border-right: 2px dotted #aaa; }
      #shurisanpo.shurijo article section.block.point03 .mount {
        position: absolute;
        top: -2%;
        left: -2%;
        width: 20%; }
    #shurisanpo.shurijo article section.block.point04 {
      border-left: 2px dotted #aaa;
      padding-top: 13%; }
      #shurisanpo.shurijo article section.block.point04 .head_catch {
        position: absolute;
        width: 80%;
        top: -7%;
        left: 10%; }
      #shurisanpo.shurijo article section.block.point04 .data_title {
        z-index: 2; }
    #shurisanpo.shurijo article section.block.point05 {
      border-right: 2px dotted #aaa;
      border-bottom: 2px dotted #aaa;
      padding-top: 13%; }
      #shurisanpo.shurijo article section.block.point05 .data_title {
        z-index: 2; }
      #shurisanpo.shurijo article section.block.point05 .goal {
        position: absolute;
        bottom: -7%;
        left: -5%;
        width: 22%;
        z-index: 1; }
      #shurisanpo.shurijo article section.block.point05 .mount {
        position: absolute;
        top: -2%;
        right: -8%;
        width: 20%; }
    #shurisanpo.shurijo article section.block .box {
      padding: 5% 0; }
      #shurisanpo.shurijo article section.block .box .text,
      #shurisanpo.shurijo article section.block .box .image {
        display: inline-block;
        width: 38%;
        vertical-align: top;
        float: left; }
      #shurisanpo.shurijo article section.block .box .image {
        float: right;
        width: 60%;
        position: relative; }
        #shurisanpo.shurijo article section.block .box .image .data_title {
          position: absolute;
          width: 30%;
          top: -24%;
          right: -20%;
          z-index: 1; }
        #shurisanpo.shurijo article section.block .box .image .heritage {
          position: absolute;
          width: 20%;
          bottom: 5%;
          left: 5%; }
      #shurisanpo.shurijo article section.block .box .text address {
        padding: 5% 0 0;
        font-style: normal; }
  #shurisanpo.stone_road article section.map, #shurisanpo.stone_road article section.guide_data {
    padding-bottom: 0; }
  #shurisanpo.stone_road article section.main_text {
    padding: 8% 0%;
    margin: 0% 5%; }
    #shurisanpo.stone_road article section.main_text .hito1 {
      position: absolute;
      top: 30%;
      left: 0%;
      width: 21%; }
    #shurisanpo.stone_road article section.main_text .tate_text {
      width: 68%; }
  #shurisanpo.stone_road article section .comment.shuri_meguri {
    margin-bottom: 0; }
  #shurisanpo.stone_road article section.view_spots {
    padding: 0% 4% 10%; }
    #shurisanpo.stone_road article section.view_spots .box {
      margin-bottom: 15%; }
      #shurisanpo.stone_road article section.view_spots .box .text {
        padding-top: 0; }
        #shurisanpo.stone_road article section.view_spots .box .text .point_head {
          margin-bottom: 5%; }
          #shurisanpo.stone_road article section.view_spots .box .text .point_head h3, #shurisanpo.stone_road article section.view_spots .box .text .point_head h4 {
            text-align: left; }
    #shurisanpo.stone_road article section.view_spots .head_catch {
      margin-bottom: 5%; }
    #shurisanpo.stone_road article section.view_spots.spot01 .hito {
      position: absolute;
      width: 13%;
      bottom: -33%;
      right: 0%; }
    #shurisanpo.stone_road article section.view_spots.spot02 .hito {
      position: absolute;
      width: 15%;
      bottom: -16%;
      right: -2%;
      z-index: 1; }
    #shurisanpo.stone_road article section.view_spots.spot05 .box .image, #shurisanpo.stone_road article section.view_spots.spot03 .box .image {
      float: right; }
    #shurisanpo.stone_road article section.view_spots.spot05 .box .text, #shurisanpo.stone_road article section.view_spots.spot03 .box .text {
      float: left; }
    #shurisanpo.stone_road article section.view_spots.spot05 .box .hito, #shurisanpo.stone_road article section.view_spots.spot03 .box .hito {
      position: absolute;
      width: 19%;
      bottom: -32%;
      left: 22%;
      z-index: 1; }
    #shurisanpo.stone_road article section.view_spots.spot04 .hito {
      position: absolute;
      width: 10%;
      bottom: -16%;
      right: -2%;
      z-index: 1; }
    #shurisanpo.stone_road article section.view_spots.spot05 {
      padding-bottom: 0; }
      #shurisanpo.stone_road article section.view_spots.spot05 .box {
        margin-bottom: 15%; }
        #shurisanpo.stone_road article section.view_spots.spot05 .box .hito {
          position: absolute;
          width: 19%;
          bottom: -23%;
          left: 22%;
          z-index: 1; }
      #shurisanpo.stone_road article section.view_spots.spot05 .btns.blue.map {
        padding: 3% 0;
        text-align: center; }
        #shurisanpo.stone_road article section.view_spots.spot05 .btns.blue.map a {
          padding: 14px 40px;
          background-image: none; }
    #shurisanpo.stone_road article section.view_spots .comment {
      padding: 5% 0 0; }
      #shurisanpo.stone_road article section.view_spots .comment .image {
        width: 30%; }
      #shurisanpo.stone_road article section.view_spots .comment .text {
        margin-left: 1%;
        width: 68%; }
        #shurisanpo.stone_road article section.view_spots .comment .text h4 {
          line-height: 120%;
          font-size: 140%; }
  #shurisanpo.temple .mv h2 {
    right: 10%; }
  #shurisanpo.temple.page2nd .block.view_spots {
    padding: 2% 7% 0%; }
  #shurisanpo.temple article section.main_text .tate_text {
    width: 70%;
    max-height: 75vw; }
  #shurisanpo.temple article section.main_text .neko {
    position: absolute;
    top: 40%;
    width: 20%; }
  #shurisanpo.temple article section.map {
    padding-bottom: 0; }
  #shurisanpo.temple article section.guide_data {
    padding-top: 5%;
    padding-bottom: 0; }
  #shurisanpo.temple article section.view_spots {
    padding-top: 0; }
    #shurisanpo.temple article section.view_spots .box {
      text-align: center;
      padding: 2% 0; }
      #shurisanpo.temple article section.view_spots .box .text, #shurisanpo.temple article section.view_spots .box .image {
        width: 90%;
        margin: auto;
        float: none;
        padding: 0;
        padding: 4% 0 0; }
      #shurisanpo.temple article section.view_spots .box .text {
        text-align: left; }
        #shurisanpo.temple article section.view_spots .box .text .point_head {
          padding-bottom: 3%; }
          #shurisanpo.temple article section.view_spots .box .text .point_head h3 {
            font-size: 130%; }
        #shurisanpo.temple article section.view_spots .box .text .btns {
          text-align: center; }
        #shurisanpo.temple article section.view_spots .box .text .shop_data {
          padding: 2% 0; }
          #shurisanpo.temple article section.view_spots .box .text .shop_data a {
            text-decoration: underline;
            letter-spacing: 0; }
      #shurisanpo.temple article section.view_spots .box .image .image_h {
        width: calc(50% - 5px);
        display: inline-block; }
    #shurisanpo.temple article section.view_spots .comment {
      padding: 5% 0 3%;
      width: 100%; }
      #shurisanpo.temple article section.view_spots .comment .image {
        width: 30%;
        padding-right: 1%;
        text-align: center; }
      #shurisanpo.temple article section.view_spots .comment .text {
        width: 68%; }
        #shurisanpo.temple article section.view_spots .comment .text h4 {
          font-size: 140%;
          line-height: 120%; }
  #shurisanpo .article_section__images__slides .slick-list {
    width: 100%;
    border: 2px solid white; }
    #shurisanpo .article_section__images__slides .slick-list li img {
      width: 100%; }
  #shurisanpo .article_section__images__slides .slide-arrow.slick-arrow {
    display: inline;
    position: absolute;
    top: 47%;
    z-index: 2; }
    #shurisanpo .article_section__images__slides .slide-arrow.slick-arrow.prev-arrow {
      left: 5%; }
    #shurisanpo .article_section__images__slides .slide-arrow.slick-arrow.next-arrow {
      right: 5%; }
  #shurisanpo .article_section__images__slides-nav {
    display: block;
    flex-wrap: wrap;
    margin: 3px 0;
    text-align: center; }
    #shurisanpo .article_section__images__slides-nav li {
      display: inline-block;
      vertical-align: middle;
      width: calc(33% - 3px);
      margin: 0;
      line-height: 0;
      position: relative;
      cursor: pointer;
      background: #000;
      border: 2px solid #FFF;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #shurisanpo .article_section__images__slides-nav li.current {
        border-color: #fba5b3; }

/*#####################################################################
 *
 * tab base in
 *
 #####################################################################*/
@media all and (max-width: 1024px) {
  #shurisanpo {
    font-size: 1.5vw; }
    #shurisanpo .mv h2 {
      top: 13%;
      right: 10%;
      width: 20vw; }
    #shurisanpo article section.main_text .tate_text {
      max-height: 45vmin; }
    #shurisanpo article section.okinawaichiba .box {
      border: none;
      padding: 0;
      width: 100%;
      margin: auto; }
      #shurisanpo article section.okinawaichiba .box .text h4 {
        font-size: 1vw; }
    #shurisanpo.page2nd .mv h2 {
      top: 5%;
      right: 10%; }
    #shurisanpo.page2nd.temple .mv h2 {
      width: 9vw; } }

/*#####################################################################
*
 * sp 767px in
 *
#####################################################################*/
@media all and (max-width: 767px) {
  #shurisanpo {
    font-size: 3.2vw; }
    #shurisanpo .sp {
      display: inline-block !important; }
    #shurisanpo .pc {
      display: none !important; }
    #shurisanpo .sptcenter {
      text-align: center; }
    #shurisanpo .mv h2 {
      top: 30vw;
      right: 5vw;
      width: 20vw;
      text-align: right; }
      #shurisanpo .mv h2 img {
        max-height: 40vh; }
    #shurisanpo .mv h3 {
      top: 1vw; }
    #shurisanpo .mv ul.sns {
      width: 20vw;
      top: 8vw;
      right: 2vw;
      text-align: right; }
    #shurisanpo.page2nd article section.main_text .tate_text {
      line-height: 180%;
      width: 55%; }
    #shurisanpo.page2nd .catch_line.sp2text {
      position: relative;
      top: -15vw; }
      #shurisanpo.page2nd .catch_line.sp2text strong:after,
      #shurisanpo.page2nd .catch_line.sp2text strong:before {
        top: 5vw; }
    #shurisanpo .btns {
      padding: 7% 0 5%; }
      #shurisanpo .btns a {
        padding: 4px 9vw;
        line-height: 5vw;
        font-size: 3.5vw;
        background-position: 95% 50%; }
        #shurisanpo .btns a.back {
          background-position: 5% 50%; }
    #shurisanpo article section.main_text {
      padding: 5%; }
      #shurisanpo article section.main_text .tate_text {
        margin-top: 5vh;
        max-height: 65vw;
        width: 75%;
        line-height: 180%; }
      #shurisanpo article section.main_text .hito2 {
        top: auto;
        left: auto;
        right: 0;
        bottom: 0; }
    #shurisanpo article section.okinawaichiba .box .text {
      width: 100%;
      float: none;
      font-size: 4vw; }
      #shurisanpo article section.okinawaichiba .box .text h4 {
        font-size: 2vw; }
      #shurisanpo article section.okinawaichiba .box .text h3 {
        font-size: 4.5vw; }
    #shurisanpo article section.okinawaichiba .box .image {
      width: 40%;
      float: none;
      text-align: center;
      margin: 6% auto 0; }
    #shurisanpo article section.view_spots {
      border: 1px solid white; }
      #shurisanpo article section.view_spots .box .image, #shurisanpo article section.view_spots .box .text {
        width: 98%;
        float: none;
        font-size: 4vw; }
      #shurisanpo article section.view_spots.spot1 .shureimon {
        top: inherit;
        right: 0%;
        width: 18%;
        bottom: 15vh; }
      #shurisanpo article section.view_spots.spot2 .neko {
        top: inherit;
        right: 0%;
        left: inherit;
        width: 18%;
        bottom: 15vh; }
      #shurisanpo article section.view_spots.spot3 .hito6 {
        position: absolute;
        top: 57%;
        right: 0%;
        width: 20%; }
    #shurisanpo.page2nd .mv h2 {
      width: 30vw;
      top: 35vw;
      right: 5vw; }
    #shurisanpo.page2nd article section.links {
      width: 100%;
      margin: 0; }
      #shurisanpo.page2nd article section.links .link2.btns {
        padding-top: 10%;
        text-align: center; }
        #shurisanpo.page2nd article section.links .link2.btns a {
          width: calc(50% - 3vw);
          padding: 4px 0;
          margin: 1vw;
          font-size: 3.3vw;
          line-height: 6vw;
          text-align: center;
          background-position: 99% 50%; }
          #shurisanpo.page2nd article section.links .link2.btns a.back {
            background-position: 1% 50%; }
    #shurisanpo.page2nd .guide_data .guide {
      width: 100%; }
      #shurisanpo.page2nd .guide_data .guide .text {
        width: 65%;
        margin-left: 3%;
        vertical-align: middle;
        font-size: 4vw; }
    #shurisanpo.page2nd .kakko {
      width: 100%;
      padding: 7% auto 5%; }
      #shurisanpo.page2nd .kakko:before {
        border-top: 6px solid white;
        top: -2px; }
      #shurisanpo.page2nd .kakko:after {
        border: white 3px solid;
        top: calc(100% - 4px); }
      #shurisanpo.page2nd .kakko .text,
      #shurisanpo.page2nd .kakko .img_text {
        font-size: 4vw; }
        #shurisanpo.page2nd .kakko .text .text,
        #shurisanpo.page2nd .kakko .img_text .text {
          font-size: 4vw; }
    #shurisanpo.page2nd .catch_line {
      font-size: 170%;
      top: -3vw; }
      #shurisanpo.page2nd .catch_line strong:before, #shurisanpo.page2nd .catch_line strong:after {
        height: 5vw; }
    #shurisanpo.page2nd .comment {
      width: 100%; }
      #shurisanpo.page2nd .comment .text {
        width: 73%;
        padding-left: 2%;
        font-size: 4vw; }
    #shurisanpo.page2nd .block {
      padding: 7% 2%; }
      #shurisanpo.page2nd .block .point_head .train,
      #shurisanpo.page2nd .block .point_head .walk {
        font-size: 3vmin; }
        #shurisanpo.page2nd .block .point_head .train:after,
        #shurisanpo.page2nd .block .point_head .walk:after {
          width: 3vw;
          height: 4.5vw; }
    #shurisanpo.page2nd .head_catch {
      font-size: 4vmin; }
    #shurisanpo.shurijo article section.block {
      margin: 0;
      border-width: 2px !important; }
      #shurisanpo.shurijo article section.block .box .text {
        width: 100%; }
        #shurisanpo.shurijo article section.block .box .text p {
          font-size: 4vw; }
      #shurisanpo.shurijo article section.block .box .image {
        float: none;
        width: 100%;
        position: relative;
        text-align: center;
        margin: 15% 0 0; }
        #shurisanpo.shurijo article section.block .box .image .data_title {
          width: 15%;
          top: -24%;
          right: 0; }
      #shurisanpo.shurijo article section.block.point01 {
        padding-top: 15%; }
        #shurisanpo.shurijo article section.block.point01 .start {
          top: -5%;
          left: -5%;
          width: 30%; }
        #shurisanpo.shurijo article section.block.point01 .mount {
          position: absolute;
          top: -5%;
          right: 0;
          width: 35%; }
      #shurisanpo.shurijo article section.block.point03 .mount {
        width: 35%; }
      #shurisanpo.shurijo article section.block.point03 .box .image .data_title {
        width: 10%;
        top: -10%; }
      #shurisanpo.shurijo article section.block.point01 .box .text, #shurisanpo.shurijo article section.block.point02 .box .text, #shurisanpo.shurijo article section.block.point03 .box .text {
        font-size: 100%; }
      #shurisanpo.shurijo article section.block.point04 .head_catch {
        position: absolute;
        width: 90%;
        top: -5%;
        left: 5%; }
      #shurisanpo.shurijo article section.block.point04 .box .image .data_title {
        width: 10%;
        top: -10%; }
      #shurisanpo.shurijo article section.block.point05 .goal {
        bottom: -4%;
        left: 0%;
        width: 20%; }
      #shurisanpo.shurijo article section.block.point05 .mount {
        top: -2%;
        right: 0;
        width: 35%; }
      #shurisanpo.shurijo article section.block.point05 .box .image .data_title {
        width: 10%;
        top: -10%; }
    #shurisanpo.shurijo article section.main_text .hito5 {
      top: inherit;
      left: inherit;
      width: 20%;
      bottom: 10%;
      right: 0; }
    #shurisanpo.stone_road article section.main_text .hito1 {
      position: absolute;
      top: 30%;
      left: -9%;
      width: 25%;
      right: auto; }
    #shurisanpo.stone_road article section.main_text .tate_text {
      width: 70%; }
    #shurisanpo.stone_road article section.guide_data .guide {
      text-align: center; }
      #shurisanpo.stone_road article section.guide_data .guide .image {
        width: 50%;
        display: block;
        margin: auto auto 2%; }
      #shurisanpo.stone_road article section.guide_data .guide .text {
        width: 100%;
        margin-left: 0; }
        #shurisanpo.stone_road article section.guide_data .guide .text p {
          text-align: left; }
    #shurisanpo.stone_road article section.view_spots {
      padding: 0% 0 10%; }
      #shurisanpo.stone_road article section.view_spots.spot05 .box .hito, #shurisanpo.stone_road article section.view_spots.spot04 .box .hito, #shurisanpo.stone_road article section.view_spots.spot01 .box .hito {
        position: absolute;
        width: 20%;
        bottom: auto;
        left: auto;
        top: -10%;
        right: 0; }
      #shurisanpo.stone_road article section.view_spots.spot04 .box .hito {
        top: -8%; }
      #shurisanpo.stone_road article section.view_spots.spot02 .box .hito {
        position: absolute;
        right: -8%;
        width: 20%;
        bottom: auto;
        top: -2%; }
      #shurisanpo.stone_road article section.view_spots.spot05 .box .hito, #shurisanpo.stone_road article section.view_spots.spot03 .box .hito {
        position: absolute;
        right: -10%;
        width: 30%;
        top: -10%;
        left: auto;
        bottom: auto; }
      #shurisanpo.stone_road article section.view_spots .box .text .btns {
        text-align: right;
        margin-bottom: 2%; }
      #shurisanpo.stone_road article section.view_spots .comment .text {
        width: 66%; }
        #shurisanpo.stone_road article section.view_spots .comment .text br {
          display: none; }
    #shurisanpo.stone_road .block .point_head h3 {
      font-size: 160%;
      line-height: 120%; }
    #shurisanpo.temple .mv h2 {
      width: 13vw; }
    #shurisanpo.temple article section {
      margin: 0 0; }
      #shurisanpo.temple article section.main_text .neko {
        top: 66%;
        width: 20%;
        right: 0; }
      #shurisanpo.temple article section.main_text .tate_text {
        width: 75%; }
      #shurisanpo.temple article section.spot02 .catch_line {
        font-size: 160%; }
    #shurisanpo.temple.page2nd .block.view_spots {
      padding: 2% 0% 0%; }
      #shurisanpo.temple.page2nd .block.view_spots .box .text {
        width: 100%; }
    #shurisanpo.page2nd .guide_data .guide .text h3 strong {
      font-size: 120%; }
    #shurisanpo .contents_menu.btns a {
      padding: 10px 0;
      background-image: none;
      width: calc(50% - 4vw);
      margin: 1vw; } }

@media all and (max-width: 340px) {
  #shurisanpo .mv ul.sns {
    width: 23vw; }
  #shurisanpo article section.main_text .tate_text {
    max-height: 75vw; } }

/***********************************************************/
.float_l {
  float: left; }

.float_r {
  float: right; }

.end {
  clear: both;
  font-size: 1px;
  height: 1px;
  padding: 0px;
  margin: 0px;
  display: block; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

.clear {
  display: block;
  clear: both;
  height: 2px; }

.cleared {
  display: block;
  clear: both; }

.align_l, .t_left {
  text-align: left !important; }

.align_r, .t_right {
  text-align: right !important; }

.align_c, .t_center {
  text-align: center !important; }

.va_top {
  vartical-align: top; }

.va_bottom {
  vartical-align: bottom; }

.va_middle {
  vartical-align: middle; }

/* display */
.none {
  display: none; }

.block {
  display: block; }

.inline {
  display: inline; }

.inlineblock {
  display: inline-block; }

/* clearfix */
.clearfix:after, #shurisanpo article section.view_spots .box:after, #shurisanpo article section.okinawaichiba .box:after, #shurisanpo.shurijo article section.block .box:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

.clearfix, #shurisanpo article section.view_spots .box, #shurisanpo article section.okinawaichiba .box, #shurisanpo.shurijo article section.block .box {
  display: block; }

html > body .clearfix, html > body #shurisanpo article section.view_spots .box, #shurisanpo article section.view_spots html > body .box, html > body #shurisanpo article section.okinawaichiba .box, #shurisanpo article section.okinawaichiba html > body .box, html > body #shurisanpo.shurijo article section.block .box, #shurisanpo.shurijo article section.block html > body .box {
  display: block\9; }