/* まるごと貸切プランLP用リセット
 * サイト共通CSS(sanitize.css/style.css)より後に読み込み、
 * 共通部(フッター・パンくず等)へ影響しないよう .pg-studio 配下のみに適用する */

/* Box sizing rules */
/* Box sizingの定義 */
:where(.pg-studio) *,
:where(.pg-studio) *::before,
:where(.pg-studio) *::after {
  box-sizing: border-box;
}

/* Remove default padding */
/* デフォルトのpaddingを削除 */
:where(.pg-studio) ul[class],
:where(.pg-studio) ol[class] {
  padding: 0;
}

/* Remove default margin */
/* デフォルトのmarginを削除 */
:where(.pg-studio) h1,
:where(.pg-studio) h2,
:where(.pg-studio) h3,
:where(.pg-studio) h4,
:where(.pg-studio) p,
:where(.pg-studio) ul[class],
:where(.pg-studio) ol[class],
:where(.pg-studio) li,
:where(.pg-studio) figure,
:where(.pg-studio) figcaption,
:where(.pg-studio) blockquote,
:where(.pg-studio) dl,
:where(.pg-studio) dd {
  margin: 0;
}

/* Set core defaults */
/* LP領域のデフォルトを定義 */
.pg-studio {
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
/* class属性を持つul、ol要素のリストスタイルを削除 */
:where(.pg-studio) ul[class],
:where(.pg-studio) ol[class] {
  list-style: none;
}

/* A elements that don't have a class get default styles */
/* classを持たない要素はデフォルトのスタイルを取得 */
:where(.pg-studio) a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
/* img要素の扱いを簡単にする */
:where(.pg-studio) img {
  /*max-width: 100%;*/
  display: block;
}

/* Inherit fonts for inputs and buttons */
/* inputやbuttonなどのフォントは継承を定義 */
:where(.pg-studio) input,
:where(.pg-studio) button,
:where(.pg-studio) textarea,
:where(.pg-studio) select {
  font: inherit;
}

/* buttonのスタイルを打ち消し */
:where(.pg-studio) button {
  padding: 0;
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* inputのスタイルを打ち消し */

:where(.pg-studio) input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: transparent;
}
:where(.pg-studio) input[type="text"] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
}

/* textareaのスタイルを打ち消し */
:where(.pg-studio) textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
}

/* selectのスタイルを打ち消し */
:where(.pg-studio) select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
}

/* Remove all animations and transitions for people that prefer not to see them */
/* 見たくない人用に、すべてのアニメーションとトランジションを削除 */
@media (prefers-reduced-motion: reduce) {
  .pg-studio * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
