@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Noto+Sans+JP:wght@100..900&display=swap");

html,
body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  width: 100vw;
  height: auto;
}

h1,
figure,
p,
a,
span {
  margin: 0;
  padding: 0;
}

/* iOS Safari専用スタイル */
body.ios-safari rt {
  margin-top: -1.5vw;
  line-height: 0vw;
}

/* その他のブラウザ用スタイル */
body:not(.ios-safari) rt {
  margin-top: -1.5vw;
  margin-bottom: -1.5vw;
  line-height: normal;
}

.center {
  text-align: center;
}

.margin0 {
  margin: 0;
}

.padding0 {
  padding: 0;
}

.weight_100,
.weight_Thin,
.weight_Hairline {
  font-weight: 100;
}

.weight_200,
.weight_ExtraLight,
.weight_UltraLight {
  font-weight: 200;
}

.weight_300,
.weight_Light {
  font-weight: 300;
}

.weight_400,
.weight_Regular,
.weight_Normal {
  font-weight: 400;
}

.weight_500,
.weight_Medium {
  font-weight: 500;
}

.weight_600,
.weight_SemiBold,
.weight_DemiBold {
  font-weight: 600;
}

.weight_700,
.weight_Bold {
  font-weight: 700;
}

.weight_800,
.weight_ExtraBold,
.weight_UltraBold {
  font-weight: 800;
}

.weight_900,
.weight_Black,
.weight_Heavy {
  font-weight: 900;
}

/* だいたいこれがあれば大丈夫のフォントたち */
.font_M-Plus-Rounded-1c {
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.font_Noto-Sans-JP {
  font-family: "Noto Sans JP", sans-serif;
}

/* Model-Viewer用 */
model-viewer {
  display: none;
}

.non_download {
  pointer-events: none;
}

.bg{
    display: none;
}

@media screen and (orientation: landscape) {
  /* 画面幅を 390px に固定し、中央寄せ */
  html,
  body {
    overflow-x: hidden;
  }

  html{
    
    width: 100vw;
    height: auto;
  }

  /* 中身を縦方向に並べて中央寄せ */
  body {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  /* ここから vw → px 変換 */

  /* iOS Safari 専用 rt */
  body.ios-safari rt {
    margin-top: -5.8px; /* -1.5vw → -5.8px */
    line-height: 0px; /* 0vw → 0px */
  }

  /* その他ブラウザ用 rt */
  body:not(.ios-safari) rt {
    margin-top: -5.8px; /* -1.5vw → -5.8px */
    margin-bottom: -5.8px; /* -1.5vw → -5.8px */
  }

  .bg{
    display: block;
    position: fixed;
    top:0;
    left:0;
    width: 100vw;
    height: 100vh;
  }

  .bg_1{
    position: absolute;
    width: 100vw;
    height: 100vh;
  }
  
  .bg_2{
    position: absolute;
    top:3vw;
    left:3vw;
    width: 15vw;
  }

  .bg_3{
    position: absolute;
    top:3vw;
    right:0;
    height: 100vh;
  }
}