@charset"utf-8";
/* "*"
-------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
}
/* "html"
-------------------------------------------------- */
html{
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 62.5%;
  box-sizing: border-box;
}
/* "body"
-------------------------------------------------- */
body {
  font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
  margin: 0;
  padding: 0;
  letter-spacing: -0.01rem;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 1.6rem;
  color: #000;
}
body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
}
/* "p"tag
-------------------------------------------------- */
p{
  font-size: 1.6rem;
  margin-bottom: 0;
}
p.p-txt{
  line-height: 2.0;
}
@media print, screen and (max-width: 767px) {
  p{
    font-size: 1.5rem;
  }
  p.p-txt{
    line-height: 1.8;
  }
}
/* "a"tag
-------------------------------------------------- */
a{
  color: #000;
  text-decoration: none;
}
/* "li/ol/ul" Tag
-------------------------------------------------- */
ol li{
  font-size: 1.6rem;
  line-height: 1.6;
  margin-left: 2.0rem;
}
ul li{
  font-size: 1.6rem;
  list-style-type: none;
  line-height: 1.6;
}
@media print, screen and (max-width: 767px) {
  ol li,
  ul li{
    font-size: 1.5rem;
    line-height: 1.8;
  }
}
/* "dt dd" Tag
-------------------------------------------------- */
dl dt,
dl dd{
  font-size: 1.6rem;
  line-height: 1.8;
}

@media print, screen and (max-width: 767px) {
  dl dt,
  dl dd{
    font-size: 1.5rem;
    line-height: 1.8;
  }
}
/* decoration
-------------------------------------------------- */
.bold{
  font-weight: bold;
}
.left{
  text-align: left;
}
.center{
  text-align: center;
}
.right{
  text-align: right;
}
/* color
-------------------------------------------------- */
.white {
  color: #FFFFFF;
}
.red {
  color: #e55039;
}
.blue {
  color: #156CA3;
}
.orange {
  color: #E9872E;
}
.green {
  color: #26AE90;
}
.brown {
  color: #AD8141;
}
/* margin
-------------------------------------------------- */
.mb0 {
  margin-bottom: 0;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb70 {
  margin-bottom: 70px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb90 {
  margin-bottom: 90px;
}
.mb100 {
  margin-bottom: 100px;
}
/* forPC,forSP
-------------------------------------------------- */
.forPC{
  display: inline;
}
.forSP{
  display: none;
}
@media screen and (max-width: 767px) {
  .forPC{
    display: none;
  }
  .forSP{
    display: inline;
  }
}
/* wrapper
-------------------------------------------------- */
#wrapper{
  width: 100%;
  display: none;
}

/* block
-------------------------------------------------- */
div.block{
  margin-bottom: 7rem;
}
div.subblock{
  margin-bottom: 5rem;
}
div.block.btm{
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  div.block{
    margin-bottom: 5rem;
  }
  div.subblock{
    margin-bottom: 3rem;
  }
}

/* inner
-------------------------------------------------- */
div.inner{
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  footer .inner{
    width: 95%;
    margin: 0 auto;
  }
}
/* content
-------------------------------------------------- */
div.content{
  width: 97%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  div.content{
    width: 95%;
  } 
}
/* img
-------------------------------------------------- */
img{
  width: 100%;
  height: auto;
}
/* "h" tag
-------------------------------------------------- */
h2.h2-cmn{
  margin-bottom: 5rem;
  font-size: 3.0rem;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  color: #63c47a;
}
h2.h2-cmn::before{
  display: block;
  font-size: 1.5rem;
  font-weight: normal;
}
h2.h2-cmn.news::before{
  content: "NEWS";
}
h2.h2-cmn.about::before{
  content: "ABOUT";
}
h2.h2-cmn.guide::before{
  content: "GUIDE";
}
h2.h2-cmn-ftr {
  font-size: 2.0rem;
  line-height: 1.3;
  font-weight: bold;
}
@media print, screen and (max-width: 767px) {
  h2.h2-cmn{
    font-size: 2.6rem;
    margin-bottom: 3.5rem;
  }
  h2.h2-cmn::before{
    font-size: 1.4rem;
  }
}

/* header
-------------------------------------------------- */
header.top-head{
  z-index: 50;
  width: 100%;
  height: 10rem;
  top: 0;
  background-color: rgba(255,255,255,0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
}
header div.logo-area{
  margin-left: 2rem;
  width: 28rem;
}
header div.logo-area img{
  width: 100%;
  height: auto;
}
header div.logo-area img:hover{
  opacity: 0.4;
  transition: 0.6s;
}
/* nav */
header div.nav-area nav.nav-wrap a.nav-button{
  display: none;
}
header div.nav-area nav.nav-wrap div.nav-screen div.nav-logo{
  display: none;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.nav{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.nav li{
  text-align: center;
  line-height: 1.6;
  margin-right: 3rem;
  font-size: 1.6rem;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.ticket{
  margin-right: 1.5rem;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.ticket a,
header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.hotel a{
  padding: 0.8rem 0 0.8rem;
  border-radius: 3.5rem;
  color: #fff;
  width: 15rem;
  display: block;
  text-align: center;
	font-size: 1.5rem;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.ticket a{
  background: #fa983a;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.hotel a{
  background: #e55039;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.ticket a:hover{
  opacity: 0.4;
  transition: 0.6s;
  color: #fff;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.hotel a:hover{
  opacity: 0.4;
  transition: 0.6s;
  color: #fff;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.nav li i{
  line-height: 1.6;
  margin-right: 0.5rem;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.nav li:last-child{
  margin-right: 2rem;
}
header div.nav-area nav.nav-wrap div.nav-screen ul.nav li a:hover{
  opacity: 0.4;
  transition: 0.6s;
}
header div.nav-area nav.nav-wrap.open{
  display: block;
}
header div.nav-area nav.nav-wrap.close{
  display: none;
  opacity: 1;
  cursor: auto;
}
@media print, screen and (min-width: 1281px) {
  header div.nav-area nav.nav-wrap {
    display: block !important;
  }
}
@media print, screen and (max-width: 1280px) {
  /* clicked hamburger button screen */
  header div.nav-area{
    display: block;
    -webkit-box-align: none;
    -ms-flex-align: none;
    align-items: none;
  }
  header div.nav-area nav.nav-wrap{
    left: 0;
    top: 0;
    display: none;
    z-index: 90;
    background: rgba(255,255,255,1);
    width: 100%;
    height: 100%;
    position: fixed;
  }
  header div.nav-area nav.nav-wrap div.nav-screen{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  header div.nav-area nav.nav-wrap div.nav-screen div.nav-logo{
    display: block;
    width: 25rem;
    margin: 5rem auto 0;
  }
  header div.nav-area nav.nav-wrap div.nav-screen div.nav-logo img{
    width: 100%;
    height: auto;
  }
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav{
    position: relative;
    margin: 2rem auto 0;
    width: 85%;
    display: block;
  }
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav li{
    width: 100%;
    margin-bottom: 2.2rem;
    text-align: center;
    display: block;
    height: auto;
    line-height: 1.3;
  }
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav li a{
    color: #000;
    font-size: 1.6rem;
  }
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav li a:hover{
    transition: inherit;
  }
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.ticket{
    margin-bottom: 2rem;
  }
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.ticket a{
    display: inline-block;
  }
  header div.nav-area nav.nav-wrap div.nav-screen ul.nav li.hotel a{
    margin: 0 auto;
  }
  /* hamburger button */
  header div.nav-area a.nav_button{
    height: 2.2rem;
    position: absolute;
    right: 2.5rem;
    top: 3.7rem;
    width: 2.7rem;
    z-index: 101;
    cursor: pointer;
  }
  header div.nav-area span.nav_line{
    background: #000;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
  }
  header div.nav-area span.line_center{
    top: 10px;
  }
  header div.nav-area span.line_bottom{
    bottom: 0;
  }
  header div.nav-area span.line_top.active{
    top: 10px;
    transform: rotate(45deg);
  }
  header div.nav-area span.line_center.active{
    transform:scaleX(0);
  }
  header div.nav-area span.line_bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
  }
}
@media print, screen and (max-width: 767px) {
  header.top-head{
    height: 9rem;
  }
  header div.logo-area{
    margin-left: 1.2rem;
    width: 22rem;    
    height: auto;
  }
}

/* button
-------------------------------------------------- */
div.button-area{
  width: 20rem;
  margin: 0 auto;
}
a.button,
input.button{
  position: relative;
  font-size: 1.5rem;
  color: #fff;
  background: #63c47a;
  border: 1px solid #63c47a;
  border-radius: 3.5rem;
  display: inline-block;
  width: 20rem;  
  height: 5.2rem;
  line-height: 5.0rem;
  text-align: center;
}
a.button.white,
input.button.white{
  color: #63c47a;
  background: #fff;
  border: 1px solid #63c47a;
}
input[type="submit"] {
  position: relative;
  font-size: 1.5rem;
  color: #fff;
  background: #63c47a;
  border: 1px solid #63c47a;
  display: inline-block;
  width: 20rem;  
  height: 5.2rem;
  line-height: 5.0rem;
  text-align: center;
  border-radius: 1rem;
}
a.button:hover,
input.button:hover{
  background: #fff;
  color: #63c47a;
  transition: .5s;
}
a.button.white:hover,
input.button.white:hover{
  background: #63c47a;
  color: #fff;  
  border: 1px solid #63c47a;
}
@media print, screen and (max-width: 767px) {
  div.button-area{
    width: 18rem;
  }
  a.button,
  input.button{
    width: 18rem;
    font-size: 1.4rem;
    height: 5.0rem;
    line-height: 4.8rem;
  }
  input[type="submit"] {
    width: 18rem;
    height: 5.2rem;
    line-height: 4.8rem;
  }
}

/* messageSec
-------------------------------------------------- */
section.messageSec{
  margin: 10rem 0 0;
}
section.messageSec p.emphasis{
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: bold;
}
@media print, screen and (max-width: 767px) {
  section.messageSec{
    margin: 7rem 0 0;
  }
  section.messageSec p.emphasis{
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
  }
  section.messageSec p.emphasis.btm{
    margin-bottom: 0;
  }
}

/* topicSec
-------------------------------------------------- */
section.topicSec{
  margin: 10rem 0 0;
}
section.topicSec div.topic02{
  margin-top: 5rem;
}
section.topicSec div.topic02 div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
section.topicSec div.topic02 div.wrap div.img-area{
  width: 48.5%;
}
section.topicSec div.topic02 div.wrap div.txt-area{
  width: 48.5%;
}
section.topicSec div.topic02 dl dt{
  font-weight: bold;
  color: #05a5bd;
  line-height: 1.6;
}
section.topicSec div.topic02 dl dd{
  margin-bottom: 1.5rem;
  margin-left: 1rem;
}
section.topicSec div.topic02 dl dd:last-child{
  margin-bottom: 0;
}
section.topicSec div.topic02 dl dd a{
  text-decoration: underline;
  word-break: break-all;
  font-size: 1.5rem;
}
section.topicSec div.topic02 dl dd a:hover{
  opacity: 0.4;
  transition: 0.6s;
}
section.topicSec div.topic03{
  margin-top: 5rem;
}
@media print, screen and (max-width: 767px) {
  section.topicSec{
    margin: 7rem 0 0;
  }
  section.topicSec div.topic02{
    margin-top: 3rem;
  }
  section.topicSec div.topic02 div.wrap{
    display: block;
  }
  section.topicSec div.topic02 div.wrap div.img-area{
    width: 100%;
  }
  section.topicSec div.topic02 div.wrap div.txt-area{
    margin-top: 3rem;
    width: 100%;
  }
}

/* ticketSec
-------------------------------------------------- */
section.ticketSec{
  margin: 10rem 0 0;
}
section.ticketSec.mt70{
  margin: 7rem 0 0;
}
div.ayakari-stay{
  margin: 5rem 0; 
}
section.ticketSec p.here.hotel{
  position: relative;
  color: #e55039;
  font-size: 2.6rem;
  margin: 0 auto 3rem;
  width: 24rem;
}
section.ticketSec p.here,
div.ayakari-stay p.here{
  position: relative;
  color: #fa983a;
  font-size: 2.6rem;
  margin: 0 auto 3rem;
  width: 20.8rem;
  font-weight: 500;
}
section.ticketSec p.here::before,
div.ayakari-stay p.here::before{
  content: "";
  position: absolute;
  display: inline-block;
  width: 2px;
  height: 3.2rem;
  left: -4.65rem;
  bottom: -0.5rem;
  background: #fa983a;
  transform: rotate(-30deg);
}
section.ticketSec p.here.hotel::before{
  background: #e55039;
}
section.ticketSec p.here::after,
div.ayakari-stay p.here::after{
  content: "";
  position: absolute;
  display: inline-block;
  width: 2px;
  height: 3.2rem;
  right: -4.5rem;
  bottom: -0.5rem;
  background: #fa983a;
  transform: rotate(30deg);
}
section.ticketSec p.here.hotel::after{
  background: #e55039;  
}
/* ticket-btn-area */
div.ticket-btn-area{
  width: 34rem;
  margin: 0 auto;
}
div.ticket-btn-area a.ticket-btn{
  width: 34rem;
  margin: 0 auto;
  position: relative;
  font-size: 1.8rem;
  color: #fff;
  background: #fa983a;
  border: 1px solid #fa983a;
  display: inline-block;
  height: 6.8rem;
  line-height: 6.6rem;
  text-align: center;
  border-radius: 10rem;
}
div.ticket-btn-area a.ticket-btn.hotel{
  background: #e55039;
  border: 1px solid #e55039;
}
div.ticket-btn-area a.ticket-btn:hover{
  color: #fa983a;
  background: #fff;
  transition: 0.6s;
}
div.ticket-btn-area a.ticket-btn.hotel:hover{
  color: #e55039;
  background: #fff;
  transition: 0.6s;
}
@media print, screen and (max-width: 767px) {
  section.ticketSec{
    margin: 7rem 0 0;
  }
  section.ticketSec p.here,
  div.ayakari-stay p.here{
    font-size: 2.2rem;
    margin: 0 auto 3rem;
    width: 18rem;
  }
  section.ticketSec p.here.hotel{
    font-size: 2.2rem;
    margin: 0 auto 3rem;
    width: 20.2rem;
  }
  section.ticketSec p.here::before,
  div.ayakari-stay p.here::before{
    height: 2.4rem;
    left: -4.0rem;
  }
  section.ticketSec p.here::after,
  div.ayakari-stay p.here::after{
    height: 2.4rem;
    right: -4.0rem;
  }
  /* ticket-btn-area */
  div.ticket-btn-area{
    width: 28rem;
  }
  div.ticket-btn-area a.ticket-btn{
    width: 28rem;
  }
}

/* mainvisualSec
-------------------------------------------------- */
section.mainvisualSec{
  position: relative;
  width: 100%;
  height: calc(100vh - 10rem);
  margin-top: 10rem;
  background:url(../img/top/mainvisual.jpg) center bottom / cover no-repeat;
}
section.mainvisualSec div.copy-area{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
}
section.mainvisualSec div.copy-area div.img-area{
  width: 110rem;
  margin: 0 auto;
}
section.mainvisualSec div.copy-area div.img-area img{
  width: 100%;
  height: auto;
}
section.mainvisualSec div.copy-bottom{
  position: absolute;
  bottom: 2%;
  right: 2%;
}
section.mainvisualSec div.copy-bottom div.img-area{
  width: 36rem;
}
section.mainvisualSec div.copy-bottom div.img-area img{
  width: 100%;
  height: auto;
}
@media print, screen and (max-width: 1200px) {
  section.mainvisualSec div.copy-area div.img-area{
    width: 90%;
  }
  section.mainvisualSec div.copy-bottom div.img-area{
    width: 30rem;
  }
}
@media print, screen and (max-width: 960px) {
  section.mainvisualSec{
    height: 0;
    padding-bottom: 110%;
    background:url(../img/top/mainvisual_sp.jpg) center bottom / cover no-repeat;
  }
  section.mainvisualSec div.copy-area div.img-area{
    width: 95%;
  }
  section.mainvisualSec div.copy-bottom div.img-area{
  	width: 24rem;
  }
}
@media print, screen and (max-width: 767px) {
  section.mainvisualSec{
    margin-top: 9rem;
    background:url(../img/top/mainvisual_sp.jpg) center bottom / cover no-repeat;
  }
}
@media print, screen and (max-width: 560px) {
  section.mainvisualSec{
    height: calc(100vh - 9rem);
    padding-bottom: inherit;
  }
}

/* newsTopSec
-------------------------------------------------- */
section.newsTopSec{
  margin: 10rem auto 0;
}
section.newsTopSec div.content dl{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #B5B5B5;
  padding: 1.5rem 0;
}
section.newsTopSec div.content dl:first-child{
  padding: 0 0 1.5rem;
}
section.newsTopSec div.content dl dt{
  width: 20rem;
}
section.newsTopSec div.content dl dd{
  width: 100%;
} 
section.newsTopSec div.content dl dd a:hover{
  opacity: 0.4;
  transition: 0.6s;
}
section.newsTopSec div.content div.button-area{
  margin: 5rem 0 0 auto;
}
@media print, screen and (max-width: 767px) {
  section.newsTopSec{
    margin: 7rem auto 0;
  }
  section.newsTopSec div.content dl{
    display: block;
    border-bottom: 1px solid #B5B5B5;
    padding: 1.5rem 0;
  }
  section.newsTopSec div.content dl.fst{
    padding: 0 0 1.5rem;
  }
  section.newsTopSec div.content dl dt{
    width: 100%;
    font-weight: bold;
    padding-bottom: 0.5rem;
  }
  section.newsTopSec div.content dl dd{
    width: 100%;
  }
  section.newsTopSec div.content div.button-area{
    margin: 5rem auto 0;
  }
}

/* aboutSec
-------------------------------------------------- */
section.aboutSec{
  position: relative;
  background: url(../img/top/aboutSec_img01.jpg) center center / cover no-repeat;
  color: #fff;
  margin: 10rem 0 0;
  padding: 10rem 0;
}
section.aboutSec h2.h2-cmn{
  color: #fff;
}
section.aboutSec h3.h3-about{
  font-size: 2.4rem;
  line-height: 1.4;
  margin-bottom: 3rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #fff;
}
section.aboutSec div.content div.aboutwrap{
  margin-bottom: 5rem;
}
section.aboutSec div.content div.aboutwrap:last-child{
  margin-bottom: 0;
}
section.aboutSec div.content div.aboutwrap table{
  line-height: 1.8;
}
section.aboutSec div.content div.aboutwrap table th{
  width: 13rem;
  text-align: left;
}
section.aboutSec div.content div.aboutwrap table td{
  padding-left: 0.7rem;
}
@media print, screen and (max-width: 767px) {
  section.aboutSec{
    position: relative;
    background: url(../img/top/aboutSec_img01.jpg) center top / cover no-repeat;
    margin: 7rem 0 0;
    padding: 7rem 0;
  }
  section.aboutSec h3.h3-about{
    font-size: 2.2rem;
  }
  section.aboutSec div.content div.aboutwrap table{
    font-size: 1.5rem;
  }
  section.aboutSec div.content div.aboutwrap table th{
    display: block;
  }
  section.aboutSec div.content div.aboutwrap table td{
    display: block;
    padding-bottom: 1rem;
  }
  section.aboutSec div.content div.aboutwrap table td:last-child{
    padding-bottom: 0;
  }
}

/* guideSec
-------------------------------------------------- */
/* "h"tag */
section.guideSec h3.h3-guide{
  font-size: 2.6rem;
  line-height: 1.4;
  border-bottom: 1px solid #CCC;
  padding-bottom: 0.5rem;
  margin-bottom: 3.5rem;
  position: relative;
  color: #63c47a;
}
section.guideSec h3.h3-guide:after {
  border-bottom: 1px solid #63c47a;
  position: absolute;
  content: "";
  display: block;
  width: 22%;
  z-index: 10;
  padding-bottom: 0.5rem;
}
section.guideSec h4.h4-guide{
  font-size: 2.4rem;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 3rem;
}
section.guideSec h4.h4-stay{
  font-size: 2.0rem;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
section.guideSec h5.h5-guide{
  position: relative;
  font-size: 2.6rem;
  margin: 0 auto 3rem;
  width: 31.5rem;
  font-weight: 500;
}
section.guideSec h5.h5-guide::before{
  content: "";
  position: absolute;
  display: inline-block;
  width: 2px;
  height: 3.2rem;
  left: -4.65rem;
  bottom: -0.3rem;
  transform: rotate(-30deg);
}
section.guideSec h5.h5-guide::after{
  content: "";
  position: absolute;
  display: inline-block;
  width: 2px;
  height: 3.2rem;
  right: -4.5rem;
  bottom: -0.3rem;
  transform: rotate(30deg);
}
section.guideSec h5.h5-guide.single{
  color: #f15929;
}
section.guideSec h5.h5-guide.single::before{
  background: #f15929;
}
section.guideSec h5.h5-guide.single::after{
  background: #f15929;
}
section.guideSec h5.h5-guide.through{
  color: #63c47a;
}
section.guideSec h5.h5-guide.through::before{
  background: #63c47a;
}
section.guideSec h5.h5-guide.through::after{
  background: #63c47a;
}
section.guideSec h5.h5-kouza{
  font-size: 2.8rem;
  line-height: 1.4;
  border-bottom: 1px solid #05a5bd;
  padding-bottom: 0.5rem;
  color: #05a5bd;
}
section.guideSec div.content div.guide11 div.acs_block h5.h5-guide-acs{
  font-size: 1.8rem;
  line-height: 1.4;
  margin-bottom: 1rem;
}
/* common */
section.guideSec div.content div.profwrap{
  margin: 5rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.guideSec div.content div.profwrap div.box{
  width: 23.5%;
}
section.guideSec div.content div.profwrap div.box div.img img{
  border-radius: 1rem;
}
section.guideSec div.content div.profwrap div.box dl dd{
  text-align: center;
  margin: 1.5rem 0;
}
/* section */
section.guideSec{
  margin: 10rem 0 0;
}
section.guideSec div.content div.guide01,
section.guideSec div.content div.guide02,
section.guideSec div.content div.guide03,
section.guideSec div.content div.guide04,
section.guideSec div.content div.guide05,
section.guideSec div.content div.guide06,
section.guideSec div.content div.guide07,
section.guideSec div.content div.guide08,
section.guideSec div.content div.guide09,
section.guideSec div.content div.guide10,
section.guideSec div.content div.guide11{
  margin-bottom: 10rem;
}
section.guideSec div.content div.youtube{
  width: 90%;
  margin: 0 auto 7rem;
  position: relative;  
  padding-top: 49%;
}
section.guideSec div.content div.youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
section.guideSec div.content p.p-txt.soon{
  text-align: center;
}
section.guideSec div.content div.img-area.banner{
  width: 80%;
  margin: 0 auto;
}
section.guideSec div.content div.img-area.banner img:hover{
  opacity: 0.4;
  transition: 0.6s;
}
section.guideSec div.button-area{
  margin: 5rem auto 0;
}
/* guide02 */
section.guideSec div.content div.guide02 div.lecturelist-top dl.paid{
  margin-bottom: 3rem;
}
section.guideSec div.content div.guide02 div.lecturelist-top dl dt{
  font-size: 1.8rem;
  line-height: 1.4;
  display: inline;
  padding: 0.1rem 0.8rem 0.3rem 0.6rem;
}
section.guideSec div.content div.guide02 div.lecturelist-top dl.paid dt{
  color: #05a5bd;
  background: #fff;
  border: 1px solid #05a5bd;
}
section.guideSec div.content div.guide02 div.lecturelist-top dl.free dt{
  color: #05a5bd;
  background: #fff;
  border: 1px solid #05a5bd;
}
section.guideSec div.content div.guide02 div.lecturelist-top dl dd{
  margin-top: 1rem;
  display: block;
  font-size: 1.6rem;
  line-height: 1.8;
}
/* guide03 */
section.guideSec div.content div.guide03 div.img-area{
  width: 85%;
  margin: 0 auto 2rem;
}
section.guideSec div.content div.guide03 div.img-area img:hover{
  cursor: pointer;
  opacity: 0.4;
  transition: 0.6s;
}
section.guideSec div.content div.guide03 section.modalArea {
  display: none;
  position: fixed;
  z-index: 60;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.guideSec div.content div.guide03 section.modalArea div.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
}
section.guideSec div.content div.guide03 section.modalArea div.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  padding: 10px;
  background-color: #fff;
  max-width: 100rem;
}
section.guideSec div.content div.guide03 section.modalArea div.modalWrapper div.modalContents img{
  width: 100%;
  height: auto;
}
section.guideSec div.content div.guide03 section.modalArea div.closeModal {
  position: absolute;
  top: -3rem;
  right: 0;
  cursor: pointer;
  color: #FFF;
}
section.guideSec div.content div.guide03 div.download p{
  text-align: center;
}
section.guideSec div.content div.guide03 div.download p a{
  color: #fa983a;
  text-decoration: underline;
}
/* guide4 guide05 */
section.guideSec div.content div.guide04 p.ttl,
section.guideSec div.content div.guide05 p.ttl{
  margin: 3rem 0 0;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  color: #05a5bd;
}
section.guideSec div.content div.guide04 p.teiin,
section.guideSec div.content div.guide05 p.teiin{
  margin: 3rem 0 0;
}
section.guideSec div.content div.guide04 dl.price dt{
  font-size: 1.8rem;
  line-height: 1.4;
  border-bottom: 1px dotted #000;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
section.guideSec div.content div.guide04 dl.price dd.mb10,
section.guideSec div.content div.guide05 dl.price dd.mb10{
  margin-bottom: 1rem;
}
section.guideSec div.content div.guide05 dl.price dt{
  font-weight: bold;
}
section.guideSec div.content div.guide05 div.day2{
  margin-top: 2rem;
}
section.guideSec div.content div.guide05 p.date{
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
section.guideSec div.content div.guide05 div.profwrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
}
section.guideSec div.content div.guide05 div.profwrap div.box{
  width: 23.5%;
  position: relative;
  margin-bottom: 2rem;
}
section.guideSec div.content div.guide05 div.profwrap div.box.blank{
  margin-bottom: inherit;
}
section.guideSec div.content div.guide05 div.profwrap div.box:hover{
  opacity: 0.4;
  transition: 0.6s;
}
section.guideSec div.content div.guide05 div.profwrap div.box a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    z-index: 10;
}
section.guideSec div.content div.guide05 div.profwrap div.box dl{
  margin-top: 1rem;
}
section.guideSec div.content div.guide05 div.profwrap div.box dl dt.lec_date{
  font-weight: bold;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
section.guideSec div.content div.guide05 div.profwrap div.box dl dd.lec_name{
  text-align: left;
  font-size: 1.5rem;
  line-height: 1.4;
  margin: 0;
}
section.guideSec div.content div.guide04 div.peatix-bnr,
section.guideSec div.content div.guide05 div.peatix-bnr{
  margin-top: 5rem;
}
/* guide08 */
section.guideSec div.content div.guide08 div.img-area{
  margin: 3rem auto 0;
}
/* guide09 */
section.guideSec div.content div.guide09 div.img-area{
  margin: 3rem auto 0;
}
section.guideSec div.content div.guide09 div.img-area img:hover{
  opacity: inherit;
  transition: inherit;
}
/* guide10 */
section.guideSec div.content div.guide10 div.img-area {
  margin: 3rem auto 0;
}
section.guideSec div.content div.guide10 div.img-area img:hover{
  opacity: inherit;
  transition: inherit;
}
section.guideSec div.content div.guide10 section.ticketSec{
  margin: 7rem 0 0;
}
/* guide11 */
section.guideSec div.content div.guide11 div.acs_block{
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #ccc;
}
section.guideSec div.content div.guide11 div.acs_block:last-child{
  margin-bottom: 0;
}
section.guideSec div.content div.guide11 div.acs_block.a01{
  margin-top: 3.5rem;
}
section.guideSec div.content div.guide11 div.acs_block ul li{
  list-style-type: disc;
  margin-left: 2.3rem;
}
section.guideSec div.content div.guide11 div.acs_block a{
  color: #f15929;
  text-decoration: underline;
}
section.guideSec div.content div.guide11 div.button-area{
  margin: 5rem auto 0;
}
section.guideSec div.content div.guide11 div.button-area i{
  margin-left: 0.4rem;
}
/* guide12 */
section.guideSec div.content div.guide12 div.img-area{
  margin: 5rem auto 0;
}
@media print, screen and (max-width: 1024px) {
  /* section */
  section.guideSec div.content div.profwrap div.box{
    width: 32%;
  }
}
@media print, screen and (max-width: 767px) {
  /* "h"tag */
  section.guideSec h3.h3-guide{
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
  section.guideSec h4.h4-guide{
    font-size: 2.0rem;
    margin-bottom: 2rem;
  }
  section.guideSec h4.h4-stay{
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
  }
  section.guideSec h5.h5-guide{
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }
  section.guideSec h5.h5-guide{
    width: 24.0rem;
	font-size: 1.95rem;
    line-height: 1.3;
  }
  section.guideSec h5.h5-guide::before{
    left: -2.25rem;
    height: 3rem;
  }
  section.guideSec h5.h5-guide::after{
    right: -2.2rem;
    height: 3rem;
  }
  section.guideSec h5.h5-kouza{
    font-size: 2.4rem;
    line-height: 1.4;
    border-bottom: 1px solid #05a5bd;
    padding-bottom: 0.5rem;
    color: #05a5bd;
  }
  section.guideSec div.content div.guide11 div.acs_block h5.h5-guide-acs{
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  /* common */
  section.guideSec div.content div.img-area.banner{
    width: 90%;
    margin: 0 auto;
  }
  section.guideSec div.content div.profwrap div.box{
    width: 48.5%;
  }
  section.guideSec div.content div.youtube{
    margin: 0 auto 5rem;
  }
  section.guideSec div.button-area{
    margin: 3rem auto 0;
  }
  /* section */
  section.guideSec{
    margin: 7rem 0 0;
  }
  section.guideSec div.content div.guide01,
  section.guideSec div.content div.guide02,
  section.guideSec div.content div.guide03,
  section.guideSec div.content div.guide04,
  section.guideSec div.content div.guide05,
  section.guideSec div.content div.guide06,
  section.guideSec div.content div.guide07,
  section.guideSec div.content div.guide08,
  section.guideSec div.content div.guide09,
  section.guideSec div.content div.guide10,
  section.guideSec div.content div.guide11{
    margin-bottom: 7rem;
  }
  section.guideSec div.content div.youtube{
    width: 100%;
    margin: 0 auto 5rem;
    position: relative;  
    padding-top: 56%;
  }
  /* guide02 */
  section.guideSec div.content div.guide02 div.lecturelist-top dl dt{
    font-size: 1.6rem;
  }
  /* guide03 */
  section.guideSec div.content div.guide03 div.img-area{
    width: 100%;
    margin: 0 auto 1rem;
  }
  section.guideSec div.content div.guide03 section.modalArea div.modalWrapper {
    max-width: inherit;
    width: 95%;
  }
  /* guide04 */
  section.guideSec div.content div.guide04 dl.price dt{
    font-size: 1.6rem;
  }
  section.guideSec div.content div.guide04 p.ttl{
    margin: 3rem 0 0;
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  /* guide05 */
  section.guideSec div.content div.guide05 div.day2{
    margin-top: 2rem;
  }
  section.guideSec div.content div.guide05 div.profwrap div.box{
    width: 48.5%;
    margin-bottom: 2rem;
  }
  /* guide09 */
  section.guideSec div.content div.guide09 div.img-area{
    margin: 3rem auto 0;
  }
  /* guide10 */
  section.guideSec div.content div.guide10 section.ticketSec{
    margin: 5rem 0 0;
  }
  /* guide11 */
  section.guideSec div.content div.guide11 div.acs_block{
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
  section.guideSec div.content div.guide11 div.acs_block.a01{
    margin-top: 5rem;
  }
  section.guideSec div.content div.guide11 div.acs_block ul li{
    line-height: 1.6;
  }
  /* guide12 */
  section.guideSec div.content div.guide12 div.img-area{
    margin: 3rem auto 0;
  }
}

/* earthdaySec
-------------------------------------------------- */
section.earthdaySec{
  margin: 10rem auto 0;
}
section.earthdaySec div.content div.img-area.banner{
  width: 80%;
  margin: 0 auto;
}
section.earthdaySec div.content div.img-area.banner img{
  border: 1px solid #CCC;
}
section.earthdaySec div.content div.img-area.banner img:hover{
  opacity: 0.4;
  transition: 0.6s;
}
@media print, screen and (max-width: 767px) {
  section.earthdaySec div.content div.img-area.banner{
    width: 90%;
    margin: 0 auto;
  }
}

/* footer
-------------------------------------------------- */
/* "h"tag */
h3.h3-cmn-ftr {
  font-size: 2.0rem;
  margin-bottom: 0.5rem;  
  line-height: 1.3;
  font-weight: bold;
}
footer{
  margin: 7rem auto 0;
  background: rgba(175, 175, 175,0.1);
}
footer div.content div.footer-area{  
  padding: 8rem 0 6rem;
  border-bottom: 1px solid #333;
}
footer div.content div.footer-area div.footer-menu ul.footernav{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
footer div.content div.footer-area div.footer-menu ul.footernav li{
  width: 25%;
  text-align: center;
  margin-bottom: 1.5rem;
}
footer div.content div.footer-area div.footer-menu ul.footernav li i{
  margin-left: 0.4rem;
}
footer div.content div.footer-area div.footer-menu ul.footernav li a{
  color: #1A1A1A;
  font-weight: bold;
}
footer div.content div.footer-area div.footer-menu ul.footernav li:hover{
  opacity: 0.4;
  transition: 0.6s;
}
footer div.content div.footer-area div.footer-logo{
  width: 21rem;
  height: auto;
  margin: 3.5rem auto 5rem;
}
footer div.content div.footer-area div.footer-logo div.logo-area{
  width: 13rem;
  margin: 0 auto;
}
footer div.content div.footer-area div.footer-logo div.logo-area img{
  width: 100%;
  height: auto;
}
footer div.content div.footer-area div.footer-logo img:hover{
  opacity: 0.4;
  transition: 0.6s;
}
footer div.content div.footer-area div.footer-logo div.sns-area ul{
  width: 20rem;
  margin: 2rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
footer div.content div.footer-area div.footer-logo div.sns-area ul li{
  margin-right: 1.2rem;
  line-height: 1;
}
footer div.content div.footer-area div.footer-logo div.sns-area ul li.facebook{
  width: 4.0rem;
}
footer div.content div.footer-area div.footer-logo div.sns-area ul li.instagram{
  width: 3.7rem;
}
footer div.content div.footer-area div.footer-logo div.sns-area ul li.youtube{
  width: 4.7rem;
}
footer div.content div.footer-area div.footer-logo div.sns-area ul li.line{
  width: 3.7rem;  
}
footer div.content div.footer-area div.footer-logo div.sns-area ul li:last-child{
  margin-right: 0;
}
footer div.content div.footer-area div.footer-logo div.sns-area ul li img{
  width: 100%;
  height: auto;
}
footer div.content div.footer-area div.footer-logo div.sns-area ul li img:hover{
  opacity: 0.4;
  transition: 0.6s;
}
footer div.content div.footer-area div.prof-area{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
footer div.content div.footer-area  div.prof-area div.button-area{
  margin: 0 0 0 15rem;
}
footer div.content div.footer-area  div.prof-area div.button-area i{
  margin-left: 0.4rem;
}
footer div.content div.copyright-area{
  padding: 2rem 0;
}
footer div.content div.copyright-area div.wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
footer div.content div.copyright-area div.list ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer div.content div.copyright-area div.list ul li:first-child{
  margin-right: 2.5rem;
}
footer div.content div.copyright-area div.list ul li a{
  color: #1A1A1A;
}
footer div.content div.copyright-area div.list ul li a:hover{
  opacity: 0.4;
  transition: 0.6s;
}
@media print, screen and (max-width: 960px) {
  footer div.content div.footer-area div.footer-menu ul.footernav li{
    width: 33.33333%;
    line-height: 2.5;
    margin-bottom: inherit;
  }
}
@media print, screen and (max-width: 767px) {
  footer div.content div.footer-area{  
    padding: 6rem 0;
  }
  footer div.content div.footer-area div.footer-menu ul.footernav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: inherit;
  }
  footer div.content div.footer-area div.footer-menu ul.footernav li{
    width: 50%;
    line-height: 2.5;
    margin-bottom: inherit;
  }
  footer div.content div.footer-area div.footer-logo{
    width: 20rem;
    height: auto;
    margin: 3rem auto 2.5rem;
  }
  footer div.content div.footer-area div.footer-logo div.sns-area ul{
    width: 18rem;
    margin: 1.5rem auto 0;
  }
  footer div.content div.footer-area div.footer-logo div.sns-area ul li.facebook{
    width: 3.7rem;
  }
  footer div.content div.footer-area div.footer-logo div.sns-area ul li.instagram{
    width: 3.4rem;
  }
  footer div.content div.footer-area div.footer-logo div.sns-area ul li.youtube{
    width: 4.4rem;
  }
  footer div.content div.footer-area div.footer-logo div.sns-area ul li.line{
    width: 3.4rem;  
  }
  footer div.content div.footer-area div.prof-area{
    display: block;
  }
  footer div.content div.footer-area div.prof-area div.text-area{
    text-align: center;
  }  
  footer div.content div.footer-area div.prof-area div.text-area p{
    text-align: center;
    margin: 1rem auto 3rem;
    line-height: 1.8;
  }
  footer div.content div.footer-area div.prof-area div.button-area{
    margin: 3rem auto 0;
    width: 18rem;
  }
  footer div.content div.copyright-area{
    text-align: center;    
  }
  footer div.content div.copyright-area div.wrap{
    display: block;
  }
  footer div.content div.copyright-area div.list ul{
    display: block;
    margin-bottom: 1rem;
  }
  footer div.content div.copyright-area div.list ul li{
    text-align: center;
  }
  footer div.content div.copyright-area div.list ul li:first-child{
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}

/* fadein */
.fadein {
  opacity : 0;
  transition: 1.2s;
  transform : translate(0, 30px);
}
.fadein.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}