@charset "UTF-8";
* { margin: 0; padding: 0; }

a { text-decoration: none; cursor: pointer; }

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

body { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; width: 100%; min-height: 100%; color: #333333; font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; line-height: 1.5; }

.u-mt15 { margin-top: 15px !important; }

.u-mb15 { margin-bottom: 15px !important; }

.article-BannerWrapper { position: relative; width: 100%; margin: auto; padding: 20px 0; background-color: #eeeeee; text-align: center; }
.article-BannerWrapper:after { content: "- PR -"; position: absolute; inset: auto 0 0 0; margin: auto; box-sizing: border-box; text-align: center; color: #999999; font-size: 12px; font-weight: bold; line-height: 20px; }

.article-Banner336x280 { position: relative; display: inline-block; z-index: 0; min-width: 300px; min-height: 250px; margin: 0; text-align: center; }
.article-Banner336x280 div { margin-right: auto; margin-left: auto; }
.article-Banner336x280 img { width: auto; }
.article-Banner336x280:nth-of-type(n+2) { margin-top: 20px; }

.article-Header { container: headerContainer/inline-size; width: 100%; margin: 0 auto; border-bottom: 1px solid #dddddd; box-sizing: border-box; }

.article-Header_Inner { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; height: 55px; margin: auto; padding: 0 10px; box-sizing: border-box; }

.article-Header_IconWrapper { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; padding-top: 4px; }

.article-Header_Icon-home { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; margin-right: 0; }
@container headerContainer (max-width: 350px) { .article-Header_Icon-home { margin-right: 0; } }

.article-Header_Icon-list { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; margin-right: 13px; }
@container headerContainer (max-width: 350px) { .article-Header_Icon-list { margin-right: 11px; } }

.article-Header_Icon-history { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; margin-right: 10px; }
@container headerContainer (max-width: 350px) { .article-Header_Icon-history { margin-right: 8px; } }

.article-Header_IconImage { display: block; margin: 0 auto; height: 23px; fill: currentColor; }
@container headerContainer (max-width: 350px) { .article-Header_IconImage { height: 20px; } }

.article-Header_IconText { display: block; margin-top: 2px; font-size: 8.5pt; font-weight: bold; }

.article-Footer { position: static; margin-top: auto; box-sizing: border-box; background-color: #dddddd; text-align: center; }

.article-Footer_Credit { box-sizing: border-box; background-color: #dddddd; color: #333333; font-size: 9pt; line-height: 1.5; }

.article-Footer_CreditText { display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; height: 20px; }

.article-Footer_Link { display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; height: 20px; padding: 5px 0 8px; }

.article-Footer_LinkInner { color: #333333; }

.article-Footer_OverlayBanner { height: 100px; }

.article-Footer_OverlayBannerInner { position: fixed; bottom: 0; left: 0; z-index: 1999999; width: 100%; text-align: center; }