/* font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanmp.min.css');

/*年齢確認画面カスタマイズ */
.header { margin:8rem auto 4rem auto !important; }
.header h1 { font-size: 1rem !important; padding: 0 !important; margin:0 auto !important; }
.header h1 img { max-width:25rem; }
#main_i { border: none; margin:0 auto !important; padding:0 2rem !important; }
#main_i form img { display: none; }
.validation_txt { color: #333 !important; font-family: YakuHanMP, "Noto Sans JP", serif; font-size: 1.1rem !important; font-weight: 400 !important; padding: 0 0 1em 0 !important; }
.validation_txt_sub { font-family: YakuHanMP, "Noto Serif JP", serif; font-size: 2.4rem !important; font-weight: 600; margin-bottom: 0.5em; }
.validation_select { display:inline-block !important; margin: 0.5rem !important; }
.validation_select a { font-size: 0 !important; margin: 0 !important; }
.validation_select a:before { font-family: YakuHanMP, "Noto Serif JP", serif; font-size: 1.4rem; font-weight: 500; padding: 0.25em 0; display: inline-block; width: 15rem; }
#validation_select_yes a:before { content: "はい"; color: #fff; background: #333; }
#validation_select_no a:before { content: "いいえ"; color: #666; background: #ddd; }
.footer { margin: 2rem auto !important; font-size:0.85em; }

@media screen and (max-width: 600px) {
  .header { margin:6rem auto 4rem auto !important; }
  .header h1 img { max-width:18rem; }
  .validation_txt_sub { font-size: 1.6rem !important; }
  .validation_select a:before { font-size: 1.2rem; width: 15rem; }
}