@charset "UTF-8"; /* -----検索結果ページ start----- */ .insidesearch-inner { width: min(1200px, 90%); margin: 0 auto; } .insidesearch-inner .mf_finder_searchBox { margin: 32px auto; padding: 10px 15px; background-color: #f2f2f2; } .insidesearch-inner .mf_finder_searchBox .mf_finder_searchBox_selects { text-align: center; } /* -----検索結果ページ 260203----- */ .insidesearch-inner section.mf-search-box { margin: 32px auto; padding: 10px 15px; background-color: #f2f2f2; } .insidesearch-inner .mf-search-box .mf-search-bar { display: flex; align-items: stretch; padding: 1rem 0 .5rem; border: none; } .insidesearch-inner .mf-search-box .mf-search-bar .mf-search-bar_input-wrapper input#mf-search-bar_input { height: 37px; margin: 0; padding: 0 8px; background: #fff; color: #000; font-size: unset; border: 1px solid #cfcfcf; } .insidesearch-inner .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 37px; font-size: 16px; background-color: #222; border: none; border-radius: 0 3px 3px 0; color: #eee; padding: 0 .6rem; cursor: pointer; } .insidesearch-inner .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button:hover { background-color: #222; } .insidesearch-inner .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button svg.mf-search-bar_button_icon { margin: 0; color: #fff; stroke: #fff; width: unset; } .insidesearch-inner .mf-search-box .mf-search-bar .mf-search-bar_doc-type .mf-search-bar_doc-type_select { height: 37px; padding: 0 19px 0 8px !important; border: 1px solid #cfcfcf; border-radius: 0 !important; outline: none; } .insidesearch-inner .mf-search-box .mf-search-bar .mf-search-bar_doc-type .mf-search-bar_doc-type_select:hover { border: 1px solid #cfcfcf !important; } .insidesearch-inner .mf-search-box .mf-filters .mf-filters_use-links .mf-filters_use-links_item { grid-template-columns: auto 1fr !important; padding: .5rem; border-bottom: 1px solid #ddd; } .insidesearch-inner .mf-search-box .mf-filters .mf-filters_use-links .mf-filters_use-links_item:last-child { border-bottom: none; } .insidesearch-inner .mf-search-box .mf-filters .mf-filters_use-links .mf-filters_use-links_item .mf-filters_use-links_item_buttons button { display: inline-block; background-color: #ddd; padding: .125rem .5rem; border: none; border-radius: 3px; text-decoration: none; color: #333; cursor: pointer; transition: background-color .2s linear; } .insidesearch-inner .mf-search-box .mf-filters .mf-filters_use-links .mf-filters_use-links_item .mf-filters_use-links_item_buttons button.mf-filters_use-links_item_buttons_button--selected, .insidesearch-inner .mf-search-box .mf-filters .mf-filters_use-links .mf-filters_use-links_item .mf-filters_use-links_item_buttons button:hover { background-color: #666 !important; color: #eee; cursor: default; font-size: .8rem !important; } .insidesearch-inner p.mf-search-results_header { width: 100%; height: auto; margin: 0 0 10px; padding: 10px 15px; background-color: #f2f2f2; box-sizing: border-box; } .insidesearch-inner strong.mf-search-results_header_results-count { margin-left: .8rem; } .insidesearch-inner a.mf-search-results_body_result_texts_title_link.mf_finder_link { color: #111 !important; } .insidesearch-inner .mf-search-box .mf-filters .mf-filters_use-links { gap: 0; margin: 0; } .insidesearch-inner .mf-search-box .mf-filters .mf-filters_use-links .mf-filters_use-links_row { gap: 0; } .insidesearch-inner label.mf-filters_use-links_item_icon-text_text { font-size: .8rem !important; } .insidesearch-inner li.mf-search-results_body_result.mf_finder_doc_outbound { border-bottom: 1px solid #ddd; flex-direction: row; align-items: start; } .insidesearch-inner .mf-search-results .mf-highlighted-text { background-color: #ffea00; } .insidesearch-inner .mf-search-results_mars-logo { justify-content: center; margin-top: 1rem; } .insidesearch-inner .mf-search-results_mars-logo .mf-search-results_mars-logo_link img { width: 200px; } .insidesearch-inner .mf-search-results .mf-search-results_body .mf-search-results_body_result .mf-search-results_body_result_texts .mf-search-results_body_result_texts_url { display: none; } .insidesearch-inner .mf-search-results .mf-search-results_body .mf-search-results_body_result .mf-search-results_body_result_texts .mf-search-results_body_result_texts_title { margin-bottom: 10px; } .insidesearch-inner .mf-search-results .mf-search-results_body .mf-search-results_body_result { flex-direction: row; align-items: start; padding: 10px 0; border-bottom: 1px solid #ddd; } /* 画像サイズ */ .insidesearch-inner .mf-search-results .mf-search-results_body .mf-search-results_body_result img.mf_imgsize-1 { min-width: 100px !important; max-width: 100px !important; } .insidesearch-inner .mf-search-results .mf-search-results_body .mf-search-results_body_result img.mf_imgsize-2 { min-width: 160px !important; max-width: 160px !important; } @media (min-width: 767px) { .insidesearch-inner .mf-search-box .mf-search-bar { margin: 1rem 0; } .insidesearch-inner .mf-search-box .mf-search-bar .mf-search-bar_doc-type .mf-search-bar_doc-type_select { padding: 6px 24px 4px 8px !important; } .insidesearch-inner .mf-search-box .mf-search-bar .mf-search-bar_input-wrapper input#mf-search-bar_input { margin-top: 3px; padding: 12px 45px 12px 20px; } .insidesearch-inner .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button { padding: 0 .75rem; } .insidesearch-inner .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button svg.mf-search-bar_button_icon { margin: 0 .75rem !important; } .insidesearch-inner .mf-search-box .mf-filters .mf-filters_use-links .mf-filters_use-links_item { grid-template-columns: 8rem 1fr !important; } .insidesearch-inner span.mf-search-results_body_result_texts_url_text::before { content: "URL"; background-color: #111; color: #fff; font-size: 9px; font-family: Arial, sans-serif; vertical-align: middle; padding: 2px 6px; margin-right: .5rem; } .insidesearch-inner .mf-search-results_mars-logo { justify-content: flex-end; margin: 10px 0; } .insidesearch-inner .mf-search-results .mf-search-results_body .mf-search-results_body_result .mf-search-results_body_result_texts .mf-search-results_body_result_texts_url { display: flex; } .insidesearch-inner .mf-search-results .mf-search-results_body .mf-search-results_body_result .mf-search-results_body_result_texts .mf-search-results_body_result_texts_title { font-size: 1rem; margin-bottom: .65rem; } .insidesearch-inner .mf-search-results .mf-search-results_body .mf-search-results_body_result { padding: 1.5rem 1rem; } .insidesearch-inner li.mf-search-results_body_result.mf_finder_doc_outbound { padding: 1.5rem 1rem; } } /* 20260203 end */ .mf_finder_organic_header_wrapper { margin: 0; } .mf_finder_organic_header { width: 100%; flex-wrap: wrap-reverse; } .mf_finder_organic_header_wrapper:lang(ja) .mf_finder_query { width: 100%; height: auto; display: block; margin: 0 0 10px; padding: 10px 15px; background-color: #f2f2f2; } .mf_finder_organic_header_wrapper:lang(ja) .mf_finder_query:before { content: " ” "; } .mf_finder_organic_header_wrapper:lang(ja) .mf_finder_query:after { content: " ” の検索結果"; } /* 検索結果ページ end */ /* ----- 共通用 start----- */ .mf_finder_searchBox_suggest_item { padding: 5px 2px; } .mf_finder_searchBox_suggest_items .mf_finder_searchBox_suggest_item:nth-child(even) { background-color: #f2f2f2; } .mf_finder_searchBox_suggest_items .mf_finder_searchBox_suggest_item:nth-child(odd) { background-color: #fff; } .mf_finder_searchBox_suggest_link { color: #000 !important; font-family: "Noto Sans JP", sans-serif !important; } .recipe-search_ab li, .vrgs-search_ab li { display: block; width: 100%; } /* .recipe-search_ab_dt .mf_finder_searchBox_suggest_items { display: block !important; } */ .recipe-search_ab_dt li { width: 250%; } /* 共通用 end */ /* -----ヘッダー用 start----- */ /* 20260203 start */ .mf_finder_container * { box-sizing: border-box; } .mf_finder_container .mf-search-bar { padding: 7px; border: 1px solid #cfcfcf; border-radius: 100px; } .mf_finder_container input#mf-search-bar_input { background: none; height: 34px; border: none; outline: none; padding: 12px 12px 12px .8rem; font-size: 16px; } .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button { background: none; height: 34px; padding: 0 8px 0 0; } /* ▼下層ページ用.global-header-underlayer__body */ .global-header-underlayer__body .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button { padding: 0 5px 0 0; } .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button:hover { background: none; } .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button span { display: none; } .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button svg.mf-search-bar_button_icon { margin: 0 !important; padding: 0 !important; width: 30px; height: unset; color: #074194; stroke: #074194; stroke-width: 1px !important; } .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_dropdown-list { width: 200px; background-color: rgba(0, 0, 0, .8); padding: 0 1px 1px; border-width: 0 1px 1px; border-color: silver; border-style: solid; border-radius: 0; } .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_dropdown-list .mf-search-bar_dropdown-list_item { height: 40px; margin: 0; padding: 7px 4px; border-top: 1px dotted silver; border-radius: 0; } .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_dropdown-list .mf-search-bar_dropdown-list_item:nth-child(odd) { background-color: #fff; } .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_dropdown-list .mf-search-bar_dropdown-list_item:nth-child(even) { background-color: #f2f2f2; } .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_dropdown-list .mf-search-bar_dropdown-list_item .mf-search-suggestions-non-user-input { font-weight: 500; } .mf_finder_container .mf-pagination .mf-pagination_button { color: #eee; background-color: #222; border-radius: 2px; margin: 0 .25rem; padding: .25rem .75rem; font-weight: 500; width: 33px; height: 36px; border: none; } .mf_finder_container .mf-pagination .mf-pagination_button:has(svg) { background-color: #666; padding: .25rem .5rem; } .mf_finder_container .mf-pagination .mf-pagination_button.active-page { background-color: #fff; color: #000; } /* 404ページ */ .guidance-container .mf_finder_container .mf-search-bar { background: #fff; } @media (min-width: 767px) { .mf_finder_container .mf-search-bar { height: 34px; padding: 0 !important; border: 1px solid #fff; border-radius: 100px; } .mf_finder_container input#mf-search-bar_input { background: none; height: 34px; padding: 0 0 0 10px; color: #fff; font-size: 14px; border: none; outline: none; } .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button { background: none; height: 34px; padding: 0 8px 0 0; } .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button:hover { background: none; } .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button span { display: none; } .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button svg.mf-search-bar_button_icon { padding: 0 !important; width: unset; height: unset; stroke: #fff; color: #fff; stroke-width: 1px !important; } .mf_finder_container .mf-search-box .mf-search-bar input#mf-search-bar_input::placeholder { color: #fff; } .is-active .mf_finder_container .mf-search-bar { border-color: #cfcfcf; color: #000; } .is-active .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button svg.mf-search-bar_button_icon { color: #074194; stroke: #074194; } .is-active .mf_finder_container .mf-search-box .mf-search-bar input#mf-search-bar_input::placeholder { color: #bbb; } .is-active .mf_finder_container input#mf-search-bar_input { color: #000; } .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_dropdown-list .mf-search-bar_dropdown-list_item { font-size: 13.5px; } /* ▼下層ページ用.global-header-underlayer__body */ .global-header-underlayer__body .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button { padding: 0 2px 0 0; } .global-header-underlayer__body .mf_finder_container .mf-search-box .mf-search-bar .mf-search-bar_button svg.mf-search-bar_button_icon { margin-right: 5px !important; padding: 0 !important; width: unset; height: unset; color: #074194; stroke: #074194; stroke-width: 1px !important; } .global-header-underlayer__body .mf_finder_container .mf-search-bar { padding: 7px; } /* 404ページ */ .guidance-container .pc-only .mf-search-bar { border: 1px solid #cfcfcf !important; background: #fff; } .guidance-container .pc-only .mf-search-bar input#mf-search-bar_input { color: #111; } .guidance-container .pc-only .mf-search-bar input#mf-search-bar_input::placeholder { color: #bbb; } .guidance-container .mf-search-bar .mf-search-bar_button svg.mf-search-bar_button_icon { stroke: #074194 !important; color: #074194 !important; } } /* 20260203 end */ .head-search_ab { padding: 25px 20px; } .head-search_ab .mf_finder_searchBox { margin: 0; } .head-search_ab .mf_finder_searchBox_items { padding: 0; } .head-search_ab .mf_finder_searchBox_query_input { width: 100%; background-color: transparent; border: 1px solid #cfcfcf; border-radius: 30px; padding: 12px 45px 12px 20px; ; font-size: 16px; outline: none; } .head-search_ab .mf_finder_searchBox_suggest_link { font-size: 16px; } .head-search_ab .mf_finder_searchBox_submit { width: 0; padding: 0; background-color: transparent; color: #074194; position: relative; } .head-search_ab .mf_finder_searchBox_submit::before { font-size: 23px; position: absolute; top: 9px; right: 20px; } @media screen and (min-width: 767px) { .head-search_ab { width: 210px; padding: 0; margin-left: 40px; } .head-search_ab .mf_finder_searchBox_query_input { padding: 0 10px; font-size: 14px; } .head-search_ab .mf_finder_searchBox_suggest_link { font-size: 13.5px; } .head-search_ab .mf_finder_searchBox_submit::before { font-size: 16px; top: 6px; right: 12px; } /* -----ABTOP----- */ .head-search_ab_top .mf_finder_searchBox_query_input { border-color: #FFF; color: #FFF; } .head-search_ab_top .mf_finder_searchBox_query_input::placeholder, .head-search_ab .mf_finder_searchBox_submit { color: #FFF; } .is-active .head-search_ab_top .mf_finder_searchBox_query_input { border-color: #cfcfcf; color: #000; } .is-active .head-search_ab_top .mf_finder_searchBox_query_input::placeholder { color: #cfcfcf; } .is-active .head-search_ab .mf_finder_searchBox_submit { color: #074194; } } /* ヘッダー用 end */ /* -----レシピ用 start----- */ /* -----レシピ用共通 start----- */ .search-pc_only { display: none; } .search-sp_only { display: block; } @media screen and (min-width: 640px) { .search-pc_only { display: block; } .search-sp_only { display: none; } } .recipe-search_ab { padding-left: 40px; } .recipe-search_ab .mf_finder_searchBox { margin-left: 0; margin-right: 0; } .recipe-search_ab .mf_finder_searchBox_suggest_link { font-size: 14px; } .recipe-search_ab .mf_finder_searchBox_items { padding: 0; } .recipe-search_ab .mf_finder_searchBox_items::before { display: block; width: 40px; height: 30px; content: ""; background-image: url(/enjoy/recipe/column/img/search_icon.png); background-position: center; background-size: cover; position: absolute; top: -1px; left: -40px; } .recipe-search_ab .mf_finder_searchBox_query_input { min-height: 30px; padding: 0 5px; border: 1px solid #CCC; font-size: 12.5px; position: relative; } .recipe-search_ab .mf_finder_searchBox_query_input:focus::-webkit-input-placeholder { color: transparent; } .recipe-search_ab .mf_finder_searchBox_query_input:focus::-moz-placeholder { color: transparent; } .recipe-search_ab .mf_finder_searchBox_query_input:focus::-ms-input-placeholder { color: transparent; } .recipe-search_ab .mf_finder_searchBox_query_input:focus::placeholder { color: transparent; } .recipe-search_ab .mf_finder_searchBox_submit { width: 70px; height: 30px; background-color: transparent; position: relative; } .recipe-search_ab .mf_finder_searchBox_submit::before { display: block; height: 30px; content: ""; background-image: url(/enjoy/recipe/column/img/search_btn.png); background-position: center; background-size: cover; position: absolute; inset: 0; margin: 0; } @media screen and (min-width: 767px) { .recipe-search_ab .mf_finder_searchBox_query_input { padding: 0 10px; font-size: 14px; } } /* レシピ用共通 end */ /* -----レシピ用bn start----- */ .recipe-search_ab_bn { width: fit-content; margin: 10px auto; } .recipe-search_ab_bn .mf_finder_searchBox_query_wrap { flex-grow: 0; } .recipe-search_ab_bn .mf_finder_searchBox_query_input { width: min(450px, calc(87vw - 110px)); } @media screen and (min-width: 640px) { .recipe-search_ab_bn { width: min(450px, 87.5%); margin: 0 0 10px 30px; } .recipe-search_ab_bn .mf_finder_searchBox_query_input { width: 330px; } } /* レシピ用bn end */ /* ----- レシピ用vol start----- */ #column .bknumber .recipe-search_ab_dt ul { display: block; } #column .bknumber .recipe-search_ab_dt li { width: 100%; text-align: left; } .recipe-search_ab_dt .mf_finder_searchBox_items::before { top: 0px; } .recipe-search_ab .mf_finder_searchBox_submit::before { top: 1px; } .recipe-search_ab_dt .mf_finder_searchBox_query_input { max-width: 470px; } @media screen and (min-width: 640px) { .recipe-search_ab_dt { padding-right: 0; } .recipe-search_ab_dt .mf_finder_searchBox_query_input { width: 340px; } } /* レシピ用vol end */ /* レシピ用 end */ /* レシピ 20260210 start */ .recipe-search_ab .mf-search-box .mf-search-bar { width: fit-content; height: 30px; margin: 10px auto; border: none; } .recipe-search_ab .mf-search-box .mf-search-bar .mf-search-bar_input-wrapper::before { content: ""; display: block; width: 40px; height: 30px; background-image: url(enjoy/recipe/column/img/search_icon.png); background-position: center; background-size: cover; position: absolute; top: -1px; left: -40px; } .recipe-search_ab .mf-search-box .mf-search-bar input.mf-search-bar_input { background-color: #fff !important; min-height: 30px; padding: 0 5px !important; border: 1px solid #CCC !important; font-size: 12.5px !important; position: relative; width: calc(100vw - 145px); height: 30px !important; border-radius: 0 !important; color: #000 !important; } .bknumber .recipe-search_ab .mf-search-box .mf-search-bar input.mf-search-bar_input { width: calc(100vw - 145px) !important; } .recipe-search_ab .mf-search-box .mf-search-bar input.mf-search-bar_input::placeholder { color: #bbb !important; } .recipe-search_ab .mf-search-box .mf-search-bar .mf-search-bar_button { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; border: none; border-radius: 0 3px 3px 0; color: #eee; padding: 0 .75rem; cursor: pointer; width: 70px; height: 30px; background-color: transparent; position: relative; } .recipe-search_ab .mf-search-box .mf-search-bar .mf-search-bar_button::before { display: block; height: 30px; content: ""; background-image: url(enjoy/recipe/column/img/search_btn.png); background-position: center; background-size: cover; position: absolute; inset: 0; margin: 0; } @media screen and (min-width: 767px) {} @media screen and (min-width: 640px) { .recipe-search_ab_bn { margin-left: 10px; } #column .bknumber .btnBox .searchBox { margin: 5px 0 0 0; } .recipe-search_ab .mf-search-box .mf-search-bar input.mf-search-bar_input, .bknumber .recipe-search_ab .mf-search-box .mf-search-bar input.mf-search-bar_input { width: 330px !important; } } /* レシピ end */ /* -----ニッカお問い合わせページ用 start----- */ .foot-search_nikka { width: 250px; padding: 0; position: absolute; top: 12px; right: 70px; } .foot-search_nikka .mf_finder_searchBox_items { padding: 0; } .foot-search_nikka .mf_finder_searchBox_query_input { width: 240px; min-height: 24px; margin-right: 8px; padding: 2px; border: 1px solid #A7A6AA; font-size: 14px !important; font-family: "Noto Sans JP", sans-serif !important; } .foot-search_nikka .mf_finder_searchBox_submit { width: 46px; height: 24px; margin-top: 2px; padding: 2px 6px; background-color: #EFEFEF; border: 1px solid #000; border-radius: 2px; } .foot-search_nikka .mf_finder_searchBox_submit::before { display: block; width: 30px; height: auto; content: "検索"; margin: 0; color: #000; font-size: 12px; } /* ニッカお問い合わせページ用 end */