/* =========================
   モバイルでPCレイアウトに近づける
   ========================= */
@media (max-width: 767px) {

  /* 全体の文字サイズを少し縮小 */
  body {
    font-size: 5px;
    line-height: 1.6;
  }

  /* 見出し */
  h1 {
    font-size: clamp(24px, 5vw, 32px);
    line-height: 1.2;
    letter-spacing: 0.04em;
    word-break: keep-all;
    overflow-wrap: break-word;
  }

  h2 {
    font-size: clamp(20px, 4.5vw, 40px);
    line-height: 1.35;
    letter-spacing: 0.02em;
    word-break: keep-all;
    overflow-wrap: break-word;
  }

  h3 {
    font-size: clamp(18px, 4vw, 24px);
    line-height: 1.4;
    word-break: keep-all;
    overflow-wrap: break-word;
  }

  /* 段落・説明文 
  p,
  li,
  .wp-block-paragraph,
  .wp-block-heading {
    font-size: clamp(20px, 3.5vw, 16px);
    line-height: 1.2;
    word-break: keep-all;
    overflow-wrap: break-word;
  }*/

  /* 英数字や長いURLの崩れ防止 */
  a,
  span,
  div {
    overflow-wrap: break-word;
  }

  /* コンテンツ幅を少し広めにして変な改行を減らす */
  .site-content,
  .entry-content,
  .wp-site-blocks,
  .wp-block-group__inner-container,
  .container,
  .inner,
  main {
    padding-left: auto !important;
    padding-right: auto !important;
  }

  /* ボタンやナビの文字も少しだけ縮小
  .wp-block-button__link,
  button,
  .menu a,
  .navigation a {
    font-size: 13px;
    line-height: 1.4;
    white-space: normal;
  }*/
}

/* モバイル時のTOPキービジュアル調整 */
@media (max-width:767px){

  .home .wp-block-cover{
    min-height:auto !important;
    padding-top:5px !important;
    padding-bottom:100px !important;
  }

  /* 見出し */
  .home .wp-block-cover h1{
    font-size: clamp(28px,7vw,38px) !important;
    line-height:1.2 !important;
    text-align:center !important;
    word-break: keep-all;
    margin:20px auto 10px !important;
    max-width:9em;
  }



/* 初期状態：スマホ用は非表示 */
.mobile-only,
.mobile-only.wp-block-image,
.mobile-only.wp-block-cover,
.mobile-only figure {
  display: none !important;
}

/* モバイル時：PC用を非表示、スマホ用を表示 */
@media screen and (max-width: 767px) {
  .desktop-only,
  .desktop-only.wp-block-image,
  .desktop-only.wp-block-cover,
  .desktop-only figure {
    display: none !important;
  }

  .mobile-only,
  .mobile-only.wp-block-image,
  .mobile-only.wp-block-cover,
  .mobile-only figure {
    display: block !important;
  }

  .mobile-only img {
    display: block !important;
    width: 100% !important;
    height: 102% !important;
  }
}
	
	.slide-click-link{
		cursor: pointer;
	}