@charset "UTF-8";


/* マーズ指定「ページ右上に設置する検索窓の典型例」start */
    .mf_chuad .my-search-box {
      width: 300px;
    }
    .mf_chuad .my-search-box .mf_finder_searchBox_submit {
      padding: 0;
    }
/* マーズ指定「ページ右上に設置する検索窓の典型例」end */


/* 飲料サイト用デザイン start */
    .mf_chuad .mf_finder_searchBox {
    margin-left: 0rem;
    margin-right: 0rem;
    }

/* 予測検索候補文字-検索窓  */
    .mf_chuad .mf_finder_searchBox_suggest_link{
    color: #FFF;
}

/* 予測検索候補文字-検索結果ページ  */
    .mf_finder_searchBox_suggest_link{
    color: #FFF !important;
}

/* SPでの検索窓左右の位置調整 */
@media screen and (max-width : 959px){
    .mf_chuad .mf_finder_searchBox_query_wrap {
    text-align: center;
    }
}
/* 検索窓上下の高さ調整 */
    .mf_chuad .mf_finder_searchBox_items {
    padding: 0
    }

/* PC・SP：検索窓の形、横幅、文字サイズ、フォントの調整 */
    .mf_chuad .mf_finder_searchBox_query_input {
    font-size: 0.75rem;
    font-family: Verdana, 'BIZ UDPGothic', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "游ゴシック", "Yu Gothic", Meiryo, sans-serif;
    letter-spacing: 0.1rem;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    width: 256px;
    padding: 8px 12px;
    margin: 0;
    outline: none;
}@media screen and (max-width : 959px){
    .mf_chuad .mf_finder_searchBox_query_input {
    font-size: 4vw;
    font-family: Verdana, 'BIZ UDPGothic', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "游ゴシック", "Yu Gothic", Meiryo, sans-serif;
    letter-spacing: 0.1rem;
    border: 1px solid #DADADA;
    border-radius: 30px;
    width: 95vw;
    padding: 5vw 0 5vw 6.7vw;
    margin: 0 auto;
    outline: none;
    }
}

/* PC・SP：グレーの虫眼鏡の位置調整 */
    .mf_chuad .mf_finder_searchBox_submit:before {
    content: "";
    font-family: FontAwesome;
    }

/* PC・SP：虫眼鏡と背景の調整 */
    .mf_chuad .mf_finder_searchBox_submit {
    content: '';
    display: block;
    width: 11px;
    height: 12px;
    background-image: url("/cmn/common-2022/image/icon_search.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    background-color: transparent;
    position: absolute;
    border: 0;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
}@media screen and (max-width : 959px){
    .mf_chuad .mf_finder_searchBox_submit {
    content: '';
    display: block;
    width: 4vw;
    height: 4vw;
    background-image: url("/cmn/common-2022/image/icon_search.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    background-color: transparent;
    position: absolute;
    border: 0;
    right: 12vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    }
}

/* SP：予測検索の縦幅調整 */    
@media screen and (max-width : 959px){
    a.mf_finder_searchBox_suggest_link{
    font-size: 16px;
    color: #FFF;
    text-align: left;
    }
}

/* 検索結果ページ */
/* 検索窓高さ・横幅・中央配置 */
.mf_chuad_insearch .mf_finder_searchBox_items {
    padding-top: 40px;
    padding-bottom: 10px;
    width: 400px;
    margin: 0 auto;
}@media screen and (max-width : 959px){
.mf_chuad_insearch .mf_finder_searchBox_items {
    padding-top: 40px;
    padding-bottom: 10px;
    width: 100%;
    margin: 0 auto;
    }
}

/* セレクトボックスのアイコン調整 */
.mf_chuad_insearch .mf_finder_searchBox_selects label:before {
    display: inline-block;
    width: 1rem;
    font-family: FontAwesome;
    font-size: 1rem;
    margin: 0.25rem 0.25rem 2rem 0.25rem;

}@media screen and (max-width : 959px){
.mf_chuad_insearch .mf_finder_searchBox_selects label:before {
    display: inline-block;
    width: .75rem;
    margin-right: .25rem;
    font-family: FontAwesome;
    font-size: .75rem;
    margin: 0.25rem 0.25rem 2rem 0.25rem;
    }
}

/* セレクトボックスの中央配置 */
.mf_finder_searchBox_misc {
    text-align: center;
    }



/* ページ送りの数字(下部) */
.mf_chuad_insearch .mf_finder_organic_pager {
    margin-top: 20px;
}


/* 飲料サイト用デザイン end */