@charset "UTF-8";
/*
   Template: swell
   Theme Name: SWELL CHILD
   Theme URI: https://swell-theme.com/
   Description: SWELLの子テーマ
   Version: 1.0.0
   Author: LOOS WEB STUDIO
   Author URI: https://loos-web-studio.com/

   License: GNU General Public License
   License URI: http://www.gnu.org/licenses/gpl.html
*/



/* PC：メインビジュアル画像を全体表示（アスペクト比で高さ自動調整） */
.p-mainVisual.-height-set {
  height: auto !important;
}
.p-mainVisual__imgLayer {
  aspect-ratio: 1264 / 711;
}
.p-mainVisual__img {
  object-position: center center !important;
}

/* スマホ：50vh固定をリセットして画像を自然サイズで表示 */
@media (max-width: 959px) {
  /* 管理バー非表示 + ヘッダーのtopをリセット */
  #wpadminbar {
    display: none !important;
  }
  html {
    margin-top: 0 !important;
  }
  .l-header {
    top: 0 !important;
  }

  /* メインビジュアルの高さをリセット */
  .p-mainVisual__inner,
  .p-mainVisual__slide,
  .p-mainVisual__imgSlide {
    height: auto !important;
  }
  .p-mainVisual__imgLayer {
    height: auto !important;
    position: relative !important;
    aspect-ratio: unset !important;
  }
  .p-mainVisual__img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: fill !important;
    object-position: unset !important;
  }
}