@charset "utf-8";


#all{
  overflow-x: hidden;
}
body{
  background-color: #BCD985;
  z-index: -99;
  overflow-x: hidden;
}

.back_plus{
  background-color: #bcd985;
}

.main_container{
  width: 100%;
  text-align: center;
  margin: 0 auto;
}


.main_wrapper{
  width: 95%;
  margin: 0px auto;
  padding: 50px 0;
}

.play_wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.play_wrapper img{
  width: 120px;
  margin: 5px;
}

iframe {
  width: 100%;
}

.main-visual {
  width: 100%;
  overflow: hidden;
}

.mv-img {
  width: 100%;
  object-fit: cover;
}


.reserve-btn_wrapper{
  position: relative;
  display: inline-block;
  margin: 40px 0;
}
.reserve-btn {
  display: inline-block;
  padding: 14px 60px;
  border-radius: 999px; /* ぷっくり */
  background: linear-gradient(135deg, #E94B7A, #E94B7A);
  color: #fff;
  border: 1px solid #fff;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 4px 0 #B93A60; /* 影色は少し濃く */
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.reserve-btn.is-pressed {
  transform: translateY(4px);
  box-shadow: 0 0 0 #B93A60;
}

.reserve-btn:active {
  transform: translateY(4px);
  box-shadow: 0 0 0 #B93A60;
}

/* 参加方法カルーセル */


.carousel-container img{
  width: 100%;
}

.step-no{
  font-family: "Fredoka", sans-serif;
  font-optical-sizing: auto;
  color: #0F1419;
  font-weight: 600;
}

/* コンテナ */
.carousel-container {
  position: relative;
  max-width: 800px; /* お好みで調整 */
  margin: 0 auto;
  overflow: visible;
  
}

/* カルーセル */
.carousel-wrapper {
  display: flex;
  overflow: visible; /* PCは横並びで全部見える */
  margin: 0 auto;
}

.carousel-item {
  flex: 1;
  min-width: 0;
  text-align: center;
  /* padding-bottom: 40px; */
  margin: 0 10px;
  border-radius: 10px;
  background: #eee; /* ダミー背景 */
}

/* 矢印 */
.carousel-arrow {
  display: none; /* PCでは非表示 */
}

/* 左ボタン */
.carousel-arrow.prev {
  left: -10px; /* 好きな位置に調整 */
}

/* 右ボタン */
.carousel-arrow.next {
  right: -10px; /* 好きな位置に調整 */
}

/* 共通：矢印本体 */
.carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  z-index: 10;
}

.carousel-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
}

.carousel-arrow.prev::after {
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 10px solid #fff;
}

.carousel-arrow.next::after {
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 10px solid #fff;
}

/* ===== 丸インジケーター ===== */
.carousel-indicator {
  text-align: center;
  margin-top: 16px;
  display: none; /* PCでは非表示 */
}

.dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  border-radius: 50%;
  background: #fff;
}
.dot.active {
  background: #333;
}

/* ーーーーーーーーーーーーーーーーー */


h3{
 margin-bottom: 20px;
}

h4{
  font-size: 20px;
  line-height: 1.6em;
  align-items: center;
  font-family: "Yomogi" , serif;
  margin: 0 auto 30px;
  color: #144917;
  background-color: #f0f3eb;
  padding: 30px 10px;
  max-width: 400px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%232c9332' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.back-1{
  background-color: #d8eab9;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23bcd985' fill-opacity='0.56' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.back-3{
  background-color: #d8eab9;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0C6.716 0 0 6.716 0 15c8.284 0 15-6.716 15-15zM0 15c0 8.284 6.716 15 15 15 0-8.284-6.716-15-15-15zm30 0c0-8.284-6.716-15-15-15 0 8.284 6.716 15 15 15zm0 0c0 8.284-6.716 15-15 15 0-8.284 6.716-15 15-15z' fill='%23bcd985' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.back-4{
  background-color: #d8eab9;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'%3E%3Cpath fill='%23bcd985' fill-opacity='0.4' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z'%3E%3C/path%3E%3C/svg%3E");
}

.back-6{
  background-color: #d8eab9;
background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm33.414-6l5.95-5.95L45.95.636 40 6.586 34.05.636 32.636 2.05 38.586 8l-5.95 5.95 1.414 1.414L40 9.414l5.95 5.95 1.414-1.414L41.414 8zM40 48c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zM9.414 40l5.95-5.95-1.414-1.414L8 38.586l-5.95-5.95L.636 34.05 6.586 40l-5.95 5.95 1.414 1.414L8 41.414l5.95 5.95 1.414-1.414L9.414 40z' fill='%23bcd985' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.back-6 .main_container{
  padding-bottom: 1px;
}

#story{
  margin-bottom: 1.5em;
  line-height: 2.5em;
}

#story p{
  margin-bottom: 30px;
}


.zunda{
  position: absolute;
  top: -60px;
  right: -95px;
  pointer-events: none;
  z-index: 5;
  text-align: right;
}

.zunda_voice{
  font-size: 12px;
  display: flex;
  align-items: center;
  font-family: "Yomogi" , serif;
  justify-content: center;
}

.zunda img{
  width: 200px;
  /* position: relative;
  right: 9px; */
  
}

.zunda_wrapper{
  display: flex;
  margin: auto;
  justify-content: center;
}

body .black{
  color: #342B24;
}

.price_wrapper{
  text-align: center;
  font-size: 18px;
  padding: 10px;
  margin: 30px;
  border: #fff solid 2px;
  border-radius: 5px;
  
}

.ticket-content{
  text-align: center;
  
}

table{
  border-collapse: collapse;
  margin: 0 auto;
}

table th, table td{
  border: solid 1.5px #fff;
}

table th{
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 800;
  background-color: rgba(46,125,50,0.5);
  padding: 20px 10px;
  text-align: center;
  vertical-align: middle;
}

table td{
  font-family: "M PLUS Rounded 1c", sans-serif;
  background-color: rgba(255,255,255,0.5);
  padding: 20px 50px;
  vertical-align: middle;
}

table span{
  font-size: 24px;
  font-weight: 600;
}

#schedule_wrapper{
  color: #144917;
  padding-bottom: 80px;
}

#schedule_date{
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: bold;
}

#schedule_date span{
  font-size: 30px;
}

#schedule_time table th, #schedule_time table td{
  font-family: "Zen Maru Gothic", sans-serif;
  border: solid 1.5px #fff;
  font-weight: 800;
}

#schedule_time table th{
  background-color: rgb(244, 162, 97);
  color: #fff;
  padding: 20px 10px;
  text-align: center;
  vertical-align: middle;
}

#schedule_time td{
  padding: 20px 30px;
}

.mini{
  font-size: 15px;
  margin-left: 5px;
}

.price{
  font-size: 30px;
  padding-top: 10px;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

h2{
  margin: 20px 0 50px;
}

h2 img{
  width: 70%;
}

h3 img{
  width: 40%;
}

.text{
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #144917;
  text-align: center;
  margin-bottom: 1.5em;
  line-height: 1.8em;
}

.text_wrapper{
  text-align: left;
  margin: 30px 0;
  /* margin-bottom: 20px; */
}

.center{
  text-align: center;
}

.right{
  text-align: right;
}

.px20{
  font-size: 20px;
}
.px24{
  font-size: 24px;
}

.ticket-contents {
  margin-bottom: 50px;
}

.ticket-content {
  display: none;
}

.ticket-content.is-show {
  display: block;
}

.ticket-buttons{
  margin: 15px;
}

/* ボタン見た目（最低限） */
.ticket-btn {
  position: relative;
  margin: 0 5px;
  padding: 8px 40px;
  cursor: pointer;
  background-color: #9da89e;
  color: #fff;
  border-radius: 4px;
  border: solid 1px #fff;
}

.ticket-btn.is-active {
  background-color: #fff;
  color: #144917;
}

/* ▼ 下向き三角（アクティブのみ） */
.ticket-btn.is-active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px; /* ボタンの下に出す */
  transform: translateX(-50%);

  width: 0;
  height: 0;

  /* 細い下向き三角 */
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid #fff; /* ボタン背景と同色 */
}


.fa-list {
  list-style: none;
  padding: 0;
  font-family: "Zen Maru Gothic";
  font-size: 15px;
  color: #144917;
  background-color: #fff;
  text-align: left;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 1.5em;
  line-height: 1.6em;
}

li {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 8px;
}

li::before {
  content: "■";
  position: absolute;
  left: 0;
  top: 0.05em;
  font-size: 0.8em;
}





.ttl{
  text-align: center;
}

.ttl img{
width: 100%;
}

.buy-btn{
  margin-top: 50px;
}

.buy-btn img{
  width: 60%;
}

.container{
  width: 100%;
  display: flex;
}

.column{
  width: calc(33%);
}

footer{
  background-color: #9bb56b;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' viewBox='0 0 192 192'%3E%3Cpath fill='%23bcd985' fill-opacity='0.11' d='M192 15v2a11 11 0 0 0-11 11c0 1.94 1.16 4.75 2.53 6.11l2.36 2.36a6.93 6.93 0 0 1 1.22 7.56l-.43.84a8.08 8.08 0 0 1-6.66 4.13H145v35.02a6.1 6.1 0 0 0 3.03 4.87l.84.43c1.58.79 4 .4 5.24-.85l2.36-2.36a12.04 12.04 0 0 1 7.51-3.11 13 13 0 1 1 .02 26 12 12 0 0 1-7.53-3.11l-2.36-2.36a4.93 4.93 0 0 0-5.24-.85l-.84.43a6.1 6.1 0 0 0-3.03 4.87V143h35.02a8.08 8.08 0 0 1 6.66 4.13l.43.84a6.91 6.91 0 0 1-1.22 7.56l-2.36 2.36A10.06 10.06 0 0 0 181 164a11 11 0 0 0 11 11v2a13 13 0 0 1-13-13 12 12 0 0 1 3.11-7.53l2.36-2.36a4.93 4.93 0 0 0 .85-5.24l-.43-.84a6.1 6.1 0 0 0-4.87-3.03H145v35.02a8.08 8.08 0 0 1-4.13 6.66l-.84.43a6.91 6.91 0 0 1-7.56-1.22l-2.36-2.36A10.06 10.06 0 0 0 124 181a11 11 0 0 0-11 11h-2a13 13 0 0 1 13-13c2.47 0 5.79 1.37 7.53 3.11l2.36 2.36a4.94 4.94 0 0 0 5.24.85l.84-.43a6.1 6.1 0 0 0 3.03-4.87V145h-35.02a8.08 8.08 0 0 1-6.66-4.13l-.43-.84a6.91 6.91 0 0 1 1.22-7.56l2.36-2.36A10.06 10.06 0 0 0 107 124a11 11 0 0 0-22 0c0 1.94 1.16 4.75 2.53 6.11l2.36 2.36a6.93 6.93 0 0 1 1.22 7.56l-.43.84a8.08 8.08 0 0 1-6.66 4.13H49v35.02a6.1 6.1 0 0 0 3.03 4.87l.84.43c1.58.79 4 .4 5.24-.85l2.36-2.36a12.04 12.04 0 0 1 7.51-3.11A13 13 0 0 1 81 192h-2a11 11 0 0 0-11-11c-1.94 0-4.75 1.16-6.11 2.53l-2.36 2.36a6.93 6.93 0 0 1-7.56 1.22l-.84-.43a8.08 8.08 0 0 1-4.13-6.66V145H11.98a6.1 6.1 0 0 0-4.87 3.03l-.43.84c-.79 1.58-.4 4 .85 5.24l2.36 2.36a12.04 12.04 0 0 1 3.11 7.51A13 13 0 0 1 0 177v-2a11 11 0 0 0 11-11c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93 6.93 0 0 1-1.22-7.56l.43-.84a8.08 8.08 0 0 1 6.66-4.13H47v-35.02a6.1 6.1 0 0 0-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36 2.36A12 12 0 0 1 28 109a13 13 0 1 1 0-26c2.47 0 5.79 1.37 7.53 3.11l2.36 2.36a4.94 4.94 0 0 0 5.24.85l.84-.43A6.1 6.1 0 0 0 47 84.02V49H11.98a8.08 8.08 0 0 1-6.66-4.13l-.43-.84a6.91 6.91 0 0 1 1.22-7.56l2.36-2.36A10.06 10.06 0 0 0 11 28 11 11 0 0 0 0 17v-2a13 13 0 0 1 13 13c0 2.47-1.37 5.79-3.11 7.53l-2.36 2.36a4.94 4.94 0 0 0-.85 5.24l.43.84A6.1 6.1 0 0 0 11.98 47H47V11.98a8.08 8.08 0 0 1 4.13-6.66l.84-.43a6.91 6.91 0 0 1 7.56 1.22l2.36 2.36A10.06 10.06 0 0 0 68 11 11 11 0 0 0 79 0h2a13 13 0 0 1-13 13 12 12 0 0 1-7.53-3.11l-2.36-2.36a4.93 4.93 0 0 0-5.24-.85l-.84.43A6.1 6.1 0 0 0 49 11.98V47h35.02a8.08 8.08 0 0 1 6.66 4.13l.43.84a6.91 6.91 0 0 1-1.22 7.56l-2.36 2.36A10.06 10.06 0 0 0 85 68a11 11 0 0 0 22 0c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93 6.93 0 0 1-1.22-7.56l.43-.84a8.08 8.08 0 0 1 6.66-4.13H143V11.98a6.1 6.1 0 0 0-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36 2.36A12 12 0 0 1 124 13a13 13 0 0 1-13-13h2a11 11 0 0 0 11 11c1.94 0 4.75-1.16 6.11-2.53l2.36-2.36a6.93 6.93 0 0 1 7.56-1.22l.84.43a8.08 8.08 0 0 1 4.13 6.66V47h35.02a6.1 6.1 0 0 0 4.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12 12 0 0 1 179 28a13 13 0 0 1 13-13zM84.02 143a6.1 6.1 0 0 0 4.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12 12 0 0 1 83 124a13 13 0 1 1 26 0c0 2.47-1.37 5.79-3.11 7.53l-2.36 2.36a4.94 4.94 0 0 0-.85 5.24l.43.84a6.1 6.1 0 0 0 4.87 3.03H143v-35.02a8.08 8.08 0 0 1 4.13-6.66l.84-.43a6.91 6.91 0 0 1 7.56 1.22l2.36 2.36A10.06 10.06 0 0 0 164 107a11 11 0 0 0 0-22c-1.94 0-4.75 1.16-6.11 2.53l-2.36 2.36a6.93 6.93 0 0 1-7.56 1.22l-.84-.43a8.08 8.08 0 0 1-4.13-6.66V49h-35.02a6.1 6.1 0 0 0-4.87 3.03l-.43.84c-.79 1.58-.4 4 .85 5.24l2.36 2.36a12.04 12.04 0 0 1 3.11 7.51A13 13 0 1 1 83 68a12 12 0 0 1 3.11-7.53l2.36-2.36a4.93 4.93 0 0 0 .85-5.24l-.43-.84A6.1 6.1 0 0 0 84.02 49H49v35.02a8.08 8.08 0 0 1-4.13 6.66l-.84.43a6.91 6.91 0 0 1-7.56-1.22l-2.36-2.36A10.06 10.06 0 0 0 28 85a11 11 0 0 0 0 22c1.94 0 4.75-1.16 6.11-2.53l2.36-2.36a6.93 6.93 0 0 1 7.56-1.22l.84.43a8.08 8.08 0 0 1 4.13 6.66V143h35.02z'%3E%3C/path%3E%3C/svg%3E");
  padding: 100px 0 20px;
  text-align: center;
  color: #fff;
}



#icon_hiyomori{
  width: 200px;
  margin-bottom: 30px;
}

#share-button{
  position: fixed;
  z-index: 9999;
  background: #ffffffb8;
  top: 20px;
  right: -2px;
  width: 50px;
  padding: 15px 0 0;

  display: none;

}

.active{
  opacity: 1;
  visibility: visible;
}

#share-button i {
  font-size: 26px;
  display: block;
  width: 50px;
  margin-bottom: 15px;
}

.fa-x-twitter{
  color: #0F1419;
}

.fa-line{
  color: #00B900;
}


#buy-button{
  position: fixed;
  z-index: 9999;
  bottom: 10px;
  right: 5px;
  width: 100px;
}

#buy-button img{
  width: 100%;
}

/* うごき */
/* その場で */
.fadeIn{
  animation-name:fadeInAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity:0;
  }

  @keyframes fadeInAnime{
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }

  /* fadeUp */

.fadeUp{
  animation-name:fadeUpAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity:0;
  }
  
  @keyframes fadeUpAnime{
    from {
      opacity: 0;
    transform: translateY(20px);
    }
  
    to {
      opacity: 1;
    transform: translateY(0);
    }
  }

    /* スクロールをしたら出現する要素にはじめに透過0を指定　*/
   
    .flip-horizontal {
      transform: scale(-1, 1);
  }
  
  .fadeUpTrigger {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 1s ease, transform 1s ease;
  }
  
  .fadeUpTrigger.active {
      opacity: 1;
      transform: translateY(0);
  }
  
  .flip-horizontal.fadeUpTrigger {
      transform: scale(-1, 1) translateY(20px); /* 初期状態 */
  }
  
  .flip-horizontal.fadeUpTrigger.active {
      transform: scale(-1, 1) translateY(0); /* アクティブ状態 */
  }



/* 以下　スマホ用 */

@media screen and (max-width: 640px) {
  
  .main_container{
    width: 100%;
  }

  .main_container{
  max-width: none;
  text-align: center;
  margin: 0 auto;
}

.main-visual {
  width: 100%;
  height: 100%; /* PCで縦がデカくなりすぎない */
  overflow: hidden;
}

h2{
  margin: 20px 0 50px;
}

h2 img{
  width: 100%;
}

h3 img{
  width: 70%;
}
  
  #icon_hiyomori{
    width: 40%;
    margin-bottom: 30px;
  }

  


/* 参加方法カルーセル */
.carousel-container {
  position: relative;
  padding-bottom: 50px;
}

  .carousel-wrapper {
    width: 80%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .carousel-wrapper::-webkit-scrollbar {
    display: none;
  }

  .carousel-item {
    flex: 0 0 100%;
    scroll-snap-align: start;
  }

.carousel-arrow {
    display: block; /* スマホで表示 */
  }

.carousel-indicator {
  display: block; /* スマホで表示 */
}




}