@charset "utf-8";

/******************************/
/* toppage */
/******************************/

@media screen and (min-width:1361px) {
 .main {
  max-width: 200rem;
 }

 .main__slid .kari {
  width: 72vw;
 }

 .info__kaisai {
  width: 50vw;
 }

 .hanasaku {
  background-size: auto 93rem;
 }
}

@media screen and (min-width:2001px) {
 .main__slid {
  height: 80rem;
 }

 .main__slid .kari {
  width: 72rem;
 }
}

@media screen and (max-width:1360px) {
 .main__slid {
  min-height: 110rem;
 }

 .main__slid li img {
  width: auto;
  height: 102rem;
  position: absolute;
  left: calc((100vw - 135.98rem) / 2);
 }
}

@media screen and (max-width:760px) {
 html {
  font-size: 1.4vw;
 }

 .info__kaisai {
  bottom: 66rem;
 }

 .hanasaku {
  background-size: 110% auto;
 }

 /********** hana */
 .access .hana05 {
  right: -48rem;
 }

 .hanasaku .hana06 {
  top: -6rem;
  left: -51rem;
 }

 .sponsor .hana07 {
  right: -50rem;
 }

 .footer .hana08 {
  left: -3rem;
 }
/* スマホ時の kari を中央固定＆サイズをvwで可変に */
.main__slid {
  min-height: 100vw;              /* 画面比で十分な高さを確保 */
  position: relative;             /* 子のabsolute基準 */
}

/* rs.css(～1360px)のスライド画像のabsolute指定をスマホでは打ち消す */
.main__slid li img {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  left: auto !important;
  transform: none !important;
}

/* ブレンドレイヤの重なり順を調整（kariが上にくるように） */
.main__slid .main__slid_blend {
  z-index: 0;
}

/* kari ロゴの中央配置＆可変サイズ、fadeInを明示 */
.main__slid .kari {
  z-index: 2;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);    /* 横センター */
  top: 12vw;                       /* rem依存をやめ、vwで安定配置 */
  width: clamp(220px, 90vw, 680px);/* 端末幅に応じて縮尺 */
  height: auto;
  opacity: 0;                      /* 念のためアニメ初期値 */
  animation: fadeInAnime 1.1s forwards;
  animation-delay: .3s;            /* 好みで調整 */
}
	
}



/******************************/
/* news */
/******************************/

@media screen and (max-width:960px) {
 .post__main {
  width: 90%;
 }
}