/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

input[name="s"],
input#searchsubmit,
label[for="s"] {
  display: none;
}

/* headerへの記述ここから */
.ilumina-logo {
  position: relative;
  padding-top: 1vw;

  left: 0; 
  height: 8vw;
  max-height: 70px;
  width: auto;
  max-width: 300px;
  margin: 0 auto;
  float: left;
}

.site-header-container {
  max-width: 100%;
  padding: 0;
}
 #site-header-container {
  padding: 0;
  margin: 0;
  max-width: 100% important;
}
/* ヘッダーのメニューは右よせ */
@media (min-width: 992px) {
  body:not(.header_scrolled) .global-nav--layout--float-right {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin-right: 15vw; /* この数字で右はじからの間隔調整 */
  }
}
.site-header-logo {
	margin-left:1rem !important;
}

/* メニューの文字大きさ調節 */
.global-nav-list>li .global-nav-name {
  font-size: 18px;
  
}



/* メインヴィジュアルのCSSここから */
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
  }
}
.site-body-container, .container {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.main-visual-wrapper {
  position: relative;
  width: 100% !important;
  height: 30vw;

  background-color: #ffffff;
  overflow: hidden; /* 要素のボックスからはみ出したコンテンツ非表示 */
}

.main-content {
  position: relative;
  max-width: 100% !important; 
  height: 30vw;
  margin: 0 ;
  padding-bottom: 80px;
  z-index: 3;
}
/* 親テーマでヘッダーとの間に余白が大きくできるので調整 */
.site-body, .site-body-container {
  max-width: 100% !important;
  padding-top: 0; 
}


.pink-town {
  position: absolute;
  left: 0;
  bottom: 0%;
  width: 100vw;
  height: auto;
  z-index: 2;
  max-width: none !important;

  /* ▼ アニメーション追加部分 ▼ */
  /* opacity: 0;
  transform: translateY(30px);
  animation: fadeUp 1.2s ease-out forwards;
  animation-delay: 0.1s; */
}
/* アニメーション定義 */
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.blue-sky {
  position: absolute;
  left: 0;
  top: 0%;
  width: 100vw;
  height: auto;
  z-index: 1;
  max-width: none !important;

  /* ▼ アニメーション追加部分 ▼ */
  opacity: 0;
  filter: blur(5px);
  animation: fadeBlurIn 1.5s ease-out forwards;
  animation-delay: 0.4s; /* 任意で調整 */
}

@keyframes fadeBlurIn {
  0% {
    opacity: 0;
    filter: blur(5px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}



/* catch-copy01：中央よりやや左寄りに表示 */
.coin01 {
  position: absolute;
  top: 4vw;
  left: 45vw;
  width: 12vw;
  height: auto;
  z-index: 8;

  /* ▼ アニメーション追加部分 ▼ */
  animation: rotateY 1.5s ease-in-out 1s forwards;
  transform-origin: center; /* 回転の中心を指定 */
  backface-visibility: hidden; /* 裏側が見えないように */
}

@keyframes rotateY {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}

/* catch-copy02：catch-copy01の右に表示 */
.coin02 {
  position: absolute;
  top: 8vw;
  left: 37vw;
  width: 10vw;
  height: auto;
  z-index: 3;

  /* ▼ アニメーション追加部分 ▼ */
  animation: rotateY 1.5s ease-in-out 1.5s forwards;
  transform-origin: center; /* 回転の中心を指定 */
  backface-visibility: hidden; /* 裏側が見えないように */
}

/* catch-copy03：その下にやや右側に表示 */
.coin03 {
  position: absolute;
  top: 8vw;
  left: 55vw;
  width: 10vw;
  height: auto;
  z-index: 3;

  /* ▼ アニメーション追加部分 ▼ */
  animation: rotateY 1.5s ease-in-out 2s forwards;
  transform-origin: center; /* 回転の中心を指定 */
  backface-visibility: hidden; /* 裏側が見えないように */
}


.rogo-copy {
  position: absolute;
  top: 18vw;
  left: 35.5vw;
  width: auto;
  height: 7vw;
  z-index: 3;
}



.hosi01 {
  position: absolute;
  top: 13vw;
  left: 22vw;
  width: 6vw;
  height: auto;
  z-index: 3;
  animation: flashing 2.5s ease 2s infinite;

}
.hosi02 {
  position: absolute;
  top: 13vw;
  left: 75vw;
  width: 6vw;
  height: auto;
  z-index: 3;
  animation: flashing 3s ease 2.5s infinite;
}
.hosi03 {
  position: absolute;
  top: 5vw;
  left: 28vw;
  width: 5vw;
  height: auto;
  z-index: 3;
  animation: flashing 2.5s ease 2.7s infinite;
}
.hosi04 {
  position: absolute;
  top: 5vw;
  left: 68vw;
  width: 5vw;
  height: auto;
  z-index: 3;
  animation: flashing 3s ease 2.3s infinite;
}

@keyframes flashing {
	0% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* メインコンテンツの幅調整(主にブロックエディタの範囲） */
  .main-content-block {
    max-width: 80% !important;
    margin: 0 auto;
  }
  body.page:not(.home) .siteContent .container {
    max-width: 80% !important;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
  } 
/* メインヴィジュアルのCSSここまで */

/* 固定ページ、投稿ページの表示幅 */
.entry-header, .entry-body {
  max-width: 70% !important;
  margin: 0 auto;
}

.site-footer-content .row {
	max-width: 80% !important;
  margin: 0 auto;
}

.site-footer {
	background-color: rgba(255, 255, 255, 1.0) !important;
	background-image: none !important;
	
}