@charset "UTF-8";
@import url("../../../../common/css/default.css");
@import url("../../../../common/css/layout_contents.css");
@import url("../../../../common/css/navi.css");
/* -------------------------
fv_Area
------------------------- */
#fv_Area { width:100%; height:420px; background:url(../../../img/products/momiuchi/img_top/fv_Area__bg.jpg) repeat-x center top; background-size:auto 100%; position:relative; }
#fv_Area::before { content:""; width:calc(50% - 5px); height:362px; background:url(../../../img/products/momiuchi/img_top/momiuchi_nama__img.jpg) no-repeat center right; background-size:auto 100%; border-right:5px solid #fff; position:absolute; top:0; left:0; z-index:1; }
#fv_Area::after { content:""; width:calc(50% - 5px); height:362px; background:url(../../../img/products/momiuchi/img_top/momiuchi_zaru__img.jpg) no-repeat center left; background-size:auto 100%; border-left:5px solid #fff; position:absolute; top:0; right:0; z-index:1; }
#fv_Area #fv_Inner { width:980px; height:100%; text-align:center; margin:0 auto; padding:0; position:relative; z-index:2; }
/*--animation--*/
#fv_Area .anim_tit_txt img { width:926px; margin-top:20px; }
#fv_Area .anim_logo { width:426px; margin-top:10px; }
/*--navi--*/
#navi_top { width:100%; height:auto; left:0; bottom:10px; position:absolute; z-index:2; }
#navi_top li { float:left; width:50%; text-align:center; }
#navi_top li div { width:240px; height:100px; margin:0 auto; position:relative; }
#navi_top li div { background:url("../../../img/products/momiuchi/img/btn_off__bg.png") no-repeat center top 30px; background-size:100% auto; transition:0.2s ease-in-out; }
#navi_top li .momiuchi_nama__btn:hover { background:url("../../../img/products/momiuchi/img/btn_on01__bg.png") no-repeat center top 30px; background-size:100% auto; }
#navi_top li .momiuchi_zaru__btn:hover { background:url("../../../img/products/momiuchi/img/btn_on02__bg.png") no-repeat center top 30px; background-size:100% auto; }
#navi_top li div a { position:absolute; top:0; left:0; width:100%; height:100%; }
#navi_top li img { width:auto; height:100px; }
/* 2025/02 レスポンシブ対応追加 */
@media not screen and (min-width: 810px) {
[data-pagetype="brand"] #fv_Area{ background:none; height:auto; }
#fv_Area::before,#fv_Area::after{ aspect-ratio:195 / 206; background-size:100%; height:auto; }
#fv_Area::before { background-image:url(../../../img/products/momiuchi/img_top/momiuchi_nama__img_sp.jpg); border-right:0; }
#fv_Area::after { background-image:url(../../../img/products/momiuchi/img_top/momiuchi_zaru__img_sp.jpg); border-left:0; }
[data-pagetype="brand"] #fv_Area .anim_tit_txt img{ margin-top:2% !important; width:82.6vw !important; }
#fv_Area .anim_logo{ width:50.8vw; }
[data-pagetype="brand"] #fv_Area #anim{ aspect-ratio:390 / 200; }
[data-pagetype="brand"] #navi_top{ background:url(../../../img/products/momiuchi/img_top/line01_sp.webp) no-repeat center top / 100% auto, url(../../../img/products/momiuchi/img_top/btn_bg_sp.webp) no-repeat center top; display:flex; flex-direction:column; row-gap:16px; padding:34px 0 24px; position:static; width:100%; }
#navi_top li{ float:none; width:auto; }
#navi_top li div{ background:none; height:auto; position:relative; width:calc(100% - 10px); }
#navi_top li div::after{ aspect-ratio:380 / 74; background:url("../../../img/products/momiuchi/img/btn_off__bg.png") no-repeat center center; content:""; display:block; position:absolute; top:55%; transform:translateY(-50%); width:100%; transition:0.2s ease-in-out; }
#navi_top li .momiuchi_nama__btn:hover::after{ background:url("../../../img/products/momiuchi/img/btn_on01__bg.png") no-repeat center center; }
#navi_top li .momiuchi_zaru__btn:hover::after{ background:url("../../../img/products/momiuchi/img/btn_on02__bg.png") no-repeat center center; }
#navi_top li div a{ display:block; position:relative; z-index:1; }
#navi_top li .momiuchi_nama__btn img { height:29.487vw; }
#navi_top li .momiuchi_zaru__btn img { height:28.717vw; }
}
/* //2025/02 レスポンシブ対応追加 */
/* -------------------------
content
------------------------- */
#brandBox { width:980px; margin:13px auto 0 auto; }
#content { float:left; width:770px; margin:0 10px 0 0; padding:0 0 50px 0; }
#content #tabBox { width:100%; height:auto; padding:0; background:url(../../../img/products/momiuchi/img/tab_bg.jpg) no-repeat left top; background-size:100% 100%; }
#content #tabBox ul { width:100%; height:76px; padding:15px 0 0 5px; box-sizing:border-box; }
#content #tabBox ul li { float:left; width:calc(25% - 5px); height:46px; margin-right:5px; background:url("../../../img/products/momiuchi/img/btn_off__bg.png") no-repeat center center; background-size:100% auto; transition:0.2s ease-in-out; position:relative; }
#content #tabBox ul .li01:hover { background:url("../../../img/products/momiuchi/img/btn_on02__bg.png") no-repeat center center; background-size:100% auto; }
#content #tabBox ul .li02:hover { background:url("../../../img/products/momiuchi/img/btn_on01__bg.png") no-repeat center center; background-size:100% auto; }
#content #tabBox ul .li03:hover { background:url("../../../img/products/momiuchi/img/btn_on02__bg.png") no-repeat center center; background-size:100% auto; }
#content #tabBox ul .li04:hover { background:url("../../../img/products/momiuchi/img/btn_on01__bg.png") no-repeat center center; background-size:100% auto; }
#content #tabBox ul li a { position:absolute; top:0; left:0; width:100%; height:100%; }
#content #tabBox ul li img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
#content #tabBox ul .li01 img { height:22px; }
#content #tabBox ul .li02 img { height:62px; }
#content #tabBox ul .li03 img { height:62px; }
#content #tabBox ul .li04 img { height:24px; }
/*--今いるページの表示--*/
#content #tabBox ul .onPage01 { background:url("../../../img/products/momiuchi/img/btn_on01__bg.png") no-repeat center center!important; background-size:100% auto!important; }
#content #tabBox ul .onPage02 { background:url("../../../img/products/momiuchi/img/btn_on02__bg.png") no-repeat center center!important; background-size:100% auto!important; }
/* 2025/02 レスポンシブ対応追加 */
@media not screen and (min-width: 810px) {
#content #tabBox{ background-image:url(../../../img/products/momiuchi/img/tab_bg_sp.webp); padding:28px 5px; }
#content #tabBox ul{ display:grid; grid-template-columns:repeat(2, 1fr); gap: 12px 8px; height:auto; padding:0; }
#content #tabBox ul li{ background: none !important; width:100%; height:auto; margin-right:0; }
#content #tabBox ul li a{ position: relative; display:flex; justify-content:center; align-items:center; }
#content #tabBox ul li a::after{ background: linear-gradient( #F1DC83, #fff); box-shadow:0 1px 5px rgba(0,0,0,.13); width:100%; height:75%; content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); }
#content #tabBox ul li a img{ position: static; transform:none; z-index:1; }
#content #tabBox ul .li01 img { height:auto; width:82.3%; }
#content #tabBox ul .li02 img { height:auto; width:46.9%; }
#content #tabBox ul .li03 img { height:auto; width:46.9%; }
#content #tabBox ul .li04 img { height:auto; width:72.3%; }
#content #tabBox ul::after{ content:none; }
#content #tabBox ul .onPage01,#content #tabBox ul .onPage02 { background: none !important; }
#content #tabBox ul .onPage01 a::after,#content #tabBox ul .onPage02 a::after { background: linear-gradient(#12A7CF, #1255CF); }
}
/* //2025/02 レスポンシブ対応追加 */
#content #brandInner { width:770px; margin-top:15px; padding:0 0 40px 0; background:url(../../../img/products/momiuchi/img/bg_contents.jpg) repeat-y left top; }
@media not screen and (min-width: 810px) {
#content #brandInner {
background-size: cover;
}
}
#content #brandInner .brandItem_mainImg { max-width:100%; margin-bottom:35px; }
#content #brandInner .lnaviBox { width:730px; margin:0 auto 35px auto; position:relative; }
#content #brandInner .lnaviBox li { float:left; width:32.3333%; height:38px; margin-right:1.5%; background:url(../../../img/products/momiuchi/img/lnavi_off__bg.png) no-repeat center; background-size:100% auto; transition:0.2s ease-in-out; position:relative; }
#content #brandInner .lnaviBox li:last-child { margin-right:0; }
#content #brandInner .lnaviBox li:hover { background:url(../../../img/products/momiuchi/img/lnavi_on__bg.png) no-repeat center; background-size:100% auto; }
#content #brandInner .lnaviBox li a { position:absolute; top:0; left:0; width:100%; height:100%; }
#content #brandInner .lnaviBox li img { width:auto; height:25px; position:absolute; top:50%; left:50%; transform:translate(-50%,-54%); }
#content #brandInner .container { width:770px; margin:0 auto 40px auto; position:relative; }
#content #brandInner h2{ width:730px; margin:0 auto; padding:0 0 25px 0; }
#content #brandInner h2 img{ max-width:100%; }
#content #brandInner .wrap { width:700px; margin:0 auto; padding:7px; position:relative; box-sizing:border-box; }
#content #brandInner #sec02 .wrap { padding:0; }
#content #brandInner .wrap .inner { width:100%; padding:24px; box-sizing:border-box; }
/* 2025/02 レスポンシブ対応追加 */
@media not screen and (min-width: 810px) {
#content #brandInner{ width:100%; }
#content #brandInner .container{ padding:0 10px; width:auto; }
#content #brandInner .brandItem_mainImg { margin-bottom:24px; }
[data-pagetype="brand"] #content #brandInner .lnaviBox{ display:flex; flex-direction:column; gap: 16px; margin-bottom:24px; width:80.77vw; }
[data-pagetype="brand"] #content #brandInner .lnaviBox::after{ content:none; }
#content #brandInner .lnaviBox li{ float:none; width: 100%; height: auto; margin-right: none; background: none; }
#content #brandInner .lnaviBox li a{ background: #fff; border-radius:3px; box-shadow:0 1px 5px rgba(0,0,0,.13); display:block; line-height:1.1; position:relative; padding:5px 0; text-align:center; }
#content #brandInner .lnaviBox li a::after{ border-color:#f8b95c transparent transparent transparent; border-width:7px; border-style:solid; content:""; display:block; position:absolute; top: 50%; left: 18px; transform:scaleY(1.5); }
[data-pagetype="brand"] #content #brandInner .lnaviBox li img{ height: 27px !important; position:static; transform:none; }
#content #brandInner .wrap .inner{ padding-top:15px; padding-bottom:15px; }
}
/* //2025/02 レスポンシブ対応追加 */
/*--商品特長--*/
#content #brandInner .wrap .itemIntro {
display:-webkit-box;
display: block;play:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap; }
#content #brandInner .wrap .itemIntro li { float:left; width:50%; text-align:center; }
#content #brandInner .wrap .featuresBox01 { width:100%; height:auto; margin-top:30px; padding:7px; background:#fef26b; box-sizing:border-box; }
#content #brandInner .wrap .featuresBox01 .inner { border:2px solid #e60012; padding:15px 25px 15px 25px; text-align:center; position:relative; }
#content #brandInner .wrap .featuresBox01 h3 { width:auto; margin:-32px 0 0 0; padding:0 30px; position:relative; display:inline-block; }
#content #brandInner .wrap .featuresBox01 h3::before { content:""; width:100%; height:20px; background:#fef26b; position:absolute; top:10px; left:0; z-index:0; }
#content #brandInner .wrap .featuresBox01 h3 img { height:26px; position:relative; z-index:1; }
#content #brandInner .wrap .featuresBox01 .txt { color:#000; font-size:14px; padding-top:10px; }
#content #brandInner .wrap .featuresBox01 .featuresBox_coutionTxt { font-size:11px; color:#000; position:absolute; bottom:2px; right:10px; }
#content #brandInner .wrap .featuresBox02 { width:100%; height:auto; margin-top:20px; padding:7px; box-sizing:border-box; }
#content #brandInner .wrap .featuresBox02 .inner { border:2px solid #fef26b; padding:15px 25px; text-align:center; }
#content #brandInner .wrap .featuresBox02 h3 { width:auto; margin:-32px 0 0 0; padding:0 30px; position:relative; display:inline-block; }
#content #brandInner .wrap .featuresBox02 h3::before { content:""; width:100%; height:20px; position:absolute; top:10px; left:0; z-index:0; }
#content #brandInner .wrap .featuresBox02 h3 img { height:30px; position:relative; z-index:1; }
#content #brandInner .wrap .featuresBox02 .txt { color:#fff; font-size:14px; padding-top:10px; }
/* 2025/02 レスポンシブ対応追加 */
@media not screen and (min-width: 810px) {
#content #brandInner .wrap .itemIntro { flex-direction:column; gap:10px; }
#content #brandInner .wrap .itemIntro li { float:none; width:100%; }
#content #brandInner .wrap .featuresBox01 .inner,#content #brandInner .wrap .featuresBox02 .inner{ padding-top:0; padding-left:15px; padding-right:15px; }
#content #brandInner .wrap .featuresBox01 h3,#content #brandInner .wrap .featuresBox02 h3{ top:-1em; padding:0 .5em; }
#content #brandInner .wrap .featuresBox01 h3::before, #content #brandInner .wrap .featuresBox02 h3::before{ height:10px; top:50%; transform:translateY(-50%); }
#content #brandInner .wrap .featuresBox01 p,#content #brandInner .wrap .featuresBox02 p{ text-align:left; line-height:normal; }
#content #brandInner .wrap .featuresBox01 .txt,#content #brandInner .wrap .featuresBox02 .txt{ padding-top:0; }
#content #brandInner .wrap .featuresBox01 .featuresBox_coutionTxt{ position:static; margin-top:.5em; }
}
@media not screen and (min-width: 410px){
#content #brandInner .zarumen_komi .featuresBox02 h3 img,#content #brandInner .zarumen_gomadare .featuresBox02 h3 img{ height:auto; }
}
/* //2025/02 レスポンシブ対応追加 */
/*--商品特長 / 「もみ打ち」生冷し中華 醤油味--*/
#content #brandInner .momiuchi_syouyu { border:5px solid #00419c; margin-bottom:25px; }
#content #brandInner .momiuchi_syouyu .inner { border:2px solid #00419c; }
#content #brandInner .momiuchi_syouyu .packageImg { width:280px; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.4)); }
#content #brandInner .momiuchi_syouyu .brandLogo { width:300px; padding-top:12px; }
#content #brandInner .momiuchi_syouyu .featuresBox02 { background:#00419c; }
#content #brandInner .momiuchi_syouyu .featuresBox02 h3::before { background:#00419c; }
/*--商品特長 / 「もみ打ち」ごまだれ生冷し中華--*/
#content #brandInner .momiuchi_gomadare { border:5px solid #c9631e; margin-bottom:25px; }
#content #brandInner .momiuchi_gomadare .inner { border:2px solid #c9631e; }
#content #brandInner .momiuchi_gomadare .packageImg { width:280px; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.4)); }
#content #brandInner .momiuchi_gomadare .brandLogo { width:300px; padding-top:12px; }
#content #brandInner .momiuchi_gomadare .featuresBox02 { background:#c9631e; }
#content #brandInner .momiuchi_gomadare .featuresBox02 h3::before { background:#c9631e; }
/*--商品特長 / 「もみ打ち」ざる麺 香味めんつゆ--*/
#content #brandInner .zarumen_komi { border:5px solid #0058ae; margin-bottom:25px; }
#content #brandInner .zarumen_komi .inner { border:2px solid #0058ae; }
#content #brandInner .zarumen_komi .packageImg { width:280px; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.4)); }
#content #brandInner .zarumen_komi .brandLogo img { width:300px; padding-top:20px; }
#content #brandInner .zarumen_komi .featuresBox02 { background:#0058ae; }
#content #brandInner .zarumen_komi .featuresBox02 h3::before { background:#0058ae; }
/*--商品特長 / 「もみ打ち」ざる麺 ごまだれつゆ--*/
#content #brandInner .zarumen_gomadare { border:5px solid #c9631e; margin-bottom:25px; }
#content #brandInner .zarumen_gomadare .inner { border:2px solid #c9631e; }
#content #brandInner .zarumen_gomadare .packageImg { width:280px; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.4)); }
#content #brandInner .zarumen_gomadare .brandLogo img { width:300px; padding-top:20px; }
#content #brandInner .zarumen_gomadare .featuresBox02 { background:#c9631e; }
#content #brandInner .zarumen_gomadare .featuresBox02 h3::before { background:#c9631e; }
/*--商品特長 / 「もみ打ち」ざる麺 豚骨魚介つゆ--*/
#content #brandInner .zarumen_tonkotsu { border:5px solid #342c29; margin-bottom:25px; }
#content #brandInner .zarumen_tonkotsu .inner { border:2px solid #342c29; }
#content #brandInner .zarumen_tonkotsu .packageImg { width:280px; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.4)); }
#content #brandInner .zarumen_tonkotsu .brandLogo img { width:300px; padding-top:20px; }
#content #brandInner .zarumen_tonkotsu .featuresBox02 { background:#342c29; }
#content #brandInner .zarumen_tonkotsu .featuresBox02 h3::before { background:#342c29; }
/* 2025/02 レスポンシブ対応追加 */
@media not screen and (min-width: 810px) {
#content #brandInner #sec01 .packageImg, #content #brandInner #sec01 .brandLogo { width:100%; }
}
@media not screen and (min-width: 810px) {
#content #brandInner .zarumen_komi .brandLogo img,
#content #brandInner .zarumen_gomadare .brandLogo img,
#content #brandInner .zarumen_tonkotsu .brandLogo img { width:100%; }
}
/* //2025/02 レスポンシブ対応追加 */
/*--おいしい食べ方--*/
#content #brandInner .how_to_eat { width:100%; heght:auto; margin-bottom:25px; padding:24px; background:url(../../../img/products/momiuchi/img/how_to_eat__bg.jpg) repeat-y; background-size:100% auto; position:relative; box-sizing:border-box; }
#content #brandInner .how_to_eat::before { content:""; width:100%; height:12px; background:url(../../../img/products/momiuchi/img/how_to_eat_top__bg.jpg); background-size:100% auto; position:absolute; top:0px; left:0; z-index:0; }
#content #brandInner .how_to_eat::after { content:""; width:100%; height:12px; background:url(../../../img/products/momiuchi/img/how_to_eat_bottom__bg.jpg); background-size:100% auto; position:absolute; bottom:0px; left:0; z-index:0; }
#content #brandInner .how_to_eat h3 { width:100%; margin:0; padding:0; position:relative; }
#content #brandInner .how_to_eat h3 img { width:auto; height:44px; }
#content #brandInner .how_to_eat .how_to_eat_Line { max-width:100%; margin-top:10px; }
#content #brandInner .how_to_eat ul { margin-top:20px; padding:0 10px; }
#content #brandInner .how_to_eat ul li { float:left; box-sizing:border-box; }
#content #brandInner .how_to_eat ul li:nth-child(odd) { width:240px; text-align:center; }
#content #brandInner .how_to_eat ul li:nth-child(even) { width:calc(100% - 240px); padding:0 0 0 20px; }
#content #brandInner .how_to_eat ul li img { max-width:100%; }
#content #brandInner .how_to_eat ul li .mainTxt { font-size:15px; line-height:1.6em; color:#000; }
#content #brandInner .how_to_eat ul li .mainTxt span { color:#ff5e04; font-weight:bold; }
#content #brandInner .how_to_eat ul li .mainTxt_coution { font-size:13px; line-height:1.2em; color:#000; margin-top:5px; }
#content #brandInner .how_to_eat ul li .pointImg { width:86px; margin-top:7px; }
#content #brandInner .how_to_eat ul li .pointBox { padding:10px 15px; margin-top:-2px; background:#fdf9b4; position:relative; z-index:2; }
#content #brandInner .how_to_eat ul li .pointBox p { color:#000; font-size:14px; }
#content #brandInner .how_to_eat ul li .pointBox p span { font-size:96%; }
/* 2025/02 レスポンシブ対応追加 */
@media not screen and (min-width: 810px) {
#content #brandInner .how_to_eat{ background:#d5b101; padding:12px 4px; }
#content #brandInner .how_to_eat .inner{ background:#fff; border:2px solid #000; padding:16px 24px; }
#content #brandInner .how_to_eat::before,#content #brandInner .how_to_eat::after{ background:#fff; border:2px solid #000; content:"";display:block; height:8px; width:calc(100% - 28px); left:50%; transform:translateX(-50%); }
#content #brandInner .how_to_eat::before{ border-bottom:none; top:4px; }
#content #brandInner .how_to_eat::after{ border-top:none; bottom:4px; }
#content #brandInner .how_to_eat h3{ padding-bottom:24px; background:transparent url(../../../img/products/momiuchi/img/line01_sp.webp) repeat-x left bottom / auto 15px; }
#content #brandInner .how_to_eat h3 img{ width:100%; height:auto; }
#content #brandInner .how_to_eat .how_to_eat_Line{ display:none; }
#content #brandInner .how_to_eat ul{ display:flex; flex-direction:column; align-items:center; margin-top:16px; padding:0; }
#content #brandInner .how_to_eat ul li{ float:none; padding:0 !important; width:100% !important; }
#content #brandInner .how_to_eat ul li .how_to_eat_img{ display:inline-block; width:75.42%; margin:0 auto; }
#content #brandInner .how_to_eat ul li .mainTxt { margin-top:16px !important; }
#content #brandInner .how_to_eat ul li .mainTxt_coution { margin-top:0; }
#content #brandInner .how_to_eat ul li .pointImg { margin-top:16px; }
#content #brandInner .how_to_eat ul::after{ content:none; }
#content #brandInner .how_to_eat ul li .pointBox p{ line-height: normal; }
#content #brandInner .how_to_eat ul li img:not(.pointImg){ width:72.97%; }
}
/* //2025/02 レスポンシブ対応追加 */
/*--商品ラインアップ--*/
#content #brandInner .productsList { width:100%; }
#content #brandInner .productsList ul { padding:0 70px;
display:-webkit-box;
display: block;play:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap; }
#content #brandInner .productsList li { float:left; width:250px; margin-top:30px; text-align:center; position:relative; }
#content #brandInner .productsList li:nth-child(-n+2) { margin-top:0; }
#content #brandInner .productsList .liLeft { margin-right:45px; }
#content #brandInner .productsList .liRight { margin-left:45px; }
#content #brandInner .productsList li .itemDescri { padding:20px 0 0 0; }
#content #brandInner .productsList li .itemDescri h3 { width:100%; font-size:15px; line-height:1.4em; color:#000; padding:0; }
#content #brandInner .productsList li:nth-child(n+3) .itemDescri h3 { height: 42px; }
#content #brandInner .productsList li .itemDescri .txt { font-size:14px; line-height:1.6em; text-align:justify; text-justify:inter-ideograph; color:#000; padding-top:10px; }
#content #brandInner .productsList li a { text-decoration:none; }
#content #brandInner .productsList li .pageLinkBtn { width:100%; background:#fabe00; border:4px solid #e60012; border-radius:10px; margin-top:15px; box-sizing:border-box; }
#content #brandInner .productsList li .pageLinkBtn p { color:#000; font-size:15px; line-height:1.0em; font-weight:bold; padding:14px 0; }
/*--商品画像--*/
#content #brandInner .productsList .item01 { width:250px; padding:0 0 0 0; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.4)); }
#content #brandInner .productsList .item02 { width:250px; padding:0 0 0 0; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.4)); }
/* 2025/02 レスポンシブ対応追加 */
@media not screen and (min-width: 810px) {
#content #brandInner #sec03 h2{ padding-bottom:0; margin-bottom:16px; }
#content #brandInner .productsList{ width:51.4285%; }
#content #brandInner .productsList li .productsItem{ filter:none; }
#content #brandInner .productsList li .itemDescri{ padding-top:0; margin:12px 0 8px; }
#content #brandInner .productsList li .itemDescri h3{ display:flex; flex-direction:column; font-size:13px; line-height:1.615; }
#content #brandInner .productsList li .itemDescri h3 span{ }
#content #brandInner .productsList li .pageLinkBtn{ margin-top:0; }
}
/*--ホバー設定--*/
#content #brandInner .productsList li:hover .productsItem { transform:scale(1.04, 1.04); transition: all 0.3s; }
#content #brandInner .productsList li:hover h3 { color:#e60012; transform:scale(1.04, 1.04); transition: all 0.3s; }
#content #brandInner .productsList li:hover .productsItem { transform:scale(1.04, 1.04); transition: all 0.3s; }
#content #brandInner .productsList li:hover h3 { color:#e60012; transform:scale(1.04, 1.04); transition: all 0.3s; }
#content #brandInner .productsList li:hover .productsItem { transform:scale(1.04, 1.04); transition: all 0.3s; }
#content #brandInner .productsList li:hover h3 { color:#e60012; transform:scale(1.04, 1.04); transition: all 0.3s; }
#content #brandInner .productsList li:hover .pageLinkBtn { background:#e60012; border:4px solid #e60012; }
#content #brandInner .productsList li:hover .pageLinkBtn p { color:#fff; }
/*--「もみ打ち」麺とは--*/
#content #brandInner .about { width:700px; margin:0 auto; padding:0 0 0 0; position:relative; }
#content #brandInner .about::before { content:""; width:100%; height:100%; background:url(../../../img/products/momiuchi/img/bg_namahiyashi1.png) no-repeat right top; background-size:250px auto; position:absolute; top:0px; right:-35px; z-index:0; }
#content #brandInner .about .inner { padding:0; position:relative; z-index:2; }
#content #brandInner .about .inner img { max-width:100%; }
#content #brandInner .about h3 { width:500px; padding:10px 0 30px 0; }
#content #brandInner .about h4 { padding-bottom:20px; }
#content #brandInner .about p { font-size:14px; padding:0 10px 30px 10px; color:#000; }
/* 2025/02 レスポンシブ対応追加 */
@media not screen and (min-width: 810px) {
#content #brandInner .about{ width:auto; padding-bottom:3em; }
#content #brandInner .about::before{ content:none; }
#content #brandInner .about h3{ width:auto; }
#content #brandInner .about h4{ padding-bottom:15px; }
#content #brandInner .about .box p{ padding-bottom:3em; line-height:1.5; }
#content #brandInner .about .point1{ position:relative; }
#content #brandInner .about .point1::before { content:""; width:100%; height:100%; background:url(../../../img/products/momiuchi/img/bg_namahiyashi1.png) no-repeat right top; background-size:auto 100%; position:absolute; top:-15px; right:0; z-index:0; }
#content #brandInner .about .point1 p{ padding-right:50%; padding-bottom:6em; }
}
/* //2025/02 レスポンシブ対応追加 */
/* -------------------------
localNav
------------------------- */
#localNav { float:left; width:200px; padding:0 0 50px 0; }
#localNav img { max-width:100%; }
#localNav ul { background:#fafafa; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; }
#localNav li { text-align:center; border-bottom:1px dashed #d9d9d9; }
#localNav li:last-child { border-bottom:1px solid #d9d9d9; }
#localNav li .itemName { font-size:11px; line-height:1.3em; padding-top:15px; }
#localNav li .itemImg_wl { width:120px; padding:8px 0 12px 0; }
#localNav li .localNavBtn { width:102px; padding-bottom:15px; }
#localNav ul li a { text-decoration:none; color:#4e4e4e; }
/*--ホバー設定--*/
#localNav li:hover { cursor:pointer; }
#localNav li:hover .itemName {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5; }
#localNav li:hover img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5; }
/* 2025/02 レスポンシブ対応追加 */
@media not screen and (min-width: 810px) {
#localNav { margin:40px 0; padding:0 10px; }
[data-pagetype="brand"] #brandBox #localNav ul { display:grid; grid-template-columns:repeat(2, 1fr); padding:0 8px; border-bottom:1px solid #d9d9d9; }
[data-pagetype="brand"] #brandBox #localNav ul li { width:auto; margin:0; min-height: initial; padding:10px 8px; position:relative; border:none !important; }
#localNav li .itemName { font-size:14px; line-height:1.5; padding-top:15px; }
#localNav li .itemImg_wl { width:100%; }
#localNav li .localNavBtn { width:73.125%; }
[data-pagetype="brand"] #brandBox #localNav ul li::after { content:""; display:block; background-image : linear-gradient(to right, #d9d9d9, #d9d9d9 2px, transparent 2px, transparent 5px); background-size: 4px 1px; background-position: bottom; background-repeat: repeat-x; width:90%; height:1px; position:absolute; bottom:0; }
[data-pagetype="brand"] #brandBox #localNav ul li:nth-of-type(odd)::after { right:0; }
[data-pagetype="brand"] #brandBox #localNav ul li:nth-of-type(even)::after { left:0; }
[data-pagetype="brand"] #brandBox #localNav ul li:nth-of-type(odd):last-of-type::after,[data-pagetype="brand"] #brandBox #localNav ul li:nth-of-type(even):last-of-type::after,[data-pagetype="brand"] #brandBox #localNav ul li:nth-of-type(odd):nth-last-child(-n+2) { content:none; }
[data-pagetype="brand"] .page_products_momiuchi:not(.page_products_products_momiuchi_about) #localNav{ display:none; }
}
/* //2025/02 レスポンシブ対応追加 */
/* -------------------------
サイドバー背景
------------------------- */
.brand_sidebar_bg {
background-image: url(/common/img/bg_nv_sub.gif);
background-position: 0 10px;
background-repeat: no-repeat;
background-size: 100% 100%;
}