@charset "UTF-8";

/* common */

body {
font-family: '游明朝体+36ポかな','YuMincho +36p Kana','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',serif;
font-size: 16px;
overflow: hidden;
position: relative;
}
body #wrapper {
  display: block;
}
h1 {
  font-size: 4em;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
}
img {
  pointer-events: none;
}
p::selection,
div::selection,
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection,
li::selection,
img::selection,
p::selection,
small::selection,
span::selection,
strong::selection,
ruby::selection,
rt::selection,
a::selection,
br::selection,
input::selection,
button::selection {
  background-color: wheat;
}
::-moz-selection {
	background: thistle; /* Firefox用 */
}
input, textarea, select {
  padding:.2em;
  background-color: white !important;
  width: inherit;
}
input[type="text"],input[type="email"],
input[type="tel"],input[type="date"],select,textarea {
  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2) inset;
  padding-left: .5em;
}
input:focus::placeholder {
  color: transparent;
}
button:focus::placeholder {
  color: transparent;
}
select {
  cursor: pointer;
  padding-left: .5em;
}
option {
  font-size: .7em;
  text-align: center;
}
.container-pc {
  display: none;
}
.container-sp {
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
  font-size: 13px;
}
.container,
.container-pc {
  width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}
.inline_blk {
  display: inline-block;
}
.gothic {
  font-family: 'ヒラギノ角ゴシック','Hiragino Sans','ＭＳ ゴシック',sans-serif;
}
.font_12 {
  font-size: 12px;
}
.font_14 {
  font-size: 14px !important;
}
.mb-5 {
  margin-bottom: 5em;
}
.txt_center {
  text-align: center;
}
.txt_right {
  text-align: right;
}
.bigger_txt {
  font-size: 1.3em;
}
.fadein {
  opacity : 0;
  transform: translateY(60px);
  transition: all 1s;
}
.greenline {
  padding-bottom: 0.2em;
  background: linear-gradient(transparent 60%, rgb(88,255,203) 60%);
  font-weight: bold;
}
.dash_txt {
  letter-spacing: -.07em;
}
.to_inquiry_btn {
  display: inline-block;
  position: absolute;
  bottom: 120px;
  left: 50%;
  margin-left: -120px;
  z-index: 998;
  padding-top: 1em;
}
#sec-top .to_inquiry_btn {
  bottom: 120px;
}
#sec-top .to_inquiry_btn:hover {
  bottom: 116px;
}
#sec-specialoffer .to_inquiry_btn {
  bottom: 80px;
}
#sec-specialoffer .to_inquiry_btn:hover {
  bottom: 76px;
}
.to_inquiry_btn img.red_btn {
 width: 240px;
 height: auto;
}
.inquiryButton-sp img.pointer {
 width: 24px;
 height: auto;
 position: absolute;
 bottom: 16px;
 right: 50%;
 transform: translateX(110px);
}
.container-pc .to_inquiry_btn img.pointer,
.pc .to_inquiry_btn img.pointer {
 width: 24px;
 height: auto;
 position: absolute;
 bottom: 0;
 right: 0;
}

#to_top {
  text-align: right;
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 200;
  display: inline-block;
}
#to_top a {
  display: inline-block;
}
#to_top img {
  width: 48px;
  height: auto;
}
.relative {
  position: relative;
}
.visible_link {
  color: blue;
}
.visible_link:hover {
  text-decoration: underline;
}
.blue_txt {
  color: blue;
}

/* bxslider */
.bxslider, .bxslider * {
 transition: initial !important;
}


/* lazyload */








main {
}


@keyframes fadein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@keyframes bigShiningA {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@keyframes bigShiningB {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
}
@keyframes white_bird {
    0% {
      transform: rotate(0deg);
      left: 200px;
    }
    30% {
      transform: rotate(-8deg);
    }
    70% {
      transform: rotate(20deg);
      left: 240px;
    }
    90% {
      transform: rotate(-5deg);
    }
    100% {
      transform: rotate(0);
      left: 240px;
    }
}
@keyframes kibiTop {
    0% {
      transform: translateX(0) translateY(-480px) rotate(180deg);
    }
    40% {
      transform: translateX(0) translateY(720px) rotate(-5deg);
    }
    100% {
      transform: translateX(0) translateY(720px) rotate(20deg);
    }
}
@keyframes zawawa {
    0% {
      transform: rotate(0deg);
    }
    20% {
      transform: rotate(-2deg);
    }
    30% {
      transform: rotate(0deg);
    }
    40% {
      transform: rotate(-3deg);
    }
    60% {
      transform: rotate(0deg);
    }
    70% {
      transform: rotate(-1deg);
    }
    75% {
      transform: rotate(0deg);
    }
    90% {
      transform: rotate(-4deg);
    }
    100% {
      transform: rotate(0deg);
    }
}
@keyframes flashing {
    19% {
      opacity: 0;
    }
    20% {
      opacity: 1;
    }
    30% {
      opacity: 0;
    }
    35% {
      opacity: 1;
    }
    40% {
      opacity: 0;
    }
    45% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
}
@keyframes animation-main_logo {
    0% {
      opacity: 0.3;
      transform: translateY(-40px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}
@keyframes bigleafLeft {
    0% {
      transform: translateY(0) rotate(0deg);
    }
    25% {
      transform: translateY(32px) rotate(2deg);
    }
    100% {
      transform: translateY(180px) rotate(-45deg);
    }
}
@keyframes bigleafRight {
    0% {
      transform: translateY(0) rotate(-8deg);
    }
    30% {
      transform: translateY(32px) rotate(-12deg);
    }
    100% {
      transform: translateY(90px) rotate(45deg);
    }
}
@keyframes banana_left {
    0% {
      transform: rotate(0);
    }
    35% {
      transform: rotate(-10deg);
      left: -32px;
    }
    65% {
      transform: rotate(10deg);
      left: -32px;
    }
    85% {
      transform: rotate(-5deg);
    }
    100% {
      transform: rotate(0);
      left: 0;
    }
}
@keyframes banana_right {
    0% {
      transform: rotate(0);
      top: 0;
    }
    45% {
      transform: rotate(-18deg);
      right: -32px;
      top: -16px;
    }
    60% {
      transform: rotate(18deg);
    }
    75% {
      transform: rotate(-10deg);
      top: 0;
    }
    100% {
      transform: rotate(0);
    }
}
@keyframes starpopping {
    0% {
      transform: rotate(0) scale(1,1);
    }
    45% {
      transform: rotate(360deg) scale(1.3,1.3);
    }
    85% {
      transform: rotate(90deg) scale(0.5,0.5);
    }
    100% {
      transform: rotate(0) scale(1,1);
    }
}
@keyframes pointMap {
    0% {
      transform: scale(1,1);
      opacity: 1;
    }
    100% {
      transform: scale(4,4);
      opacity: 0;
    }
}
@keyframes eve {
    0% {
      transform: translateY(-48px) scale(0.5,0.5);
      opacity: 0;
    }
    50% {
      transform: translateY(-48px) scale(1.1,1.1);
      opacity: 1;
    }
    80% {
      transform: translateY(-48px) scale(0.8,0.8);
    }
    100% {
      transform: translateY(-48px) scale(1,1);
      opacity: 1;
    }
}
@keyframes neigh {
    0% {
      transform: rotate(0deg) translateY(350px);
      left: -400px
    }
    20% {
      transform: rotate(-30deg);
    }
    35% {
      transform: rotate(5deg) translateY(0);
      left: 0px
    }
    60% {
      transform: rotate(-20deg);
    }
    100% {
      transform: rotate(0deg);
      left: 60px;
    }
}






/* モーダル */
.vh100 {
  height: 100vh;
}


/* Datepicker */

/* 日曜日のカラー設定 */
td.ui-datepicker-week-end:first-child a.ui-state-default{
  background-color: #ffecec;   /* 背景色を設定 */
  color: #f00!important;       /* 文字色を設定 */
}
/* 土曜日のカラー設定 */
td.ui-datepicker-week-end:last-child a.ui-state-default{
  background-color: #eaeaff;   /* 背景色を設定 */
  color: #00f!important;       /* 文字色を設定 */
}
/* ホバー時の動作 */
td.ui-datepicker-week-end a.ui-state-hover{
  opacity: 0.8;
}
/* 当日を示す色はそのまま */
td.ui-datepicker-week-end a.ui-state-highlight{
  background-color: #fffa90!important;
}








section {
  width: 100%;
}

nav.pc {
  display: none;
}
#loading {
  height: 100vh;
  display: none;
  flex-direction: column;
  justify-content: center;
}
#loading p {
  text-align: center;
  color: gray;
}
#loading p img {
  width: 80px;
  height: auto;
}

.inquiryButton-sp {
  text-align: center;
  padding: 0.5em 0 2em;
  position: relative;
}
.inquiryButton-sp a {
  text-align: center;
  display: inline-block;
}
.inquiryButton-sp a img.red_btn {
  width: 80%;
  max-width: 280px;
  height: auto;
}

/* #sec-top */
#sec-top {
  margin-bottom: 0;
}
#sec-top .sp {
  display: block;
}
#sec-top .pc {
  display: none;
}
#sec-top .main_center-pc {
  display: none;
}
#sec-top .inquiryButton-sp {
  position: relative;
  background-image: url(images/sky-sp.png);
  background-size: cover;
  background-position: center bottom;
}
.gift_banner > p:first-child {
  font-size: 0.7em;
}
.gift_banner .txt_bigger {
  font-size: 1.5em;
  font-weight: bold;
}
.inquiryButton-sp div {
}
.inquiryButton-sp .flex p:nth-child(2) {
  color: pink;
  line-height: 2em;
}

#sec-top .inquiryButton-sp a.button-sp {
  margin: 1em 0 3em;
}
#sec-top .inquiryButton-sp .shima_banana-sp {
  width: 80px;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-145px) rotateY(180deg);
  bottom: 40px;
}
#sec-top .inquiryButton-sp .kibi_clip-sp {
  width: 100px;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(60px) rotate(30deg);
  bottom: 20px;
}
#sec-top .main_center-sp {
  box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
}
#sec-top .main_center-sp .main_logo {
  display: block;
  width: 100%;
  height: 160px;
  margin: 0 auto 16px;
  padding-top: 40px;
  background-image: url(images/logo-sp.png);
  background-position: top center;
  background-size: cover;
  position: relative;
}
#sec-top .main_center-sp .main_logo button {
  width: 80px;
  height: 50px;
  position: absolute;
  top: 8px;
  right: 8px;
  border: 3px solid white;
  padding: 0;
  margin: 0;
  border-radius: 4px;
  font-size: 1.2em;
  color: white;
  font-weight: bolder;
}
#sec-top .main_center-sp .main_logo-tablet {
  display: none;
}
#sec-top .main_center-sp .main_logo-tablet + p {
  line-height: 1.2em;
}
#sec-top .fukidashi_pari {
  display: none;
}
#sec-top .sugarcane_back-pc {
  display: none;
}
.main_center-sp .top_inquiryBtn {
  width: 100%;
  height: 200px;
}


.main_center-pc .modalOpen {
  display: none;
}
.main_center-sp .toyoutube {
  display: inline-block;
  width: calc(100% - 16px);
  height: calc(100vw / 16 * 9 - 16px);
  background-image: url(images/movie_thumbnail.jpg);
  background-size: cover;
  position: relative;
  margin: 0 8px;
}
.thumbnail_overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(images/movie_thumbnail-hover.jpg);
  background-size: cover;
  opacity: 0;
  transition: .2s;
}
.thumbnail_overlay:hover {
  opacity: 1;
}
/* モーダルウィンドウのスタイル */
.modal {
  position:absolute;
  top:50%;
  left:50%;
  height: 100vh;
  transform: translate(-50%, -50%);
  z-index:2000;
  display: none;
  background-color: black;
}
/* オーバーレイのスタイル */
.overLay {
  position:absolute;
  top:0;
  left:0;
  background:rgba(0,0,0,0.8);
  width:100%;
  height:100vh;
  z-index:2000;
  display: none;
}
/* モーダルウィンドウの中身のスタイル */
.modal .inner {
  position:absolute;
  z-index:2000;
  width: 100%;
  max-width: 1200px;
  top:80px;
  left:50%;
  transform:translateX(-50%);
  color: white;
  background-color: black;
  text-align: center;
}
.modal .inner iframe {
  width: 100vw;
  max-width: 1200px;
  height: calc(100vw / 16 * 9 );
}
.modal .inner .modalClose {
  background-image: url(images/close_btn.png);
  background-size: contain;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -48px;
  right: 0;
  opacity: .7;
  transition: .2s;
}
.modal .inner .modalClose:hover {
  opacity: 1;
}



/* #sec-jumbocopy */
#sec-jumbocopy {
  width: 100%;
}
#sec-jumbocopy .jumbopic {
  position: relative;
  width: 100%;
  height: 360px;
  border-bottom: 3px solid white;
  box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
  overflow: hidden;
  z-index: -1;
}
#sec-jumbocopy .jumbocopy-sp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(images/jumbocopy-sp.png);
  background-size: contain;
  background-position: center;
}
#sec-jumbocopy .jumbopic .slider-1 {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-405px);
}
#sec-jumbocopy .jumbopic .slider-1 img {
  min-width: 810px;
  min-height: 360px;
}
#sec-jumbocopy .jumbopic .slider-2 {
  display: none;
}
#sec-jumbocopy .jascopy {
  position: absolute;
  right: 8px;
  bottom: -16px;
  width: 160px;
  height: 120px;
  background-image: url(images/jona.png);
  background-position: center;
  background-size: contain;
  z-index: 100;
}
#sec-jumbocopy .jumbocopy {
  display: none;
}
#sec-jumbocopy .jumbocopy img.jumbo-copy {
  height: 80%;
  width: auto;
  margin: 0 24px;
}
#sec-jumbocopy .jumbocopy img.jumbo-txt {
  display: none;
}
#sec-jumbocopy .watercolor-lightbrown {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  background-image: url(images/watercolor-lightbrown.png);
  background-position: center;
  background-size: cover;
  z-index: 100;
}

/* #sec-sweets */
#sec-sweets {
  position: relative;
  overflow: hidden;
}
#sec-sweets .container {
  position: relative;
  width: 100%;
  margin-top: 2em;
}
#sec-sweets::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(images/sweets_sky-sp.png);
  background-size: contain;
  background-position: top center;
  z-index: -1;
}
/* #sec-sweets::after,
#sec-fee::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100vw;
  margin: 0 auto;
  height: 16px;
  background-image: url(images/watercolor_line.png);
  background-position: center;
  background-size: contain;
} */
#sec-sweets .sweets_bigcopy-sp {
  display: block;
  width: 100%;
  max-width: 481px;
  margin: 0 auto 20px;
  height: 90px;
  background-image: url(images/sweets_bigcopy-sp.png);
  background-position: center;
  background-size: contain;
  z-index: 100;
  position: relative;
}
#sec-sweets .sagi {
  display: none;
}
#sec-sweets .sagi-sp {
  display: block;
  width: 80px;
  height: auto;
  position: absolute;
  top: 80px;
  right: 50%;
  transform: translateX(280px);
}
#sec-sweets .sweets_bigcopy-pc {
  display: none;
}
.sweetspic-sp {
  display: block;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  height: auto;
}
.sweetspic-pc {
  display: none;
}
.sweets-juice-sp {
  margin-top: -32px;
}
.sweets-kokutou-sp {
  margin-top: -40px;
}
.cho-kokuto-sp {
  text-align: right;
  margin-bottom: 40px;
  margin-top: -48px;
}
.cho-kokuto-sp img {
  margin-right: 0;
  width: 100%;
  max-width: 481px;
  height: auto;
}

/* #sec-history */
#sec-history {
  background-color: #F8F1EC;
  position: relative;
  padding-top: 3em !important;
  padding-bottom: 40px;
}
#sec-history .container-sp {
  width: 100%;
  text-align: center;
  padding: 0;
}
#sec-inquiry, #sec-history, #sec-confirm {
  background-image: url(images/waraban-back.jpg);
  background-repeat: repeat;
}
#sec-history .container-sp img.kibiojisan {
  position: absolute;
  bottom: 0;
  left: 40px;
  width: 240px;
  height: auto;
}
#sec-history .container-sp h1 {
  height: 100vh;
  min-height: 480px;
  max-height: 520px;
  margin-top: 1em;
}
#sec-history .container-sp h1 img {
  height: auto;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
}
#sec-history .container-sp h2.history-sp {
  display: block;
  margin: 16px auto;
  border-bottom: none;
}
#sec-history .container-sp .history-sp {
  display: block;
  margin: 16px 8px 32px;
  border-bottom: 1px solid silver;
}
#sec-history .container-sp .history-sp img {
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
  margin: 0 auto;
}
#sec-history .container-sp .history-sp p {
  text-align: left;
  margin-bottom: 0.5em;
}

#sec-history .container-sp .history-tablet {
  display: none;
  margin: 0 8px 40px;
}
#sec-history .container-sp h2.tablet {
  display: none;
}
#sec-history .container-sp .history-tablet p {
  font-size: 13px;
}
#sec-history .container-sp .history-tablet:nth-child(2n) {
  text-align: left;
  background-image: url(images/rollpaper-sp-left.png);
  background-size: 100% 100%;
  background-position: left center;
  height: 320px;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 40px;
}
#sec-history .container-sp .history-tablet:nth-child(odd) {
  text-align: right;
  background-image: url(images/rollpaper-sp-right.png);
  background-size: 100% 100%;
  background-position: left center;
  height: 320px;
  align-items: flex-start;
  justify-content: flex-end;
  padding-right: 40px;
}
#sec-history .centering_txtbox {
  width: 50%;
  max-width: 320px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#sec-history .centering_txtbox p {
  text-align: left;
}
#sec-history .alexander-sp img {
  margin-left: 0;
  width: 50%;
  min-width: 280px;
  max-width: 320px;
  height: auto;
}
#sec-history .shoguns-sp img {
  min-width: 240px;
  width: 50%;
  max-width: 320px;
  height: auto;
  margin-right: 40px;
}
#sec-history .okinawa-sp {
}
#sec-history .okinawa-sp img {
  min-width: 240px;
  width: 50%;
  max-width: 320px;
  height: auto;
  margin-left: 0;
  margin-top: 40px;
}
#sec-history .modern-sp img {
  min-width: 240px;
  width: 50%;
  max-width: 320px;
  height: auto;
}
#sec-history .adam_eve-sp img {
  min-width: 210px;
  width: 50%;
  max-width: 250px;
  height: auto;
}
#sec-history .basho-sp > img {
  min-width: 240px;
  width: 50%;
  height: auto;
  margin-top: 40px;
  padding-left: 8px;
}
#sec-history .basho-sp h2 img {
  width: 100%;
  height: auto;
}
#sec-history .tsuzuki-ojisan {
  width: 100%;
  text-align: right;
}
#sec-history .tsuzuki-ojisan > div {
  display: inline-block;
  width: 90%;
  max-width: 260px;
  margin-right: 16px;
  margin-top: 40px;
}
#sec-history .bananacan-sp h2 {
  text-align: right;
  width: 100%;
}
#sec-history .bananacan-sp h2 img {
  width: 100%;
  max-width: 240px;
  height: auto;
}
#sec-history .bananacan-sp > img {
  min-width: 240px;
  width: 50%;
  height: auto;
  margin-top: 40px;
  padding-left: 8px;
}
#sec-history .tsuzuki-ojisan img {
  width: 100%;
  height: auto;
}
#sec-history .tsuzuki-ojisan a {
}



/* #sec-specialoffer */
#sec-specialoffer .container-sp {
  background-image: url(images/sky-sp.png);
  background-size: contain;
  background-position: center bottom;
  box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
  padding-bottom: 40px;
}
.container-sp h1 {
  display: block;
  font-size: 2em;
  line-height: 1em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 0.8em;
}
.container-sp img.sub_english-sp {
  height: 1em;
  width: auto;
  margin-bottom: -0.3em;
}
.container-sp h1 img.kibi_line {
  height: auto;
  width: 100%;
  max-width: 400px;
}
#sec-specialoffer .container-sp .service-sp {
  text-align: center;
  padding-bottom: 1em;
}
#sec-specialoffer .container-sp .service-sp {
  margin-bottom: 2em;
  border-bottom: 1px solid silver;
}
#sec-specialoffer .container-sp .service-sp img {
  width: 100%;
  max-width: 560px;
  height: auto;
}
#sec-specialoffer .container-sp .products_box-grass-sp img {
  margin: -30px auto 0;
}
#sec-specialoffer .container-sp .pamphlet-sp img {
  max-width: 320px;
}
#sec-specialoffer .container-sp .service-sp p {
  text-align: left;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}


/* #sec-fee */
#sec-fee .container-sp {
  padding-bottom: 4px;
  margin-bottom: 60px;
}
#sec-fee .container-sp ul.participation_fees {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}
#sec-fee .container-sp ul li {
  margin-bottom: 1em;
}
#sec-fee .container-sp .credit_card-sp {
  text-align: center;
}
#sec-fee .container-sp .credit_card-sp img {
  width: 100%;
  max-width: 400px;
  height: auto;
  margin-top: 16px;
  display: inline-block;
}
#sec-fee .container-sp .caution {
  width: 100%;
  background-image: url(images/black_bnn-sp.JPG);
  background-size: cover;
  background-position: right center;
  color: white;
  padding:8px;
  margin-bottom: 3em;
}
#sec-fee .container-sp .caution h2 {
  text-align: center;
  margin-bottom: 0.5em;
  padding-bottom: .8em;
  margin-bottom: 1em;
  background-image: url(images/watercolorline-white.png);
  background-position: bottom center;
}
#sec-fee .container-sp .caution h2 span {
}
#sec-fee .container-sp .caution {
  text-shadow: 0 0 2px black;
}
#sec-fee .container-sp .caution .hat_bottle {
  position: absolute;
  bottom: -64px;
  right: 0;
  width: 160px;
  height: auto;
}
#sec-fee .container-sp .caution li {
  padding-left: 2em;
  background-image: url(images/checkbox-sp.png);
  background-position: left top;
  background-size: 24px;
}
#sec-fee p.question {
  cursor: pointer;
  line-height: 1.5em;
  border-bottom: 1px solid silver;
  font-size: 1.2em;
  padding: 1em 0;
}
#sec-fee p.question:hover {
  background-color: #FAFFB8;
}
#sec-fee .answer {
  display: none;
  background-color: #F8FDE5;
  padding: 1em;
  border-bottom: 1px solid silver;
}
.container-sp .faq {
  margin-top: 5em;
}
.container-sp .faq h2 {
  margin-bottom: 0.5em;
}
.container-sp .faq h2 img.sub_english-sp {
  height: 1.5em;
  width: auto;
  margin-bottom: -0.5em;
}
#sec-fee .limited {
  color: red;
  font-weight: bold;
}


/* #sec-inquiry */
#sec-inquiry, #sec-confirm, .container-sp {
  padding-top: 16px;
}
#sec-inquiry .container {
  width: 100% !important;
  max-width: 1200px !important;
  padding-bottom: 40px;
}
#sec-inquiry h1 {
  text-align: center;
  font-size: 2em;
}
#sec-inquiry h1 span {
  font-size: 14px;
  font-weight: normal;
  display: block;
}
#sec-inquiry h1 img.sub_english {
  height: 1.5em;
}
#sec-inquiry h1 img.kibi_line {
  width: 100%;
  max-width: 480px;
  height: auto;
  margin: 0 auto;
}
.container #form {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}
#form .flex,
#con_form .flex {
  display: flex;
}
#form > .flex {
  flex-direction: column;
}
#form > .flex,
#con_form > .flex {
  margin-bottom: 1em;
}
#form > .flex .heading,
#con_form > .flex .heading{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 1em;
  text-align: left;
}
#form > .flex .heading label {
  line-height: 1.2em;
}
#form > .flex .heading + div,
#con_form > .flex .heading + div {
  width: 100%;
  height: 100%;
  display: flex;
}
#form .flex > p {
  display: block;
  vertical-align: text-bottom;
}
#form .telephone input {
  width: 28%;
}
#form .telephone p {
  width: 10%;
}
#form .name p {
  width: 8em;
}
#form .members,
#con_form .members {
  flex-direction: column;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
#form .members p,
#con_form .members p {
  display: inline-block;
}
#form .members select {
  width: 3em;
}
#form .members > div {
  text-align: left;
}
#form .plus {
  text-align: center !important;
  font-size: 2.5em;
}
#form .dateselector label {
  margin-right: 1em;
}
#form .bonus_desc {
  margin-bottom: 1em;
}
#form .bonus_desc img.yashima_kokutou{
  width: 240px;
  height: auto;
  padding: 16px;
  display: inline-block;
}
#form .last_time {
  flex-direction: column;
  font-size: 14px;
}
#form .last_time .last_time-name > p,
#form .last_time .introduced-name > p {
  width: 14em;
  margin-right: 0.5em !important;
  text-align: left;
}
#form .last_time .last_time-name,
#form .last_time .introduced-name {
  margin-bottom: 0.5em;
}
#form .last_time .last_time-name > input,
#form .last_time .introduced-name > input {
  width: 100%;
}
#form .last_time .last_time-tel > p,
#form .last_time .introduced-tel > p {
  width: 22em;
  display: inline-block;
  text-align: right;
  margin-right: 0.5em;
}
#form .bonus_attention {
  text-align: left;
  font-size: 0.7em;
}
#form .clear-button:hover {
  text-decoration: underline;
}
#sec-inquiry .container .group_tour-sp {
  display: block;
  width: 100%;
  padding: 40px auto 16px;
  margin-top: 40px;
}
#sec-inquiry .container .group_tour-sp img {
  width: 100%;
  height: auto;
}
#sec-inquiry .container .group_tour-sp p {
  font-size: 0.9em;
}
#sec-inquiry .container img.group_tour {
  display: none;
}

#confirm::before,
#btn_submit::before {
  content: '';
  background: linear-gradient(to bottom,rgba(255,255,255, .2),#FFC778 30%,black);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .2;
}
#confirm:hover,
#btn_submit:hover {
  background-color: #DD4207 !important;
}
.cancel_txt {
  display: inline-block;
  margin: 0 auto;
}
#confirm, #btn_submit {
  margin: 1em auto 0.5em;
  display: inline-block !important;
  font-size: 1.5em;
  color: white;
  background-color: #E66F07 !important;
  width: 12em;
  line-height: 2.5em;
  border-radius: 4px;
  position: relative;
}




/* #sec-location */
#sec-location {
  position: relative;
  background-color: #FFFFF7;
  padding: 2em 0 4em;
  z-index: 0;
}
#sec-location .container-sp {
  width: 100%;
}
#sec-location .container-sp img.map-sp{
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  display: block;
  height: auto;
}
#sec-location .container-sp img.map-tablet{
  display: none;
}
#sec-location .container-sp ul {
  margin: 16px auto;
  width: 100%;
  max-width: 560px;
  background-image: url(images/signboard.png);
  background-position: 95% top;
  background-size: 80px;
}
#sec-location .container-sp ul li:first-child {
  margin-bottom: 0.5em;
  display: inline-block;
  width: 60%;
}
#sec-location .container-sp ul li .signboard {
  font-size: 1.7em;
  font-weight: bolder;
  width: 100%;
}
#sec-location .blue_txt {
  color: #0063FF;
}
#sec-location .container-sp ul li.address {
  font-size: 1.3em;
  padding-left: 20px;
  padding-bottom: 8px;
  margin-top: 8px;
  background-image: url(images/location_blk.png);
  background-position: left top;
  background-size: 16px;
  border-bottom: 1px solid silver;
}
#sec-location button {
  padding: 1px 4px;
  font-size: 0.7em;
  border-radius: 3px;
  border: 1px solid black;
  margin-left: -0.3em;
  background-color: white;
}
#sec-location button:hover {
  background-color: #2C6DF6;
  border: 1px solid #2C6DF6;
  color: white;
}
#sec-location .container-sp ul li.flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding-top: 16px;
}

#sec-location .container-sp ul li.flex div:first-child {
  margin-bottom: 2em;
}
#sec-location .container-sp ul li.flex div:first-child a {
  padding-left: 48px;
  background-image: url(images/gmap_icon.png);
  background-position: left center;
  background-size: contain;
  height: 30px;
  display: inline-block;
  height: auto;
  font-size: 16px;
  text-decoration: underline;
  color: blue;
}
#sec-location .container-sp ul li.flex div:first-child a small {
  text-decoration: none !important;
  color: black;
}
#sec-location .container-sp ul li.flex .bigger_txt {
  font-size: 1.5em;
  background-color: white;
  padding: 4px 12px;
  display: inline-block;
  border: 1px solid silver;
}
#sec-location .container-sp li.masterbox_sp {
  margin-top: 16px;
  padding-top: 8px;
  border-top: 1px solid silver;
}
#sec-location .container-sp li.masterbox_sp img.master-sp {
  display: block;
  width: 100%;
  height: auto;
}
#sec-location .container-sp li.masterbox_sp p.company_info {
  margin: 8px 0;
}
#sec-location .container-sp li.masterbox_sp p.flex {
  line-height: 2em;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
#sec-location .container-sp li.masterbox_sp p.flex a {
  flex-grow: 1;
  color: black;
}
#sec-location .container-sp li.masterbox_sp input {
  margin-left: 8px;
  width: calc(100% - 60px);
}
#sec-location .container-sp button {
  width: 60px;
  line-height: 3em;
}
#sec-location .container-sp li.masterbox_tablet {
  display: none;
}

/* footer */
footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 70px;
  z-index: 100;
}
img.footer_field-sp{
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
img.footer_field-pc {
  display: none;
}
footer a.company_logo {
  display: inline-block;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(images/company_logo.png);
  background-size: contain;
  width: 240px;
  height: 30px;
}
  footer img.signboard_box-pc {
    display: none;
  }


/* SP%Tablet用カルーセル */
#sec-top .slider_wrapper-sp {
  display: block;
  width: 100%;
  max-width: 768px;
  padding: 0 16px;
}
#sec-top .slider_wrapper-sp .bx-wrapper {
  margin-bottom: 8px !important;
}
#sec-top .slider_wrapper-sp ul.slider-sp {
  border: 3px solid silver;
  width: 100%;
  height: 30px;
  padding: 0;
  margin: 0;
}
#sec-top .slider_wrapper-sp ul.slider-sp li {
  border-bottom: 1px solid silver;
  background-color: rgba(255,255,255, .6);
  line-height: 2;
}
#sec-top .slider_wrapper-sp ul.slider-sp li a {
  color: black;
}
/* PC用カルーセル */
#sec-top .slider_wrapper-pc {
  display: none;
}













/* #sec-confirm */
#sec-confirm {
  background-image: none !important;
}
#sec-confirm h1 {
  font-size: 1.7em;
  text-align: center;
  margin-bottom: 1em;
}
#sec-confirm h1 p {
  font-size: 12px;
  font-weight: normal;
}
#sec-confirm h1 img.kibi_line {
  height: auto;
  width: 100%;
  display: block;
  margin: 0 auto;
}

#sec-confirm .sub_english {
  height: 1.7em;
  width: auto;
  margin-bottom: -0.5em;
}
#sec-confirm .container {
  width: 100%;
  max-width: 768PX;
  margin: 0 auto;
  padding-bottom: 120px;
}
#con_form {
  display: block !important;
  margin-top: 2em;
}
#con_form > .flex {
  border-bottom: 1px solid silver;
  padding-bottom: 0.3em;
  text-align: left;
}
#goback, #goback2 {
  text-align: center;
}
#goback button, #goback2 button {
  display: inline-block;
  color: blue;
}
#goback button:hover,
#goback2 button:hover {
  text-decoration: underline;
  cursor: pointer;
}
.error_list {
  display: block;
	padding: 1em;
	color: #ff2e5a;
	font-size: 86%;
	text-align: left;
}
.error_list li {
  border: 1px solid #ff2e5a;
	border-radius: 5px;
  margin-bottom: 1em;
  padding: 0.5em;
}
#msg_sent img.waiting_ojisan {
  width: 160px;
  height: auto;
  display: block;
  margin: 0 auto 2em;
}





@media screen and (min-width: 481px) {


  .container-sp h1 {
    display: block;
    font-size: 3em;
    line-height: 1em;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 0.8em;
  }

  /* #sec-top */
  #sec-top .main_center-sp .main_logo {
    display: none;
  }
  #sec-top .main_center-sp .main_logo-tablet {
    display: block;
    width: 100%;
    margin: 0 auto 16px;
    padding-top: 40px;
    background-image: url(images/top_sky-tablet.png);
    background-position: top center;
    background-size: contain;
    position: relative;
  }
  #sec-top .main_center-sp .main_logo-tablet button {
    width: 80px;
    height: 50px;
    position: absolute;
    top: 8px;
    right: 8px;
    border: 3px solid rgba(255,255,255, 0.8);
    padding: 0;
    margin: 0;
    border-radius: 4px;
    font-size: 1.2em;
    color: white;
    font-weight: bolder;
  }
  #sec-top .main_center-sp .main_logo-tablet img {
    width: 90%;
    max-width: 640px;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  #sec-top .rising_backA {
    height: calc(100vw * 0.37);
    width: 100%;
    background-image: url(images/top_rising-A.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    opacity: 1;
    display: none;
  }
  #sec-top .rising_backB {
    height: calc(100vw * 0.37);
    width: 100%;
    background-image: url(images/top_rising-B.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    opacity: 0;
    display: none;
  }
  #sec-top .fukidashi_pari {
    position: absolute;
    top: 20px;
    left: 50%;
    width: 400px;
    text-align: left;
    margin-left: -280px;
    opacity: 0;
    display: inline-block;
  }
  #sec-top .fukidashi_pari img {
    width: 160px;
    height: auto;
  }
  #sec-top .fukidashi_pari:hover {
    opacity: 1;
  }
  #sec-top img#menu_field {
    width: 100%;
    min-width: 1200px;
    height: 60px;
    position: absolute;
    bottom: -90px;
    left: 0;
    z-index: 100;
  }
   #sec-top .video {
  }
  #sec-top img.media_title {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 64px;
    z-index: 300;
    width: 200px;
    height: auto;
    transform: translateX(-540px);
  }

  .main_center-pc .modalOpen {
    display: inline-block;
    width: 560px;
    height: calc(560px / 16 * 9);
    background-color: white;
    background-image: url(images/movie_thumbnail.jpg);
    background-size:contain;
    position: relative;
  }



  /* #sec-history */
  #sec-history .container-sp h2.history-sp,
  #sec-history .container-sp .history-sp {
    display: none;
  }
  #sec-history .container-sp .history-tablet {
    display: flex;
  }
  #sec-history .container-sp h2.tablet {
    display: block;
    font-size: 2em;
  }

  /* sec-specialoffer */
  #sec-specialoffer a.to_mainsite {
    display: block;
    text-align: center;
    padding: 8px;
    color: white;
    background-color: #0080FF;
  }
  #sec-specialoffer a.to_mainsite:hover {
    background-color: #00ACFF;
  }

  /* #sec-inquiry */
  #sec-inquiry, #sec-confirm, .container-sp {
    padding-top: 40px;
  }
  #form > .flex {
    flex-direction: row;
  }
  #form > .flex .heading,
  #con_form > .flex .heading{
    width: 12em;
  }


  /* #sec-confirm */
  #con_form {
    display: block !important;
  }
  #con_form .members > div{
    margin-right: 0.8em;
  }
  #con_form .name > p{
    margin-right: 0.8em;
  }
  #btn_submit + p {
    font-size: 0.8em;
    line-height: 1em;
  }
  #con_form .btn_wrapper {
    margin-bottom: 16px;
  }
  #msg_fail {
    text-align: center;
  }
  #msg_fail a.goback {
    display: block;
    font-size: 1.2em;
  }
  #msg_sent {
    height: calc(100vh - 70px);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #msg_sent img.waiting_ojisan {
    width: 240px;
    height: auto;
  }
  #msg_sent .to_toppage {
    display: inline-block;
    margin: 0 auto;
  }
  #sec-confirm h1 img.kibi_line {
    height: 24px;
    width: auto;
    display: block;
    margin: 0 auto;
  }

  /* #sec-location */
  #sec-location .container-sp ul {
    background-size: 140px;
    padding-bottom: 40px;
  }
  #sec-location .container-sp ul li {
    margin-bottom: 0.5em;
  }
  #sec-location .container-sp ul li:first-child {
    width: 70%;
  }
  #sec-location .container-sp ul li .signboard {
    font-size: 2em;
    font-weight: bolder;
    width: 100%;
  }
  #sec-location .container-sp .address {
    font-size: 1.3em;
    padding-left: 1em;
    background-size: contain;
    width: 70%;
  }
  #sec-location .container-sp ul li.flex {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid silver;
    padding: 8px 0;
    margin-top: 24px;
  }
  #sec-location .container-sp ul li.flex > div {
    width: 50%;
    text-align: center;
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #sec-location .container-sp ul li.flex div:first-child {
    margin-bottom: 0;
  }
  #sec-location .container-sp li.masterbox_sp {
    display: none;
  }
  #sec-location .container-sp li.masterbox_tablet {
    display: block;
    width: 100%;
    height: auto;
    display: flex;
  }
  #sec-location .container-sp .masterbox_tablet > div {
    width: calc(100% - 148px);
    margin-right: 8px;
    display: flex;
    flex-direction: column;
  }
  #sec-location .container-sp .masterbox_tablet > div img {
    width: 100%;
    max-width: 370px;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  #sec-location .container-sp .masterbox_tablet > div .flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5em;
  }
  #sec-location .container-sp .masterbox_tablet > div .flex a {
    flex-grow: 1;
    color: black;
  }
  #sec-location .container-sp .masterbox_tablet > div .flex a span {
    height: 25px;
    display: inline-block;
  }
  #sec-location .container-sp .masterbox_tablet > div .flex a img {
    height: 16px;
    width: auto;
    display: inline-block;
    margin-bottom: -2px;
  }
  #sec-location .container-sp .masterbox_tablet input {
    width: calc(100% - 4em );
    margin-left: 0.5em;
  }
  #sec-location .container-sp .masterbox_tablet img.master-tablet {
    width: 140px;
    height: 174px;
  }
  #sec-location .container-sp button {
    width: 60px;
    line-height: 2em;
  }
  #sec-location .container-sp img.map-sp{
    display: none;
  }
  #sec-location .container-sp img.map-tablet{
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    display: block;
    height: auto;
  }
  #sec-location .office_address {
    width: 100%;
    font-size: .6em;
    user-select: none;
  }
  .masterbox_tablet .office_info {
    line-height: 1.3em;
    margin-bottom: 10px;
  }


  /* footer */
  footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70px;
    z-index: 100;
  }
  footer a.company_logo {
    width: 280px;
    height: 40px;
    bottom: 20px;
  }

}




















@media screen and (min-width: 769px) {

  body #wrapper {
    display: none;
  }
  #loading {
    display: flex;
  }


  section {
    min-width: 1200px;
  }
  .container-sp {
    display: none;
  }
  .container-pc {
    display: block;
  }

 nav.pc {
   display: block;
   width: 100%;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 1000;
 }
 nav.pc ul {
   min-width: 1200px;
   display: flex;
   justify-content: center;
 }
 nav.pc ul li:not(:last-child) {
   margin-right: 2em;
 }
 nav.pc ul li a {
   display: inline-block;
   color: white;
   transition: .2s;
   line-height: 48px;
   text-align: center;
   font-weight: bold;
 }
 nav.pc ul li a:hover {
   font-size: 1.5em;
 }





 /* #sec-top */
 #sec-top .main_center-sp {
   display: none;
 }
 #sec-top {
   height: 880px;
   position: relative;
   margin-bottom: 2em;
 }
 #sec-top .sp {
   display: none;
 }
 #sec-top .pc {
   display: block;
 }
 #sec-top .sugarcane_back-pc {
   display: block;
   height: 100%;
   overflow: hidden;
   animation: fadein 1s forwards;
 }
 #sec-top .sugarcane_back-pc div {
   display: block;
   height: 100%;
   background-image: url(images/main_sugarcane.JPG);
   background-size: cover;
   background-position: center;
   animation: fadein 1s forwards;
 }
 #sec-top .big_banana_leaf-left {
   position: absolute;
   left: -160px;
   bottom: 160px;
   z-index: 1000;
   transform-origin: left bottom;
   opacity: 0;
   width: 707px;
   height: auto;
 }
 .animation-bigleafLeft {
   animation: bigleafLeft 1.8s ease-in forwards;
 }
 #sec-top .big_banana_leaf-right {
   position: absolute;
   right: -160px;
   bottom: 280px;
   z-index: 1000;
   transform-origin: right bottom;
   transform: rotate(-8deg);
   opacity: 0;
   width: 529px;
   height: auto;
 }
 .animation-bigleafRight {
   animation: bigleafRight 2s .1s ease-in forwards;
 }
 #sec-top .rising_backA {
   height: 400px;
   width: 100%;
   background-image: url(images/top_rising-A.png);
   background-size: cover;
   background-position: center;
   position: absolute;
   z-index: 99;
   top: 0;
   left: 0;
   opacity: 1;
   animation: bigShiningA 2s 1s infinite;
   display: none;

 }
 #sec-top .rising_backB {
   height: 400px;
   width: 100%;
   background-image: url(images/top_rising-B.png);
   background-size: cover;
   background-position: center;
   position: absolute;
   z-index: 99;
   top: 0;
   left: 0;
   opacity: 0;
   animation: bigShiningB 2s 3s infinite;
   display: none;
 }
 #sec-top .main_center-pc {
   display: block;
   width: 100%;
   text-align: center;
   position: absolute;
   top: 4em;
   left: 0;
   z-index: 100;
 }
 #sec-top .fukidashi_pari {
   position: absolute;
   top: 50px;
   left: 50%;
   width: 400px;
   text-align: left;
   margin-left: -250px;
   opacity: 0;
   display: inline-block;
   z-index: 1000;
 }
 #sec-top .fukidashi_pari img {
   width: 120px;
   height: auto;
 }
 #sec-top .main_center-pc .main_logo {
   height: 271px;
   margin-left: 35px;
   background-image: url(images/taiken_logo-pc.png);
   background-position: center;
   background-size: contain;
   box-sizing: content-box;
   transform: translateY(-40px);
   opacity: 0.3;
 }
 .animation-main_logo {
   animation: animation-main_logo 2s forwards;
 }
 #sec-top .main_center-pc .main_logo + p {
   color: white;
 }
 #sec-top .fukidashi_pari:hover {
   opacity: 1;
 }
 #sec-top img.big_field {
   width: 100%;
   height: 200px;
   position: absolute;
   bottom: -100px;
   left: 0;
   z-index: 101;
 }
 #sec-top .fadeInClips {
   opacity: 0;
 }
 #sec-top img#menu_field {
   width: 100%;
   min-width: 1200px;
   height: 60px;
   position: absolute;
   top: 880px;
   left: 0;
   z-index: 100;
 }
 #sec-top img.white_bird {
   position: absolute;
   bottom: 40px;
   left: 200px;
   z-index: 100;
   width: 120px;
   height: auto;
 }
 .animation-white_bird {
   animation: white_bird 2s 1s forwards;
 }
 #sec-top img.kibi_top {
   position: absolute;
   top: -300px;
   right: 50%;
   margin-right: -380px;
   z-index: 100;
   transform-origin: left bottom;
   width: 240px;
   height: auto;
 }
 .animation-kibi_top {
   margin-right: 0;
   animation: kibiTop 3s .5s forwards;
 }
 #sec-top img.big_banana-left {
   width: 260px;
   height: auto;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 100;
   transform-origin: left top;
   animation: banana_left ease-in 2.8s forwards;
 }
 #sec-top img.big_banana-right {
   width: 240px;
   height: auto;
   position: absolute;
   top: 0;
   right: 0;
   z-index: 100;
   transform-origin: right top;
   animation: banana_right 3s forwards;
 }
  #sec-top .video {
 }
 #sec-top img.media_title {
   position: absolute;
   left: 50%;
   top: -60px;
   z-index: 300;
   width: 200px;
   height: auto;
   transform: translateX(-540px);
 }
 #sec-top .slider_wrapper-sp {
   display: none;
 }
 #sec-top .slider_wrapper-pc {
   display: block;
   z-index: 200;
   margin: 0 auto;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: -90px;
   width: 920px;
 }
 #sec-top .main_center-pc .gift_banner {
   color: white;
   z-index: 200;
   position: absolute;
   bottom: -80px;
   left: 50%;
   transform: translateX(-50%);
   z-index: 300;
   text-shadow: 0 0 3px black;
   background-color: rgba(0,0,0,0.5);
   padding: 4px;
   border-radius: 4px;
 }
#sec-top .pc .to_inquiry_btn {
  bottom: 40px;
}
#sec-top .pc .to_inquiry_btn:hover {
  bottom: 34px;
}


 .modalOpen {
   display: inline-block;
   width: 560px;
   height: 315px;
   background-color: white;
   background-image: url(images/movie_thumbnail.jpg);
   position: relative;

 }
 /* モーダルウィンドウのスタイル */
 .modal {
   position:absolute;
   top:50%;
   left:50%;
   height: 100vh;
   transform: translate(-50%, -50%);
   z-index:2000;
   display: none;
   background-color: black;
 }
 /* オーバーレイのスタイル */
 .overLay {
   position:absolute;
   top:0;
   left:0;
   background:rgba(0,0,0,0.8);
   width:100%;
   height:100vh;
   z-index:2000;
   display: none;
 }
 /* モーダルウィンドウの中身のスタイル */
 .modal .inner {
   position:absolute;
   z-index:2000;
   width: 1200px;
   top:80px;
   left:50%;
   transform:translateX(-50%);
   color: white;
   background-color: black;
   text-align: center;
 }
 .modal .inner iframe {
   width:100vw;
   max-width: 1200px;
   height: calc(100vw / 16 * 9 );
   max-height: 675px;
 }
 .modal .inner .modalClose {
   background-image: url(images/close_btn.png);
   background-size: contain;
   width: 40px;
   height: 40px;
   position: absolute;
   top: -48px;
   right: 0;
   opacity: .7;
   transition: .2s;
 }
 .modal .inner .modalClose:hover {
   opacity: 1;
 }









  /* #sec-jumbocopy */
  #sec-jumbocopy {
  }
  #sec-jumbocopy .jumbopic {
    position: relative;
    min-width: 1200px;
    height: 560px;
    border-bottom: 3px solid white;
    box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
    overflow: hidden;
    z-index: 10;
  }
  #sec-jumbocopy .jumbopic .slider-1 {
    display: none;
  }
  #sec-jumbocopy .jumbopic .slider-2 {
    display: block;
    position: static;
    top: 0;
    left: 0;
  }
  #sec-jumbocopy .jumbopic .slider-2 img {
    min-width: 810px;
    min-height: 560px;
  }
  #sec-jumbocopy .jascopy {
    position: absolute;
    right: 50%;
    bottom: -16px;
    width: 240px;
    transform: translateX(520px);
    height: 193px;
    background-image: url(images/jona.png);
    background-position: center;
    background-size: contain;
    z-index: 100;
  }
  #sec-jumbocopy .jumbocopy-sp {
    display: none;
  }
  #sec-jumbocopy .jumbocopy {
    position: absolute;
    left: 0;
    top: calc(50% + 32px);
    transform: translateY(-50%);
    width: 100%;
    height: 460px;
    z-index: 100;
    display: flex;
    justify-content: center;
  }
  #sec-jumbocopy .jumbocopy img.jumbo-copy {
    height: 80%;
    width: auto;
    margin: 0 24px;
  }
  #sec-jumbocopy .jumbocopy img.jumbo-txt {
    display: block;
    height: 70%;
    width: auto;
    margin-top: 40px;
  }
  #sec-jumbocopy .watercolor-lightbrown {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-width: 1400px;
    height: 68px;
    background-image: url(images/watercolor-lightbrown.png);
    background-position: center;
    background-size: cover;
    z-index: 100;
  }


  /* #sec-sweets */
  #sec-sweets {
    position: relative;
    overflow: hidden;
  }
  #sec-sweets .container {
    position: relative;
    width: 1200px;
    height: 100vh;
    min-height: 1200px;
    margin-top: 2em;
  }
  #sec-sweets::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(images/sky.png);
    background-size: contain;
    background-position: top center;
    z-index: -1;
  }
  /* #sec-sweets::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -50%;
    width: 300%;
    min-width: 1200px;
    height: 200%;
    background-color: #F8F1EC;
    transform-origin: left bottom;
    transform: rotate(-20deg);
    z-index: -1;
  } */
  /* #sec-sweets::after,
  #sec-fee::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    min-width: 1200px;
    margin: 0 auto;
    height: 16px;
    background-image: url(images/watercolor_line.png);
    background-position: center;
    background-size: contain;
    padding-bottom: 80px;
  } */
  #sec-sweets .sweets_bigcopy-sp {
    display: none;
  }
  #sec-sweets .sweets_bigcopy-pc {
    display: block;
    width: 1200px;
    height: 150px;
    max-width: 1200px;
    background-image: url(images/sweets_bigcopy.png);
    background-position: center;
    background-size: contain;
    z-index: 100;
  }
  .sweetspic-sp {
    display: none;
  }
  .sweetspic-pc {
    position: absolute;
    display: inline-block;
    width: 50%;
    height: auto;
  }
  #sec-sweets .sagi-sp {
    display: none;
  }
  #sec-sweets .sagi {
    display: block;
    width: 120px;
    height: auto;
    position: absolute;
    top: 50px;
    right: 60px;
    transition: 3s;
    transform: translateX(150%) translateY(200%) scale(0.4);
  }
  .sweets-banana {
    top: 160px;
    left: 40px;
    transition: 1.2s;
    transform: translateY(-10%) scale(0.7);
  }
  .sweets-people-2 {
    top: 120px;
    right: 120px;
    width: 400px;
    height: auto;
    transition: 1.2s;
  }
  .sweets-kokutou {
    top: 320px;
    right: 0;
    transition: 1.6s;
    transform: translateY(20%) rotate(20deg) scale(0.7);
  }
  .sweets-juice {
    width: 52%;
    bottom: 140px;
    left: 16px;
    transition: 1.5s;
    transform: translateY(20%) rotate(-20deg) scale(0.7);
  }
  .cho-kokuto {
    width: 400px;
    height: auto;
    bottom: 100px;
    right: 60px;
  }


  /* #sec-activity */
  #sec-activity {
    padding-bottom: 5em;
    position: relative;
  }
  #sec-activity .container {
    width: 1200px;
    min-height: 960px;
    text-align: center;
    margin-top: 3em;
  }
  #sec-activity .time_txt {
    display: inline-block;
    padding-left: 1.8em;
    background-image: url(images/time_icon.png);
    background-position: left center;
    background-size: contain;
  }
  #sec-activity .container .flex {
    display: flex;
    justify-content: center;
    margin-top: 3em;
  }
  #sec-activity .container .flex .arrow_triangle {
    background-image: url(images/arrow.png);
    background-position: center;
    background-size: contain;
    width: 16px;
    height: inherit;
  }
  #sec-activity .container .voices {
    height: 480px;
    margin-top: 3em;
  }
  #sec-activity .voice-back {
    height: 80%;
    width: 100%;
    background-image: url(images/voice-back.png);
    background-position: center bottom;
    background-size: contain;
    position: absolute;
    left: 0;
    bottom: 310px;
    z-index: -1;
  }
  #sec-activity .photograph {
    width: auto;
    margin: 0 auto;
  }
  #sec-activity img.photograph-1 {
    height: 240px;
    bottom: 0;
    transform: translateX(-10%) rotate(-10deg);
  }
  #sec-activity img.photograph-2 {
    height: 280px;
    bottom: 0;
    transform: translateX(10%) rotate(10deg);
  }







  /* #sec-history */
  #sec-history {
    background-color: #F8F1EC;
    position: relative;
    height: 3100px;
    padding-top: 80px !important;
  }
  #sec-history::before {
    content: '';
    background-image: url(images/kibi_line.png);
    background-repeat: repeat-x;
    height: 32px;
    width: 100%;
    padding-right: -16px;
    background-size: contain;
    background-position: -8px center;
    position: absolute;
    left: 0;
    top: -16px;
    z-index: 100;
  }
  #sec-history .container-pc img.kibiojisan {
    position: absolute;
    top: 480px;
    left: 160px;
    transform: translateY(200px);
    width: 260px;
    height: auto;
  }
  #sec-history .container-pc img.banana_tree-2 {
    width: 280px;
    height: auto;
    position: absolute;
    left: -20px;
    bottom: 680px;
    z-index: 0;
    transition: 2s;
    opacity: 0;
    transform-origin: bottom center;
    transform: rotate(-20deg);
  }
  #sec-history .container-pc p {
    font-size: .7em;
    text-align: left;
  }
  #sec-activity .container-pc h1,
  #sec-inquiry .container h1 {
    padding-top: 2em !important;
  }
  #sec-history .container-pc h1 {
    display: block;
    text-align: center;
    background-image: url(images/world_map.png);
    background-position: center;
    background-size: 80%;
    z-index: 10;
    height: 570px;
  }
  #sec-history .container-pc h1 img.history_bigtitle {
    width: auto;
    height: 100%;
  }
  #sec-history .container-pc h1 img.pen_paper {
    width: 140px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-120px);
    z-index: -1;
  }
  #sec-history .rollpaper_sec {
    height: 550px;
    background-image: url(images/roll_paper.png);
    background-position: center;
    background-size: contain;
    margin-top: 64px;
    padding-left: 1em;
  }
  #sec-history .rollpaper_sec-2 {
    height: 620px;
    background-image: url(images/rollpaper-2.png);
    background-position: center;
    background-size: 100%;
    margin-top: 16px;
  }
  #sec-history .rollpaper_sec-3 {
    height: 900px;
    background-image: url(images/rollpaper-3.png);
    background-position: center;
    background-size: 100% 110%;
    margin-top: 120px;
  }
  #sec-history .second_title,
  #sec-history .second_title2 {
    font-size: 2.5em;
    padding-left: 0.5em;
    font-weight: bold;
  }
  #sec-history .second_title2 {
    display: inline-block;
    position: absolute;
    top: -40px;
    left: 220px;
  }
  #sec-history .rollpaper_sec h2 {
    text-align: left;
    padding-left: 1em;
  }
  #sec-history .rollpaper_sec h2 img{
    width: 300px;
    height: auto;
  }

  #sec-history .rollpaper_sec p {
    text-align: left;
  }
  #sec-history .alexander {
    width: 260px;
    height: auto;
    position: absolute;
    top: 180px;
    left: -600px;
  }
  .neigh {
    transform-origin: bottom left;
    animation: neigh 2s .5s forwards;
  }
  #sec-history .alex_back {
    width: 260px;
    height: auto;
    position: absolute;
    top: 30px;
    left: 200px;
    z-index: 0;
  }
  #sec-history .alex_desc {
    width: 260px;
    height: auto;
    position: absolute;
    top: 300px;
    left: 270px;
  }
  #sec-history .history-person_name {
    font-size: 1.4em !important;
    font-weight: bolder;
    margin-top: -0.5em;
  }
  #sec-history .nobunaga {
    width: 260px;
    height: 100%;
    position: absolute;
    top: 40px;
    left: 540px;
  }
  #sec-history .nobunaga img:first-child {
    width: 100%;
    height: auto;
    transition: 1s;
  }
  #sec-history .nobunaga img.konpeitou {
    width: auto;
    height: 60px;
    margin-left: 12em;
    margin-top: -1em;
  }
  #sec-history .nobunaga p:last-child {
    margin-left: 2em;
  }
  #sec-history .yoshimune {
    width: 280px;
    height: 100%;
    position: absolute;
    top: 120px;
    right: 60px;
  }
  #sec-history .yoshimune img {
    width: 100%;
    height: auto;
    transition: 2s;
  }


  #sec-history .okinawa_sec {
    height: 100%;
    margin-top: -1em;
  }
  #sec-history .rollpaper_sec-2 h2 {
    height: 3.2em;
    margin-left: 2em;
    text-align: left;
  }
  #sec-history .rollpaper_sec-2 h2 img{
    width: auto;
    height: 100%;
  }
  #sec-history .okinawa_sec p {
    display: inline-block;

    text-align: left;
  }
  #sec-history .carriage {
    width: 320px;
    height: 320px;
  }
  #sec-history .carriage img {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: auto;
  }
  #sec-history .carriage p {
    position: absolute;
    left: 0;
    top: 250px;
    width: 320px;
    margin-left: 5em;
  }
  #sec-history .yuimaru-ojisan {
    position: absolute;
    top: 340px;
    left: 140px;
    width: 220px;
    height: auto;
  }
  #sec-history .old_sugar_making {
    width: 320px;
    height: 320px;
    position: absolute;
    top: 8px;
    left: 400px;
  }
  #sec-history .old_sugar_making h3 img {
    height: 2em;
    width: auto;
    margin-left: 6em;
  }
  #sec-history .old_sugar_making img.okinawaclip-1 {
    width: 500px;
    height: auto;
    margin-top: -0.5em;
    transition: 2s;
  }
  #sec-history .old_sugar_making p {
    width: 450px;
    margin-left: 2em;
  }
  #sec-history .modern_sugarmaking {
    width: 320px;
    height: 100%;
    position: absolute;
    top: -80px;
    right: -40px;
  }
  #sec-history .modern_sugarmaking img.harvester {
    width: 320px;
    height: auto;
    transform: translateX(200px);
    transition: 2s;
  }
  #sec-history .modern_sugarmaking img.harvester + p {
    width: 250px;
    margin-left: 2em;
  }
  #sec-history .modern_sugarmaking img.kokuto_mitsu {
    width: 260px;
    height: auto;
    transform: translateY(-100px);
    transition: 3s;
    position: absolute;
    top: 200px;
    left: 16px;
  }
  #sec-history .modern_sugarmaking img.kibizato {
    width: 320px;
    height: auto;
    transition: 2s;
    transform: translateY(100px);
    position: absolute;
    bottom: -16px;
    right: -16px;
  }
  #sec-history .modern_sugarmaking img.history-sub-6 {
    width: auto;
    height: 3em;
    transform: translateY(-100px);
    position: absolute;
    bottom: 40px;
    left: -270px;
  }
  #sec-history .modern_sugarmaking img.history-sub-6 + p {
    width: 320px;
    position: absolute;
    bottom: -24px;
    left: -270px;
  }

  #sec-history .rollpaper_sec-3 .banana_sec {
    width: 100%;
    height: 800px;
  }
  #sec-history .rollpaper_sec-3 .banana_sec .banana_ojisan {
    position: absolute;
    top: 0;
    left: 340px;
    width: 240px;
    height: auto;
    transform: translateY(100px);
  }
  #sec-history .rollpaper_sec-3 .banana_sec img.banana_drawing {
    width: 200px;
    height: auto;
    position: absolute;
    left: 80px;
    bottom: 100px;
  }
  #sec-history .rollpaper_sec-3 .banana_blossom {
    width: 320px;
    height: 100%;
    position: absolute;
    bottom: -500px;
    right: 60px;
  }
  #sec-history .rollpaper_sec-3 .banana_blossom h3 {
    text-align: left;
    margin-top: -1em;
  }
  #sec-history .rollpaper_sec-3 .banana_blossom h3 img {
    height: 2em;
    width: auto;
  }
  #sec-history .rollpaper_sec-3 .banana_blossom > img {
    transition: 2;
    width: 100%;
    height: auto;
  }
  #sec-history .rollpaper_sec-3 .banana_alexander {
    width: 200px;
    height: 100%;
    position: absolute;
    top: 80px;
    left: 70px;
  }
  #sec-history .rollpaper_sec-3 .banana_alexander img.banana_alex {
    width: 260px;
    height: auto;
  }
  #sec-history .rollpaper_sec-3 .adam_eve {
    width: 320px;
    height: 500px;
    position: absolute;
    top: 280px;
    left: 300px;
    z-index: 1;
  }
  #sec-history .rollpaper_sec-3 .adam_eve h3 img.history-sub-3 {
    width: 80%;
    height: auto;
  }
  #sec-history .rollpaper_sec-3 .adam_eve img.adam_eva {
    width: 320px;
    height: auto;
    margin-top: -0.5em;
    transition: 1.5s;
  }
  #sec-history .rollpaper_sec-3 .adam_eve img.eve {
    width: 200px;
    height: auto;
    position: absolute;
    top: 130px;
    left: -8px;
    opacity: 0;
    z-index: 10;
  }
  #sec-history .rollpaper_sec-3 .adam_eve:hover > img.eve {
    animation: eve .3s forwards;
  }
  #sec-history .rollpaper_sec-3 .bashofu {
    width: 600px;
    height: 300px;
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 10;
  }
  #sec-history .rollpaper_sec-3 .bashofu img.basho-back{
    width: 200px;
    height: 300px;
    position: absolute;
    top: 160px;
    right: 340px;
    z-index: 10;
    transition: 2s;
  }
  #sec-history .rollpaper_sec-3 .bashofu h3 {
    text-align: left;
  }
  #sec-history .rollpaper_sec-3 .bashofu h3 img {
    width: auto;
    height: 6em;
  }
  #sec-history .rollpaper_sec-3 .bashofu p {
    width: 200px;
    margin-top: -4em;
  }
  #sec-history .rollpaper_sec-3 .bashofu img.bashofu_pic {
    width: 400px;
    height: auto;
    margin-top: -3em;
    position: absolute;
    top: 120px;
    right: 0;
    transition: 2s;
    opacity: 0;
    transform: translateX(40px);
  }









  #sec-history .okinawa2_sec {
    height: 420px;
    width: 600px;
    position: absolute;
    right: 0;
    top: 600px;
  }
  #sec-history .okinawa2_sec h2 {
    text-align: left;
    padding-left: 8em;
  }
  #sec-history .okinawa2_sec h2 img {
    height: 2em;
    width: auto;
  }
  #sec-history .okinawa2_sec p {
    text-align: left;
    width: 480px;
    margin-left: 10em;
  }
  #sec-history .okinawa2_sec .okinawa_photo {
    width: 100%;
    height: auto;
    transition: 1.5s;
    transform: translateX(20%);
  }


  #sec-history .tsuzuki-ojisan {
    width: 320px;
    height: auto;
    position: absolute;
    bottom: 60px;
    right: 50%;
    transform: translateX(560px);
  }
  #sec-history .tsuzuki-ojisan img {
    width: 100%;
    height: auto;
  }
  #sec-history .tsuzuki-ojisan a {
    font-size: .7em;
  }







  /* #sec-specialoffer */
  #sec-specialoffer {
    background-image: url(images/wara_back.png);
    background-position: bottom center;
    background-size: 100% 800px;
    position: relative;
    padding-top: 8em;
  }
  #sec-specialoffer::before {
    content: '';
    display: block;
    background-image: url(images/watercolor-white.png);
    background-size: cover;
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 65px;
    z-index: 0;
  }
  #sec-specialoffer .fablic_back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    min-height: 1200px;
    background-image: url(images/sky.jpg);
    background-position: center;
    background-size: cover;
    z-index: -10;
  }
  #sec-specialoffer .container-pc {
    width: 1200px;
    min-height: 1000px;
    position: relative;
  }
  #sec-specialoffer .container-pc .textbox {
    position: absolute;
    top: -64px;
    left: 16px;
    width: 400px;
    background-color: white;
    text-align: right;
  }
  #sec-specialoffer .container-pc .textbox h1 {
    font-size: 6em;
    height: 240px;
    background-image: url(images/special_offer.png);
    background-position: bottom left;
    text-align: left;
  }
  #sec-specialoffer .container-pc .textbox h2 {
    font-size: 2em;
    margin: 0 8px;
    border-bottom: 1px solid silver;
    text-align: left;
    line-height: 1.3em;
    padding-bottom: .5em;
  }
  #sec-specialoffer .container-pc .textbox p {
    padding: 16px 8px 0;
    text-align: left;
  }
  #sec-specialoffer .container-pc .textbox p .greenline {
  }
  #sec-specialoffer .container-pc .textbox img.gentei_txt {
    width: 240px;
    height: auto;
    margin-right: 16px;
  }
  #sec-specialoffer .container-pc .textbox .border {
    border-top: 1px solid silver;
    display: block;
  }
  #sec-specialoffer .container-pc .products_box {
    text-align: right;
    position: relative;
  }
  #sec-specialoffer .container-pc .photos {
    position: absolute;
    bottom: 178px;
    right: 50%;
    transform: translateX(240px);
    z-index: 100;
    width: 500px;
    height: auto;
  }
  #sec-specialoffer .container-pc .pamphlet {
    position: absolute;
    bottom: 100px;
    right: 16px;
    z-index: 100;
    width: 360px;
    height: auto;
  }

  #sec-specialoffer img.products_box-grass {
    width: 760px;
    height: auto;
    position: absolute;
    top: 32px;
    right: 0;
    transition: 1s;
    transform-origin: bottom center;
  }
  #sec-specialoffer img.fifteen_off {
    position: absolute;
    top: -32px;
    left: 310px;
    z-index: 100;
    transition: 1.3s;
    transform: rotate(-90deg) scale(0.5);
  }
  #sec-specialoffer img.zawawa_clip {
    position: absolute;
    top: -16px;
    right: 32px;
    z-index: -1;
    transform-origin: bottom center;
    animation: zawawa 10s infinite;
  }
  #sec-specialoffer img.zawawa_clip-2 {
    position: absolute;
    top: 40px;
    right: 540px;
    z-index: -1;
    transform-origin: bottom center;
    animation: zawawa 10s .5s infinite;
  }
  #sec-specialoffer::after {
    content: '';
    display: block;
    width: 100%;
    height: 65px;
    background-image: url(images/watercolor-white.png);
    background-size: cover;
    z-index: 50;
  }


  /* #sec-fee */
  #sec-fee {
    position: relative;
    padding-bottom: 2em;
    padding-top: 2em;
  }
  #sec-fee .container-pc {
    width: 800px;
  }
  #sec-fee .container-pc h1,
  #sec-inquiry .container h1,
  #sec-activity .container h1,
  #sec-history .container h1 {
    font-size: 3em;
    text-align: center;
    padding: 1em 0 .5em;
  }
  #sec-fee .container-pc h1 img.sub_english,
  #sec-inquiry .container h1 img.sub_english,
  #sec-location .container-pc h1 img.sub_english,
  #sec-activity .container h1 img.sub_english,
  #sec-history .container h1 img.sub_english {
    height: 1.5em;
    width: auto;
    margin-bottom: -0.6em;
  }
  #sec-fee .container-pc .flex {
    margin-top: .5em;
    margin-bottom: 1em;
    display: flex;
    align-items: flex-start;
  }
  #sec-fee .container-pc .flex .heading {
    width: 10em;
  }
  #sec-fee .container-pc .flex .heading + div {
  }
  #sec-fee .container-pc .cledit_cards {
    height: 240px;
    width: auto;
    margin-top: 16px;
    margin-bottom: 16px;
  }
  #sec-fee .container-pc .guideline {
    margin-top: 5em;
    font-size: .7em;
    color: gray;
  }
  #sec-fee .container-pc .guideline h2 {
    text-align: center;
    font-size: 1.3em;
    font-weight: normal;
  }
  #sec-fee .container-pc .guideline ul {
    padding-top : 1em;
  }
  #sec-fee .container-pc .guideline li {
    line-height: 2em;
  }
  #sec-fee .container-pc .caution {
    position: relative;
    margin-top: 3em;
    font-size: 1em;
    color: white;
    text-shadow: 0 0 2px black;
    background-image: url(images/black_bnn.JPG);
    background-size: 100%;
    padding: 16px;
  }
  #sec-fee .container-pc .caution h2 {
    text-align: center;
    line-height: 1.5em;
    padding-bottom: .8em;
    margin-bottom: 1em;
    background-image: url(images/watercolorline-white.png);
    background-position: bottom center;
  }
  #sec-fee .container-pc .caution li {
    padding-left: 2.8em;
    padding-bottom: 1.7em;
    background-image: url(images/checkbox.png);
    background-position: left top;
    background-size: 40px;
  }
  #sec-fee .container-pc img.sugarcane_drink {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-460px);
    width: 200px;
    height: auto;
  }
  #sec-fee .container-pc .hat_bottle {
    position: absolute;
    bottom: -120px;
    right: calc(50% - 320px);
    transform: translateX(50%);
    height: auto;
    width: 280px;
  }
  #sec-fee .container-pc .faq {
    margin-top: 5em;
  }
  #sec-fee .container-pc .faq h2 {
    line-height: 2em;
    margin-bottom: .5em;
  }
  #sec-fee .container-pc .faq img.faq_english {
    height: 1.8em;
    margin-bottom: -0.7em;
  }
  #sec-fee .container-pc .answer > li {
    margin-bottom: .5em;
  }
  #sec-fee .container-pc .answer ul {
    padding-left: 1.5em;
  }
  #sec-fee .container-pc .answer ul li {
    font-size: .9em;
    line-height: 1.7;
  }






  /* #sec-inquiry */
  #sec-inquiry, #sec-confirm, #sec-history {
    background-image: url(images/waraban-back.jpg);
    background-repeat: repeat;
    padding-bottom: 1em;
    padding-top: 1em;
    position: relative;
  }
  /* #sec-inquiry::before {
    content: '';
    display: block;
    background-image: url(images/watercolor-white.png);
    background-size: cover;
    position: absolute;
    top: -4px;
    left: 0;
    width: 100%;
    height: 65px;
    z-index: 100;
    transform: rotate(180deg);
  } */
  #sec-inquiry .container {
    text-align: center;
  }
  #sec-inquiry .container .group_tour-sp {
    display: none;
  }
  #sec-inquiry .container img.group_tour {
    display: block;
    width: 80%;
    height: auto;
    margin: 2em auto 0;
  }
  #form > .flex .heading,
  #con_form > .flex .heading{
    width: 18em;
    text-align: center;
  }




  /* #sec-location */
  #sec-location {
    height: calc(100vh - 140px);
    min-height: 950px;
    padding-bottom: 200px;
    padding-top: 2em;
  }
  #sec-location .container-pc {
    height: 100%;
  }
  #sec-location .container-pc h1 {
    font-size: 3em;
    padding: 1em 0 .5em;
  }
  #sec-location .container-pc h1 {
    font-size: 3em;
    padding: 1em 0 .5em;
  }
  #sec-location .container-pc .flex {
    display: flex;
  }
  #sec-location .container-pc > .flex {
    height: 100%;
  }
  #sec-location .container-pc .left_box {
    width: 680px;
    height: 100%;
    background-image: url(images/map.png);
    background-size: 85%;
    background-position: top center;
    z-index: 100;
    position: relative;
  }
  #sec-location .container-pc .left_box::before {
    content: '';
    position: absolute;
    top: 432px;
    right: 220px;
    width: 40px;
    height: 40px;
    background-image: url(images/star.png);
    background-size: contain;
    z-index: 300;
    animation: starpopping 5s infinite;
  }
  #sec-location .container-pc .miyakojima {
    position: absolute;
    left: 0;
    top: -40px;
    width: 280px;
    height: 280px;
    background-image: url(images/miyakojima.png);
    background-size: contain;
  }
  #sec-location .container-pc .miyakojima > div {
    width: 100%;
    height: 100%;
    position: relative;
  }
  #sec-location .container-pc .point {
    position: absolute;
    left: 34px;
    bottom: 64px;
    z-index: 200;
    width: 10px;
    height: auto;
    animation: pointMap 1.5s infinite;
  }
  #sec-location .container-pc .right_box {
    width: 520px;
    height: 100%;
    box-sizing: border-box;
    color: #2F2725;
  }
  #sec-location .container-pc .right_box h2 {
    font-size: 2em;
  }
  #sec-location .container-pc .right_box h2 + p {
    font-size: .7em;
  }
  #sec-location .container-pc .right_box > div:first-child {
    position: relative;
    border-bottom: 1px solid silver;
    padding-bottom: .5em;
    margin-bottom: .5em;
  }
  #sec-location .container-pc img.overlooked {
    height: 64px;
    width: auto;
    position: absolute;
    left: -16px;
    top: -60px;
  }
  #sec-location .container-pc img.signboard {
    position: absolute;
    right: 0;
    bottom: 8px;
    width: 180px;
    height: auto;
  }
  #sec-location .container-pc img.sign_flashing {
    position: absolute;
    right: 110px;
    top: -90px;
    opacity: 0;
    animation: flashing 6s infinite;
  }
  #sec-location .container-pc img.txt_15min {
    margin-top: 1.5em;
    height: 3.5em;
    width: auto;
  }
  #sec-location .container-pc .address {
    padding-left: 1.1em;
    padding-top: .3em;
    margin-bottom: .5em;
    font-size: 1.5em;
    background-image: url(images/location_blk.png);
    background-position: left center;
    background-size: .8em;
  }
  #sec-location .container-pc .address input {
    box-shadow: none;
    padding-left: 6px;
    margin-left: -4px;
    width: 16em;
  }
  #sec-location .container-pc .to_gmap {
    margin-right: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #sec-location .container-pc .to_gmap a {
    display: block;
    padding-left: 3em;
    padding-top: .2em;
    background-image: url(images/gmap_icon.png);
    background-position: left center;
    background-size: 2.5em;
    color: #2F2725;
    line-height: 1.3em;
  }
  #sec-location .container-pc .to_gmap a span {
    font-weight: bolder;
  }
  #sec-location .container-pc .to_gmap:hover {
    text-decoration: underline;
  }
  #sec-location .container-pc .mapcode {
    text-align: center;
  }
  #sec-location .container-pc .mapcode p:first-child {
    font-size: .7em;
    font-weight: bolder;
  }
  #sec-location .container-pc .mapcode .bigger_txt {
    font-size: 1.7em;
    line-height: 1.2em;
    border: 1px solid silver;
    background-color: white;
    padding: 4px 16px;
  }
  #sec-location .container-pc .address + .flex {
    border-bottom: 1px solid silver;
    padding-bottom: 1em;
  }
  #sec-location .container-pc .right_box .message_card {
    height: 240px;
    width: 100%;
    align-items: flex-start;
    padding-top: 8px;
  }
  #sec-location .container-pc .message {
    padding: 4px;
  }
  #sec-location .container-pc .message ul {
    padding-left: 8px;
  }
  #sec-location .container-pc .message ul li {
    line-height: 1.2em;
  }
  #sec-location .container-pc .message ul li.mail {
    padding-top: 4px;
  }
  #sec-location .container-pc .message ul li.mail + li {
    font-size: 0.6em;
  }
  #sec-location .container-pc .message ul li.mail + li span {
    font-size: 0.8em;
  }
  #sec-location .container-pc .message ul li a {
    display: inline-block;
    color: black;
  }
  #sec-location .container-pc .message ul li a:hover {
    cursor: pointer;
  }
  #sec-location .container-pc .message input {
    line-height: 1.2em;
    margin-bottom: 8px;
    box-shadow: none;
    display: inline-block;
    width: 12.5em;
  }
  #sec-location input[type="text"]:focus {
  outline: 0;
  }
  #sec-location .container-pc .message ul li span{
    display: inline-block;
    height: 19px;
    margin-top: 1px;
  }
  #sec-location .container-pc .message ul li a img {
    width: 24px;
    height: auto;
    padding-top: 4px;
  }
  #sec-location .container-pc .message img {
    width: 100%;
    height: auto;
  }
  #sec-location .container-pc .master {
    height: 100%;
  }
  #sec-location .container-pc .master img {
    width: auto;
    height: 100%;
  }
  img.footer_field-sp{
    display: none;
  }
  img.footer_field-pc {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -10;
  }




  /* footer */
  footer {
    min-width: 1200px;
    height: 140px;
    z-index: 100;
  }
  footer a.company_logo {
    bottom: 40px;
    background-image: url(images/company_logo.png);
    background-size: contain;
    width: 380px;
    height: 60px;
  }
  footer img.signboard_box-pc {
    display: inline-block;
    position: absolute;
    bottom: 120px;
    left: calc(50% - 60px);
    width: 140px;
    height: auto;
  }
}


















@media screen and (min-width: 897px) {



}








@media screen and (min-width: 1025px) {

}