._sp {
		display: none!important;
}
@media screen and (max-width:768px){
	._sp {
		display: block!important;
	}
	
	._pc {
		display: none!important;
	}
	
	.main-text .main-copy {
		font-size: 14px;
	}
	
	.main-text {
		left: 5%;
		width: 90%;
	}
	
	.main-text h1 {
		font-size: 34px;
	}
	
	.top-news .inner {
		flex-direction: column;
		gap: 15px;
	}
	
	.top-news {
		padding: 40px 0 50px 0;
	}
	
	.top-news .inner .title {
		width: 100%;
	}
	
	.top-news .inner .news-list {
		width: 100%;
	}
	
	.top-news .more-bt {
		position: absolute;
		right: 0;
		top: 30px;
	}
	
	.top-news .title h2 {
		margin-bottom: 20px;
	}
	
	.news-release-list li {
		padding: 30px 0;
	}
	
	.top-about h2 {
		font-size: 26px;
		margin-bottom: 30px;
	}
	
	.top-about .copy {
		font-size: 24px;
	}
	
	.top-about-inner .img {
		display: none;
	}
	
	.top-about {
		background: url(../images/index/about-bg-sp.jpg) no-repeat right;
		padding: 100px 0;
		background-size: cover;
	}
	
	.top-sec01 {
		padding: 60px 0 30px 0;
		flex-direction: column;
		gap:25px;
	}
	
	.top-sec01 .img {
		width: 100%;
	}

	.top-sec01 .text {
		width: 100%;
	}
	
	.top-sec01 dd {
    	font-size: 24px;
	}
	
	.top-sec01 h3 {
    	font-size: 17px;
	}
	
	.top-sec02 h2 {
		font-size: 20px;
		margin-bottom: 25px;
	}
	
	.top-sec02 ul {
		grid-template-columns: 1fr 1fr;
		gap: 20px 10px;
	}
	
	.top-sec02 p {
    	font-size: 12px;
	}
	
	.top-sec03 ul {
    	grid-template-columns: 1fr;
	}
	
	.top-sec03 a {
		padding: 100px 0;
		font-size: 23px;
	}
	
	.top-sec04 img {
		height: 180px;
	}
	
	.sns-link {
		gap: 10px;
		margin-bottom: 50px;
		flex-direction: column;
	}
	
	.footer-logo {
		width: 80px;
		margin: 0 auto 40px auto;
	}
	
	.footer {
		padding: 70px 0 30px 0;
	}
	
	.top-sec04 ul {
    	gap: 10px;
	}
	
	.top-sec02 {
		margin-bottom: 60px;
	}
	
	.header-inner {
		width: 90%;
		height: 100px;
	}
	
	
	
	
	
	
	
}

/* PCは今まで通り：hamburgerは非表示 */
.hamburger { display: none; }

/* ====== SP ====== */
@media (max-width: 768px) {

  .header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
  }

  /* ハンバーガーボタン */
  /* ハンバーガー本体 */
.hamburger{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:0;
  background:transparent;
  padding:10px;
  cursor:pointer;
	flex-direction: column;
	z-index: 1000;
}

/* 横線3本だけに効かせる */
.hamburger > span:not(.hamburger-label){
  display:block;
  width:26px;
  height:2px;
  background:#fff;   /* ← 白に変更 */
  transition: transform .25s, opacity .25s;
}

/* MENU文字 */
.hamburger-label{
  font-size:12px;
  letter-spacing:.08em;
  color:#fff;        /* ← 白に変更 */
  line-height:1;
}


  /* メニューは初期：閉じる */
  .g-navi{
    position:fixed;
    inset:0;                 /* top/right/bottom/left 0 */
    background:rgba(0,0,0,0.8);
    transform: translateX(100%);
    transition: transform .25s;
    padding:110px 20px 20px;  /* 上はヘッダー分の逃げ */
    overflow:auto;
    z-index:999;
  }
	
	.header-inner a {
		padding: 12px 0;
        display: block;
        font-size: 15px;
	}
	
  .g-navi ul{
    display:flex;
    flex-direction:column;
    gap:18px;
  }

  /* 開いた状態 */
  body.is-menu-open .g-navi{
    transform: translateX(0);
  }

  /* ×に変形 */
  body.is-menu-open .hamburger > span:nth-child(1){
    transform: translateY(4px) rotate(45deg);
  }
  body.is-menu-open .hamburger > span:nth-child(2){
    opacity:0;
  }
  body.is-menu-open .hamburger > span:nth-child(3){
    transform: translateY(-12px) rotate(-45deg);
  }

  /* 予約ボタンなど、SPで押しやすくしたい場合 */
  .g-navi .reserve a{
    display:inline-block;
    padding:12px 16px;
  }
	
	.about-wow,
	.rule-wrap {
		width: 90%;
		margin: 0 auto;
	}
	
	.about-h {
    font-size: 20px;
}
	
	.catchcopy {
    font-size: 21px;
	}
	
	.category-page,
	.single-page {
    padding: 0;
		width: 90%;
		margin: 0 auto;
		padding-bottom: 50px;
}
	
	
	.single-title {
    font-size: 22px;
}
	
	
	
	
	
	
}