@charset "utf-8";
/* 教室タイトル帯 */
#content_header           { background: rgba(111,186,44,.1); border-top: 1px solid #6fba2c; border-bottom: 1px solid #6fba2c; }
#content_header h1        { color: #6fba2c; }
#content_header h1:before { border: solid 2px #6fba2c; }
.content_section h3       { color: #6fba2c; }
/* 中カテゴリー帯 */
.category_section h3        { background: rgba(111,186,44,.1); }
.category_section h3:before { color: #6fba2c; border: solid 2px #6fba2c; }
/* コンテンツ・タイトル  */
#Container .content_section h3        { color: #6fba2c; }
#Container .content_section h4        { color: #6fba2c; }
#Container .content_section h4:before,
#Container .content_section h4:after  { border-top: 2px solid #6fba2c; }
.oden_container #content_title .inner     { border-color: #6fba2c; }
.oden_container #content_title ul         { border-color: #6fba2c; }
.oden_container #content_title .lead      { border-color: #6fba2c; }
.oden_container .profile                  { background: #f0f8e9; border: 1px solid #6fba2c; }
.oden_container .content_section .profile { width: 470px; position: static; }
/* タイトルビジュアル */
.oden_container #content_title .inner             { background-position: right; background-repeat: no-repeat; background-size: 320px; }
.oden_container.howto #content_title .inner       { background-image: url(/knowledge/oden/img/visual/howto.png); }
.oden_container.iroiro #content_title .inner      { background-image: url(/knowledge/oden/img/visual/iroiro.png); }
.oden_container.eiyou #content_title .inner       { background-image: url(/knowledge/oden/img/visual/eiyou.png); }
.oden_container.shimikomu #content_title .inner   { background-image: url(/knowledge/oden/img/visual/shimikomu.png); }
.oden_container.tsukurikata #content_title .inner { background-image: url(/knowledge/oden/img/visual/tsukurikata.png); }
.oden_container.kushi #content_title .inner       { background-image: url(/knowledge/oden/img/visual/kushi.png); }
.oden_container.calender #content_title .inner    { background-image: url(/knowledge/oden/img/visual/calender.png); }
.oden_container.relax #content_title .inner       { background-image: url(/knowledge/oden/img/visual/relax.png); }
.oden_container.shokkan #content_title .inner     { background-image: url(/knowledge/oden/img/visual/shokkan.png); }
.oden_container.hoko #content_title .inner        { background-image: url(/knowledge/oden/img/visual/hoko.png); }
.oden_container.dashi #content_title .inner       { background-image: url(/knowledge/oden/img/visual/dashi.png); }
.oden_container.rekishi #content_title .inner     { background-image: url(/knowledge/oden/img/visual/rekishi.png); }
.oden_container.heisei #content_title .inner      { background-image: url(/knowledge/oden/img/visual/heisei.png); }
.oden_container.innovation #content_title .inner  { background-image: url(/knowledge/oden/img/visual/innovation.png); }
.oden_container.bungaku #content_title .inner     { background-image: url(/knowledge/oden/img/visual/bungaku.png); }
.oden_container.ehon #content_title .inner        { background-image: url(/knowledge/oden/img/visual/ehon.png); }
.oden_container.kabuki #content_title .inner      { background-image: url(/knowledge/oden/img/visual/kabuki.png); }
.oden_container.rakugo #content_title .inner      { background-image: url(/knowledge/oden/img/visual/rakugo.png); }
.oden_container.art #content_title .inner         { background-image: url(/knowledge/oden/img/visual/art.png); }
.oden_container.map #content_title .inner         { background-image: url(/knowledge/oden/img/visual/map.png); }
.oden_container.kaigai #content_title .inner      { background-image: url(/knowledge/oden/img/visual/kaigai.png); }
.oden_container.kotoba #content_title .inner      { background-image: url(/knowledge/oden/img/visual/kotoba.png); }
.oden_container.chart #content_title .inner       { background-image: url(/knowledge/oden/img/visual/chart.png); }
.oden_container.jikken #content_title .inner      { background-image: url(/knowledge/oden/img/visual/jikken.png); }
.oden_container.ranking #content_title .inner     { background-image: url(/knowledge/oden/img/visual/ranking.png); }
@media only screen and (max-width: 768px){
#content_title .inner                            { background: none !important; }
.oden_container #content_title .lead             { background-position: 0 .5em; background-size: contain; background-repeat: no-repeat; }
.oden_container.howto #content_title .lead       { background-image: url(/knowledge/oden/img/visual/howto.png); }
.oden_container.iroiro #content_title .lead      { background-image: url(/knowledge/oden/img/visual/iroiro.png); }
.oden_container.eiyou #content_title .lead       { background-image: url(/knowledge/oden/img/visual/eiyou.png); }
.oden_container.shimikomu #content_title .lead   { background-image: url(/knowledge/oden/img/visual/shimikomu.png); }
.oden_container.tsukurikata #content_title .lead { background-image: url(/knowledge/oden/img/visual/tsukurikata.png); }
.oden_container.kushi #content_title .lead       { background-image: url(/knowledge/oden/img/visual/kushi.png); }
.oden_container.calender #content_title .lead    { background-image: url(/knowledge/oden/img/visual/calender.png); }
.oden_container.relax #content_title .lead       { background-image: url(/knowledge/oden/img/visual/relax.png); }
.oden_container.shokkan #content_title .lead     { background-image: url(/knowledge/oden/img/visual/shokkan.png); }
.oden_container.hoko #content_title .lead        { background-image: url(/knowledge/oden/img/visual/hoko.png); }
.oden_container.dashi #content_title .lead       { background-image: url(/knowledge/oden/img/visual/dashi.png); }
.oden_container.rekishi #content_title .lead     { background-image: url(/knowledge/oden/img/visual/rekishi.png); }
.oden_container.heisei #content_title .lead      { background-image: url(/knowledge/oden/img/visual/heisei.png); }
.oden_container.innovation #content_title .lead  { background-image: url(/knowledge/oden/img/visual/innovation.png); }
.oden_container.bungaku #content_title .lead     { background-image: url(/knowledge/oden/img/visual/bungaku.png); }
.oden_container.ehon #content_title .lead        { background-image: url(/knowledge/oden/img/visual/ehon.png); }
.oden_container.kabuki #content_title .lead      { background-image: url(/knowledge/oden/img/visual/kabuki.png); }
.oden_container.rakugo #content_title .lead      { background-image: url(/knowledge/oden/img/visual/rakugo.png); }
.oden_container.art #content_title .lead         { background-image: url(/knowledge/oden/img/visual/art.png); }
.oden_container.map #content_title .lead         { background-image: url(/knowledge/oden/img/visual/map.png); }
.oden_container.kaigai #content_title .lead      { background-image: url(/knowledge/oden/img/visual/kaigai.png); }
.oden_container.kotoba #content_title .lead      { background-image: url(/knowledge/oden/img/visual/kotoba.png); }
.oden_container.chart #content_title .lead       { background-image: url(/knowledge/oden/img/visual/chart.png); }
.oden_container.jikken #content_title .lead      { background-image: url(/knowledge/oden/img/visual/jikken.png); }
.oden_container.ranking #content_title .lead     { background-image: url(/knowledge/oden/img/visual/ranking.png); }
}
/* ～カ条リスト */
.kajyo .pointlist   { border: 2px solid #6fba2c; border-radius: 1em; }
.kajyo .kajyo_title { margin: 1em 0; padding: .5em; text-align: center; font-size: 24px; color: #fe0000!important; background: rgba(111, 186, 44, 0.1); border-radius: .5rem; }
/* 基礎：定番おでんの作り方とレシピ
================================================================================ */
/*top-リンクボタン*/
.how_to_menu ul         { display: flex; flex-wrap: wrap; margin-right: -40px; }
.how_to_menu ul li      { margin-bottom: 40px; margin-right: 40px; width: 300px; }
.how_to_menu ul li h2   { margin: 0; padding: .5em .05em; text-align: center; font-size: 24px; color: #6fba2c!important; border: solid 1px #ddd; border-radius: 0 0 1rem 1rem; }
.how_to_menu ul li h2 i { padding-left: .5em; }
.how_to_menu ul li div.button { width: 300px; height: 200px; position: relative; }
.how_to_menu ul li div.button { text-align: center; background: url(/knowledge/oden/basics/howto/img/oden_local01.png) center no-repeat; background-size: cover; border: solid 1px #ddd; border-bottom:none; border-radius: 1rem 1rem 0 0; display: block; }
.how_to_menu ul li:nth-child(2) div.button { background-image: url(/knowledge/oden/basics/howto/img/oden_local02.png); }
.how_to_menu ul li:nth-child(3) div.button { background-image: url(/knowledge/oden/basics/howto/img/oden_local03.png); }
.how_to_menu ul li:nth-child(4) div.button { background-image: url(/knowledge/oden/basics/howto/img/oden_local04.png); }
.how_to_menu ul li:nth-child(5) div.button { background-image: url(/knowledge/oden/basics/howto/img/oden_local05.png); }
.how_to_menu ul li:nth-child(6) div.button { background-image: url(/knowledge/oden/basics/howto/img/oden_local06.png); }
.how_to_menu ul li:nth-child(7) div.button { background-image: url(/knowledge/oden/basics/howto/img/oden_local07.png); }
.how_to_menu ul li:nth-child(8) div.button { background-image: url(/knowledge/oden/basics/howto/img/oden_local08.png); }
.how_to_menu ul li:nth-child(9) div.button { background-image: url(/knowledge/oden/basics/howto/img/oden_local09.png); }
.how_to_menu ul li div.button p      { display: block; width: 100%; font-size: 24px!important; color: #fff; text-shadow: 2px 2px 4px #000, 3px 3px 5px #000; font-weight: bold; position: absolute; top: 50%; transform: translateY(-50%); }
.how_to_menu ul li div.button p span { display: inline-block; font-size: 70%; padding:.25em 1em; }
@media only screen and (max-width: 768px){
.how_to_menu ul                 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-right: 0; }
.how_to_menu ul li              { margin: 0 0 1em 0; width: calc(50% - .5em); }
.how_to_menu ul li h2           { margin-bottom:.25em; text-align: center; font-size: 4vw !important; }
.how_to_menu ul li div.button   { width: 100%; height: 31.9vw; position: relative; }
.how_to_menu ul li div.button p { display: block; width: 100%; font-size: 3.9vw!important; color: #fff; text-shadow: 2px 2px 4px #000, 3px 3px 5px #000; font-weight: bold; position: absolute; top: 50%; transform: translateY(-50%); }
}
.howto .content_section h3 span.rev { font-size: 80%; margin-right: .5em; color: #fff; background: #6fba2c; padding: .2em .25em; border-radius: .2em; display: inline-block; transform: translateY(-5%); }
.howto #video45 { padding-bottom: 4em; }
.howto #kajyo10  { background: url(/knowledge/img/pixelcross_glay.png) repeat; }
.howto #kajyo10 .inner { padding: 1em 0; }

.howto #tko_osk { padding: 2em 0; background: rgba(111, 186, 44, 0.1); border-top: 1px solid #6fba2c; border-bottom: 1px solid #6fba2c; }
.howto #dashi_uma { padding: 2em 0; background: rgba(111, 186, 44, 0.1); border-top: 1px solid #6fba2c; border-bottom: 1px solid #6fba2c; }
.howto #sippai { padding: 2em 0; background: rgba(111, 186, 44, 0.1); border-top: 1px solid #6fba2c; border-bottom: 1px solid #6fba2c; }
.howto #local3 { padding: 2em 0; }
.howto .content_section.recipe_view { padding: 2em 0; }
.howto #science { padding: 2em 0; }
.howto #jitan { padding: 2em 0; }
@media only screen and (max-width: 768px){
.howto #tko_osk { padding-top: 0; }
.howto #dashi_uma { padding: 0; }
.howto #video45 { padding-bottom: 2em; }
.howto #kajyo10 .inner { padding: 1em; }
.howto #kajyo10 .kajyo { margin-bottom: 0; }
.howto #local3 { padding: 1em 0; }
.howto .content_section.recipe_view { padding: 0; }
.howto #science { padding: 0; }
.howto #sippai { padding: 0; }
.howto #jitan { padding: 0; }
}
/*時計で覚える約45分*/
.oden_make                  { margin: 2em auto 0 auto; width: 670px; height: 637px; position: relative; background: url(/knowledge/oden/basics/howto/img/timetable04.png) no-repeat; }
.oden_make #sitagosirae     { width: 354px; position: absolute; top: 6px; left: 22px; }
.oden_make #sitagosirae img { width: 100%; }
.oden_make .jitan           { width: 354px; position: absolute; top: 242px; left: 22px; }
.oden_make .jitan img       { width: 100%; box-sizing: border-box; }
.oden_make #timetable       { display: none; }
.oden_make #taneerabi       { width: 354px; position: absolute; bottom: 0; left: 22px; }
.oden_make #taneerabi img   { width: 100%; box-sizing: border-box; }
@media only screen and (max-width: 768px){
.oden_make                  { margin: .5em 0; width: 100%; height: auto; position: relative; background: none; }
.oden_make #sitagosirae     { width: 100%; position: static; }
.oden_make #sitagosirae img { width: 100%; }
.oden_make .jitan           { margin: 1em 0; width: 100%; position: static; }
.oden_make .jitan img       { width: 100%; }
.oden_make #timetable       { display: block; padding-top: 145%; width: 100%; background: url(/knowledge/oden/basics/howto/img/timetable03.png) no-repeat; background-size: contain; text-indent: -9999px; overflow: hidden; height: 1em; color: rgba(0,0,0,0); }
.oden_make #taneerabi       { width: 100%; }
.oden_make #taneerabi img   { width: 100%; box-sizing: border-box; }
}
/*だしから作る「東京風おでん」「大阪風関東煮」*/
.local_recipe     { width: 100%; background: #fff; border: solid 2px #6fba2c; border-radius: 1em; }
.local_recipe h5  { margin: 0; padding: .5em 1em; text-align:center; color: #6fba2c; /*background: rgba(111,186,44,.1);*/ border-bottom: solid 2px #6fba2c; }
.local_recipe img { width: 100%; border-bottom: solid 2px #6fba2c; }
.local_recipe table               { width: calc(100% - 2em); }
.local_recipe table.loca_zairyo   { margin: 1em!important; }
.local_recipe table.loca_howto    { margin: 1em!important; }
.local_recipe table.loca_onepoint { margin: 1em!important; }
.local_recipe table th               { font-size: 1.2em; font-weight: bold; color: #6fba2c; }
.local_recipe table.loca_zairyo tr:nth-child(2n) { background: url(/knowledge/img/pixelcross_glay.png) repeat; }
.local_recipe table.loca_zairyo td   { padding-left: 1em; padding-right: 1em; }
.local_recipe table.loca_howto ol    { padding: 0 0 0 1.5em; }
.local_recipe table.loca_howto ol li { margin: 10px 0; list-style: decimal outside; }
.local_recipe table.loca_onepoint p  { margin: 0;  padding: .75em 1em; font-size: 1em; background: url(/knowledge/img/pixelcross_glay.png) repeat; border-radius:.5em; }
@media only screen and (max-width: 768px){
.l_half .local_recipe { margin-bottom: 1em; }
.local_recipe table th { font-size: 1em; }
}
/*ご当地おでん三選*/
#local3 .item_lists ul      { display: flex; flex-wrap: wrap; align-items: flex-start; margin-top: 2em; margin-right: -40px; }
#local3 .item_lists ul > li { margin-bottom: 1em; margin-right: 40px; width: 300px; text-align: center; border: solid 2px #6fba2c; border-radius: 1em; overflow: hidden; }
#local3 .item_lists ul > li h5 {}
#local3 .item_lists ul > li img    { width: 100%; border-bottom: 1px solid #6fba2c; }
#local3 .item_lists ul > li p      { border: none; min-height: 3em!important; }
#local3 .item_lists ul > li p.copy { padding: .5em 1em 0 1em !important; }
@media only screen and (max-width: 768px){
#local3 .l_single { float: left; width: 40%; margin: 0 1em .5em 0; }
#local3 .item_lists ul      { display: flex; flex-wrap: wrap; align-items: flex-start; margin-top: 1em; margin-right: 0; }
#local3 .item_lists ul > li { margin-bottom: 1em; margin-right: 0; width: 100%; text-align: center; border: solid 2px #6fba2c; border-radius: 1em; }
}
/*簡単だし旨おでん*/
#dashi_uma .button_links { margin: 1em auto 2em auto; }
/*味のしみ込み*/
#science .kekka       { margin: 0 auto 2em auto; }
/*とにかく時短*/
#jitan .img_fit                 { display: flex; align-items: flex-start; justify-content: space-between; }
#jitan .outer_trim              { width: 100%; overflow: hidden; left: calc(-12.5% + 2px); position: relative; }
#jitan .img_fit                 { padding-bottom: 2em; }
#jitan .img_fit div.item        { width: calc(50% - .5em); height: 0px; padding-top: 33.333%; position: relative; overflow: ; }
#jitan .img_fit div.item img    { margin: 0 auto; width: 100%; position: absolute; left: 0; top: 0; object-fit: cover; border: 1px solid #ddd; border-radius: 1em; }
#jitan .img_fit div.item.item01 img   { width: 48%; left: 50%; object-fit: contain; border: 1px solid #ddd; border-radius: 1em; }
#jitan .img_fit div.item.item01:after { content: '一晩ねかせる'; white-space: nowrap; position: absolute; bottom: -1.25em; left: 75%; transform: translateX(-50%); }
#jitan .img_fit div.item.item02:after { content: 'できあがり'; white-space: nowrap; position: absolute; bottom: -1.25em; left: 50%; transform: translateX(-50%); }


/* 基礎：おでんの具と地域性
==================================================================================== */
.section_path                 { width: 100%; }
.section_path .categoryLink   { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; margin-right: -0.5em;
}
.section_path .categoryLink li { width: 20%; text-align: center; white-space: pre; padding: 0 0.5em 0.5em 0; margin-bottom: 0.3em;}
.section_path .categoryLink li a { display: block; font-size: 1em; line-height: 1; padding: 0.5em 0.25em 0.25em 0.25em; color: #e60012!important; background: #fff; border: 1px solid #e60012; border-radius: 0.25em;}
.section_path li a:after      { content: '\f107'; font-family: FontAwesome; font-size: 1em; font-weight: 900; display: block;}
.section_path li a:hover      { opacity: 0.7;}

.item_lists                   { width: 100%; }
.item_lists ul                { display: flex; flex-wrap: wrap; margin-right: -40px; }
.item_lists ul > li           { margin-bottom: 40px; margin-right: 40px; width: 300px; text-align: center; border: solid 2px #6fba2c; border-radius: 1em; overflow: hidden;
    position: relative;
}
.item_lists ul > li h5        { margin: 0 auto; padding: .75em 0; display: block; background: #e2f1d5; border-bottom: solid 2px #6fba2c; }
/* データ：紀文 食感表現の言葉調査 */
.item_lists ul > li .item     { position: relative; height: 128px; }
.item_lists ul > li .item img { position: absolute; top: 50%; bottom: 0; width: initial; transform: scale(1.0) translate(-50%,-45%); transform-origin: 50% 50%; }

/*おでんの具と地域性*/
#iroiro .item_lists ul > li .item     { position: relative; height: 170px; }
#iroiro .item_lists ul > li .item img { position: absolute; top: 45%; bottom: 0; width: auto; transform: scale(1.0) translate(-50%,-45%); transform-origin: 50% 50%; height: 145px; height: 170px;}
.item_lists ul > li p         { margin-bottom: 0; padding: 1em; text-align: left; border-top: solid 1px #6fba2c; min-height: 8em; margin-bottom: 4em; padding-bottom: 4em;}
.item_lists ul > li p a       { color: #06f; text-decoration: underline !important;}
.content_section .kakomi {
    margin: 0 auto 2em auto;
    padding: 20px;
    border: solid 2px #6fba2c;
    border-radius: 1em;
}
#iroiro .kakomi h5 {
    margin: -20px -20px 20px -20px;
    padding: 20px 1em;
    font-size: 24px;
    color: #6fba2c;
    border-bottom: 2px solid #6fba2c!important;
}


.lb-data .lb-details { display: none;}

.item_lists ul > li .btnArea  {
    border-top: solid 1px #6fba2c;
    position: absolute;
    padding-top: 0.8em;
    left: 0; right: 0;
    bottom: 0;
    width: 90%;
    margin: auto;
}
.item_lists ul > li .btnArea .sTitle {
    min-height: 1em!important;
    padding: 0;
    margin: auto;
    text-align: center;
    margin-bottom: 0.2em;
    border: none;
    font-size: 14px;
}
.item_lists ul > li p.oden_map{ margin-bottom: 0; padding: 0 0 1em; text-align: left; border-top: none; min-height: 1em; text-align: center;}
.item_lists ul > li p.oden_map a { display: flex; justify-content: center; align-items: center; text-decoration: none !important; padding: 0 0.5em; color: #FFF; margin-top: 0.6em; background: #42603e; border-radius: 0.9em; font-size: 70%; height: 4em; font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif; }


.item_lists ul > li.nb        { border: none; }
.item_lists p.caption         { padding: 0 0 40px 0; text-align: right; border: none; }
.item_lists p.iroiro_notice   { padding: 0 0 40px 0; text-align: center; border: none; font-size: 11px; margin-top: -20px;}

#Container.iroiro .item_lists h5 a { color: #4C4C4C; }


@media only screen and (max-width: 768px){
.item_lists ul                { display: block; margin-right: 0; }
.item_lists ul > li           { margin: 0 1em 1em 0; width: calc(50% - 1em);text-align: center; border: solid 2px #6fba2c; border-radius: 1rem; }
.item_lists ul > li           { margin: 0 1em 1em 0; width: 100%; text-align: center; border: solid 2px #6fba2c; border-radius: 1rem; }
.item_lists ul > li h5        { margin: 0 auto; padding: .5em 0; display: block; background: #e2f1d5; border-bottom: solid 2px #6fba2c; }
.item_lists ul > li p         { min-height: initial; padding-bottom: 3.5em; }
.item_lists p.caption         { margin: 0; padding: 0 0 1em 0; text-align: right; border: none; }
.item_lists p.iroiro_notice   { padding: 0 0 40px 0; text-align: right; border: none; font-size: 11px !important; margin-top: -10px;}

.section_path .categoryLink li a { font-size: 2vw; padding: 0.5em 0 0.25em 0;}
.item_lists ul > li p.oden_map a { font-size: 80%;}
}

/* 基礎：おでんの栄養 */
#Container.eiyou .item_lists h5 a { color: #4C4C4C; }
/* 基礎：おでん　味のしみ込みの仕組み */
#Container .content_section h4.question:before,
#Container .content_section h4.question:after  { border-top: none; }
#Container .content_section h4.question:before { margin-right: auto; }
#Container .content_section h4.question:after  { margin-left: auto; }
#Container .content_section h4.answer:before,
#Container .content_section h4.answer:after  { border-top: none; }
#Container .content_section h4.answer:before { margin-right: auto; }
#Container .content_section h4.answer:after  { margin-left: auto; }
h4.question                    { display: flex; align-items: center; justify-content: center; width: 100%; padding: 0; font-weight: bold!important; font-size: 18px; text-align: left; line-height: 1.5;  background: #6fba2c!important; border: solid 1px #6fba2c; border-radius: .25em; overflow: hidden; }
h4.question span:first-of-type { width: 60px; font-size: 30px; color:#fff!important; font-family: sans-serif; text-align: center; vertical-align: middle; }
h4.question span:last-of-type  { width: calc(100% - 60px); padding: 1em 1em; color: initial; background: #fff!important; }
h4.answer                      { display: flex; align-items: center; justify-content: center; width: 100%; padding: 0; font-weight: bold!important; font-size: 18px; text-align: left; line-height: 1.5; color: #6fba2c; background: rgba(111,186,44,.1)!important; border: solid 1px #6fba2c; border-radius: .25em; overflow: hidden; }
h4.answer span:first-of-type   { width: 60px; font-size: 30px; font-family: sans-serif; text-align: center; vertical-align: middle; }
h4.answer span:last-of-type    { width: calc(100% - 60px); padding: 1em 1em; color: initial; background: #fff!important; border-left: solid 1px #6fba2c; }
.shimikomu .answer p           { padding-left: 78px; }
.shimikomu .comment            { margin: 42px 0 0 0; padding: 1em; width: 100%; border: solid 1px #6fba2c; border-radius: 1em; }
.shimikomu .comment p.caption  { margin-bottom: 0; }
@media only screen and (max-width: 768px){
h4.question,h4.answer          { margin: .5rem 0!important; }
h4.question span:first-of-type { width: 42px; font-size: 1.5rem!important; color:#fff!important; font-family: sans-serif; text-align: center; vertical-align: middle; }
h4.question span:last-of-type  { width: calc(100% - 42px); font-size: .8rem!important; color: initial; background: #fff!important; }
h4.answer span:first-of-type   { width: 42px; font-size: 1.5rem!important; font-family: sans-serif; text-align: center; vertical-align: middle; }
h4.answer span:last-of-type    { width: calc(100% - 42px); padding: .5em; font-size: .8rem!important; color: initial; background: #fff!important; border-left: solid 1px #6fba2c; }
.shimikomu .answer p           { padding-left: 0; font-size: .9em!important; }
.shimikomu .comment            { margin: 1em 0 0 0; }
}
/* 生活：失敗学に学ぶ、おでんの作り方 */
.tsukurikata #kajyo10 { padding-top: 2em; }
.tsukurikata .recipe_view { padding-bottom: 40px; }
.reserch_img          { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; margin: 1em auto; }
.reserch_img img      { width: initial!important; height: auto; margin-right: 1em; margin-bottom: 2em; }
.nabefail             { display: flex; flex-flow: row wrap; margin-left: -40px; }
.nabefail li          { margin: 20px 0 20px 40px; padding: 1em; width: 300px; background: #fff; border: 2px solid #6fba2c; border-radius: .5em; }
.nabefail li h5       { color: #6fba2c; }
.nabefail li p        { margin: .5em 0; padding-left: 1em; text-indent: -1em; }
.nabefail li p:before { content: '●'; opacity: .3; }
.nabefail li p.caption:before { content: ''; }
.nabefail li img       { border-radius: .5em; }
.failpoint    { padding: 40px 0; background: rgba(111, 186, 44, 0.1); border-top: 1px solid #6fba2c; border-bottom: 1px solid #6fba2c; }
.failpoint h3 { margin-bottom: .5em; padding: .5em 0; text-align: left; font-weight: normal; font-size: 32px; color: #6fba2c; background: none; border-bottom: 2px dotted #6fba2c; border-radius: 0; }
.recipe_view .recipeimg     { /*position: relative;*/ }
.recipe_view .recipeimg img { margin-bottom: 2em; }
.recipe_view .zairyo        { margin: 1em 0; }
.recipe_view .zairyo th     { text-align: center; font-size: 20px; color: #fff; background: #6fba2c; 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(111, 186, 44, 0.1); }
.recipe_view .howto         { margin: 1em auto; }
.recipe_view .howto td      { padding: .5em 0m; font-size: 16px; }
.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: 20px; color: #fff; background: #6fba2c; border-radius: .5em .5em 0 0; }
#Container.tsukurikata .recipe_view .profile { margin: 0 auto; display: block; border-radius: .5em .5em; }
@media only screen and (max-width: 768px){
.tsukurikata #kajyo10 {  }
.tsukurikata #kajyo10 .kajyo { margin-bottom: 0; }
.reserch_img img            { width: 100%; margin-right: 0; margin-bottom: 1em; }
.nabefail                   { display: flex; flex-flow: row wrap; margin-left: -1em; margin-top: 1em; }
.nabefail li                { margin: 0 0 1em 1em; padding: 1em; width: calc(50% - 1em); }
.failpoint                  { padding: 0; }
.failpoint h3               { margin-bottom: .5em; padding: .5em 0; font-size: 1.2em!important; border-radius: 0; }
.recipe_view .recipeimg img { width:100%; margin-bottom: 1em; object-fit: contain; object-position: 0% -20%; height: initial!important; }
.recipe_view .zairyo th,
.recipe_view .howto th      { font-size: initial; }
#Container.tsukurikata .recipe_view .profile { width: 100%; }
}
/* 生活：家庭で串おでんを楽しむ方法 */
.index_link ul                 { margin: 1em auto; width: 740px; display: flex; justify-content: center; }
.index_link li a .pc_br:before { content: '\A'; white-space: pre; }
.index_link li a:after         { position: absolute; content: '\f078'; font-weight: bold; font-family: FontAwesome; color: #6fba2c; bottom: 0px; left: 50%; transform: translateX(-50%); -webkit-font-smoothing: antialiased; }
.index_link .main li           { margin: 0 10px; text-align: center; width: 220px; padding: 2px; border: solid 1px #6fba2c; border-radius: 6px; }
.index_link .main li a         { padding: .75em 1.5em 1.25em 1.5em; font-weight: bold; font-size: 1.1em; line-height: 1.3; display: block; width:100%; position: relative; border: solid .45px #6fba2c; border-radius: 4px; background: #f7fbf4; }
.index_link .sub li            { margin: 0 10px; text-align: center; width: 300px; }
.index_link .sub li a          { padding: .75em 1.5em 1.5em 1.5em; font-weight: normal; font-size: .9em; line-height: 1.3; display: block; width:100%; position: relative; border: solid 1px #ddd; border-radius: 4px; background: #fff; }
@media only screen and (max-width: 768px){
.index_link ul         { margin: 0 auto; width: calc(100% - 1em); flex-wrap: wrap; }
.index_link .main li   { margin: 0 0 .5em 0; width: 100%; }
.index_link .main li a { padding: .5em 1em 1em 1em; font-weight: bold; font-size: .9em; line-height: 1.2;  }
.index_link .sub li    { margin: 0 0 .5em 0; width: 100%; }
.index_link .sub li a  { padding: .5em 1em 1em 1em; font-size: .9em; line-height: 1.2; border-radius: 4px; }
}
#kushi_A .fill                     { padding-bottom: 1em; }
.kushi .dot_border                 { padding-top:1em;  border-top: 1px dotted #6fba2c; }
#kushi_C .fix_center640            { padding-bottom: 1em; }
.kushi .takamatsu_oden             { margin: 1em 0 0 0; }
.kushi .takamatsu_oden .l_double p { margin: .5em 0 1em 0; }
.takamatsu_kakomi                  { padding: 1em; border: 1px solid #6fba2c; border-radius: .5rem; }
.takamatsu_kakomi .copy            { font-size: 14px; margin: 0; }
.takamatsu_kakomi img              { margin: 1em 0 0 0; }
.takamatsu_kakomi .caption         { margin-bottom: 0; }
#Container.kushi .profile          { display: block; border-radius: .5em; }
@media only screen and (max-width: 768px){
#Container.kushi .profile       { width: 100%; }
.kushi .shizuoka_oden .r_single { margin-top: .5em; }
.takamatsu_kakomi               { border-radius: 1rem; margin-bottom: 1em; }
}
/* 生活：おでん七変化 */
.nozaki_calender p img.fl_right { width: initial; margin-left: 40px; float: right; }
.nozakioden_lists               { display: flex; flex-wrap: wrap; margin-right: -40px; }
.nozakioden_lists li            { margin-bottom: 30px; margin-right: 40px; width: 300px; border-radius: 1em; position: relative; }
.nozakioden_lists li h5         { margin: 0; padding: .5em 1em; }
.nozakioden_lists li img        { width: 100%; }
.nozakioden_lists li p          { margin: 1em; padding-bottom: 2em; }
.nozakioden_lists .recipe_link  { padding: 0; color: #fe0000; text-align: right; position: absolute; right: 0; bottom: 0; }
@media only screen and (max-width: 768px){
.nozaki_calender p img.fl_right { width: initial; margin-left: 1em; float: right; }
.nozakioden_lists               { display: flex; flex-wrap: wrap; margin-right: 0; }
.nozakioden_lists li            { margin-bottom: 1em; margin-right: 0; width: 100%; }
}
.nozakioden_lists li:nth-child(1)  { border: 2px solid #b5542d; }
.nozakioden_lists li:nth-child(2)  { border: 2px solid #917e6a; }
.nozakioden_lists li:nth-child(3)  { border: 2px solid #ad6d59; }
.nozakioden_lists li:nth-child(4)  { border: 2px solid #52671b; }
.nozakioden_lists li:nth-child(5)  { border: 2px solid #424262; }
.nozakioden_lists li:nth-child(6)  { border: 2px solid #164471; }
.nozakioden_lists li:nth-child(7)  { border: 2px solid #a17748; }
.nozakioden_lists li:nth-child(8)  { border: 2px solid #4c7e88; }
.nozakioden_lists li:nth-child(9)  { border: 2px solid #953841; }
.nozakioden_lists li:nth-child(10) { border: 2px solid #19553d; }
.nozakioden_lists li:nth-child(11) { border: 2px solid #746229; }
.nozakioden_lists li:nth-child(12) { border: 2px solid #682f4b; }
.nozakioden_lists li:nth-child(1)  { border: 2px solid #b5542d; }
.nozakioden_lists li:nth-child(2)  { border: 2px solid #917e6a; }
.nozakioden_lists li:nth-child(3)  { border: 2px solid #ad6d59; }
.nozakioden_lists li:nth-child(4)  { border: 2px solid #52671b; }
.nozakioden_lists li:nth-child(5)  { border: 2px solid #424262; }
.nozakioden_lists li:nth-child(6)  { border: 2px solid #164471; }
.nozakioden_lists li:nth-child(7)  { border: 2px solid #a17748; }
.nozakioden_lists li:nth-child(8)  { border: 2px solid #4c7e88; }
.nozakioden_lists li:nth-child(9)  { border: 2px solid #953841; }
.nozakioden_lists li:nth-child(10) { border: 2px solid #19553d; }
.nozakioden_lists li:nth-child(11) { border: 2px solid #746229; }
.nozakioden_lists li:nth-child(12) { border: 2px solid #682f4b; }
.nozakioden_lists li:nth-child(1) h5  { color: #b5542d; border-bottom: 2px solid #b5542d; }
.nozakioden_lists li:nth-child(2) h5  { color: #917e6a; border-bottom: 2px solid #917e6a; }
.nozakioden_lists li:nth-child(3) h5  { color: #ad6d59; border-bottom: 2px solid #ad6d59; }
.nozakioden_lists li:nth-child(4) h5  { color: #52671b; border-bottom: 2px solid #52671b; }
.nozakioden_lists li:nth-child(5) h5  { color: #424262; border-bottom: 2px solid #424262; }
.nozakioden_lists li:nth-child(6) h5  { color: #164471; border-bottom: 2px solid #164471; }
.nozakioden_lists li:nth-child(7) h5  { color: #a17748; border-bottom: 2px solid #a17748; }
.nozakioden_lists li:nth-child(8) h5  { color: #4c7e88; border-bottom: 2px solid #4c7e88; }
.nozakioden_lists li:nth-child(9) h5  { color: #953841; border-bottom: 2px solid #953841; }
.nozakioden_lists li:nth-child(10) h5 { color: #19553d; border-bottom: 2px solid #19553d; }
.nozakioden_lists li:nth-child(11) h5 { color: #746229; border-bottom: 2px solid #746229; }
.nozakioden_lists li:nth-child(12) h5 { color: #682f4b; border-bottom: 2px solid #682f4b; }
.wayou_lists                  { display: flex; flex-wrap: wrap; align-items: flex-start; margin-right: -40px; }
.wayou_lists li               { margin-bottom: 30px; margin-right: 40px; width: 300px; }
.wayou_lists li div           { border: 2px solid #6fba2c; border-radius: 1em; position: relative; }
.wayou_lists li h5            { margin: 0 auto; padding: .5em .75em; color: #6fba2c; border-bottom: 1px dotted #6fba2c; }
.wayou_lists li h5 span       { font-weight:normal; font-size: 14px; color: initial; }
.wayou_lists li h5 span:after { content: '\A'; white-space: pre; }
.wayou_lists li h5 em         { font-style: normal; display: inline-block; transform: scale(0.80, 1); }
.wayou_lists li p.caption     { margin: 0; padding: .25em 1em; text-align: right;  border-bottom: 2px solid #6fba2c; }
.wayou_lists li img           { width: 100%; }
.wayou_lists li p             { margin: 1em; }
.wayou_lists .recipe_link     { padding: 0; color: #fe0000; text-align: right; right: 0; bottom: 0; }
@media only screen and (max-width: 768px){
.wayou_lists    { display: flex; flex-wrap: wrap; margin-right: 0px; }
.wayou_lists li { margin-bottom: 1em; margin-right: 0px; width: 100%; }
}
/* 生活：おでんで脳をリラックス */
.relax .nabe_fl .fl_right { float: right; width: 300px; margin-left: 40px; margin-bottom: 1em; border-radius: 1rem 1rem 0 0; }
.relax .nabe_fl .fl_left  { float: left; width: 300px; margin-right: 40px; margin-bottom: 1em; }
@media only screen and (max-width: 768px){
.relax .nabe_fl .fl_right    { float: right; width: 40%; margin-left: 1em; margin-bottom: 1em; }
.relax .nabe_fl .fl_left     { float: left; width: 40%; margin-right: 1em; margin-bottom: 1em; }
.relax .oden_smell .l_single { float: left; width: 40%; margin-right: 1em; margin-bottom: 1em; }
.relax .oden_smell .r_double { display: inline; }
}
/* 生活：日本人の食感とおでん */
.shokkan .haikei h5 { text-align: center; }
@media only screen and (max-width: 768px){
.shokkan .nabe_fl .l_single { float: left; width: 50%; margin-right: 1em; margin-bottom: 1em; }
.shokkan .nabe_fl .r_single { float: right; width: 40%; margin-left: 1em; margin-bottom: 0; }
}
/* 生活：おでんは食感の宝庫 */
@media only screen and (max-width: 768px){
.hoko .kenko .l_single { float: left; width: 40%; margin-right: 1em; margin-bottom: 1em; }
}
/* 生活：だしとおでんで和食文化を継承 */
.content_section.yoin { margin: 2em auto; padding: 2em 0; background: rgba(111, 186, 44, 0.1); border-top: 1px solid #6fba2c; border-bottom: 1px solid #6fba2c; }
.yoin .kakomi                     { padding: .75em; background: #fff; border: 1px solid #6fba2c; border-radius: 1em; }
.yoin .kakomi ol                  { display: flex; flex-wrap: wrap; }
.yoin .kakomi ol li               { width: 50%; padding: 0 1em; }
.yoin .kakomi ol li h5            { margin: 1em 0; padding: 0; font-size: 18px; border: none; }
.yoin .kakomi ol li h5:before     { content: '■ '; color: #6fba2c; }
.yoin .kakomi ol li.image div     { width: 48%; float: right; }
.yoin .kakomi ol li.image div img { width: 100%; }
/*.dashi .layer3 .r_single          { float: right; width: 40%; margin-left: 1em; margin-bottom: 0; }*/
.dashi .outro                     { padding: 40px 0; background: url(/knowledge/img/pixelcross_glay.png) repeat; }
.dashi .outro .kakomi             { margin: 1em auto;  width: 800px; padding: 2em; border: 2px dotted #6fba2c; }
.dashi .outro .kakomi div.copy    { width: 60%; padding-right: 2em; float:left; }
.dashi .outro .kakomi div.image   { width: 40%; float: right; }
.dashi .outro .kakomi div.image p { margin-bottom: 0; }
.dashi .outro .kakomi h5          { margin: 0 0 1em 0; padding:0;  font-size: 18px; color: #6fba2c; border: none; }
@media only screen and (max-width: 768px){
.yoin .kakomi ol li           { width: 100%; padding: 0 0; }
.yoin .kakomi ol li h5        { margin-bottom: .5em!important; padding: 0; font-size: 18px; border: none; }
.yoin .kakomi ol li.image div { width: 100%; float: none; }
.dashi .outro                       { padding: 2em 0; background: url(/knowledge/img/pixelcross_glay.png) repeat; }
.dashi .outro .kakomi               { margin: 0 auto!important; width: 100%; padding: 1em!important; border: 2px dotted #6fba2c!important; }
.dashi .outro .kakomi div.copy      { width: 100%; padding-right: 0; float: none; }
.dashi .outro .kakomi div.image     { width: 100%; float: none; }
.dashi .outro .kakomi div.image img { padding: 0 3em .5em 3em; }
.dashi .outro .kakomi h5            { margin: 0 0 .5em 0; padding: 0;  }
}
/* 歴史：おでんの歴史 */
.rekishi .kabuki_spoken .recipe_link { margin-bottom: 0; }
@media only screen and (max-width: 768px){
.content_section.edijiadi { padding-bottom: 0; }
.edijiadi .l_double.copy  { float: left; width: 70%; padding-right: 1em; }
.edijiadi .r_single       { float:right; width:30%; }
.edijiadi .l_half         { clear:both; width:100%; }
}
/* 歴史：平成・令和 おでんの出来事 */
.suji .fix_center470 img.kanto  { border: 1px solid #ddd; width: 50%; display: inline; border-radius:1em 0 0 1em; }
.suji .fix_center470 img.kansai { border: 1px solid #ddd; width: 50%; border-left: none; display: inline; border-radius: 0 1em 1em 0; }
.fix_center470 { margin: 0 auto; width: 470px; }
.fix_center680 { margin: 0 auto; width: 680px; }
.left_740      { float: left; width: 740px; }
.right_200     { float: right; width: 200px; }
.konkatsu      { display: flex; flex-wrap: wrap; width:800px; }
.konkatsu img  { margin: 10px; width: 140px !important; }
@media only screen and (max-width: 768px){
.fix_center470 { margin: 0 auto; width: 100%; }
.fix_center680 { margin: 0 auto; width: 100%; }
.right_200     { float: right; width: 25%; margin-left:1em; }
.left_740      { float: none; width:100%; }
.konkatsu      { display: flex; flex-wrap: wrap; width:100%; }
.konkatsu img  { margin:0; padding: 2px; width: 20% !important; box-sizing:border-box; }
}
/* 歴史：紀文 “おでんイノベーション” */
.inv_pop                      { margin: 2em auto; width: 800px; }
.inv_pop .innovation h4 span  { font-size: 1.5em; }
.inv_pop .innovation .pict    { padding-top: 56.25%; text-align: center; position: relative; border-radius: 1rem; }
.content_section .inv_pop .innovation .pict h5 { margin: 0 auto!important; width: 100%; border: none; color: #fff; font-size: 60px; font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN', serif !important; text-shadow: 3px 3px 5px #000, 3px 3px 10px #000, 3px 3px 15px #000; position: absolute; transform: translate(0, -50%); top: 50%; }
.innovation .pict .caption    { margin: 0; padding: .25em .5em; font-size: 85%; line-height: 1; color: #000; background: rgba(255,255,255,.9); position: absolute; bottom: 1em; right: 1em; border-radius: 3px; }
@media only screen and (max-width: 768px){
.inv_pop { margin: 0 auto; width: 100%; }
.content_section .inv_pop .innovation .pict h5 { font-size: 7.5vw!important; }
}
#inv01 .innovation .pict { background: url(/knowledge/oden/history/innovation/img/mainphoto_01.png) center no-repeat; background-size: cover; }
#inv02 .innovation .pict { background: url(/knowledge/oden/history/innovation/img/mainphoto_03.png) center no-repeat; background-size: cover; }
#inv03 .innovation .pict { background: url(/knowledge/oden/history/innovation/img/mainphoto_05.png) center no-repeat; background-size: cover; }
#inv04 .innovation .pict { background: url(/knowledge/oden/history/innovation/img/mainphoto_07.png) center no-repeat; background-size: cover; }
#inv05 .innovation .pict { background: url(/knowledge/oden/history/innovation/img/mainphoto_09.png) center no-repeat; background-size: cover; }
#inv06 .innovation .pict { background: url(/knowledge/oden/history/innovation/img/mainphoto_11.png) center no-repeat; background-size: cover; }
#inv07 .innovation .pict { background: url(/knowledge/oden/history/innovation/img/mainphoto_13.png) center no-repeat; background-size: cover; }
#inv08 .innovation .pict { background: url(/knowledge/oden/history/innovation/img/mainphoto_15.png) center no-repeat; background-size: cover; }
#inv09 .innovation .pict { background: url(/knowledge/oden/history/innovation/img/mainphoto_17.png) center no-repeat; background-size: cover; }
#inv10 .innovation .pict { background: url(/knowledge/oden/history/innovation/img/mainphoto_19.png) center no-repeat; background-size: cover; }
#inv11 .innovation .pict { background: url(/knowledge/oden/history/innovation/img/mainphoto_21.png) center no-repeat; background-size: cover; }
#inv12 .innovation .pict { background: url(/knowledge/oden/history/innovation/img/mainphoto_23.png) center no-repeat; background-size: cover; }
#inv13 .innovation .pict { background: url(/knowledge/oden/history/innovation/img/mainphoto_25.png) center no-repeat; background-size: cover; }
#inv14 .innovation .pict { background: url(/knowledge/oden/history/innovation/img/mainphoto_27.png) center no-repeat; background-size: cover; }
#inv15 .innovation .pict { background: url(/knowledge/oden/history/innovation/img/mainphoto_29.png) center no-repeat; background-size: cover; }
#inv16 .innovation .pict { background: url(/knowledge/oden/history/innovation/img/mainphoto_31.png) center no-repeat; background-size: cover; }
#inv17 .innovation .pict { background: url(/knowledge/oden/history/innovation/img/mainphoto_33.png) center no-repeat; background-size: cover; }
.inv_pop .innovation .copy              { margin-top: 20px; }
.inv_pop .innovation .copy .letter      { float: left; width: 70%; padding-right: 1em; }
.inv_pop .innovation .copy .letter span.recipe_link         { display: block; text-align: center; margin: 1em auto; }
.inv_pop .innovation .copy .letter span.recipe_link a       { display: inline-block; min-width: 8em; padding: .5em; font-weight: bold; text-decoration: none; color: #fff; background: #fe0000; border-radius: .25em; box-shadow: 0 0 0 2px #fff, 0 0 0 3px #fe0000; }
.inv_pop .innovation .copy .letter span.recipe_link a:after { content: ' ＞'; color: #fff; }

.inv_pop .innovation .copy div          { float: right; width: 30%; }
.inv_pop .innovation .copy div .caption { margin: 0; padding-top: calc( 74.766% + .5em); }
.inv_pop .innovation .copy a            { color: #024dff; }
#inv01 .innovation .copy div .caption { background: url(/knowledge/oden/history/innovation/img/mainphoto_02.png) top no-repeat; background-size: contain; }
#inv02 .innovation .copy div .caption { background: url(/knowledge/oden/history/innovation/img/mainphoto_04.png) top no-repeat; background-size: contain; }
#inv03 .innovation .copy div .caption { background: url(/knowledge/oden/history/innovation/img/mainphoto_06.png) top no-repeat; background-size: contain; }
#inv04 .innovation .copy div .caption { background: url(/knowledge/oden/history/innovation/img/mainphoto_08.png) top no-repeat; background-size: contain; }
#inv05 .innovation .copy div .caption { background: url(/knowledge/oden/history/innovation/img/mainphoto_10.png) top no-repeat; background-size: contain; }
#inv06 .innovation .copy div .caption { background: url(/knowledge/oden/history/innovation/img/mainphoto_12.png) top no-repeat; background-size: contain; }
#inv07 .innovation .copy div .caption { background: url(/knowledge/oden/history/innovation/img/mainphoto_14.png) top no-repeat; background-size: contain; }
#inv08 .innovation .copy div .caption { background: url(/knowledge/oden/history/innovation/img/mainphoto_16.png) top no-repeat; background-size: contain; }
#inv09 .innovation .copy div .caption { background: url(/knowledge/oden/history/innovation/img/mainphoto_18.png) top no-repeat; background-size: contain; }
#inv10 .innovation .copy div .caption { background: url(/knowledge/oden/history/innovation/img/mainphoto_20.png) top no-repeat; background-size: contain; }
#inv11 .innovation .copy div .caption { background: url(/knowledge/oden/history/innovation/img/mainphoto_22.png) top no-repeat; background-size: contain; }
#inv12 .innovation .copy div .caption { background: url(/knowledge/oden/history/innovation/img/mainphoto_24.png) top no-repeat; background-size: contain; }
#inv13 .innovation .copy div .caption { background: url(/knowledge/oden/history/innovation/img/mainphoto_26.png) top no-repeat; background-size: contain; }
#inv14 .innovation .copy div .caption { background: url(/knowledge/oden/history/innovation/img/mainphoto_28.png) top no-repeat; background-size: contain; }
#inv15 .innovation .copy div .caption { background: url(/knowledge/oden/history/innovation/img/mainphoto_30.png) top no-repeat; background-size: contain; }
#inv16 .innovation .copy div .caption { background: url(/knowledge/oden/history/innovation/img/mainphoto_32.png) top no-repeat; background-size: contain; }
#inv17 .innovation .copy div .caption { background: url(/knowledge/oden/history/innovation/img/mainphoto_34.png) top no-repeat; background-size: contain; }
/* 文化：おでんと文学 */
.bungaku .profile                 { display: block; width: 100%!important; font-size: 14px; border-radius:.5em; }
.bungaku .profile p               { margin-bottom: 0; }
.bungaku_quote blockquote         { margin: 2em 0; }
.bungaku img.bungaku_book         { border: 1px solid #ccc; }
.content_section.bungaku_column   { padding: 40px 0; background: url(/knowledge/img/pixelcross_glay.png) repeat; }
.bungaku_column .kakomi           { background: #fff; border: 2px solid #6fba2c; }
.bungaku_column .kakomi ul        { margin-bottom: 20px; position: relative; }
.bungaku_column .kakomi li        { margin-bottom: .5em; padding-left: 1.5em; text-indent:-1.5em; }
.bungaku_column .kakomi li:before { content: '● '; }
.bungaku_column .kakomi .fl_right { width: initial; margin-left: 2em; float:right; }
.bungaku_column .kakomi h4        { margin: .5em 0 1em 0; font-weight: bold !important; font-size: 24px; }
.bungaku_column .kakomi h5        { margin: 0 0 1em 0; padding: 0; font-size: 18px; color:#6fba2c; border-bottom:none; }
@media only screen and (max-width: 768px){
.bungaku_quote blockquote { margin: 0 0 1em 0; }
.l_double.bungaku_quote   { float: left; width: 70%; }
.r_single.book            { float: right; width: 30%; padding-left: 1em; }
.l_double.prof            { float: none; clear: both; display: block; padding-top: 1em; }
.r_double.bungaku_quote   { float: right; width: 70%; }
.l_single.book            { float: left; width: 30%; padding-right: 1em; }
.r_double.prof            { float: none; clear: both; display: block; padding-top: 1em; }
.cap                      { float: none; clear: both; display: block; padding-top: 1em; }
}
/* 文化：親子で楽しむ「おでん絵本」 */
.content_section.ehon_preview { padding: 40px; background: rgba(111,186,44,.1); border-top: 1px solid #6fba2c; border-bottom: 1px solid #6fba2c; }
.content_section.ehon_preview .slider        { padding: 0 30px; }
.content_section.ehon_preview .book          { margin: 0 1em; padding: 1em; min-height: 445px; background: #fff; border-radius: 1em; }
.content_section.ehon_preview .book h5       { text-align: center; }
.content_section.ehon_preview .book img      { margin: .5em auto; max-width: 126px; }
.content_section.ehon_preview .book p        { font-size: 12px; margin-bottom: 0; }
.content_section.ehon_preview .book p strong { display: block; padding: .5em 0; }
.content_section.ehon_preview .book p.mid    { margin-top: 1em; }
.content_section.ehon_report                 { padding: 40px 0; background: url(/knowledge/img/pixelcross_glay.png) repeat; }
@media only screen and (max-width: 768px){
.content_section.ehon_preview            { padding: 2em 0; }
.content_section.ehon_preview .book      { margin: 0 1em; padding: 1em; min-height: 445px; background: #fff; border-radius: 1em; }
.content_section.ehon_report             { padding: 2em 0; }
.content_section.ehon_report .c_single p { margin-top: 1em; }
}
/* 文化：おでんと歌舞伎 */
.kabuki_spoken          { margin: 40px auto!important; padding: 2em; width: 800px; border: 2px solid #6fba2c; border-radius: 1em; }
.kabuki_spoken p strong { display: inline-block; padding: 0 0 .5em 0; }
.kabuki_spoken p        { margin-bottom: 0; }
@media only screen and (max-width: 768px){
.kabuki_spoken          { margin: 2em auto!important; padding: 1em; width: 100%; }
}
/* 文化：おでんと落語と志ん生と */
.rakugo_quote            { margin: 40px auto; max-width: 800px; }
.rakugo_quote blockquote { margin-top: 0; }
@media only screen and (max-width: 768px){
.rakugo_quote            { margin: 0 auto; max-width: 100%; }
}
/* 文化：おでんのオブジェ */
.object_list      { margin-top: 40px; padding: 40px 0; background: url(/knowledge/img/pixelcross_glay.png) repeat; }
#odencraft        { display: flex; flex-wrap: wrap; width: 650px; }
#odencraft li     { margin-right: 10px; width: 120px; text-align: center; }
#odencraft li img { padding-bottom: .25em; width: 100%; }
.object_list img  { border-radius: 1em; }
.art .art_outro              { margin: 40px auto; padding: 20px; border: 2px solid #6fba2c; border-radius:1rem; }
.art .art_outro img.fl_left  { float: left; width: initial; margin: 0 1em 0 0; }
.art .art_outro img.fl_right { float: right; width: 160px; margin: 0 0 1em 1em; }
.art .art_outro p            { margin: 0; }
@media only screen and (max-width: 768px){
#odencraft    { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin-right: 0em; }
#odencraft li { margin: 0 2px.25em 2px; width: calc(33.33% - 4px); text-align: center; box-sizing: border-box; }
.art .art_comment            { margin-top: 1em; }
.art .art_outro img.fl_left  { width: 50%!important; }
.art .art_outro img.fl_right { width: 30%!important; }
}
/* 地理：日本のおでんいろいろ */
.vis_map {
    width: 100%;
    margin: auto;
    position: relative;
    z-index: 10;
}
.vis_map img {
    width: 100%;
    height: auto;
    display: block;
}
.page_header .vis_map img.balloon { width: auto; height: auto; }

/* balloon */
.vis_map  p.balloon {
	margin: 0;
	position: absolute;
}
.vis_map  p.balloon a img{
	opacity:1.0;
/*    border: solid 1px #111111*/
}
/*
[id^="balloon"] {
  display: none; /* ページ読み込み時にバルーンを非表示にする */
/*  position: absolute;
  z-index: 9999;
}*/

.vis_map  p.balloon#balloon01 { right: 17%; top: 5%; /*北海道*/ }
.vis_map  p.balloon#balloon02 { right: 20%; top: 7%; /*青森*/ }
.vis_map  p.balloon#balloon03 { right: 16%; top: 8%; /*岩手*/ }
.vis_map  p.balloon#balloon04 { right: 17%; top: 14%; /*宮城*/ }
.vis_map  p.balloon#balloon05 { right: 24%; top: 8%; /*秋田*/ }
.vis_map  p.balloon#balloon06 { right: 24%; top: 14%; /*山形*/ }
.vis_map  p.balloon#balloon07 { right: 17%; top: 22%; /*福島*/ }

.vis_map  p.balloon#balloon08 { right: 15%; top: 32%; /*茨城*/ }
.vis_map  p.balloon#balloon09 { right: 18%; top: 28%; /*栃木*/ }
.vis_map  p.balloon#balloon10 { right: 25%; top: 28%; /*群馬*/ }
.vis_map  p.balloon#balloon11 { right: 21%; top: 35%; /*埼玉*/ }
.vis_map  p.balloon#balloon12 { right: 15%; top: 42%; /*千葉*/ }
.vis_map  p.balloon#balloon13 { right: 20%; top: 42%; /*東京*/ }
.vis_map  p.balloon#balloon14 { right: 22%; top: 48%; /*神奈川*/ }

.vis_map  p.balloon#balloon15 { right: 30%; top: 22%; /*新潟*/ }
.vis_map  p.balloon#balloon16 { right: 36%; top: 22%; /*富山*/ }
.vis_map  p.balloon#balloon17 { right: 43%; top: 22%; /*石川*/ }
.vis_map  p.balloon#balloon18 { right: 44%; top: 29%; /*福井*/ }
.vis_map  p.balloon#balloon19 { right: 30%; top: 42%; /*山梨*/ }
.vis_map  p.balloon#balloon20 { right: 32%; top: 35%; /*長野*/ }
.vis_map  p.balloon#balloon21 { right: 38%; top: 35%; /*岐阜*/ }
.vis_map  p.balloon#balloon22 { right: 30%; top: 48%; /*静岡*/ }
.vis_map  p.balloon#balloon23 { right: 37%; top: 48%; /*愛知*/ }

.vis_map  p.balloon#balloon24 { right: 42.5%; top: 48%; /*三重*/ }
.vis_map  p.balloon#balloon25 { right: 43%; top: 35%; /*滋賀*/ }
.vis_map  p.balloon#balloon26 { right: 48%; top: 35%; /*京都*/ }
.vis_map  p.balloon#balloon27 { right: 51%; top: 43%; /*大阪*/ }
.vis_map  p.balloon#balloon28 { right: 55%; top: 36%; /*兵庫*/ }
.vis_map  p.balloon#balloon29 { right: 46.2%; top: 45%; /*奈良*/ }
.vis_map  p.balloon#balloon30 { right: 42%; top: 51%; /*和歌山*/ }

.vis_map  p.balloon#balloon31 { left: 40%; top: 30%; /*鳥取*/ }
.vis_map  p.balloon#balloon32 { left: 36%; top: 30%; /*島根*/ }
.vis_map  p.balloon#balloon33 { left: 40%; top: 38%; /*岡山*/ }
.vis_map  p.balloon#balloon34 { left: 36%; top: 38%; /*広島*/ }
.vis_map  p.balloon#balloon35 { left: 31.5%; top: 36%; /*山口*/ }


.vis_map  p.balloon#balloon36 { left: 40%; top: 52%; /*徳島*/ }
.vis_map  p.balloon#balloon37 { left: 40%; top: 45%; /*香川*/ }
.vis_map  p.balloon#balloon38 { left: 33%; top: 45%; /*愛媛*/ }
.vis_map  p.balloon#balloon39 { left: 33%; top: 52%; /*高知*/ }


.vis_map  p.balloon#balloon40 { left: 20%; top: 35%; /*福岡*/ }
.vis_map  p.balloon#balloon41 { left: 15%; top: 35%; /*佐賀*/ }
.vis_map  p.balloon#balloon42 { left: 12%; top: 35%; /*長崎*/ }
.vis_map  p.balloon#balloon43 { left: 20%; top: 45%; /*熊本*/ }
.vis_map  p.balloon#balloon44 { left: 26%; top: 35%; /*大分*/ }
.vis_map  p.balloon#balloon45 { left: 26%; top: 45%; /*宮崎*/ }
.vis_map  p.balloon#balloon46 { left: 22%; top: 52%; /*鹿児島*/ }
.vis_map  p.balloon#balloon47 { left: 12%; top: 52%; /*沖縄*/ }

.vis_map  p.balloon#balloon48 { left: 20%; top: 45%; /*熊本*/ }
.vis_map  p.balloon#balloon49 { right: 37%; top: 48%; /*愛知*/ }
.vis_map  p.balloon#balloon50 { right: 44%; top: 29%; /*福井*/ }
.vis_map  p.balloon#balloon51 { right: 36%; top: 22%; /*富山*/ }


.odenmap {
    position: relative;
    z-index: 20;
}
.odenmap article {
    width: 980px;
    margin: -60px auto 60px;
}
.odenmap article ul.maplink {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    margin-bottom: 20px;
}
.odenmap article ul.maplink li {
    position: relative;
    display: block;
    width: 13%;
    font-size: 98%;
    font-weight: bold;
}
.odenmap article ul.maplink li a {
    display: block;
    position: relative;
    border-radius: 5px;
    padding: 0.5em 0;
    width: 100%;
    text-align: center;
    background: rgba(111,186,44,1);
    box-shadow: 2px 2px 4px rgba(20,42,0,0.80);
    color: #FFF;
}
.odenmap article ul.maplink li a:before {
    content: '\f063';
    font-size: 80%;
    line-height: 2.05;
    position: absolute;
    left: 0.8em;
    font-family: 'Font Awesome 5 Free';
}

.odenmap article ul.maplink li a:hover {
    box-shadow: none; /* 影を消す */
    background: rgba(97,166,35,1.00);
    color: #FFF;
    transition: box-shadow 0.3s ease; /* アニメーション */
}
.pdt50 { padding-top: 50px; }
.pdt20 { padding-top: 20px; }

@media only screen and (max-width: 768px){
        .odenmap article {
            width: 95%;
        }
        .odenmap article ul.maplink {
            margin-top: 70px;
            margin-bottom: 20px;
            justify-content: flex-start;
            flex-wrap: wrap;
            gap: 1.2%;
        }
        .odenmap article ul.maplink li {
            width: 24%;
            font-size: 78%;
            font-weight: bold;
            padding: 0.5em 0;
        }
}

.oden_map_east       { position: relative; width: 980px; height: 1020px; margin-bottom: 3rem; }
.oden_map_east img   { position: absolute; top: 0; }
.oden_map_east ul    { display: flex; flex-wrap: wrap; justify-content: space-between; position: absolute; top: 0; z-index: 1; width: 980px; }
.oden_map_east ul li { width: 320px; height: 260px; text-align: center; }
.oden_map_east ul li h5 { padding-top: 13px; font-size: 30px; color: #fff; }

.oden_map_west       { position: relative; width: 980px; height: 1280px; margin-bottom: 3rem; }
.oden_map_west img   { position: absolute; top: 0; }
.oden_map_west ul    { display: flex; flex-wrap: wrap; justify-content: space-between; position: absolute; top: 0; z-index: 1; width: 980px; }
.oden_map_west ul li { width: 320px; height: 260px; text-align: center; }
.oden_map_west ul li h5 { padding-top: 13px; font-size: 30px; color: #fff; }

.oden_map_dengaku       { position: relative; width: 980px; height: 240px; margin-bottom: 3rem; }
.oden_map_dengaku img   { position: absolute; top: 0; }
.oden_map_dengaku ul    { display: flex; flex-wrap: wrap; justify-content: space-between; position: absolute; top: 0; z-index: 1; width: 980px; }
.oden_map_dengaku ul li { width: 320px; height: 260px; text-align: center; }
.oden_map_dengaku ul li h5 { padding-top: 13px; font-size: 30px; color: #fff; }

.left_600  { float: left; width: 600px; }
.right_340 { float:right; width: 340px; }
.oden_local .left_600 img { border-radius: 1rem; margin-bottom: 2em; }
.content_section.area h4             { margin-bottom: .5em; }
.content_section.area .boiltime      { padding: 1em 2em; /*text-align: center;*/ background: rgba(111,186,44,.1); border: 1px dotted #6fba2c; border-radius: .5em; display: inline-block; position: relative; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.content_section.area .boiltime span { /*font-weight: bold;*/ }
.oden_local             { margin: 2em 0; }
.oden_local.area_sub    { margin: 2em 0; padding: 1em; border: 1px dotted #6fba2c; border-radius: .5em; }
.oden_local h5          { margin-bottom: .5em; font-size: 24px; color: #6fba2c; }
.oden_local h5:before   { content: '●'; }
.oden_local.area_sub h5 { font-size: 18px; }
.oden_local.area_sub p  { margin-bottom: 0; }
.oden_local dl.point dt         { font-weight: bold; }
.oden_local dl.point dd         { margin-bottom:1em; }
.oden_local dl.point dd img     { width: 340px; margin-right: 0px; }
.oden_local .right_340 img.food { width: 100%; height: 180px; object-fit: cover; border-radius : 1rem; }
.oden_chart  ul             { margin: 0; padding: 0; list-style: none none; border-top: 1px solid #6fba2c; width: 336px; float: right; }
.oden_chart  ul.first       { border-top: none; }
.oden_chart  ul.chart_title { width: 334px; float: left; }
.oden_chart  .chart_crop    { margin: 0 auto; width: 670px; border-top: 1px solid #6fba2c; border-bottom: 1px solid #6fba2c; }
.gotochioden_chart p.letter          { font-size: 24px; }

.gotochioden_chart ul.zairyo_list    { display: flex; align-items: center; width: 900px; margin: 1em auto; background: rgba(111,186,44,.1); border: 1px solid #6fba2c; border-radius : .5em; }
.gotochioden_chart ul.zairyo_list li.title { width: 330px; text-align:center; color: #6fba2c; padding: 1em; }
.gotochioden_chart ul.zairyo_list li.title h5 { font-size: 24px; margin: 0; border: none; }
.gotochioden_chart ul.zairyo_list li.image { width: 569px; padding: 1em; border-left: 1px solid #6fba2c; background: #fff; border-radius : 0  1rem 1rem 0; }
.gotochioden_chart ul.zairyo_list li.image img { width: 540px; }

.gotochioden_chart .chart_crop      { margin: 20px auto; width: 900px; }
.gotochioden_chart table.chart_crop { margin: 2em auto; padding: 0; width: 900px; text-align: center; }
.gotochioden_chart table.chart_crop tr.chart_title    { color: #fff; }
.gotochioden_chart table.chart_crop tr.chart_title tr { border: 1px solid #6fba2c; border-bottom: none; }
.gotochioden_chart table.chart_crop tr.chart_title th { padding: .5em; font-size: 1.2em; text-align: center; background: #6fba2c; }
.gotochioden_chart table.chart_crop tr.chart_title th h5 { margin: 0 auto; line-height: 1!important; font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif; color: #FFF; font-size: 18px; }
.gotochioden_chart table.chart_crop tr.chart_title th:first-child { border-right: 1px solid #fff; border-radius: .5em 0 0 0; }
.gotochioden_chart table.chart_crop tr.chart_title th:last-child  { border-left: 1px solid #fff; border-radius: 0 .5em 0 0; }
.gotochioden_chart table.chart_crop tr.chart_tane th.tiiki    { margin: 0; padding: 1em; font-size: 1.2em; font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif; color: #6fba2c; background: rgba(111,186,44,.1); border: 1px solid #6fba2c; }
.gotochioden_chart table.chart_crop tr.chart_tane th.tiiki { width: 21.28%; box-sizing: border-box; }
.gotochioden_chart table.chart_crop tr.chart_tane td.tokutyo  { padding: 1em; border: 1px solid #6fba2c; }
.gotochioden_chart table.chart_crop tr.chart_tane td.tokutyo  { width: 28.95%; box-sizing: border-box; }
.gotochioden_chart table.chart_crop tr.chart_tane td.tane     { padding: 1em; border: 1px solid #6fba2c; }
.gotochioden_chart table.chart_crop tr.chart_tane td.tane     { width: 49.77%; box-sizing: border-box; }
.gotochioden_chart table.chart_crop tr.chart_tane td.tane img { width: 404px; }
.gotochioden_chart table.chart_crop tr.chart_tane td.tane.single { text-align: left; }
.gotochioden_chart table.chart_crop tr.chart_tane td.tane.single img { /*height: 135px; width: auto;*/ width: 100%; height: auto; }

.map .content_section.outro         { padding: 40px 0; background: url(/knowledge/img/pixelcross_glay.png) repeat; }
.map .content_section.outro h5      { font-size: 24px; color: #6fba2c; border-bottom: 2px solid #6fba2c; }
.map .content_section.outro h5 span { font-size: 18px; color: #4c4c4c; float: right; line-height: 30px; padding-left:.5em; }
.map .content_section.outro .kakomi { margin: 0em auto 2em auto; padding: 1rem 1rem 0 1rem; /*background: transparent;*/ border: 2px solid #6fba2c; border-radius: 1rem; }
.map .content_section.outro .kakomi .profile { margin: 0 auto 1rem auto; display: block; border-radius:.5em; }

.map .content_section h5      { font-size: 24px; color: #6fba2c; border-bottom: 2px solid #6fba2c; }
.map .content_section h5 span { font-size: 18px; color: #4c4c4c; float: right; line-height: 30px; padding-left:.5em; }
.map .content_section .kakomi { margin: 0em auto 2em auto; padding: 1rem 1rem 0 1rem; /*background: transparent;*/ border: 2px solid #6fba2c; border-radius: 1rem; }
.map .content_section .kakomi .profile { margin: 0 auto 1rem auto; display: block; border-radius:.5em; }


.cooking_time_graph { width: 70%; margin: 0px auto 40px; }
.cooking_time_graph img { width: 100%; height: auto; margin-top: 40px; }

@media only screen and (max-width: 768px){
    .cooking_time_graph {width: 85%; }
}

@media only screen and (max-width: 768px){
.oden_map_east       { position: relative; width: 93vw; height: 96.796vw; margin-bottom: 2em; }
.oden_map_east img   { position: absolute; top: 0; width: 93vw; }
.oden_map_east ul    { display: flex; flex-wrap: wrap; justify-content: space-between; position: absolute; top: 0; z-index: 1; width: 93vw; }
.oden_map_east ul li { width: 30.367vw; height: 24.673vw; text-align: center; }
.oden_map_east ul li h5 { padding-top: 1.2vw; font-size: 3vw!important; color: #fff; }

.oden_map_west       { position: relative; width: 93vw; height: 121.468vw; margin-bottom: 2em; }
.oden_map_west img   { position: absolute; top: 0; }
.oden_map_west ul    { display: flex; flex-wrap: wrap; justify-content: space-between; position: absolute; top: 0; z-index: 1; width: 93vw; }
.oden_map_west ul li { width: 30.367vw; height: 24.673vw; text-align: center; }
.oden_map_west ul li h5 { padding-top: 1.2vw; font-size: 3vw!important; color: #fff; }

.oden_map_dengaku       { position: relative; width: 93vw; height: 22.775vw; margin-bottom: 2em; }
.oden_map_dengaku img   { position: absolute; top: 0; }
.oden_map_dengaku ul    { display: flex; flex-wrap: wrap; justify-content: space-between; position: absolute; top: 0; z-index: 1; width: 93vw; }
.oden_map_dengaku ul li { width: 30.367vw; height: 22.775vw; text-align: center; }
.oden_map_dengaku ul li h5 { padding-top: 1.2vw; font-size: 3vw!important; color: #fff; }

.left_600                            { float: none; width: 100%; }
.right_340                           { float: none; width: 100%; }
.oden_local h5                       { font-size: 1.4em!important; }
.oden_local dl.point dd img          { width: 100%; padding-right: 0; margin-right: 0; box-sizing: border-box; }
.oden_local .right_340 img.food      { width: 100%; height: 45vw; object-fit: cover; border-radius : 1rem; }
.oden_chart  .chart_crop             { margin: 0 auto; width: 100%; border: none; }
.gotochioden_chart h4                { margin-bottom: .5em; padding: 0; }

.gotochioden_chart ul.zairyo_list          { display: flex; flex-direction: column; align-items: center; width: 100%; margin: 1em auto; background: none; }
.gotochioden_chart ul.zairyo_list li.title { width: 100%; font-weight: bold; text-align: center; color: #6fba2c; background: rgba(111,186,44,.1); border-bottom: 1px solid #6fba2c; padding: .5em; }
.gotochioden_chart ul.zairyo_list li.title h5 { font-size: 3.5vw!important; margin: 0!important; line-height: 1!important; }
.gotochioden_chart ul.zairyo_list li.image    { width: 100%; padding: .5em 1em; background: none; border-left:none; border-radius: 0 0 .5em .5em; }

.gotochioden_chart table.chart_crop                   { margin: 2em auto; padding: 0; width: 100%; text-align: center; }
.gotochioden_chart table.chart_crop tr.chart_title tr { border: 1px solid #6fba2c; border-bottom: none; }
.gotochioden_chart table.chart_crop tr.chart_title th { padding: .75em .25em; font-size: 2.4vw!important; line-height: 1; white-space: nowrap; text-align: center; background: #6fba2c; border-collapse: collapse; }
.gotochioden_chart table.chart_crop tr.chart_title th:first-child { border-radius: .5em 0 0 0; }
.gotochioden_chart table.chart_crop tr.chart_title th:last-child  { border-radius: 0 .5em 0 0; }

.gotochioden_chart table.chart_crop tr.chart_title th h5 { margin: 0 auto; font-size: 2.4vw!important; line-height: 1!important; font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif; }

.gotochioden_chart table.chart_crop tr.chart_tane th.tiiki    { padding: .5em; font-size: 2.4vw!important; line-height: 1!important; color: #6fba2c; background: rgba(111,186,44,.1); border-collapse: collapse; }
.gotochioden_chart table.chart_crop tr.chart_tane th.tiiki span.br:before { content: '\A'; white-space: pre; }
.gotochioden_chart table.chart_crop tr.chart_tane td.tokutyo  { padding: .5em; font-size: 2.2vw!important; border-collapse: collapse; }
.gotochioden_chart table.chart_crop tr.chart_tane td.tokutyo  span.br:before { content: '\A'; white-space: pre; }
.gotochioden_chart table.chart_crop tr.chart_tane td.tane     { padding: 2px 2px 4px 2px; border-collapse: collapse; }
.gotochioden_chart table.chart_crop tr.chart_tane td.tane img { width: 50vw; }

.map .content_section.outro         { padding: 1px 0; background: url(/knowledge/img/pixelcross_glay.png) repeat; }
}
@media only screen and (max-width: 768px){
#Container.map .outro h5 span { font-size: .8em; color: #4c4c4c; float: none; line-height: 1; display: inline-block; }
.map .content_section.outro .kakomi .profile { width: 100%; }
}
/* 地理：海外のおでん事情 */
#Container.kaigai .content_section h4     { font-size: 24px; }
#Container.kaigai .content_section h4 img { display: inline-block; width: auto; height: 36px; margin-right: .5em; vertical-align: middle; }
#Container.kaigai .kakomi      { margin-top: 20px; padding: 1em; width: 100%; border: 2px dotted #6fba2c; border-radius: 1em; }
#Container.kaigai .kakomi h5   { margin: 0 0 .5em 0; padding: 0; font-size: 18px; color: #6fba2c; display: inline-block; border: none; }
#Container.kaigai .kakomi img  { width: 300px; float: right; margin-left: 1em; }
#Container.kaigai .recipe_link { margin: 2em auto; }
@media only screen and (max-width: 768px){
#Container.kaigai .kakomi img             { width: calc(50% - 1em); float: right; margin-left: 1em; }
#Container.kaigai .content_section img    { margin-bottom: .5em; }
#Container.kaigai .content_section h4 img { width: auto; height: 28px; margin-right: .25em; margin-bottom: 0; }
}
/* データ：紀文 食感表現の言葉調査 */
.kotoba_word    { margin: 0 auto; width: 640px; }
.kotoba_word ul { padding: 1em; background: rgba(111,186,44,.1); border: solid 2px #6fba2c; border-radius: 1em; }
.kotoba_word li { margin: 4px; padding: .25em .5em; float: left; font-size: 16px; background: #fff; border: solid 1px #6fba2c; border-radius:.25em; }
@media only screen and (max-width: 768px){
.kotoba_word    { margin: 0 auto; width: 100%; }
}
.item_lists ul > li ol                  { width: 100%; }
.item_lists ul > li ol li               { text-align: left; line-height: 30px; border-top: solid 1px #6fba2c; overflow: hidden; }
.item_lists ul > li ol li.gold          { font-weight: bold; font-size: 1.1em; }
.item_lists ul > li ol li.gold:before   { content: '1'; display: inline-block; width: 50px; height: 30px; text-align: center; background: url(/knowledge/oden/data/kotoba/img/crown_gold.png) no-repeat; }
.item_lists ul > li ol li.silver:before { content: '2'; display: inline-block; width: 50px; height: 30px; text-align: center; background: url(/knowledge/oden/data/kotoba/img/crown_silver.png) no-repeat; }
.item_lists ul > li ol li.bronze:before { content: '3'; display: inline-block; width: 50px; height: 30px; text-align: center; background: url(/knowledge/oden/data/kotoba/img/crown_bronze.png) no-repeat; }
.item_lists ul > li ol li span          { float: right; }
#Container.kotoba .syokkankotoba table           { margin: 20px auto; width: 100%; border: 2px solid #6fba2c; }
#Container.kotoba .syokkankotoba table th        { padding: 4px; font-weight: bold; line-height: 1.2; text-align: center; background: rgba(111,186,44,.1); border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#Container.kotoba .syokkankotoba table td        { padding: 4px; text-align: right; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#Container.kotoba .syokkankotoba table td.imp    { font-weight: bold; font-size: 105%; }
#Container.kotoba .syokkankotoba table tr.tate               { border-bottom: 3px double #ccc; min-height: 7em; }
#Container.kotoba .syokkankotoba table tr th::nth-child(1)   { border-right: 3px double #ccc; }
#Container.kotoba .syokkankotoba table tr td:last-child      { border-left: 3px double #ccc; }
#Container.kotoba .syokkankotoba table tr.tate th:last-child { border-left: 3px double #ccc; }
#Container.kotoba .syokkankotoba table tr.ended              { border-top: 3px double #ccc; }
#Container.kotoba .outro                { padding: 40px 0; background: url(/knowledge/img/pixelcross_glay.png) repeat; }
#Container.kotoba .outro .kakomi        { margin: 0em auto 2em auto; padding: 1rem 1rem 0 1rem; background: #fff; border: solid 2px #6fba2c; border-radius: 1rem; }
#Container.kotoba .outro h5             { font-size: 24px; color: #6fba2c; border-bottom: 2px solid #6fba2c; }
#Container.kotoba .outro p img.fl_right { width: 380px; float: right; margin: 0 0 20px 20px; }
#Container.kotoba .outro h5 span        { font-size: 18px; color: #4c4c4c; float: right; line-height: 30px; }
@media only screen and (max-width: 768px){
#Container.kotoba .outro h5             { /*font-size: 1em; color: #6fba2c;*/ }
#Container.kotoba .outro h5 span        { font-size: .8em; color: #4c4c4c; float: none; line-height: 1; display: inline-block; }
#Container.kotoba .outro p img.fl_right { width: 50%; float: right; margin: 0 0 .5em 1em; }
}
/* データ：紀文 おでんの具 食感実験 */
.chart .condition              { padding: 1em 1em 1em 2em; border: 2px solid #6fba2c; border-radius: 1em; }
.chart .condition p            { margin: 0 0 .5em 0; text-indent: -1em; }
.chart .condition p:last-child { margin-bottom: 0; }
.chart .graph ul                   { display: flex; flex-wrap: wrap; margin-left: -40px; }
.chart .graph li                   { margin-left: 40px; margin-bottom: 40px; width: 470px; }
.chart .graph li div               { padding: 1em; width: 100%; border: solid 1px #6fba2c; border-radius: 1em; }
.chart .graph li h5                { text-align: center; font-size: 24px; }
.chart .graph li p                 { margin: 1em 1em 0 1em; }
.chart .graph li p.caption         { margin: 0; text-align: right; }
.chart .graph li:nth-child(1) div  { border-color: #ed8f25; } /*厚揚げ*/
.chart .graph li:nth-child(2) div  { border-color: #b94c1f; } /*ウインナー*/
.chart .graph li:nth-child(3) div  { border-color: #b260a2; } /*魚河岸あげ®*/
.chart .graph li:nth-child(4) div  { border-color: #3b71b8; } /*牛すじ*/
.chart .graph li:nth-child(5) div  { border-color: #f1ac17; } /*こんにゃく*/
.chart .graph li:nth-child(6) div  { border-color: #9b736f; } /*さつま揚*/
.chart .graph li:nth-child(7) div  { border-color: #bfbeac; } /*白はんぺん*/
.chart .graph li:nth-child(8) div  { border-color: #3c54a4; } /*大根*/
.chart .graph li:nth-child(9) div  { border-color: #fccb00; } /*玉子*/
.chart .graph li:nth-child(10) div { border-color: #ef93bb; } /*ちくわぶ*/
.chart .graph li:nth-child(11) div { border-color: #00a0e9; } /*つみれ*/
.chart .graph li:nth-child(12) div { border-color: #22ac38; } /*結び昆布*/
.chart .graph li:nth-child(13) div { border-color: #d0c81b; } /*結び白滝*/
.chart .graph li:nth-child(14) div { border-color: #b8d200; } /*餅入り巾着*/
.chart .graph li:nth-child(15) div { border-color: #e60012; } /*焼ちくわ*/
.graph li:nth-child(1) h5, .tane_graph li:nth-child(1) h6  { color: #ed8f25; } /*厚揚げ*/
.graph li:nth-child(2) h5, .tane_graph li:nth-child(2) h6  { color: #b94c1f; } /*ウインナー*/
.graph li:nth-child(3) h5, .tane_graph li:nth-child(3) h6  { color: #b260a2; } /*魚河岸あげ®*/
.graph li:nth-child(4) h5, .tane_graph li:nth-child(4) h6  { color: #3b71b8; } /*牛すじ*/
.graph li:nth-child(5) h5, .tane_graph li:nth-child(5) h6  { color: #f1ac17; } /*こんにゃく*/
.graph li:nth-child(6) h5, .tane_graph li:nth-child(6) h6  { color: #9b736f; } /*さつま揚*/
.graph li:nth-child(7) h5, .tane_graph li:nth-child(7) h6  { color: #bfbeac; } /*白はんぺん*/
.graph li:nth-child(8) h5, .tane_graph li:nth-child(8) h6  { color: #3c54a4; } /*大根*/
.graph li:nth-child(9) h5, .tane_graph li:nth-child(9) h6  { color: #fccb00; } /*玉子*/
.graph li:nth-child(10) h5, .tane_graph li:nth-child(10) h6 { color: #ef93bb; } /*ちくわぶ*/
.graph li:nth-child(11) h5, .tane_graph li:nth-child(11) h6 { color: #00a0e9; } /*つみれ*/
.graph li:nth-child(12) h5, .tane_graph li:nth-child(12) h6 { color: #22ac38; } /*結び昆布*/
.graph li:nth-child(13) h5, .tane_graph li:nth-child(13) h6 { color: #d0c81b; } /*結び白滝*/
.graph li:nth-child(14) h5, .tane_graph li:nth-child(14) h6 { color: #b8d200; } /*餅入り巾着*/
.graph li:nth-child(15) h5, .tane_graph li:nth-child(15) h6 { color: #e60012; } /*焼ちくわ*/
.content_section.graph_all                 { padding: 40px 0; background: rgba(111,186,44,.1); border-top: 1px solid #6fba2c; border-bottom: 1px solid #6fba2c; }
#Container.chart .content_section.outro    { margin-top: 0; padding: 40px 0; background: url(/knowledge/img/pixelcross_glay.png) repeat; }
#Container.chart .content_section.outro h5 { margin: 1em 0 .5em 0; padding: 0; font-size: 18px; color: initial; background: none; border: none; border-radius: 1em 1em 0 0; }
.content_section.outro .tane_graph         { display: flex; flex-wrap: wrap; margin-bottom: 40px; background: #fff; border: 2px solid #6fba2c; border-radius: 1em; }
.content_section.outro .tane_graph li      { margin-left: 6.5em; padding: .25em .75em; width: 100%; position: relative; border-left: solid 2px #6fba2c; }
.content_section.outro .tane_graph li h6   { position: absolute; left: -6em; top: 50%; transform: translateY(-50%); font-size: 14px; }
.content_section.outro .tane_graph li:first-child    { padding-top: 1em; }
.content_section.outro .tane_graph li:first-child h6 { top: calc(50% + .25em); }
.content_section.outro .tane_graph li:last-child     { padding-bottom: 1em; }
.content_section.outro .tane_graph li:last-child h6  { top: calc(50% - .25em); }
@media only screen and (max-width: 768px){
.chart .intro .l_half img  { margin-bottom: 1em; }
.chart .graph li           { margin-bottom: 2em; width: 100%; }
.content_section.graph_all { padding: 0 0 1em 0; }
#Container.chart .content_section.outro { padding: 1em 0; }
}
/* データ：紀文 おでんの味のしみ方実験 */
.content_section.oden_graph:last-child    { padding-bottom: 2em; }
.content_section.oden_graph .button_links { margin: 2em auto; }
.oden_graph .graph            { margin: 4em auto 2em auto; width: 800px; }
.oden_graph .graph img        { margin-bottom: 1em; }
.oden_graph .kakomi           { margin: 4em auto; padding: 0; width: 800px; border: solid 2px #6fba2c; border-radius: 1em; }
.oden_graph .kakomi h5        { margin: 0; padding: .75em 32px; font-size: 18px; color: #6fba2c!important; border-bottom: solid 2px #6fba2c; }
.oden_graph .kakomi p         { margin: 0; padding: 1em 32px; }
.oden_graph .kakomi p.caption { margin: 0 0 16px 0; padding: 0 32px; }
.oden_graph .houhou p         { padding-left: 90px; min-height: calc(90px + 2em); position: relative; }
.oden_graph .houhou p:before  { content: ''; width: 70px; height: 90px; display: block; position: absolute; left: 10px; background: url(/knowledge/oden/data/jikken/img/pixta_80527539_S.png) center no-repeat; background-size: contain; }
.oden_graph .kekka p          { padding-left: 100px; min-height: calc(100px + 2em); position: relative; }
.oden_graph .kekka p:before   { content: ''; width: 70px; height: 90px; display: block; position: absolute; left: 10px; background: url(/knowledge/oden/data/jikken/img/pixta_69314280_S.png) center no-repeat; background-size: contain; }
@media only screen and (max-width: 768px){
.content_section.oden_graph:last-child    { padding-bottom: 1em; }
.content_section.oden_graph .button_links  { margin-bottom: 0; }
.content_section.oden_graph .button_links .recipe_link { margin-top: 0; }
.oden_graph .graph     { margin: 2em auto 1em auto; width: 100%; }
.oden_graph .graph img { margin-bottom: 1em; }
.oden_graph .kakomi    { margin: 1em auto; padding: 0; width: 100%; border: solid 2px #6fba2c; border-radius: 1em; }
.oden_graph .kakomi h5 { margin: 0; padding: .75em 1em; color: #6fba2c!important; border-bottom: solid 2px #6fba2c; }
.oden_graph .kakomi p  { margin: 0; padding: 1em 1em; }
.oden_graph .kakomi p.caption { margin: 0 0 16px 0; padding: 0 32px; }
.oden_graph .houhou p         { padding-left: 70px; min-height: calc(70px + 2em); position: relative; }
.oden_graph .houhou p:before  { content: ''; width: 70px; height: 70px; display: block; position: absolute; left: 10px; top: 50%; background: url(/knowledge/oden/data/jikken/img/pixta_80527539_S.png) left no-repeat; background-size: contain; transform: translateY(-55%); }
.oden_graph .kekka p          { padding-left: 70px; min-height: calc(70px + 2em); position: relative; }
.oden_graph .kekka p:before   { content: ''; width: 70px; height: 70px; display: block; position: absolute; left: 10px; top: 50%; background: url(/knowledge/oden/data/jikken/img/pixta_69314280_S.png) left no-repeat; background-size: contain; transform: translateY(-55%); }
}
/* データ：鍋ランキング【鍋白書】 */
.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 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.kani        { background: #c6e0c2; }
.naberanking td.kaki        { background: #e9ea8d; }*/
.naberanking td.daikon           { background: #d6eacd; }
.naberanking td.tamago           { background: #f3f395; }
.naberanking td.chikuwa          { background: #fde9b8; }
.naberanking td.konnyaku         { background: #ffded9; }
.naberanking td.satsumaage       { background: #e4deff; }
.naberanking td.hanpen           { background: #c0e3f8; }
.naberanking td.mochiirikinchaku { background: #e1f0db; }
.naberanking td.gobomaki         { background: #f6f6b2; }
.naberanking td.atsuage          { background: #ffe7e3; }
.naberanking td.gyusiji          { background: #ebe7ff; }
.naberanking td.shirataki        { background: #c6e0c2; }
.naberanking td.wienie           { background: #ddd6f7; }
.naberanking td.ganmodoki        { background: #e5cfac; }

/*.naberanking td.jyagaimo         { background: #e9ea8d; }
.naberanking td.itokonnyaku      { background: #f5e0af; }
.naberanking td.kobu             { background: #f8d8d3; }
.naberanking td.atsuagegyusiji   { background: #b6daee; }*/
.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(111,186,44,.1); 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; }
@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(111,186,44,.1); 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*/
.ranking .content_section.outro         { padding: 4em 0; background: url(/knowledge/img/pixelcross_glay.png) repeat; }
.rekishi .content_section.outro .kakomi,
.ranking .content_section.outro .kakomi,
.ranking .content_section .kakomi { margin: 0 0 2em 0; padding: 0; background: #fff; border: 2px solid #6fba2c; border-radius: 1rem; }
.rekishi .content_section.outro h5,
.ranking .content_section.outro h5,
.ranking .content_section h5{ margin: 0; padding: .75em 1rem; font-size: 24px; color: #6fba2c; border-bottom: 2px solid #6fba2c; }
.rekishi .content_section.outro p, 
.ranking .content_section.outro p,
.ranking .content_section .kakomi 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 #6fba2c; 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 .kakomi { margin: 0 0 2em 0; padding: 0; background: #fff; border: 2px solid #6fba2c; border-radius: 1rem; }
#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 #6fba2c; 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; }
}