@charset "shift_jis";

/*----------------------------------------
 「sp_base.css」は、スマートフォンサイト全体に適用されるCSSです。
----------------------------------------*/


.hidden {
  display: block;
}


/* フォントサイズの自動調整をオフに */

body {
  font-size-adjust: none;
  -webkit-font-size-adjust: none;
  font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}

.phone_view {
  display:block;
}

.clear {
  clear: both;
}

/* スマートフォン版での非表示部分 - トップページ */
#side_categorylink,
#side_categorynavi,
#prod_list_btn,
#side_tokusyuu,
#side_checklist,
#side_sitelink,
#jasrac,
#top_main,
#top_side_ranking .mms {
  display:none;
}

/* スマートフォン版での非表示部分 - リストページ */
#cate_sidebar,
#ic_pageList_topbana,
#your_osusume,
.pager_top,
#ninnki_prod {
  display:none;
}
.freearea2 {
  display:none;
}

/* 個別非表示 */
.phone_hid {
 display:none;
}

.item-gift {
  margin: 0 0 0;
}


/* 空白検索のアラート表示 */

.search_form {
  position: relative;
}

.search-alert {
    clear: both;
    position: relative;
    background: #ffedee;
    width: 80%;
    padding: 10px;
    font-size: 12px;
    line-height: 1.4;
    border-radius: 8px;
    margin: 4px;
    font-weight: bold;
    box-shadow: 0 0 4px #888;
    border: 3px solid #ec3b49;
    display: inline-block;
    font-size: 90%;
}

.search-alert::before {
    content: '▲';
    color: #ec3b49;
    position: absolute;
    top: -18px;
    left: 50px;
    font-size: 16px;
}