@charset "UTF-8";
/* CSS Document */

/* 2023pref/index.html おせち料理の県別用意率 2023年 */
#pref2023            { margin: 0 auto; width: 980px; }
#pref2023 article    { margin: 60px auto; }
#pref2023 article h2 { margin: 0 auto; text-align: center; font-weight: bold; font-size: 44px; line-height: 1.5; font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif; color: #921717; }
#pref2023 article h3 { margin: .5em auto; text-align: center; font-weight: bold; font-size: 24px; line-height: 1.5; font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif; color: #4c4c4c; }
#pref2023 article h4 { margin: .5em auto; padding: .25em .5em; font-weight: bold; font-size: 18px; line-height: 1.5; font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif; color: #921717; border: solid 2px #921717; border-radius: .5em; }
#pref2023 article h4 span.small        { font-weight: normal; font-size: 16px; display: inline-block; }
#pref2023 article h4 span.small:before { content: '　'; }
@media only screen and (max-width: 768px){
#pref2023            { width: 100%; }
#pref2023 article    { margin: 6vw auto!important; padding: 0 3vw; }
#pref2023 article h2 { font-size: 6vw!important; }
#pref2023 article h3 { margin: 0 auto .5em auto; font-size: 4.5vw!important; }
#pref2023 article h4 { padding: .25em .5em; font-size: 4vw!important; border: solid 2px #921717; border-radius: .5em; }
#pref2023 article h4 span.small { font-size: 3.5vw; display: inline-block; }
}

#pref2023map            { width: 980px; }
#pref2023map .attention { font-weight: bold; }
#pref2023map ul         { display: flex; flex-wrap: wrap; }
#pref2023map li         { width: 50%; }
#pref2023map li a img   { width: 100%; height: auto; }
#TB_window a:hover img  { opacity: 100 !important; }
@media only screen and (max-width: 768px){
#pref2023map            { width: 100%; }
#pref2023map .attention { font-weight: bold; }
#pref2023map ul         { display: flex; flex-wrap: wrap; }
#pref2023map li         { width: 100%; }
#pref2023map li a       { pointer-events: none; }
#pref2023map li a img   { width: 100%; height: auto; }
}

#pref2023 article.summary               { margin: 60px auto; max-width: 640px; min-width: 600px; }
#pref2023 article.summary .data         { margin: 40px auto .5em auto; padding: 10px 25px; background: #fffae7; border: solid 1px #ccc; }
#pref2023 article.summary .data h3      { color: #000; font-size: 1em!important; font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif; }
#pref2023 article.summary .data p       { margin: 0 0 0 5em; font-size: 85%; text-indent: -5em; }
#pref2023 article.summary .data p span  { display: inline-block; text-indent: 0em; }
#pref2023 article.summary .data_caption { font-size: 85%; }
@media only screen and (max-width: 768px){
#pref2023 article.summary               { margin: 6vw auto; padding: 0 3vw; min-width: auto; }
#pref2023 article.summary .data         { margin: 0 auto .5em auto; padding: 5vw; }
#pref2023 article.summary .data h3      { margin-top: 0; }
}