@charset "utf-8"; /* default reset */ #Container * { box-sizing: border-box; } #Container { margin: 0 auto; width: 100%; line-height: 1.5 !important; } p.location { margin: 0 auto; padding: 5px 0 30px 140px; width: 980px; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } /* 共用コンテンツ ------------------------------------------------- */ #main_fumitofu, #sub_fumitofu { margin: 0 auto; width: 100%; color: #333; font-family: 'Yu Gothic',sans-serif; } #main_fumitofu h1,#main_fumitofu h2,#main_fumitofu h3,#main_fumitofu h4, #sub_fumitofu h1,#sub_fumitofu h2,#sub_fumitofu h3,#sub_fumitofu h4 { font-family: 'Yu Mincho','ヒラギノ明朝 ProN W3','Hiragino Mincho ProN',serif; letter-spacing: -.05em; } #visual_top, #visual_sub { position: relative; background: #000; } .fumitofu h2 { margin-bottom: 30px; width: 500px; height: 40px; text-indent: -9999px; overflow: hidden; } .fumitofu h3 { margin-bottom: 10px; width: 100%; height: 42px; text-indent: -9999px; overflow: hidden; } /* index用anim */ #main_fumitofu #bgFade div { position: absolute; width: 100%!important; } #main_fumitofu .slide01 { background: url(../img/top/top_bg1.png) 50% 0% no-repeat; height: 500px; } #main_fumitofu .slide02 { background: url(../img/top/top_bg2.png) 50% 0% no-repeat; height: 500px; } #main_fumitofu .slide03 { background: url(../img/top/top_bg3.png) 50% 0% no-repeat; height: 500px; } #main_fumitofu .slide04 { background: url(../img/top/top_bg4.png) 50% 0% no-repeat; height: 500px; } /* sub用anim */ #sub_fumitofu #bgFade div { position: absolute; width: 100%!important; } #sub_fumitofu .slide01 { background: url(../img/sub/sub_bg1.png) 50% 0% no-repeat; height: 300px; } #sub_fumitofu .slide02 { background: url(../img/sub/sub_bg2.png) 50% 0% no-repeat; height: 300px; } #sub_fumitofu .slide03 { background: url(../img/sub/sub_bg3.png) 50% 0% no-repeat; height: 300px; } #sub_fumitofu .slide04 { background: url(../img/sub/sub_bg4.png) 50% 0% no-repeat; height: 300px; } /* index用firstView */ #top_content { width: 100%; height: 500px; text-align: center; position: relative; z-index: 500; } #top_content h1 { margin: 0 auto; width: 164px; height: 465px; background: url(../img/top/top_title.png) no-repeat; background-position: center 57px; color: transparent; } #visual_top #readcopy_a { margin-top: -17px; padding-bottom: 28px; text-align: center; position: relative; z-index: 600; } #visual_top #readcopy_a p { font-weight: bold; font-size: 20px; line-height:1.5; font-family: 'Yu Mincho','ヒラギノ明朝 ProN W3','Hiragino Mincho ProN',serif; color: #fff; } /* index用 縦書きnavi */ #visual_top #header_navi { margin: 0 auto; width: 100%; position: absolute; top: 82px; z-index: 600; } #visual_top #header_navi ul { margin: 0 auto; padding-right: 97px; width: 980px; } #visual_top #header_navi li { margin-left: 16px; float: right; width: 40px; height: 330px; } #visual_top #header_navi li#navi00 { display: none; } #visual_top #header_navi li#navi01 { } #visual_top #header_navi li#navi02 { } #visual_top #header_navi li#navi03 { } #visual_top #header_navi li#navi04 { } #visual_top #header_navi li a { display: block; width: 40px; height: 330px; text-indent: -9999px; overflow: hidden; } #visual_top #header_navi li a:hover { opacity: .7; } #visual_top #header_navi li#navi01 a { background: url(../img/top/top_navi01.png) no-repeat; } #visual_top #header_navi li#navi02 a { background: url(../img/top/top_navi02.png) no-repeat; } #visual_top #header_navi li#navi03 a { background: url(../img/top/top_navi03.png) no-repeat; } #visual_top #header_navi li#navi04 a { background: url(../img/top/top_navi04.png) no-repeat; } /* 他用firstview */ #sub_content { width: 100%; height: 300px; text-align: center; position: relative; z-index: 500; } #sub_content h1 { margin: 0 auto; width: 384px; height: 224px; background: url(../img/sub/sub_title.png) no-repeat; background-position: center 72px; color: transparent; } /* 他用headerNavi */ #visual_sub #header_navi { margin: 0 auto; padding: 10px 0; width: 100%; background: #141414; } #visual_sub #header_navi ul { margin: 0 auto; width: 980px; } #visual_sub #header_navi li { margin: 0; width: 20%; float: left; text-align: center; border-left: 1px solid #fff; } #visual_sub #header_navi li#navi00 { } #visual_sub #header_navi li#navi01 { } #visual_sub #header_navi li#navi02 { } #visual_sub #header_navi li#navi03 { } #visual_sub #header_navi li#navi04 { border-right: 1px solid #fff; } #visual_sub #header_navi li a { padding: 10px 0; width: 100%; display: block; font-size: 14px; font-family: 'Yu Mincho','ヒラギノ明朝 ProN W3','Hiragino Mincho ProN',serif; color: #fff; } #visual_sub #header_navi li a:hover { opacity: .6; } /* 期間限定商品 */ #gentei_wrapper { width: 100%; } #gentei { margin: 0 auto; padding-top: 30px; width: 980px; } #gentei h2 { background: url(../img/top/top_title_gentei.png) 0 0 no-repeat; background-size: contain; } #gentei h3 { background: url(../img/top/gentei_catch.png) center no-repeat; } #gentei ul { margin-top: 20px; padding-bottom: 30px; } #gentei li { width: 450px; float: left; position: relative; } #gentei li#kokutoukurumi { margin-left: 30px; } #gentei li#yakiimo { margin-left: 20px; } #gentei li h4 { padding-bottom: 26.756757%; height: 0; text-indent: -9999px; overflow: hidden; } #gentei li#kokutoukurumi h4 { background: url( "../img/top/gentei_title_kokutoukurumi2021.png") no-repeat bottom; background-size: contain; } #gentei li#yakiimo h4 { background: url( "../img/top/gentei_title_yakiimo.png") no-repeat bottom; background-size: contain; } #gentei li .copy p.bodycopy { float: right; width: 60%; text-align: justify; text-justify: inter-ideograph; } #gentei li .copy p.sales { padding-top: 47%; width: 38%; font-weight: bold; } #gentei li#kokutoukurumi p.sales { background: url("../img/top/kokutoukurumi_pack.png") top left no-repeat; background-size: contain; } #gentei li#yakiimo p.sales { background: url("../img/top/yakiimo_pack.png") top left no-repeat; background-size: contain; } /* こだわり */ #kodawari_wrapper { width: 100%; } #kodawari { margin: 0 auto; padding-top: 30px; width: 980px; } #kodawari h2 { background: url( ../img/top/top_title_kodawari.png) center no-repeat; } #kodawari h3 { background: url( ../img/top/kodawari_catch.png) center no-repeat; } #kodawari ul { margin-top: 20px; padding-bottom: 30px; } #kodawari li { width: 286px; float: left; position: relative; } #kodawari li h4 { padding-bottom: 212px; height: 0; text-indent: -9999px; overflow: hidden; } #kodawari li#t_goma { margin-left: 30px; } #kodawari li#t_mame { margin-left: 31px; } #kodawari li#t_tama { margin-left: 31px; } #kodawari li#t_goma h4 { background: url( ../img/top/kodawari_p01.png) no-repeat bottom; background-size: contain; } #kodawari li#t_mame h4 { background: url( ../img/top/kodawari_p02.png) no-repeat bottom; background-size: contain; } #kodawari li#t_tama h4 { background: url( ../img/top/kodawari_p03.png) no-repeat bottom; background-size: contain; } #kodawari li p.readcopy { margin-top: .5em; font-weight: bold; font-size: 18px; line-height: 1.5; font-family: 'Yu Mincho','ヒラギノ明朝 ProN W3','Hiragino Mincho ProN',serif; } #kodawari li p.readcopy span:after { content:'\A'; white-space: pre; } #kodawari li p.bodycopy { margin-top: .5em; font-size: 14px; text-align: justify; text-justify: inter-ideograph; } /* おもてなし */ #omotenashi_wrapper { width: 100%; } #omotenashi { margin: 0 auto; padding-top: 30px; width: 980px; } #omotenashi h2 { background: url( ../img/top/top_title_omotenashi.png) center no-repeat; } #omotenashi h3 { background: url( ../img/top/omotenashi_catch.png) center no-repeat; } #omotenashi .sub_h3 { margin: 0; padding-bottom: 3.061224%; height: 0; text-indent: -9999px; overflow: hidden; background: url( ../img/top/omotenashi_catch_sub.png) center no-repeat; background-size: contain; } #omotenashi .readcopy { margin: 30px; font-size: 18px; } #omotenashi ul { margin-left: 30px; padding-bottom: 30px; } #omotenashi li { padding-left: 164px; width: 450px; height: 144px; float: left; position: relative; } #omotenashi li#nozakisan { background: #fff url( ../img/top/omotenashi_nozaki_photo.png) left no-repeat; border: 1px solid #3f5027; } #omotenashi li#horosan { margin-left: 20px; background: #fff url( ../img/top/omotenashi_hori_photo.png) left no-repeat; border: 1px solid #5d151d; } #omotenashi li h4 { margin-top: 20px; height: 54px; text-indent: -9999px; overflow: hidden; } #omotenashi li#nozakisan h4 { background: url( ../img/top/omotenashi_nozaki_title.png) no-repeat; } #omotenashi li#horosan h4 { background: url( ../img/top/omotenashi_hori_title.png) no-repeat; } #omotenashi ul div { width: 266px; position: absolute; bottom: 20px; right: 20px; } #omotenashi ul div a { padding: .5em; display: block; text-align: center; color: #fff; } #omotenashi ul li#nozakisan div a { background: url( ../img/top/nozaki_bg.png); } #omotenashi ul li#horosan div a { background: url( ../img/top/hori_bg.png); } #omotenashi ul div a:after { content: ' >>'; white-space: pre; } #omotenashi ul div a:hover { opacity: .7; } /* TOP家庭料理活用術 */ #kateiryori_wrapper { width: 100%; } #kateiryori { margin: 0 auto; padding-top: 30px; width: 980px; } #kateiryori h2 { background: url( ../img/top/top_title_kateiryori.png) center no-repeat; } #kateiryori h3 { background: url( ../img/top/kibunmenu_catch.png) center no-repeat; } #kateiryori .readcopy { margin: 30px; font-size: 18px; } #kateiryori ul { margin-left: 30px; padding-bottom: 30px; } #kateiryori li { padding-left: 164px; width: 450px; height: 144px; float: left; position: relative; } #kateiryori li h4 { margin-top: 20px; height: 54px; text-indent: -9999px; overflow: hidden; } #kateiryori li#nozakisan h4 { background: url( ../img/top/omotenashi_nozaki_title.png) no-repeat; } #kateiryori li#horosan h4 { background: url( ../img/top/omotenashi_hori_title.png) no-repeat; } #kateiryori ul div { width: 266px; position: absolute; bottom: 20px; right: 20px; } #kateiryori ul div a { padding: .5em; display: block; text-align: center; color: #fff; } #kateiryori ul li#nozakisan div a { background: url( ../img/top/nozaki_bg.png); } #kateiryori ul li#horosan div a { background: url( ../img/top/hori_bg.png); } #kateiryori ul div a:after { content: ' >>'; white-space: pre; } #kateiryori ul div a:hover { opacity: .7; } /* TOP商品一覧 */ #lineup_wrapper { width: 100%; } #lineup { margin: 0 auto; padding-top: 30px; width: 980px; } #lineup h2 { background: url( ../img/top/top_title_products.png) center no-repeat; } #lineup h3 { background: url( ../img/top/lineup_catch.png) center no-repeat; } #lineup .readcopy { margin: 30px; font-size: 18px; } #lineup ul { margin-left: 30px; padding-bottom: 30px; } #lineup li { padding-left: 164px; width: 450px; height: 144px; float: left; position: relative; } #lineup li h4 { margin-top: 20px; height: 54px; text-indent: -9999px; overflow: hidden; } #lineup ul div { width: 266px; position: absolute; bottom: 20px; right: 20px; } #lineup ul div a { padding: .5em; display: block; text-align: center; color: #fff; } #lineup ul div a:after { content: ' >>'; white-space: pre; } #lineup ul div a:hover { opacity: .7; } /* 野﨑さんのおもてなし */ #nozakitalk_wrapper { margin: 0 auto; padding: 0; width: 980px; /*background: url( ../img/motenashi/nozaki_bg.png);*/ } #nozakitalk_wrapper h2 { margin-top: 30px; background: url( ../img/top/top_title_omotenashi.png) 0 0 no-repeat; } #nozakitalk { margin: 0 auto; padding: 30px; width: 100%; background: url( ../img/motenashi/nozaki_bg.png); border-radius: 20px; } #nozakitalk h3 { background: url( ../img/motenashi/nozaki_catch.png) center no-repeat; } #nozakitalk .talk { margin-top: 20px; padding: 30px 30px; background: #fff; border-radius: 12px; } #nozakitalk .talk h4 { margin-bottom: .75em; font-weight: bold; font-size: 22px; font-family: 'Yu Gothic',sans-serif; color: #b0bb9f; } #nozakitalk .talk .copy { margin-bottom: 1em; font-size: 20px; font-family: 'Yu Gothic',sans-serif; } #nozakitalk .talk img.fl_left { float: left; padding-right: 20px; } #nozakitalk .talk img.fl_right { float: right; padding-left: 20px; } #nozakitalk .talk .copy sup { font-size: 65%; } #nozakitalk .talk .copy .caption { font-size: 85%; } #nozakirecipe_wrapper { width: 100%; } #nozakirecipe { margin: 0 auto; padding: 30px; width: 980px; position: relative; } #nozakirecipe h3 { display: none; /*margin-top: 6px; float: left; background: url( ../img/motenashi/nozaki_omotenashi.png) left no-repeat;*/ } #nozakirecipe .label { margin-left: 295px; /*float: right; position: absolute; right: 30px;*/ width: 330px; height: 56px; text-indent: -9999px; overflow: hidden; background: url( ../img/motenashi/nozaki_label.png) no-repeat; } #nozakirecipe > ul { } #nozakirecipe > ul > li { margin: 30px 0 0 0; padding: 16px; width: 445px; } /*#nozakirecipe > ul > li:last-child { margin-right: 0; }*/ #nozakirecipe > ul li#n_recipe1 { float: right; background: url( ../img/motenashi/nozaki_recipe1_bg.png); } #nozakirecipe > ul li#n_recipe2 { float: right; background: url( ../img/motenashi/nozaki_recipe2_bg.png); } #nozakirecipe > ul li#n_recipe3 { float: left; background: url( ../img/motenashi/nozaki_recipe3_bg.png); } #nozakirecipe > ul li#n_recipe4 { float: left; background: url( ../img/motenashi/nozaki_recipe4_bg.png); } #nozakirecipe > ul li#n_recipe5 { margin-top: ; padding: 0 0; float: left; } #nozakirecipe > ul li h4 { margin-bottom: 0; padding-bottom: 242px; font-weight: bold; font-size: 20px; line-height: 1.3; font-family: 'Yu Gothic',sans-serif; color: #fff; } #nozakirecipe > ul li h5 { padding-right: 20px; font-size: 16px; text-align: center; color: #444b25; } #nozakirecipe > ul li#n_recipe1 h4 { background: url( ../img/motenashi/nozaki_recipe1.png) bottom no-repeat; } #nozakirecipe > ul li#n_recipe2 h4 { background: url( ../img/motenashi/nozaki_recipe2.png) bottom no-repeat; } #nozakirecipe > ul li#n_recipe3 h4 { background: url( ../img/motenashi/nozaki_recipe3.png) bottom no-repeat; } #nozakirecipe > ul li#n_recipe4 h4 { background: url( ../img/motenashi/nozaki_recipe4.png) bottom no-repeat; } #nozakirecipe > ul li#n_recipe1 h4 span { margin-right: .5em; padding: 3px 6px; display: inline-block; lne-height: 1 !important; color: #233136; background: #fff; border-radius: 3px; } #nozakirecipe > ul li#n_recipe2 h4 span { margin-right: .5em; padding: 3px 6px; display: inline-block; lne-height: 1 !important; color: #655738; background: #fff; border-radius: 3px; } #nozakirecipe > ul li#n_recipe3 h4 span { margin-right: .5em; padding: 3px 6px; display: inline-block; lne-height: 1 !important; color: #491723; background: #fff; border-radius: 3px; } #nozakirecipe > ul li#n_recipe4 h4 span { margin-right: .5em; padding: 3px 6px; display: inline-block; lne-height: 1 !important; color: #282c19; background: #fff; border-radius: 3px; } #nozakirecipe > ul li .recipe_text { padding: .5em 1em; background: #fff; } #nozakirecipe > ul li .recipe_text .zairyo { width: 100%; } #nozakirecipe > ul li .recipe_text .zairyo dl { width: 100%; } #nozakirecipe > ul li .recipe_text .zairyo dt { clear: left; float: left; width: 200px; } #nozakirecipe > ul li .recipe_text .zairyo dt.hcap { width: 100%; /*text-align: center;*/ } #nozakirecipe > ul li .recipe_text .zairyo dt.scap { width: 100%; text-align: left; font-size: 85%; } #nozakirecipe > ul li .recipe_text .zairyo dt span { font-size: 80%; } #nozakirecipe > ul li .recipe_text .zairyo dd { margin-left: 200px; text-align: right; } #nozakirecipe > ul li .recipe_text .tukurikata { width: 100%; } #nozakirecipe > ul li .recipe_text .tukurikata ol { padding-left: 1.5em; } #nozakirecipe > ul li .recipe_text .tukurikata ol li { list-style-type: decimal !important; list-style-position: outside; } #nozakirecipe > ul li .recipe_point { margin: 2px 0; padding: .5em 1em 0 1em; background: rgba(255,255,255,.8); } #nozakirecipe > ul li .recipe_point ol { padding-left: 1.5em; padding-bottom: 1em; } #nozakirecipe > ul li .recipe_point ol li { list-style-type: decimal !important; list-style-position: outside; } #nozakirecipe .profile { margin: 0; padding: .5em 1em; width: 445px; background: rgba( 255,255,255,.5); border: 1px solid #ccc; } #nozakirecipe .profile h6 { font-weight: bold; } #nozakirecipe .profile p { font-size: 95%; } #goto_horisan { padding: 30px; width: 100%; background: #000; } #goto_horisan div { margin: 0 auto; width: 496px; } #goto_horisan div a { padding: .5em; display: block; font-size: 21px; text-decoration: none; text-align: center; color: #fff; background: url( ../img/motenashi/goto_nozaki_bg.png); } #goto_horisan div a:after { content: ' >>'; white-space: pre; } #goto_horisan div a:hover { opacity: .7; } /* 堀さんのおもてなし */ #horitalk_wrapper { margin: 0 auto; padding: 0; width: 980px; /*background: url( ../img/motenashi/hori_bg.png);*/ } #horitalk_wrapper h2 { margin-top: 30px; background: url( ../img/top/top_title_omotenashi.png) center no-repeat; } #horitalk { margin: 0 auto; padding: 30px; width: 100%; background: url( ../img/motenashi/hori_bg.png); border-radius: 20px; } #horitalk h3 { background: url( ../img/motenashi/hori_catch.png) center no-repeat; } #horitalk .talk { margin-top: 20px; padding: 30px 30px; background: #fff; border-radius: 12px; } #horitalk .talk h4 { margin-bottom: .75em; font-weight: bold; font-size: 22px; font-family: 'Yu Gothic',sans-serif; color: #f9bdcb; } #horitalk .talk .copy { margin-bottom: 1em; font-size: 20px; font-family: 'Yu Gothic',sans-serif; } #horitalk .talk img.fl_left { float: left; padding-right: 20px; } #horitalk .talk img.fl_right { float: right; padding-left: 20px; } #horirecipe_wrapper { width: 100%; } #horirecipe { margin: 0 auto; padding: 30px; width: 980px; position: relative; } #horirecipe h3 { display: none; /*margin-top: 6px ;float: left; background: url( ../img/motenashi/hori_omotenashi.png) left no-repeat;*/ } #horirecipe .label { margin-left: 305px; /*float: right; position: absolute; right: 30px;*/ width: 310px; height: 56px; text-indent: -9999px; overflow: hidden; background: url( ../img/motenashi/hori_label.png) no-repeat; } #horirecipe > ul { position: relative; } #horirecipe > ul > li { margin: 30px 0 0 0; padding: 16px; width: 445px; } #horirecipe > ul > li:last-child { margin-right: 0; } #horirecipe > ul li#h_recipe1 { float: left; background: url( ../img/motenashi/hori_recipe1_bg.png); } #horirecipe > ul li#h_recipe2 { float: right; background: url( ../img/motenashi/hori_recipe2_bg.png); } #horirecipe > ul li#h_recipe3 { float: left; background: url( ../img/motenashi/hori_recipe3_bg.png); } #horirecipe > ul li#h_recipe4 { float: right; background: url( ../img/motenashi/hori_recipe4_bg.png); } #horirecipe > ul li#h_recipe5 { padding: 0 0; float: left; } #horirecipe > ul li h4 { margin-bottom: 0; padding-bottom: 242px; font-weight: bold; font-size: 20px; line-height: 1.3; font-family: 'Yu Gothic',sans-serif; color: #fff; } #horirecipe > ul li .subh4 { margin-top: 1em; padding: .5em; font-weight: bold; font-size: 16px; font-family: 'Yu Gothic',sans-serif; text-align: center; color: #000; background: #fff; border-bottom: 1px solid #ccc; } #horirecipe > ul li h5 { padding-right: 20px; font-size: 16px; text-align: center; color: #444b25; } #horirecipe > ul li#h_recipe1 h4 { background: url( ../img/motenashi/hori_recipe1.png) bottom no-repeat; } #horirecipe > ul li#h_recipe2 h4 { background: url( ../img/motenashi/hori_recipe2.png) bottom no-repeat; } #horirecipe > ul li#h_recipe3 h4 { background: url( ../img/motenashi/hori_recipe3.png) bottom no-repeat; } #horirecipe > ul li#h_recipe4 h4 { background: url( ../img/motenashi/hori_recipe4.png) bottom no-repeat; } #horirecipe > ul li#h_recipe1 h4 span { margin-right: .5em; padding: 3px 6px; display: inline-block; lne-height: 1 !important; color: #5f4e6b; background: #fff; border-radius: 3px; } #horirecipe > ul li#h_recipe2 h4 span { margin-right: .5em; padding: 3px 6px; display: inline-block; lne-height: 1 !important; color: #7c8156; background: #fff; border-radius: 3px; } #horirecipe > ul li#h_recipe3 h4 span { margin-right: .5em; padding: 3px 6px; display: inline-block; lne-height: 1 !important; color: #5a6b67; background: #fff; border-radius: 3px; } #horirecipe > ul li#h_recipe4 h4 span { margin-right: .5em; padding: 3px 6px; display: inline-block; lne-height: 1 !important; color: #c06541; background: #fff; border-radius: 3px; } #horirecipe > ul li .recipe_text { padding: .5em 1em; background: #fff; } #horirecipe > ul li .recipe_text .zairyo { width: 100%; } #horirecipe > ul li .recipe_text .zairyo dl { width: 100%; } #horirecipe > ul li .recipe_text .zairyo dt { clear: left; float: left; width: 290px; } #horirecipe > ul li .recipe_text .zairyo dt.hcap { width: 100%; /*text-align: center;*/ } #horirecipe > ul li .recipe_text .zairyo dt.scap { width: 100%; text-align: left; font-size: 85%; } #horirecipe > ul li .recipe_text .zairyo dt span { font-size: 85%; } #horirecipe > ul li .recipe_text .zairyo dd { margin-left: 290px; text-align: right; } #horirecipe > ul li .recipe_text .zairyo em.only_pc { font-style: normal; } #horirecipe > ul li .recipe_text .zairyo .only_sp { display: none; } #horirecipe > ul li .recipe_text .tukurikata { width: 100%; } #horirecipe > ul li .recipe_text .tukurikata ol { padding-left: 1.5em; } #horirecipe > ul li .recipe_text .tukurikata ol li { list-style-type: decimal !important; list-style-position: outside; } #horirecipe > ul li .recipe_point { margin: 2px 0; padding: .5em 1em; background: rgba(255,255,255,.8); } #horirecipe > ul li .recipe_point ol { padding-left: 1.5em; } #horirecipe > ul li .recipe_point ol li { list-style-type: decimal !important; list-style-position: outside; } #horirecipe .profile { margin-top: 0; padding: .5em 1em; width: 445px; background: rgba( 255,255,255,.5); border: 1px solid #ccc; /*position: absolute;*/ } #horirecipe .profile h6 { font-weight: bold; } #horirecipe .profile p { font-size: 95%; } #goto_nozakisan { padding: 30px; width: 100%; background: #000; } #goto_nozakisan div { margin: 0 auto; width: 496px; } #goto_nozakisan div a { padding: .5em; display: block; font-size: 21px; text-decoration: none; text-align: center; color: #fff; background: url( ../img/motenashi/goto_hori_bg.png); } #goto_nozakisan div a:after { content: ' >>'; white-space: pre; } #goto_nozakisan div a:hover { opacity: .7; } /* ごまとうふ　家庭料理活用術 */ #kibunmenu_wrapper { width: 100%; } #kibunmenu { margin: 0 auto; padding-top: 30px; width: 980px; } #kibunmenu h2 { background: url( ../img/recipe/sub_title_kibunmenu.png) center no-repeat; } #kibunmenu h3 { background: url( ../img/recipe/kibunmenu_catch.png) center no-repeat; } #kibunmenu .readcopy { margin: 30px; font-size: 18px; } #kibunmenu ul { margin-left: 30px; padding-bottom: 30px; } #kibunmenu li { margin-right: 30px; width: 445px; float: left; position: relative; } #kibunmenu li h4 { margin-bottom: .25em; font-weight: bold; font-size: 18px; font-family: 'Yu Gothic',sans-serif; color: #4c3508; } #kibunmenu li div { width: 445px; height: 250px; position: relative; } #kibunmenu li#recipe01 div { background: url( ../img/recipe/recipe_photo01.png) no-repeat; } #kibunmenu li#recipe02 div { background: url( ../img/recipe/recipe_photo02.png) no-repeat; } #kibunmenu li#recipe03 div { background: url( ../img/recipe/recipe_photo03.png) no-repeat; } #kibunmenu li#recipe04 div { background: url( ../img/recipe/recipe_photo04.png) no-repeat; } #kibunmenu li#recipe05 div { background: url( ../img/recipe/recipe_photo05.png) no-repeat; } #kibunmenu li#recipe06 div { background: url( ../img/recipe/recipe_photo06.png) no-repeat; } #kibunmenu li div a { padding: .5em 1em; position: absolute; bottom: 0; right: 0; display: inline-block; font-size: 14px; text-align: center; color: #fff; background: #bba913; } #kibunmenu li div a:after { content: ' >>'; white-space: pre; } #kibunmenu li div a:hover { opacity: .7; } #kibunmenu li .caption { margin: .5em 0; } /* ラインナップ */ #itemlist_wrapper { margin: 0 auto; width: 980px; } #itemlist_wrapper #li_title { padding-top: 30px; position: relative; } #itemlist_wrapper #li_title h2 { width: 500px; background: url(../img/lineup/sub_title_lineup.png) center no-repeat; } #itemlist_wrapper #li_title .readcopy { margin: 30px; font-size: 18px; color: #000; width: 630px; } #itemlist_wrapper #li_title:after { margin: 0; content:" "; width: 288px; height: 214px; background: url(../img/lineup/lineup_img.png) no-repeat; background-size: contain; position: absolute; top: 0px; right: -40px; } #itemlist { padding: 30px; width: 980px; border-radius: 20px; background: #bbc2e4; background: -moz-linear-gradient(top, #bbc2e4 0%, #020124 75%, #020124 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbc2e4), color-stop(75%,#020124), color-stop(100%,#020124)); background: -webkit-linear-gradient(top, #bbc2e4 0%,#020124 75%,#020124 100%); background: -o-linear-gradient(top, #bbc2e4 0%,#020124 75%,#020124 100%); background: -ms-linear-gradient(top, #bbc2e4 0%,#020124 75%,#020124 100%); background: linear-gradient(to bottom, #bbc2e4 0%,#020124 75%,#020124 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbc2e4', endColorstr='#020124',GradientType=0 ); } #itemlist #itemlist_inner { padding: 10px; background: #fff; border-radius: 12px; } #itemlist ul { margin: 20px 0 20px 97.5px; width: 705px; } #itemlist li { margin-right: 20px; float: left; width: 215px; position: relative; } #itemlist li div { text-align: center; } #itemlist li#isokobachi div span:before, #itemlist li#gomadaretofusomen div span:before { content: '\A'; white-space: pre; } #itemlist li.renew:before { content: url(../img/lineup/icon_renew.png); position: absolute; right: 0; z-index: 5; } #itemlist li.small.renew:before { content: url(../img/lineup/icon_renew.png); position: absolute; top: 10px; right: 0; z-index: 5; } #itemlist li.new:before { content: url(../img/lineup/icon_new.png); position: absolute; right: 0; z-index: 5; } #itemlist li.newiso:before { content: url(../img/lineup/icon_new.png); position: absolute; top: 40px; right: 0; z-index: 5; } #itemlist li a { padding-top: 242px; color: #000; display: block; } #itemlist li a:hover { opacity: .7; } #itemlist li.small a { padding-top: 208px; } #itemlist li#gomatofu a { background: url(../img/lineup/lineup01.png) top no-repeat; } #itemlist li#edamametofu a { background: url(../img/lineup/lineup02.png) top no-repeat; } #itemlist li#tamagotofu a { background: url(../img/lineup/lineup03.png) top no-repeat; } #itemlist li #sanrentamago a { padding-top: 200px; background: url(../img/lineup/lineup06.png) 50% no-repeat; } #itemlist li#torokerugoma a { background: url("../img/lineup/lineup24.png") top no-repeat; } #itemlist li#torokerutamago a { background: url("../img/lineup/lineup25.png") top no-repeat; } #itemlist li#tofa a { background: url("../img/lineup/lineup26.png") top no-repeat; } #itemlist li#tofa_mango a { background: url("../img/lineup/lineup27.png") top no-repeat; } #itemlist li#tofa_ginger a { background: url("../img/lineup/lineup28.png") top no-repeat; } #itemlist li#torokerugoma div span:after { content: '　'; white-space: pre; } #itemlist li#torokerutamago div span:after { content: '　'; white-space: pre; } #itemlist li#tofa div span:after { content: '　'; white-space: pre; } #itemlist li#tofa_mango div span:after { content: '　'; white-space: pre; } #itemlist li#tofa_ginger div span:after { content: '　'; white-space: pre; } /* #itemlist li #yubanyusasimi a { padding-top: 110px; background: url(../img/lineup/lineup07.png) top no-repeat; } #itemlist li#yubanyutofucup a { background: url(../img/lineup/lineup08.png) top no-repeat; } #itemlist li#isokobachi a { background: url(../img/lineup/lineup10.png) top no-repeat; } #itemlist li#tofusomen a { background: url(../img/lineup/lineup11.png) top no-repeat; } */ /* footer */ #Container #bottom_navi { margin: 30px auto; width: 980px; } #Container #bottom_navi ol { margin: 0 auto; padding-left: 0; text-align: center !important; } #Container #bottom_navi ol li { display: inline-block; } #Container #bottom_navi ol li a { padding: 0 1em; display: block; border-right: 1px solid #939393; } #Container #bottom_navi ol li:last-child a { border-right: 0; } #Container #bottom_navi ol li a:link, #Container #bottom_navi ol li a:visited, #Container #bottom_navi ol li a:active { color: #b71b21; text-decoration: underline !important; } #Container #bottom_navi ol li a:hover { text-decoration: none !important; }