@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700&display=swap');
html{
  scroll-behavior: smooth;
}
.sp-br {
  display: none;
}
.pc-br {
  display:block;
}
@media(max-width: 766px) {
.sp-br {
  display: block;
}
.pc-br {
  display: none;
}
}
.mv {
  display: block;
}
.mv-sp {
  display: none;
}
@media(max-width: 766px) {
.mv {
  display: none;
}
.mv-sp {
  display: block;
}
}
.mv-block img {
  width: 100%;
}
#tour-intro {
  padding: 50px 20px 100px;
  position: relative;
  background: #fffbf7;
  border-bottom: 20px solid #fff;
}
.intro-deco-r {
  position: absolute;
  top: 0;
  right: 30px;
  height: 100%;
}
.intro-deco-r img {
  height: 95%;
}
.intro-deco-l {
  position: absolute;
  top: 0;
  left: 30px;
  height: 95%;
}
.intro-deco-l img {
  height: 100%;
}
.tour-intro-box {
  text-align: center;
  margin-bottom: 50px;
}
.tour-intro-box h2 {
  font-size: 60px;
  border-top: 1px solid;
  display: inline-block;
  border-bottom: 1px solid;
  padding: 10px;
  line-height: 1.5;
}
.tour-intro-box p {
  font-size: 25px;
  font-weight: 500;
}
.tour-reserve {
  width: 1000px;
  margin: 0 auto;
  max-width: 100%;
}
.tour-reserve h3 {
  text-align: center;
  font-size: 30px;
  margin-bottom: 30px;
}
.tour-reserve p {
  font-size: 21px;
  font-weight: 500;
}
.tell-flex {
text-align: center
}
.tell-box {
  text-align: center;
}
.tell-box p {
  font-size: 27px;
  line-height: 1.5;
}
.tell-box p a {
  font-size: 135%;
}
.tell-box p a span {
  font-family: 'Noto Serif JP', serif;
  margin-left: 10px;
}
.news_ticker1 {
	width:100%;
	overflow:hidden;
	white-space:nowrap;
	padding: 100px 0 50px;
}
@keyframes hscroll {
	0% { transform:translateX(-100%); }
	100% { transform:translateX(100%); }
}
@keyframes hscroll02 {
	0% { transform:translateX(-200%); }
	100% { transform:translateX(0); }
}
.news_ticker1 ul {
	display:inline-block;
	margin:0;
	padding:0;
}
.news_ticker1 ul:nth-child(odd) {
	animation:hscroll 200s -100s linear infinite;
}
.news_ticker1 ul:nth-child(even) {
	animation:hscroll02 200s linear infinite;
}
.news_ticker1 li {
	display:inline-block;
	width: 15vw;
	margin: 0 10px;
	height: 15vw;
}
.news_ticker1 li:nth-child(even) img {
  margin-top: -100px;
}
.news_ticker1 li img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
@media(max-width: 1550px) {
  .intro-deco-l {
    left: 0;
  }
  .intro-deco-r {
    right: 0;
  }
  .intro-deco-l img {
    height: 80%;
  }
  .intro-deco-r img {
    height: 80%;
  }
}
@media(max-width: 1400px) {
  .intro-deco-l {
    display: none;
  }
  .intro-deco-r {
    display: none;
  }
}
@media(max-width: 1050px) {
.tour-intro-box h2 {
    font-size: 35px;
}
.tour-intro-box p {
    font-size: 20px;
}
.tour-reserve p {
    font-size: 19px;
}
}
@media(max-width: 766px) {
#tour-intro {
  padding: 50px 20px 0;
}
}
@media(max-width: 700px) {
.tour-intro-box h2 {
    font-size: 20px;
    padding: 10px 0;
}
.tour-intro-box p {
    font-size: 16px;
}
.tour-reserve h3 {
    font-size: 21px;
}
}
#tour-plan {
  padding: 150px 20px 50px;
  background-image: radial-gradient(#ffc107 3px, #ffffff 2px);
  background-size: 100px 50px;
}
.tour-plan-h {
  max-width: 1200px;
  margin: 0 auto;
  text-align: right;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
.tour-plan-h h2 {
  font-size: 65px;
  margin: 0px 0 -70px;
  font-weight: 500;
  color: #fff;
  background: #20af1f;
  padding: 0 20px;
  border-radius: 0 5px 5px 0;
}
.tour-plan-h h2 span {
  font-size: 200%;
}
.tour-box {
  display: flex;
  max-width: 1200px;
  justify-content: center;
  margin: 30vh auto;
  background: #eef1ee;
  position: relative;
  min-height: 440px;
  padding: 50px 50px;
  border-radius: 10px;
  flex-wrap: wrap;
}
.tour-box-img {
  width: 50%;
}
.tour-box-txt {
  width: 50%;
}
.tour-box-txt h3 {
  font-size: 40px;
  margin-bottom: 0;
}
.tour-box-txt h3 span {
  background: #00add4;
  color: #fff;
  padding: 0px 10px;
  font-size: 80%;
}
.tour-box-txt p {
  font-size: 20px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 10px;
}
#tour-plan .tour-box:nth-child(2n) .tour-box-img {
  order: 2;
}
#tour-plan .tour-box .uk-slideshow {
    margin-top: -25%;
    margin-left: -15%;
}
#tour-plan .tour-box:nth-child(2n) .uk-slideshow {
    margin-right: -15%;
    margin-left: 0;
    float: right
}
.uk-slideshow li {
  border-radius: 20px;
}
.tour-link {
  text-align: center;
  margin: 50px 0 0;
}
.tour-link a {
  background: #009688;
  color: #fff;
  padding: 20px;
  font-size: 18px;
}
.tour-link a:after {
  font-family: 'fontawesome';
  content: '\f08e';
  margin-left: 5px;
}
.lottie_box {
  width: 150px;
  position: fixed;
  bottom: 1%;
  right: 2%;
  z-index: 1;
}
.deco-01,.deco-02 {
  position: absolute;
}
/* .deco-01 {
  left: -20%;
  bottom: -27%;
  z-index: 1;
} */
.deco-01 {
  bottom: 15%;
  z-index: 1;
  right: 10%;
}
.deco-02 {
  bottom: 15%;
  left: 15%;
  z-index: 1;
}
/* .deco-02 {
  right: -3%;
  bottom: -50%;
  z-index: 1;
} */
.schedule-txt {
  color: #f44336;
  font-weight: 600!important;
}
.tour-box-txt h4 {
  font-size: 25px;
  font-weight: 600;
  margin: 0 0 5px;
}
.tour-box-txt table {
  margin-bottom: 50px;
}
.tour-box-txt table th,.tour-box-txt table td {
  font-size: 20px;
  padding: 5px 0;
}
.tour-box-txt table th {
  width: 20%;
  text-align: left;
  vertical-align: top;
}
.tour-box-txt table td {
  text-align: left;
  font-weight: 500;
}
.tour-box-txt table td a {
  text-decoration: underline;
}
@media(max-width: 1300px) {
.tour-box-txt h3 {
    font-size: 30px;
}
.tour-box-txt p {
    font-size: 18px;
}
.deco-01, .deco-02 {
    width: 250px;
}
/* .deco-01 {
    left: -10%;
}
.deco-02 {
    right: 0%;
} */
}
@media(max-width: 1200px) {
.tour-plan-h h2 {
    font-size: 50px;
}
.tour-link a {
    display: block;
    margin-bottom: 20px;
}
}
@media(max-width: 766px) {
#tour-plan {
  padding: 50px 20px 50px;
}
  .tour-box {
    padding: 0;
    margin: 100px auto;
  }
  .tour-box-img {
    width: 100%;
  }
  .tour-box-txt {
    width: 100%;
    padding: 20px;
  }
.tour-box-txt table th, .tour-box-txt table td {
  font-size: 18px;
  display: block;
  width: 100%;
}
#tour-plan .tour-box .uk-slideshow {
margin-top: 0;
margin-left: 0;
}
#tour-plan .tour-box:nth-child(2n) .uk-slideshow {
  float: none;
}
#tour-plan .tour-box:nth-child(2n) .tour-box-img {
  order: 0;
}
.deco-01 {
    bottom: -6%;
}
.deco-02 {
    bottom: -6%;
}
.deco-01, .deco-02 {
  width: 200px;
}
.uk-slideshow li {
  border-radius: 5px;
}
.tour-plan-h h2 {
  font-size: 30px;
}
.tour-box-txt h3 {
    font-size: 22px;
}
.lottie_box {
  width: 100px;
}
}
.rs-txt {
  border: 1px solid #3f51b5;
  padding: 10px;
  background: #fff;
  display: block;
}
.rs-txt span {
  font-size: 80%;
}
.bus-ex-txt {
background:linear-gradient(transparent 60%, #ff6 60%);
}
.omukae01 {
position: absolute;
top: 6%;
left: 2%;
width: 9%;
}
.omukae02 {
position: absolute;
top: 6%;
left: 11.5%;
width: 9%;
}

.omukae01 {
  animation: 3s fuwafuwa infinite;
}
@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.omukae02 {
  animation: 3s fuwafuwa2 infinite;
}
@keyframes fuwafuwa2 {
  0%, 100% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(0);
  }
}

.okinawa-bus-tour-fv {
  margin-top: 29px;
}

.okinawa-bus-tour-fv .anime-fuwafuwa {
  top: 10%;
}
