@charset "utf-8";
/* 教室タイトル帯 */
#content_header           { background: rgba(255,207,4,.2); border-color: #ffcf04; }
#content_header h1        { color: #ffcf04; }
#content_header h1:before { border: solid 2px #ffcf04; }
.content_section h3       { color: #ffcf04; }
/* 中カテゴリー帯 */
.category_section h3                  { background: rgba(255,207,4,.2); }
.category_section h3:before           { color: #ffcf04; border: solid 2px #ffcf04; }
.content_section .title_border        { color: #ffcf04; }
.content_section .title_border:before,
.content_section .title_border:after  { border-color: #ffcf04; }

/* コンテンツ・タイトル  */
#Container .content_section h3         { color: #ffcf04; }
#Container .content_section h4         { color: #ffcf04; }
#Container .content_section h4:before,
#Container .content_section h4:after   { border-top: 2px solid #ffcf04; }

.nabe_container #content_title .inner   { border-color: #ffcf04; }
.nabe_container #content_title ul       { border-color: #ffcf04; }
.nabe_container #content_title .lead    { border-color: #ffcf04; }
.nabe_container #content_title .profile { background: #fffae5; border: 1px solid #ffcf04; }
/* タイトルビジュアル */
.nabe_container.dougu #content_title .inner       { background: url(/knowledge/nabe/img/visual/dougu.png) right no-repeat; background-size: 320px; }
.nabe_container.syurui #content_title .inner      { background: url(/knowledge/nabe/img/visual/syurui.png) right no-repeat; background-size: 320px; }
.nabe_container.goshokunabe #content_title .inner { background: url(/knowledge/nabe/img/visual/goshokunabe.png) right no-repeat; background-size: 320px; }
.nabe_container.konabe #content_title .inner      { background: url(/knowledge/nabe/img/visual/konabe.png) right no-repeat; background-size: 320px; }
.nabe_container.yasainabe #content_title .inner   { background: url(/knowledge/nabe/img/visual/yasainabe.png) right no-repeat; background-size: 320px; }
.nabe_container.rekishi #content_title .inner     { background: url(/knowledge/nabe/img/visual/rekishi.png) right no-repeat; background-size: 320px; }
.nabe_container.edoki #content_title .inner       { background: url(/knowledge/nabe/img/visual/edoki.png) right no-repeat; background-size: 320px; }
.nabe_container.nihonsyu #content_title .inner    { background: url(/knowledge/nabe/img/visual/nihonsyu.png) right no-repeat; background-size: 320px; }
.nabe_container.aruaru #content_title .inner      { background: url(/knowledge/nabe/img/visual/aruaru.png) right no-repeat; background-size: 320px; }
.nabe_container.nabemap #content_title .inner     { background: url(/knowledge/nabe/img/visual/map.png) right no-repeat; background-size: 320px; }
.nabe_container.world #content_title .inner       { background: url(/knowledge/nabe/img/visual/world.png) right no-repeat; background-size: 320px; }
.nabe_container.ranking #content_title .inner     { background: url(/knowledge/nabe/img/visual/ranking.png) right no-repeat; background-size: 320px; }
.nabe_container.nabeimage #content_title .inner   { background: url(/knowledge/nabe/img/visual/nabeimage.png) right no-repeat; background-size: 320px; }
@media only screen and (max-width: 768px){
.nabe_container.dougu #content_title .inner, 
.nabe_container.syurui #content_title .inner,
.nabe_container.goshokunabe #content_title .inner,
.nabe_container.konabe #content_title .inner,
.nabe_container.yasainabe #content_title .inner,
.nabe_container.rekishi #content_title .inner,
.nabe_container.edoki #content_title .inner,
.nabe_container.nihonsyu #content_title .inner,
.nabe_container.aruaru #content_title .inner,
.nabe_container.nabemap #content_title .inner,
.nabe_container.world #content_title .inner,
.nabe_container.ranking #content_title .inner,
.nabe_container.nabeimage #content_title .inner  { background: none; }
.nabe_container.dougu #content_title .lead       { background: url(/knowledge/nabe/img/visual/dougu.png) 50% 1em no-repeat; background-size: contain; }
.nabe_container.syurui #content_title .lead      { background: url(/knowledge/nabe/img/visual/syurui.png) 50% 1em no-repeat;; background-size: contain; }
.nabe_container.goshokunabe #content_title .lead { background: url(/knowledge/nabe/img/visual/goshokunabe.png) 50% 1em no-repeat; background-size: contain; }
.nabe_container.konabe #content_title .lead      { background: url(/knowledge/nabe/img/visual/konabe.png) 50% 1em no-repeat; background-size: contain; }
.nabe_container.yasainabe #content_title .lead   { background: url(/knowledge/nabe/img/visual/yasainabe.png) 50% 1em no-repeat; background-size: contain; }
.nabe_container.rekishi #content_title .lead     { background: url(/knowledge/nabe/img/visual/rekishi.png) 50% 1em no-repeat; background-size: contain; }
.nabe_container.edoki #content_title .lead       { background: url(/knowledge/nabe/img/visual/edoki.png) 50% 1em no-repeat; background-size: contain; }
.nabe_container.nihonsyu #content_title .lead    { background: url(/knowledge/nabe/img/visual/nihonsyu.png) 50% 1em no-repeat; background-size: contain; }
.nabe_container.aruaru #content_title .lead      { background: url(/knowledge/nabe/img/visual/aruaru.png) 50% 1em no-repeat; background-size: contain; }
.nabe_container.nabemap #content_title .lead     { background: url(/knowledge/nabe/img/visual/map.png) 50% 1em no-repeat; background-size: contain; }
.nabe_container.world #content_title .lead       { background: url(/knowledge/nabe/img/visual/world.png) 50% 1em no-repeat; background-size: contain; }
.nabe_container.ranking #content_title .lead     { background: url(/knowledge/nabe/img/visual/ranking.png) 50% 1em no-repeat; background-size: contain; }
.nabe_container.nabeimage #content_title .lead   { background: url(/knowledge/nabe/img/visual/nabeimage.png) 50% 1em no-repeat; background-size: contain; }
}

/* ～カ条リスト */
.kajyo h4                       { margin: 0 0 1em 0; color: #ffcf04; font-weight: 400!important; font-size: 36px; }
.kajyo .pointlist               { border: 2px solid #ffcf04; }
.kajyo .pointlist li .caption   { font-weight: normal; font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif; font-size: 14px; color: #4c4c4c!important; }
.content_section p img.fl_right { width: initial; margin-left: 2em; }

/* 鍋の道具 */
.nabesozai h4    { font-size: 24px; }
.nabesozai p img { float: right; width: 300px; height: auto; margin-bottom: 1em; }
.dougu .item_lists          { margin-top: 40px; width: 100%; }
.dougu .item_lists ul       { display: flex; flex-wrap: wrap; justify-content: space-between; }
.dougu .item_lists ul li    { margin-bottom: 40px; width: 300px; border: solid 2px #ffcf04; border-radius: 1em; overflow: hidden; }
.dougu .item_lists ul li h5 { margin: 0 auto; padding: .75em 0; text-align: center; background: rgba(255,207,4,.2); border-bottom: solid 2px #ffcf04; }
.dougu .item_lists ul li p  { padding: 1em 1em 0 1em; border-top: solid 1px #ffcf04; }
.nabesozai .nabe_lists                { margin: 40px auto; }
.nabesozai .nabe_lists ul             { display: flex; flex-wrap: wrap; margin-right: -40px; }
.nabesozai .nabe_lists ul li          { margin-bottom: 30px; margin-right: 40px; width: 300px; }
.nabesozai .nabe_lists ul li h5       { margin-bottom: 1em; padding-bottom: .25em; border-bottom: 1px dotted #ffcf04; }
.nabesozai .nabe_lists ul li img      { margin-bottom: 1em; width: 100%; }
.nabesozai .nabe_lists.twin ul li     { width: 470px; }
.nabesozai .nabe_lists.twin ul li img { margin-bottom: 1em; width: 300px; float: left; margin-right: 1em; }
@media only screen and (max-width: 768px){
.nabesozai h4    { font-size: initial; }
.nabesozai p img { width: 50%!important; height: auto; margin: 0 0 .25em 1em!important; }
.dougu .item_lists          { margin-top: 1em; }
.dougu .item_lists ul       { display: flex; flex-wrap: wrap; justify-content: center; }
.dougu .item_lists ul li    { margin-bottom: 1em; width: 100%; border: solid 2px #ffcf04; border-radius: 1em; overflow: hidden; }
.dougu .item_lists ul li h5 { margin: 0 auto; padding: .75em 0; text-align: center; background: rgba(255,207,4,.2); border-bottom: solid 2px #ffcf04; }
.dougu .item_lists ul li p  { padding: 1em 1em 0 1em; border-top: solid 1px #ffcf04; }
.nabesozai .nabe_lists            { margin: 1em auto; }
.nabesozai .nabe_lists ul         { display: flex; flex-wrap: wrap; justify-content: center; margin-right: 0px; }
.nabesozai .nabe_lists ul li      { margin-bottom: 1em; margin-right: 0; width: 100%; }
.nabesozai .nabe_lists ul li h5   { margin-bottom: 1em; padding-bottom: .25em; border-bottom: 1px dotted #ffcf04; }
.nabesozai .nabe_lists.twin ul li     { width: 100%; }
.nabesozai .nabe_lists.twin ul li img { margin-bottom: 1em; float: left; margin-right: 1em; }
.nabesozai .nabe_lists ul li img               { margin: 0 1em .25em 0; width: 50%!important; float: left; }
.nabesozai .nabe_lists ul li:nth-child(2n) img { margin: 0 0 .25em 1em; width: 50%!important; float: right; }
}
/* 鍋料理の分類 */
@media only screen and (max-width: 768px){
.nabe_type .l_double { display: inline; }
.nabe_type .r_double { display: inline; }
.nabe_type .l_single { float: left; width:  calc(50% + 1em); padding: 0 1em .25em 0; }
.nabe_type .r_single { float: right; width: calc(50% + 1em); padding: 0 0 .25em 1em; }
}
/* 5色鍋でヘルシーに */
.bunrui ul     { margin: 2em 0 1em 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-right: -40px; }
.bunrui li     { width: 470px; }
.bunrui li img { margin-bottom: .5em; width: 45px!important; }
@media only screen and (max-width: 768px){
.balance .r_single { float: right; width: 50%; margin-left: 1em; }
}
/* 小鍋で楽しむ鍋 */
.konabe .compact p img       { float: right; width: 200px; margin-left: 1em; }
.konabe .item_lists          { width: 100%; }
.konabe .item_lists ul       { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; width: 896px; }
.konabe .item_lists ul li    { margin: 0 0px 20px 0px; width: 300px; border: solid 2px #ffcf04; border-radius: 1em; overflow: hidden; }
.konabe .item_lists ul li h5 { margin: 0 auto; padding: .75em 0; text-align: center; background: rgba(255,207,4,.2); border-bottom: solid 2px #ffcf04; }
.konabe .item_lists ul li .item img { width: 100%; }
.konabe .item_lists ul li p  { margin: 0; padding: 1em; border-top: solid 1px #ffcf04; }
.konabe .item_lists ul li:nth-child(1) { border-radius: 1em 0 0 1em; }
.konabe .item_lists ul li:nth-child(2) { border-left: none; border-right: none; border-radius: 0; width: 296px; }
.konabe .item_lists ul li:nth-child(3) { border-radius: 0 1em 1em 0; }
.konabe .item_lists ul li p            { padding: 1em; }
@media only screen and (max-width: 768px){
.konabe .compact p img    { width:25%; }
.konabe .item_lists ul    { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; width: 100%; }
.konabe .item_lists ul li { position: relative; margin: 0 0 1em 0; width: 100%; background: #fff; border: solid 2px #ffcf04; border-radius: 1em; overflow: hidden; }
.konabe .item_lists.kuzumochi_recipe ul { margin: 0; }
.konabe .item_lists.kuzumochi_recipe li { margin: 0 0 1em 0; }
.konabe .item_lists ul li:nth-child(1) { border-radius: 1em; }
.konabe .item_lists ul li:nth-child(2) { border: solid 2px #ffcf04!important; border-radius: 1em; width: 100%; }
.konabe .item_lists ul li:nth-child(3) { border-radius: 1em; }
}
/* 野菜をたっぷり味わう鍋3種 */
.yasainabe .fix_center800     { margin: 0 auto; width: 800px; }
.yasainabe .fix_center800 img { width: 100%; }
.yasainabe .uematsu_point              { margin: 2em auto; }
.yasainabe .uematsu_point .point_title { font-size: 24px; display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 0; padding: 0; background: #ffcf04; border: solid 2px #ffcf04; border-radius: .5rem .5rem 0 0; overflow: hidden; }
.yasainabe .uematsu_point .point_title span:first-of-type { width: 7em; font-weight: bold; font-family: sans-serif; text-align: center; vertical-align: middle; color:#fff; }
.yasainabe .uematsu_point .point_title span:last-of-type  { width: calc(100% - 7em); padding: .25em 1em; font-weight: bold; text-align: left; color: initial; background: #fffae5; }
.yasainabe .uematsu_point .fill    { padding: 2em; border: solid 2px #ffcf04; border-top: none; border-radius: 0 0 .5rem .5rem; }
.yasainabe .uematsu_point .l_half  { width: 66%; }
.yasainabe .uematsu_point .r_half  { width: 33%; }
@media only screen and (max-width: 768px){
.yasainabe .fix_center800     { width: 100%; }
.yasainabe .uematsu_point .point_title { font-size: 1.25em; }
.yasainabe .uematsu_point .point_title span:first-of-type { width: 7em; font-weight: bold; font-family: sans-serif; text-align: center; vertical-align: middle; color:#fff; }
.yasainabe .uematsu_point .point_title span:last-of-type  { width: calc(100% - 7em); padding: .25em 1em; font-weight: bold; text-align: left; color: initial; background: #fffae5; }
.yasainabe .uematsu_point .fill    { padding: 1em; }
.yasainabe .uematsu_point .l_half  { width: 100%; }
.yasainabe .uematsu_point .r_half  { width: 100%; }
}
/* 鍋の歴史と分類 */
/* 江戸時代に発展した鍋料理 */
.recipe_view .fix_center640 { margin-bottom: 2em; }
.recipe_view .zairyo        { margin: 1em 0; }
.recipe_view .zairyo th     { text-align: center; font-size: 1.15em; color: #fff; background: #ffcf04; border-radius: .5em .5em 0 0; }
.recipe_view .zairyo th,
.recipe_view .zairyo td     { padding: .5em 1em; border-bottom: 0px solid #333; }
.recipe_view .zairyo tr:nth-child(2n+1) { background: rgba(255,207,4,.2); }
.recipe_view .howto         { margin: 1em auto; }
.recipe_view .howto td      { padding: .5em 0m; font-size: 1em; }
.recipe_view .howto ol      { padding: 0 0 0 1.5em; }
.recipe_view .howto ol li   { margin: 10px 0; list-style: decimal outside; }
.recipe_view .howto ol li:first-child { margin-top: 1em; }
.recipe_view .howto th      { padding: .5em 1em; text-align: center; font-size: 1.15em; color: #fff; background: #ffcf04; border-radius: .5em .5em 0 0; }

/* 鍋と日本酒の相性 */
#Container.nihonsyu .sake_nabe { margin: 1em auto 3em auto; width: 710px; }
#Container.nihonsyu .sake_nabe h5.centering { margin: 0; padding: .5em; background: #ffcf04; text-align: center; border-radius: .5em .5em 0 0; }
@media only screen and (max-width: 768px){
#Container.nihonsyu .sake_nabe { width: 100%; }
#Container.nihonsyu .sake_nabe h5.centering { margin: 0; padding: .5em; background: #ffcf04; text-align: center; border-radius: .5em .5em 0 0; }

}
.sake_nabe p.clicktitle    { margin-bottom: 0; padding: .5em 1em; font-weight:bold; font-size: 16px; text-align: right; color: #000; background: #ffcf04; border-radius: .5em .5em 0 0; }
#saketype                  { margin: 0 auto; width: 100%; border: 2px solid #ffcf04; box-sizing: border-box; position: relative; }
#saketype .chart_base      { box-sizing: border-box; position: relative; z-index: 1; }
#saketype .chart_base img  { width: 100%; height: auto; }
#saketype ul               { position: absolute; top: 0; width: 100%; height: 100%; z-index: 2; }
#saketype ul li            { position: absolute; z-index: 3; box-sizing: border-box; width: 33.098592%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#saketype ul li img        { width: 100%; }
#saketype ul li img:hover  { cursor: pointer; }
#saketype ul li.sake01     { left: 29.295775%; top: 29.295775%; }
#saketype ul li.sake02     { left: 70.84507%; top: 29.295775%; }
#saketype ul li.sake03     { left: 29.295775%; top: 70.84507%; }
#saketype ul li.sake04     { left: 70.84507%; top: 70.84507%; }
#saketype .pop     { display: none; }
#saketype .pop     { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); z-index: 10; }
#saketype .pop img { position: absolute; top: 50%; left: 50%; width: 62.125749%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#saketype .pop h5,
#saketype .pop p   { display: none; }
#nabetype                  { margin: 0 auto 10px auto; width: 100%; border: 2px solid #ffcf04; box-sizing: border-box; position: relative; }
#nabetype .chart_base      { box-sizing: border-box; position: relative; z-index: 1; }
#nabetype .chart_base img  { width: 100%; height: auto; }
#nabetype ul.sake_base              { position: absolute; top: 0; width: 100%; height: 100%; z-index: 2; opacity: .25; }
#nabetype ul.sake_base li           { position: absolute; z-index: 3; box-sizing: border-box; width: 33.098592%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#nabetype ul.sake_base li.sake01    { left: 29.295775%; top: 29.295775%; }
#nabetype ul.sake_base li.sake02    { left: 70.84507%; top: 29.295775%; }
#nabetype ul.sake_base li.sake03    { left: 29.295775%; top: 70.84507%; }
#nabetype ul.sake_base li.sake04    { left: 70.84507%; top: 70.84507%; }
#nabetype u.sake_basel li           { position: absolute; z-index: 2; box-sizing: border-box; width: 33.098592%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#nabetype ul.sake_base li img       { width: 100%; }
#nabetype ul.nabe_base               { position: absolute; top: 0; width: 100%; height: 100%; z-index: 4; }
#nabetype ul.nabe_base li            { position: absolute; top: 0; display: inline-block; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#nabetype ul.nabe_base li img        { width: 100%; }
#nabetype ul.nabe_base li img:hover  { cursor: pointer; }
#nabetype ul.nabe_base li#nabe01_yudofu              { left: 29.0140845%; top: 88.873239%; width: 9.8591549%; }
#nabetype ul.nabe_base li#nabe02_tarachirinabe       { left: 29.0140845%; top: 75.9154929%; width: 11.126761%; }
#nabetype ul.nabe_base li#nabe03_torinomizutaki      { left: 29.0140845%; top: 55.6338028%; width: 11.126761%; }
#nabetype ul.nabe_base li#nabe04_shabugoma           { left: 50%; top: 34.2253521%; width: 12.9577465%; }
#nabetype ul.nabe_base li#nabe04_shabuponzu          { left: 29.0140845%; top: 34.2253521%; width: 12.9577465%; }
#nabetype ul.nabe_base li#nabe05_yosenabe            { left: 50%; top: 60.4225352%; width: 9.8591549%; }
#nabetype ul.nabe_base li#nabe06_torinodangonabe     { left: 39.4366197%; top: 66.056338%; width: 9.8591549%; }
#nabetype ul.nabe_base li#nabe07_oden                { left: 60.140845%; top: 68.169014%; width: 9.8591549%; }
#nabetype ul.nabe_base li#nabe08_sukiyaki            { left: 69.2957746%; top: 39.4366197%; width: 9.8591549%; }
#nabetype ul.nabe_base li#nabe09_motsunabe           { left: 70.8450704%; top: 88.028169%; width: 9.8591549%; }
#nabetype ul.nabe_base li#nabe10_kimuchinabe         { left: 82.5352112%; top: 50%; width: 9.8591549%; }
#nabetype ul.nabe_base li#nabe11_chankonabe          { left: 50%; top: 74.6478873%; width: 10.9859155%; }
#nabetype ul.nabe_base li#nabe12_iwashinotsumirenabe { left: 39.4366197%; top: 82.2535211%; width: 9.8591549%; }
#nabetype ul.nabe_base li#nabe13_ishikarinabe        { left: 65.4929577%; top: 53.0985915%; width: 9.8591549%; }
#nabetype ul.nabe_base li#nabe14_mizorenabe          { left: 15.211268%; top: 19.8591549%; width: 9.8591549%; }
#nabetype ul.nabe_base li#nabe15_millefeuillenabe    { left: 15.211268%; top: 35.9154929%; width: 14.9295775%; }
#nabetype ul.nabe_base li#nabe16_yasainabe           { left: 15.211268%; top: 50%; width: 9.8591549%; }
#nabetype ul.nabe_base li#nabe17_gyozanabe           { left: 19.7183098%; top: 65.9154929%; width: 9.8591549%; }
#nabetype ul.nabe_base li#nabe18_cheesenabe          { left: 88.8732394%; top: 12.9577464%; width: 9.8591549%; }
#nabetype ul.nabe_base li#nabe19_phakchinabe         { left: 76.056338%; top: 22.3943662%; width: 11.126761%; }
#nabetype ul.nabe_base li#nabe20_lemmonnabe          { left: 7.323944%; top: 9.71831%; width: 9.8591549%; }
#nabetype ul.nabe_base li#nabe21_hamagurinabe        { left: 45.9154929%; top: 46.6197183%; width: 10.28169%; }
#nabetype ul.nabe_base li#nabe22_tantannabe          { left: 83.8028169%; top: 33.6619718%; width: 9.8591549%; }
#nabetype ul.nabe_base li#nabe23_tonyunabe           { left: 64.9295775%; top: 78.028169%; width: 9.8591549%; }
#nabetype .pop     { display: none; }
#nabetype .pop     { position: absolute; top: 0;  width: 100%; height: 100%; background: rgba(0,0,0,.2); z-index: 10; }
#nabetype .pop img { position: absolute; top: 50%; left: 50%; width: 56.287425%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#nabetype .pop h5,
#nabetype .pop p   { display: none; }
/* ウチの鍋って、へん!? */
#aruaru_link ul    { display: flex; justify-content: center; }
#aruaru_link ul li { margin: 2em 10px; }
.aruaru_nabe           { margin: 1em auto 2em auto; padding: 40px 100px; border: solid 2px #ffcf04; border-radius: 1em; position: relative; }
.aruaru_nabe .kodawari { padding: 120px 40px 10px 40px; background: #fff; border-radius: 1em; }
.aruaru_nabe h4     { margin: 0 0 0 -40px; padding: 0; text-align: left; background: #333; position: absolute; display: block!important; width: calc(100% - 240px); height: 40px; top: 80px; border-radius: 0 8px 8px 0; }
.content_section .aruaru_nabe h4 img      { position: absolute; left:20px; bottom: 0; width: initial; }
.content_section .aruaru_nabe .serif      { margin-bottom: .5em; }
.content_section .aruaru_nabe .kodawari p { margin-bottom: 0; }
.aruaru_nabe .clouds        { display: none; }
.aruaru_nabe .dotti         { padding: 30px 0 10px 200px; background: url(../culture/aruaru/img/dotti.png) left no-repeat; }
.aruaru_nabe .dotti h5      { color: #fff; font-size: 26px; }
.aruaru_nabe .dotti h5 img  { width: initial; }
.aruaru_nabe .dore          { padding: 30px 0 10px 200px; background: url(../culture/aruaru/img/dore.png) left no-repeat; }
.aruaru_nabe .dore h5       { color: #fff; font-size: 26px; }
.aruaru_nabe .dore h5 img   { width: initial; }
.aruaru_nabe .tozai         { padding: 20px 40px 10px 40px; background: #fff; border-radius: 1em; }
.aruaru_nabe .tozai img     { width: 100%; margin-bottom: 1em; }
.aruaru_nabe .tozai p       { margin: .5em 0 0 0; }
#aruaru_sukiyaki.aruaru_nabe      { background: #eb6600; border: solid 0px #eb6600; }
#aruaru_sukiyaki.aruaru_nabe h4   { background: #eb6600!important; }
#aruaru_shabushabu.aruaru_nabe    { background: #c200a6; border: solid 0px #c200a6; }
#aruaru_shabushabu.aruaru_nabe h4 { background: #c200a6!important; }
#aruaru_oden.aruaru_nabe          { background: #f52800; border: solid 0px #f52800; }
#aruaru_oden.aruaru_nabe h4       { background: #f52800!important; }
#aruaru_yosenabe.aruaru_nabe      { background: #f19a04; border: solid 0px #f19a04; }
#aruaru_yosenabe.aruaru_nabe h4   { background: #f19a04!important; }
#aruaru_mizutaki.aruaru_nabe      { background: #8d9d00; border: solid 0px #8d9d00; }
#aruaru_mizutaki.aruaru_nabe h4   { background: #8d9d00!important; }
.outro .kakomi p.title1           { font-weight: bold; font-size: 18px; color: #000; }
.outro .kakomi p.sm               { padding-left: calc(2em + 1rem); text-indent: -1em; }
@media only screen and (max-width: 768px){
#aruaru_link ul li { margin: 1em 2px; }
.aruaru_nabe                         { padding: 1em; border: none; border-radius: 0; position: relative; }
.aruaru_nabe .kodawari               { padding: 1em 1em .5em 1em; background: #fff; border-radius: .5em; }
.content_section .aruaru_nabe h4     { margin: 0 0 .5em -14px; padding: 0; position: static; display: block; width: 100%; height: auto; border-radius: 0; }
.content_section .aruaru_nabe h4:before,
.content_section .aruaru_nabe h4:after { display: none; }
.content_section .aruaru_nabe h4 img { position: static; left: 0; bottom: 0; width: initial; }
.aruaru_nabe .clouds                 { display: none; }
.aruaru_nabe .dotti                  { margin: .5em 0; padding: 0; background: none; }
.aruaru_nabe .dotti h5               { color: #fff; font-size: 1rem; padding: 0 0 0 120px; min-height: 65px; background: url(../culture/aruaru/img/dotti.png) left top no-repeat; background-size: 110px; }
.aruaru_nabe .dotti h5 img           { width: initial; }
.aruaru_nabe .dore                   { margin: .5em 0; padding: 0; background: none; }
.aruaru_nabe .dore h5                { color: #fff; font-size: 1rem; padding: 0 0 0 120px; min-height: 65px; background: url(../culture/aruaru/img/dore.png) left top no-repeat; background-size: 110px; }
.aruaru_nabe .dore h5 img            { width: initial; }
.aruaru_nabe .tozai                  { padding: 20px 1em 10px 1em; background: #fff; border-radius: 1em; }
.aruaru_nabe .tozai img              { width: 100%; margin-bottom: 1em; }
#aruaru_sukiyaki.aruaru_nabe      { margin: 1em -1em; background: #eb6600; border: solid 0px #eb6600; }
#aruaru_sukiyaki.aruaru_nabe h4   { background: none!important; }
#aruaru_shabushabu.aruaru_nabe    { margin: 1em -1em; background: #c200a6; border: solid 0px #c200a6; }
#aruaru_shabushabu.aruaru_nabe h4 { background: none!important;}
#aruaru_oden.aruaru_nabe          { margin: 1em -1em; background: #f52800; border: solid 0px #f52800; }
#aruaru_oden.aruaru_nabe h4       { background: none!important; }
#aruaru_yosenabe.aruaru_nabe      { margin: 1em -1em; background: #f19a04; border: solid 0px #f19a04; }
#aruaru_yosenabe.aruaru_nabe h4   { background: none!important; }
#aruaru_mizutaki.aruaru_nabe      { margin: 1em -1em; background: #8d9d00; border: solid 0px #8d9d00; }
#aruaru_mizutaki.aruaru_nabe h4   { background: none!important; }
}
/* ご当地鍋マップ */
.nabemap .teiban_list        { margin: 40px -20px 0 0; display: flex; flex-wrap: wrap; }
.nabemap .teiban_list li     { margin-bottom: 20px; margin-right: 20px; width: 230px; border: solid 2px #ffcf04; border-radius: 1em; overflow: hidden; }
.nabemap .teiban_list li img { width: 100%; }
.nabemap .teiban_list li p   { margin: .5em auto; text-align: center; }
.nabemap .sp_ranking                 { width: 400px; float: left; }
.nabemap .sp_ranking dl              { font-size: 16px; border-top: 1px solid #ffcf04; border-left: 1px solid #ffcf04; }
.nabemap .sp_ranking dl#spnabe2012re { border-top: 1px solid #ffcf04; border-left: none; }
.nabemap .sp_ranking dl#sptane2012re { border-top: 1px solid #ffcf04; border-left: none; }
.nabemap .sp_ranking dl#spnabetimere { border-top: 1px solid #ffcf04; border-left: none; }
.nabemap .sp_ranking dl#spodentimere { border-top: 1px solid #ffcf04; border-left: none; }
.nabemap .sp_ranking dt              { clear: left; float: left; width: 6em; padding: .5em 0; font-weight:bold; text-align: center; background: rgba(255,207,4,.2); border-right: 1px solid #ffcf04; border-bottom: 1px solid #ffcf04; }
.nabemap .sp_ranking dd              { margin-left: 6em; padding: .5em 0 .5em 1em; border-right: 1px solid #ffcf04; border-bottom: 1px solid #ffcf04; }
.nabemap .gotchi                     { margin: 40px auto; display: block; width: 800px; }
@media only screen and (max-width: 768px){
.nabemap .nabe_map .centering { margin: 0 -1em !important; }
.nabemap .teiban_list        { margin: 2em -1em 0 0; display: flex; flex-wrap: wrap; }
.nabemap .teiban_list li     { margin-bottom: 1em; margin-right: 1em; width: calc(50% - 1em); }
.nabemap .teiban_list li img { width: 100%; }
.nabemap .teiban_list li p   { margin: .5em auto; text-align: center; }
.nabemap .sp_ranking                 { width: 100%; float: none; font-size: 0.9em; }
.nabemap .sp_ranking dl#spnabe2012fw { border-top: 1px solid #ffcf04; }
.nabemap .sp_ranking dl#spnabe2012re { border-top: 0; }
.nabemap .sp_ranking dl              { font-size: 1em; border: 0px solid #ffcf04; }
.nabemap .sp_ranking dt              { clear: left; float: left; width: 22%; padding: .25em 0; font-weight:bold; text-align: center; background: rgba(255,207,4,.2); border-left: 1px solid #ffcf04; border-bottom: 1px solid #ffcf04; }
.nabemap .sp_ranking dd              { margin-left: 22%; padding: .25em 0 .25em .5em; border-right: 1px solid #ffcf04; border-bottom: 1px solid #ffcf04; }
.nabemap .gotchi                     { margin: 40px auto; display: block; width: 100%; }
}
/* 世界の鍋 */
.world #content_title ul li:nth-child(2)        { display: block; }
.world #content_title ul li:nth-child(2):before { content: '編集：'; }
.world h4 img { display: inline-block; width: auto!important; height: 34px!important; margin-right: .5em; vertical-align: middle; border: 1px solid #fff; display: inline-block; }
@media only screen and (max-width: 768px){
.world h4 img { height: 23px!important; }
}
/* 鍋ランキング【鍋白書】 */
.ranking #kotatsu,
.ranking #nabedane          { width: 640px; margin: 1em auto; }
.naberanking table          { margin-bottom: 2em; border-top: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%; word-break: break-all; }
.naberanking th             { text-align: center; line-height: 1; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.naberanking tr.rankyear th { color: #fff; background: #333; }
.naberanking tr.rankage th  { color: #fff; background: #333; padding: 1em 0; }
.naberanking tr.rankage th:first-child  { color: #fff; background: #FFF; padding: 1em 0; }
.naberanking .rankingage td:nth-of-type(odd)  { width: 18%; }
.naberanking td             { padding: 1em 0; white-space: pre-wrap; text-align: center; color: #000; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.naberanking td.oden        { background: #d6eacd; }
.naberanking td.sukiyaki    { background: #f3f395; }
.naberanking td.kimuchinabe { background: #fde9b8; }
.naberanking td.syabusyabu  { background: #ffded9; }
.naberanking td.yosenabe    { background: #e4deff; }
.naberanking td.yudoufu     { background: #c0e3f8; }
.naberanking td.mizutaki    { background: #e1f0db; }
.naberanking td.cyannko     { background: #f6f6b2; }
.naberanking td.toridanngo  { background: #feefcb; }
.naberanking td.motsu       { background: #ffe7e3; }
.naberanking td.tonyu       { background: #ebe7ff; }
.naberanking td.udonsuki    { background: #d2ebfa; }
.naberanking td.millefeuille{ background: #c6e0c2; }
/*.naberanking td.kaki        { background: #e9ea8d; }*/

.thinkabout table            { margin-bottom: 1em; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.thinkabout th               { width: 3em; text-align: center; font-size: 1em; font-weight: normal; line-height: 1; background: rgba(255,207,4,.2); border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.thinkabout td               { padding: 1em; white-space: nowrap; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.thinkabout tr td:last-child { width: 7em; text-align: center; }
.thinkabout.resp                       { display: flex; flex-wrap: nowrap; margin-bottom: 3em; }
.thinkabout.resp table                 { max-width: 50%; border-left: 0; margin-bottom: 0; }
.thinkabout.resp table:first-child     { border-left: 1px solid #ccc; }
.thinkabout.resp table tr:nth-child(3) { height: 80px; white-space: normal; }

.kakomi.yellow               { border: 2px solid #ffcf04; }
.kakomi.yellow h5              { border-bottom: 2px solid #ffcf04; color:#ffcf04; }

@media only screen and (max-width: 768px){
.ranking #kotatsu,
.ranking #nabedane     { width: 100%; margin: 1em auto; }
.naberanking table th  { padding: .3em; }
.naberanking table tr,
.naberanking table td  { font-size: 1.9vw!important; }
.naberanking tr.rankyear th span { word-break: break-all; }
.naberanking td              { padding: .2em 0; }
.thinkabout > div            { margin: 0 0 1em 0; }
.thinkabout table            { border-top: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%; }
.thinkabout th               { width: 2em; text-align: center; font-size: 1em; font-weight: normal; line-height: 1; background: rgba(255,207,4,.2); border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.thinkabout td               { padding: .5em;  white-space: pre-wrap; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.thinkabout tr td:last-child { width: 5em; text-align: center; }
.thinkabout.resp                       { display: flex; flex-wrap: wrap; }
.thinkabout.resp table                 { max-width: 100%; width: 100%; border: 0;  }
.thinkabout.resp table:first-child     { border-top: 1px solid #ccc; }
.thinkabout.resp table:last-child      { border-left: 1px solid #ccc; }
.thinkabout.resp table tr:nth-child(3) { height: auto; white-space: normal; }
}

/*outro*/
.content_section.outro         { padding: 4em 0; background: url(/knowledge/img/pixelcross_glay.png) repeat; }
.content_section.outro .kakomi { margin: 0 0 2em 0; padding: 0; background: #fff; border: 2px solid #ffcf04; border-radius: 1rem; }
.content_section.outro h5      { margin: 0; padding: .75em 1rem; font-size: 24px; color: #ffcf04; border-bottom: 2px solid #ffcf04; }
.content_section.outro p       { margin-top: 1em; padding: 0 1rem 0 1rem; }
#downloads   { margin: 2em auto; padding: 0; text-align: center; }
#downloads a { display:inline-block; font-size: 18px; font-weight: bold; text-decoration: none; padding: 1em 1em 1em 40px; position: relative; background: #fff; border: double 3px #ffcf04; border-radius: .5em; }
#downloads a:before { content: url(/knowledge/img/pdficon_large.png); position: absolute; left: 8px; top: 50%; transform: translateY(-50%); }
#hakusyobacknumber          { margin: 0 auto; width: 640px; }
#hakusyobacknumber table    { width: 100%; background: #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#hakusyobacknumber table tr { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#hakusyobacknumber table td { padding: .5em 1em; font-size: 16px; }

@media only screen and (max-width: 768px){
.content_section.outro { padding: 2em 0 1px 0; }
#downloads   { margin: 1em; padding: 0; text-align: center; }
#downloads a { display:inline-block; font-size: .95em; font-weight: bold; text-decoration: none; padding: .5em .5em .5em 30px; position: relative; background: #fff; border: double 3px #ffcf04; border-radius: .5em; }
#downloads a:before { content: url(/knowledge/img/pdficon_large.png); position: absolute; left: 8px; top: 50%; transform: translateY(-50%); }
#hakusyobacknumber          { margin: 0 auto; width: 100%; }
#hakusyobacknumber table    { width: 100%; background: #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#hakusyobacknumber table tr { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#hakusyobacknumber table td { padding: .5em 1em.5em 5.5em; font-size: 1em; text-indent: -4.5em; }
}
/* 10種のイメージと32種の鍋 */
.nabeinfo_gauge      { margin-bottom: 1em; padding-top: 1em; text-align: center; }
.content_section.research { padding: 4em 0; background: url(/knowledge/img/pixelcross_glay.png) repeat; }
.content_section.research .kakomi { padding: 1em; background: #fff; border: 2px solid #ffcf04; border-radius: 1rem; }
.item_list.nabe_img          { margin-top: 40px; width: 100%; }
.item_list.nabe_img ul       { display: flex; flex-wrap: wrap; margin-right: -40px; }
.item_list.nabe_img ul li    { margin-bottom: 40px; margin-right: 40px; width: 470px; }
.item_list.nabe_img ul li h5 { margin: 0 auto; padding: .75em 0; font-size: 24px; color: #ffcf04; }
.item_list.nabe_img ul li p  { padding: 1em 1em 0 1em; }
.item_list.nabe_chart          { }
.item_list.nabe_chart ul       { display: flex; flex-wrap: wrap; margin-right: -40px; }
.item_list.nabe_chart ul li    { margin-bottom: 40px; margin-right: 40px; width: 470px; }
.item_list.nabe_chart ul li h5 { margin: 0 auto; padding: .75em 0; font-size: 24px; color: #ffcf04; }
.item_list.nabe_chart ul li p  { padding: 1em 1em 0 1em; }
.item_list.nabe_chart p             { padding: 0!important; }
.item_list.nabe_chart table caption { text-align: right; }
.item_list.nabe_chart table td      { padding: .25em 1em; font-size: 16px; border: 1px solid #ffcf04; }
.item_list.nabe_chart table td:nth-child(1) { font-weight: bold; text-align: center; width: 3em; background: rgba(255,207,4,.2); }
.item_list.nabe_chart table td:nth-child(3) { text-align: right; width: 4em; }
@media only screen and (max-width: 768px){
.nabe_research       {  }
.item_list.nabe_img ul       { display: flex; flex-wrap: wrap; margin-right: 0; }
.item_list.nabe_img ul li    { margin-bottom: 0; margin-right: 0px; width: 100%; }
.item_list.nabe_img ul li h5 { font-size: 1.2em; }
.item_list.nabe_img ul li p  { padding: 1em 0 0 0; }
.item_list.nabe_chart ul       { display: flex; flex-wrap: wrap; margin-right: 0px; }
.item_list.nabe_chart ul li    { margin-bottom: 0; margin-right: 0; width: 100%; }
.item_list.nabe_chart ul li h5 { margin: 1em auto 0 auto; padding: .75em 0; font-size: 24px; color: #ffcf04; }
.item_list.nabe_chart ul li p  { padding: 1em 1em 0 1em; }
.item_list.nabe_chart p             { margin-bottom: 0; padding: 0!important; }
.item_list.nabe_chart table caption { text-align: right; }
.item_list.nabe_chart table td      { padding: .25em 1em; font-size: 1em; border: 1px solid #ffcf04; }
.item_list.nabe_chart table td:nth-child(1) { font-weight: bold; text-align: center; width: 2em; background: rgba(255,207,4,.2); }
.item_list.nabe_chart table td:nth-child(3) { text-align: right; width: 4em; }
.content_section.research { padding: 2em 0 1px 0; }
}

.almond span:before  { content: '● '; white-space: pre; color: #c00000; }
.udon span:before    { content: '● '; white-space: pre; color: #e60012; }
.oden span:before    { content: '● '; white-space: pre; color: #ff8000; }
.kaisen span:before  { content: '● '; white-space: pre; color: #e8d300; }
.kaki span:before    { content: '● '; white-space: pre; color: #92d050; }
.kani span:before    { content: '● '; white-space: pre; color: #429100; }
.curry span:before   { content: '● '; white-space: pre; color: #00b0f0; }
.kinoko span:before  { content: '● '; white-space: pre; color: #0070c0; }
.kimu span:before    { content: '● '; white-space: pre; color: #7030a0; }
.gyoza span:before   { content: '● '; white-space: pre; color: #413089; }
.kiri span:before    { content: '● '; white-space: pre; color: #c1d6f0; }
.samuge span:before  { content: '● '; white-space: pre; color: #e610f6; }
.shabu span:before   { content: '● '; white-space: pre; color: #c00000; }
.suki span:before    { content: '● '; white-space: pre; color: #e60012; }
.tara span:before    { content: '● '; white-space: pre; color: #ff8000; }
.tantan span:before  { content: '● '; white-space: pre; color: #e8d300; }
.chanko span:before  { content: '● '; white-space: pre; color: #92d050; }
.tonyu span:before   { content: '● '; white-space: pre; color: #429100; }
.tomato span:before  { content: '● '; white-space: pre; color: #00b0f0; }
.toridan span:before { content: '● '; white-space: pre; color: #0070c0; }
.tororo span:before  { content: '● '; white-space: pre; color: #7030a0; }
.paku span:before    { content: '● '; white-space: pre; color: #c1d6f0; }
.fugu span:before    { content: '● '; white-space: pre; color: #e610f6; }
.fruit span:before   { content: '● '; white-space: pre; color: #c00000; }
.mizu span:before    { content: '● '; white-space: pre; color: #e60012; }
.miso span:before    { content: '● '; white-space: pre; color: #ff8000; }
.mizore span:before  { content: '● '; white-space: pre; color: #e8d300; }
.milf span:before    { content: '● '; white-space: pre; color: #92d050; }
.motsu span:before   { content: '● '; white-space: pre; color: #429100; }
.yodofu span:before  { content: '● '; white-space: pre; color: #00b0f0; }
.yose span:before    { content: '● '; white-space: pre; color: #0070c0; }
.ramen span:before   { content: '● '; white-space: pre; color: #c1d6f0; }