@charset "UTF-8";
@media screen and (max-width: 800px) {
  body {
    letter-spacing: 0px;
    line-height: 150%;
    font-size: 1.4rem; }

  .pc_in {
    display: none !important; }

  .sp_in {
    display: inline !important; }

  .pc {
    display: none !important; }

  .sp {
    display: block !important; }

  .sp_txtL {
    text-align: left !important; }

  .sp_txtR {
    text-align: right !important; }

  rt {
    font-size: 0.8rem; }

  header#header #slider {
    width: 100%;
    height: 90vh; }
  header#header #title {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100vh;
    background: none; }
    header#header #title h1 {
      color: #fff; }
      header#header #title h1 img {
        position: absolute;
        top: 90px;
        left: auto;
        right: 27px;
        height: 390px;
        min-height: inherit; }
  header#header #sns {
    bottom: 60px;
    left: 10px; }
    header#header #sns a img {
      width: 30px; }
  header#header #ushima_higaeri {
    bottom: 90px;
    left: 10px; }
    header#header #ushima_higaeri a img {
      width: 190px; }
  header#header #murofes {
    bottom: 255px;
    right: 0;
    left: 15px; }
    header#header #murofes a img {
      width: 98px; }
  header#header #murozumi_movie {
    top: 130px;
    right: 0;
    left: 5px; }
    header#header #murozumi_movie a img {
      width: 170px; }
  header#header #catch {
    font-weight: normal;
    line-height: 180%;
    left: 10px;
    top: 10px;
    text-shadow: 0px -1px 13px rgba(0, 0, 0, 0.5);
    font-size: 1.1em;
    letter-spacing: 5px; }
    header#header #catch span {
      font-size: 0.62em; }
  header#header #btn {
    bottom: 10px;
    left: 10px; }
    header#header #btn a {
      font-size: 12px;
      padding: 10px 10px; }
  header#header #scroll {
    right: 10px; }
    header#header #scroll img {
      width: 10px; }
  header#header .video-box {
    height: 90vh; } }
@media screen and (max-width: 800px) and (orientation: landscape) {
  header#header .video-box {
    height: 140vh; } }

@media screen and (max-width: 800px) {
  header#header_sub h1 {
    letter-spacing: 3px;
    padding: 10px;
    font-size: 2.3rem; }
    header#header_sub h1 span {
      display: block;
      padding-bottom: 5px;
      font-size: 1.2rem; }

  footer {
    background-image: url("../images/footer_bg_sp.png");
    padding-bottom: 18%;
    background-position: left bottom;
    background-size: 100% auto; }
    footer .sns {
      padding-bottom: 30px; }
    footer #footer_txt {
      padding: 0 16px;
      margin: 20px auto;
      display: block;
      text-align: center; }
      footer #footer_txt h2 {
        font-size: 1.2em;
        padding-bottom: 20px; }
      footer #footer_txt p {
        font-size: 11px;
        padding-bottom: 10px;
        line-height: 180%;
        letter-spacing: 1px; }
      footer #footer_txt .en {
        padding-bottom: 20px; }
        footer #footer_txt .en p {
          font-size: 13px; }
      footer #footer_txt .txtR {
        text-align: center; }
    footer section#link {
      padding: 0px 17px 10px; }
      footer section#link ul {
        padding: 0 0 20px; }
        footer section#link ul li {
          margin: 5px;
          width: 150px;
          padding: 10px; }

  nav {
    /*アクティブクラスがついたら位置を0に*/
    /*ナビゲーションの縦スクロール*/ }
    nav .nav_btn_all {
      top: 10px;
      right: 10px; }
    nav .nav_btn {
      width: 60px;
      height: 60px;
      /*activeクラスが付与されると線が回転して×になり、Menu表記をしている2つ目の要素が透過して消える*/ }
      nav .nav_btn span:nth-of-type(1),
      nav .nav_btn span:nth-of-type(3) {
        width: 62%;
        left: 12px; }
      nav .nav_btn span:nth-of-type(1) {
        top: 15px; }
      nav .nav_btn span:nth-of-type(2) {
        font-size: 11px;
        line-height: 60px; }
      nav .nav_btn span:nth-of-type(3) {
        bottom: 15px; }
      nav .nav_btn.active span:nth-of-type(1), nav .nav_btn.active span:nth-of-type(3) {
        width: 30px; }
      nav .nav_btn.active span:nth-of-type(1) {
        top: 23px;
        left: 15px;
        transform: translateY(6px) rotate(-45deg); }
      nav .nav_btn.active span:nth-of-type(2) {
        opacity: 0; }
      nav .nav_btn.active span:nth-of-type(3) {
        top: 36px;
        left: 15px;
        transform: translateY(-6px) rotate(45deg); }
    nav #g-nav {
      /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
      position: fixed;
      z-index: 990;
      /*ナビのスタート位置と形状*/
      top: 0;
      right: -120%;
      width: 100%;
      height: 100vh;
      /*ナビの高さ*/
      background: #999;
      /*動き*/
      transition: all 0.6s; }
    nav #g-nav li a {
      padding: 15px 20px; }
    nav #g-nav.panelactive {
      right: 0; }
    nav #g-nav.panelactive #g-nav-list {
      /*ナビの数が増えた場合縦スクロール*/
      position: fixed;
      z-index: 990;
      width: 100%;
      height: 100vh;
      /*表示する高さ*/
      overflow: auto;
      -webkit-overflow-scrolling: touch; }

  main article {
    text-align: left; }
  main section {
    padding: 50px 17px; }
  main .index h1 {
    font-size: 2.0rem;
    letter-spacing: 4px;
    text-align: center; }
  main .index .btn {
    font-size: 1.5rem; }
  main .parallax {
    height: 200px;
    background-attachment: scroll; }
  main #movie a {
    margin: 30px auto 0;
    line-height: 1; }
  main #news section {
    padding: 80px 0 50px; }
  main #news .slide_news {
    max-width: 500px;
    margin: 20px auto 0;
    padding: 0 17px; }
  main #news .slick-track {
    display: block !important; }
  main #news .slide_news_items {
    margin-bottom: 20px; }
    main #news .slide_news_items_in {
      width: 100%;
      margin-bottom: 20px; }
      main #news .slide_news_items_in .img {
        height: 180px; }
        main #news .slide_news_items_in .img img {
          height: 180px; }
    main #news .slide_news_items.col2 .slide_news_items_in {
      width: 100% !important; }
  main #news .furusato_link {
    margin: 0 auto;
    max-width: 500px;
    padding-top: 0; }
    main #news .furusato_link a {
      margin-top: 0;
      padding: 10px;
      background: url("../spot/img/kaisyo/main.jpg") no-repeat right 0 top 50%;
      background-size: 45% auto;
      background-color: #211717; }
      main #news .furusato_link a span {
        color: #fff; }
  main #about {
    color: #313337;
    background-image: url(../images/about/bg_sp.jpg);
    background-attachment: scroll;
    background-size: auto 100%; }
    main #about img {
      width: 100%; }
    main #about .box1 {
      margin: 20px 0 30px; }
      main #about .box1 p {
        letter-spacing: 0px;
        margin-bottom: 1em;
        text-align: center;
        line-height: 200%;
        font-size: 1.3rem; }
    main #about .img_list {
      flex-wrap: wrap; }
      main #about .img_list li {
        width: 50%;
        height: 150px; }
    main #about .detail {
      padding: 20px 25px 20px;
      text-align: center;
      margin-top: 20px; }
      main #about .detail p {
        font-size: 1.3rem; }
  main #event p {
    text-align: center;
    font-size: 1.2rem; }
  main #event .eventlist {
    margin: 0 0 60px;
    padding: 0; }
    main #event .eventlist_items li {
      margin: 0 10px 1px; }
      main #event .eventlist_items li img {
        width: 100%;
        height: 200px; }
      main #event .eventlist_items li .box {
        padding: 0;
        background: linear-gradient(40deg, rgba(33, 23, 23, 0) 0%, rgba(33, 23, 23, 0) 58%, #211717 81%, #211717 100%); }
        main #event .eventlist_items li .box h2 {
          font-size: 2rem;
          letter-spacing: 5px;
          padding-bottom: 10px; }
          main #event .eventlist_items li .box h2 span {
            font-size: 1.5rem; }
        main #event .eventlist_items li .box div {
          padding: 10px; }
        main #event .eventlist_items li .box p.data {
          font-size: 1.2rem;
          letter-spacing: 2px;
          text-align: right; }
        main #event .eventlist_items li .box p.txt {
          padding: 8px;
          background: rgba(33, 23, 23, 0.82);
          text-align: left;
          line-height: 130%;
          font-size: 1.2rem;
          width: 100%; }
  main #spot .spotlist_items.preparation {
    overflow-y: hidden;
    height: 400px; }
  main #spot .spotlist_items li {
    padding: 5px; }
    main #spot .spotlist_items li .img {
      height: 200px; }
      main #spot .spotlist_items li .img img {
        height: 200px; }
    main #spot .spotlist_items li h2 {
      font-size: 1.4rem;
      letter-spacing: 2px; }
    main #spot .spotlist_items li span.typ {
      top: 10px;
      right: 10px; }
  main #access section {
    padding: 50px 17px 50px; }
  main #shop section {
    padding-left: 0;
    padding-right: 0; }
  main #shop .stayinglist_items .box img {
    height: 160px; }
  main #iju h2 {
    max-width: none;
    text-align: center; }
  main #iju .iju_logo {
    padding: 30px 20px; }
    main #iju .iju_logo img {
      max-width: 400px; }
  main #iju .btn_box .btn {
    max-width: none; }
    main #iju .btn_box .btn:first-of-type {
      margin-bottom: 0; }
  main #activity section {
    padding-left: 0;
    padding-right: 0; }
  main #activity h2 {
    text-align: center; }
  main #activity .activitylist_items .box img {
    height: 160px; }
  main #subpage {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0; }
    main #subpage h1.subtitle {
      font-size: 1.6rem;
      letter-spacing: 4px;
      text-align: center;
      padding-top: 20px;
      padding-bottom: 10px;
      border-bottom: 1px solid #909090;
      margin: 0 20px 20px; }
      main #subpage h1.subtitle span {
        font-size: 1.2rem;
        padding: 1px 5px 1px 5px; }
    main #subpage.page article .detail {
      padding: 17px 17px 30px; }
      main #subpage.page article .detail .btn {
        width: 90%;
        display: block;
        padding: 15px 0;
        margin: 10px auto 10px;
        min-width: inherit;
        font-size: 1.4rem; }
    main #subpage.page article .detail2 {
      padding: 0 17px 30px; }
    main #subpage .eventlist {
      margin: 0 0 60px;
      padding: 0 0; }
      main #subpage .eventlist ul li {
        margin: 0 0 1px; }
        main #subpage .eventlist ul li img {
          width: 100%;
          height: 200px; }
        main #subpage .eventlist ul li .box {
          padding: 0;
          background: linear-gradient(40deg, rgba(33, 23, 23, 0) 0%, rgba(33, 23, 23, 0) 58%, #211717 81%, #211717 100%); }
          main #subpage .eventlist ul li .box h2 {
            font-size: 2rem;
            letter-spacing: 5px;
            padding-bottom: 10px; }
            main #subpage .eventlist ul li .box h2 span {
              font-size: 1.5rem; }
          main #subpage .eventlist ul li .box div {
            padding: 10px; }
          main #subpage .eventlist ul li .box p.data {
            font-size: 1.2rem;
            letter-spacing: 2px;
            text-align: right; }
          main #subpage .eventlist ul li .box p.txt {
            padding: 8px;
            background: rgba(33, 23, 23, 0.82);
            text-align: left;
            line-height: 130%;
            font-size: 1.2rem;
            width: 100%; }
    main #subpage .subpage_returnbtn li {
      font-size: 1.2rem;
      letter-spacing: 0; }
  main #subpage.news_list .slide_news_items_in {
    width: 80%; }
    main #subpage.news_list .slide_news_items_in .img {
      height: 120px; }
  main #subpage.news_detail .detail h1 {
    font-size: 2.2rem; }
  main #subpage.news_detail .detail h2 {
    margin-top: 30px; }
  main #subpage.news_detail .detail_dl {
    flex-flow: column; }
  main #subpage.news_detail .detail .photo li {
    width: 40%; }
    main #subpage.news_detail .detail .photo li div.img {
      height: 100px; }
  main #subpage.news_detail.news250120 .youtube_2col {
    display: block; }
    main #subpage.news_detail.news250120 .youtube_2col div {
      width: 90%;
      margin: 0 auto; }
    main #subpage.news_detail.news250120 .youtube_2col iframe {
      height: 150px !important; }
  main #subpage .e241130_navi {
    display: block; }
    main #subpage .e241130_navi li {
      width: 90%;
      margin: 1% auto; }
  main #subpage .e241130_stamp {
    font-size: 13px; }
  main #subpage .e241130_inst ul li {
    padding: 1%;
    width: 45%;
    max-width: 250px; }
  main #subpage .e241130_all_art_box {
    display: block; }
    main #subpage .e241130_all_art_box_img {
      padding: 0 20px; }
      main #subpage .e241130_all_art_box_img img {
        width: 251px; }
  main #subpage .e241130_all_btn {
    width: 80%;
    line-height: 120%; }
  main #subpage.spot_event_detail article .visual {
    display: flex;
    flex-wrap: wrap; }
    main #subpage.spot_event_detail article .visual li {
      height: 400px; }
      main #subpage.spot_event_detail article .visual li img {
        height: 400px;
        object-fit: cover; }
      main #subpage.spot_event_detail article .visual li:nth-child(n+2) {
        width: 50%;
        height: 150px; }
    main #subpage.spot_event_detail article .visual.typ2 li {
      height: 400px; }
      main #subpage.spot_event_detail article .visual.typ2 li img {
        height: 400px; }
  main #subpage.spot_event_detail article h1 {
    font-size: 2.0rem;
    padding: 0 10px 10px;
    text-align: center;
    background: #EEECEC; }
    main #subpage.spot_event_detail article h1 span {
      display: block;
      font-size: 1.4rem; }
  main #subpage.spot_event_detail article h2.subtitle {
    font-size: 1.8rem;
    padding: 40px 0px 20px; }
    main #subpage.spot_event_detail article h2.subtitle strong {
      padding: 0 25px; }
      main #subpage.spot_event_detail article h2.subtitle strong:before, main #subpage.spot_event_detail article h2.subtitle strong:after {
        width: 20px; }
  main #subpage.spot_event_detail article .point li {
    width: 40%; }
    main #subpage.spot_event_detail article .point li div.img {
      height: 100px; }
  main #subpage.spot .spotlist_items.preparation {
    overflow-y: hidden;
    height: 400px; }
  main #subpage.spot .spotlist_items li {
    padding: 5px; }
    main #subpage.spot .spotlist_items li .img {
      height: 200px; }
      main #subpage.spot .spotlist_items li .img img {
        height: 200px; }
    main #subpage.spot .spotlist_items li h2 {
      font-size: 1.4rem;
      letter-spacing: 2px; }
    main #subpage.spot .spotlist_items li span.typ {
      top: 10px;
      right: 10px; }
  main #subpage.project article {
    padding: 0 16px; }
  main #subpage.project.fennel article {
    text-align: left; }
    main #subpage.project.fennel article h1 {
      margin-top: 10px;
      font-size: 1.6rem;
      letter-spacing: 4px;
      text-align: center; }
    main #subpage.project.fennel article .merit_all {
      text-align: center; }
    main #subpage.project.fennel article .schedule {
      display: block; }
      main #subpage.project.fennel article .schedule li {
        width: auto;
        margin: 0 3% 10px; }
  main #subpage.project.murozumi_movie article {
    padding: 0 !important;
    margin-bottom: 0;
    max-width: none !important; }
  main #subpage.project.murozumi_movie .movie h2 {
    font-size: 1.7rem; }
  main #subpage.project.murozumi_movie .movie p, main #subpage.project.murozumi_movie .movie li {
    text-align: left; }
  main #subpage.project.murozumi_movie .movie li {
    padding-left: 1em;
    text-indent: -1em; }
  main #subpage.project.murozumi_movie .about {
    text-align: center; }
    main #subpage.project.murozumi_movie .about h2 {
      font-size: 1.7rem; }
  main #subpage.project.murozumi_movie .box {
    text-align: left; }
    main #subpage.project.murozumi_movie .box section {
      padding: 50px 20px 0; }
    main #subpage.project.murozumi_movie .box img {
      width: 80%; }
    main #subpage.project.murozumi_movie .box h2 {
      text-align: center;
      margin-bottom: 20px; }
    main #subpage.project.murozumi_movie .box.director section {
      padding-bottom: 80px; }
    main #subpage.project.murozumi_movie .box.director img {
      width: 100%;
      max-width: 700px; }
    main #subpage.project.murozumi_movie .box.director .director_txt {
      padding: 15px; }
      main #subpage.project.murozumi_movie .box.director .director_txt p {
        font-size: 1.3rem; }
    main #subpage.project.murozumi_movie .box.director .director_txt_sub {
      padding: 10px; }
    main #subpage.project.murozumi_movie .box.thanks section {
      text-align: center;
      padding: 50px 20px 50px; }
  main #subpage.ushima.higaeri .detail_box h3 {
    margin: 20px 0; }
  main #subpage.ushima.higaeri .detail_box .plan_img {
    padding-right: 8.5%; }
  main #subpage.ushima.higaeri .detail_txt td, main #subpage.ushima.higaeri .detail_txt th, main #subpage.ushima.higaeri .detail_txt tr {
    display: block; }
  main #subpage.ushima.higaeri .detail_txt th {
    width: 100%;
    border-bottom: none;
    padding: 5px;
    font-weight: bold; }
  main #subpage.ushima.higaeri .detail_txt td {
    border-top: none;
    margin-bottom: 10px; }
  main #subpage.ushima.higaeri .detail_txt .cancel_table {
    width: 100%;
    font-size: 12px; }
    main #subpage.ushima.higaeri .detail_txt .cancel_table td, main #subpage.ushima.higaeri .detail_txt .cancel_table th {
      display: table-cell; }
    main #subpage.ushima.higaeri .detail_txt .cancel_table tr {
      display: table-row; }
  main #subpage.ushima.higaeri .detail .schedule_txt td, main #subpage.ushima.higaeri .detail .schedule_txt th {
    padding: 5px; }
  main #subpage.ushima.higaeri .detail .schedule_photo li div.img {
    height: 80px; }
    main #subpage.ushima.higaeri .detail .schedule_photo li div.img img {
      height: 80px; }
  main #subpage.ushima.higaeri .reserve_form {
    display: block;
    padding: 0 16px;
    margin-bottom: 0; }
    main #subpage.ushima.higaeri .reserve_form input[type=text], main #subpage.ushima.higaeri .reserve_form input[type=tel], main #subpage.ushima.higaeri .reserve_form input[type=email] {
      width: 100%; }
    main #subpage.ushima.higaeri .reserve_form dt, main #subpage.ushima.higaeri .reserve_form dd {
      width: 100%; }
    main #subpage.ushima.higaeri .reserve_form dt {
      border-bottom: none;
      padding: 5px 10px;
      background: #5F99D2; }
    main #subpage.ushima.higaeri .reserve_form dd {
      border-bottom: 15px solid #EEECEC; }
      main #subpage.ushima.higaeri .reserve_form dd .p-postal-code {
        max-width: 10em; }
  main #subpage.tour .tour_menu li {
    margin-bottom: 10px;
    width: 40%;
    max-width: none; }
  main #subpage.tour .guide {
    display: block; }
    main #subpage.tour .guide img {
      max-width: none;
      width: 50%;
      padding-right: 0px;
      display: block;
      margin: 0 auto 10px; }
    main #subpage.tour .guide_box .name {
      margin-bottom: 10px; }
      main #subpage.tour .guide_box .name strong small {
        font-size: 0.1em; }
  main #subpage.tour .tour_box .photo li {
    padding: 1%;
    width: 48%; }
    main #subpage.tour .tour_box .photo li div.img {
      overflow: hidden;
      height: 80px; }
      main #subpage.tour .tour_box .photo li div.img img {
        height: 80px; }
    main #subpage.tour .tour_box .photo li:first-of-type {
      width: 100%; }
      main #subpage.tour .tour_box .photo li:first-of-type div.img {
        height: 150px; }
        main #subpage.tour .tour_box .photo li:first-of-type div.img img {
          height: 150px; }
  main #subpage.tour .tour_box .btn {
    width: 100%;
    display: block;
    padding: 15px 0;
    margin: 10px auto 10px;
    min-width: inherit;
    font-size: 1.4rem; }
  main #subpage.tour_detail .detail h1 {
    height: 150px;
    margin-bottom: 20px; }
  main #subpage.tour_detail .detail_box h3 {
    margin: 20px 0; }
  main #subpage.tour_detail .detail_box .plan_img {
    padding-right: 8.5%; }
  main #subpage.tour_detail .detail_txt td, main #subpage.tour_detail .detail_txt th, main #subpage.tour_detail .detail_txt tr {
    display: block; }
  main #subpage.tour_detail .detail_txt th {
    width: 100%;
    border-bottom: none;
    padding: 5px;
    font-weight: bold; }
  main #subpage.tour_detail .detail_txt td {
    border-top: none;
    margin-bottom: 10px; }
  main #subpage.tour_detail .detail_txt .cancel_table {
    width: 100%;
    font-size: 12px; }
    main #subpage.tour_detail .detail_txt .cancel_table td, main #subpage.tour_detail .detail_txt .cancel_table th {
      display: table-cell; }
    main #subpage.tour_detail .detail_txt .cancel_table tr {
      display: table-row; }
  main #subpage.tour_detail .detail .schedule_txt td, main #subpage.tour_detail .detail .schedule_txt th {
    padding: 5px; }
  main #subpage.tour_detail .detail .schedule_txt th {
    width: 6em; }
  main #subpage.tour_detail .detail .schedule_photo li div.img {
    height: 80px; }
    main #subpage.tour_detail .detail .schedule_photo li div.img img {
      height: 80px; }
  main #subpage.tour_detail .reserve_form {
    display: block;
    padding: 0 16px;
    margin-bottom: 0; }
    main #subpage.tour_detail .reserve_form input[type=text], main #subpage.tour_detail .reserve_form input[type=tel], main #subpage.tour_detail .reserve_form input[type=email] {
      width: 100%; }
    main #subpage.tour_detail .reserve_form dt, main #subpage.tour_detail .reserve_form dd {
      width: 100%; }
    main #subpage.tour_detail .reserve_form dt {
      border-bottom: none;
      padding: 5px 10px;
      background: #5F99D2; }
    main #subpage.tour_detail .reserve_form dd {
      border-bottom: 15px solid #EEECEC; }
      main #subpage.tour_detail .reserve_form dd .p-postal-code {
        max-width: 10em; }
  main #subpage.staying .tour_menu {
    margin: 30px auto 0; }
    main #subpage.staying .tour_menu li {
      margin-bottom: 10px;
      width: 40%;
      max-width: none; }
  main #subpage.staying .staying_box .photo li {
    padding: 1%;
    width: 48%; }
    main #subpage.staying .staying_box .photo li div.img {
      overflow: hidden;
      height: 80px; }
      main #subpage.staying .staying_box .photo li div.img img {
        height: 80px; }
    main #subpage.staying .staying_box .photo li:first-of-type {
      width: 100%; }
      main #subpage.staying .staying_box .photo li:first-of-type div.img {
        height: 150px; }
        main #subpage.staying .staying_box .photo li:first-of-type div.img img {
          height: 150px; }
    main #subpage.staying .staying_box .photo li.col1 {
      width: 100%; }
      main #subpage.staying .staying_box .photo li.col1 div.img {
        height: 150px; }
        main #subpage.staying .staying_box .photo li.col1 div.img img {
          height: 150px; }
  main #subpage.staying .staying_box .btn {
    width: 100%;
    display: block;
    padding: 15px 0;
    margin: 10px auto 10px;
    min-width: inherit;
    font-size: 1.4rem; } }