/* =====================================================
 * 機種検索ページ（/search）専用スタイル
 *
 * 旧サイト search.php / check.css の必要部分を移植。
 * SearchController からのみ読み込まれるため、他ページへの影響なし。
 * ===================================================== */

/* -------------------------------------------------------
 * 検索結果リスト（div.list > ul > a > li）
 * ------------------------------------------------------- */
div.list ul {
    width: 95%;
    margin: 0 auto;
    list-style: none;
    padding: 0;
}

div.list ul > a {
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 34px;
    text-decoration: none;
}

div.list ul > a li {
    width: 100%;
    padding-left: 28px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: dotted 1px #333;
    box-sizing: border-box;
}

div.list ul > a li span {
    display: block;
    width: 20px;
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    text-shadow: none;
}

div.list ul > a li span.slo {
    background: #36b818;
}

div.list ul > a li span.pachi {
    background: #f93e3e;
}

/* -------------------------------------------------------
 * ページネーション（前へ / 次へ）
 * ------------------------------------------------------- */
#navi {
    width: auto;
    overflow: visible;
    margin: 20px 10px;
}

#navi.clearfix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#navi.clearfix li {
    display: block;
    width: 48%;
    color: #cacaca;
    font-size: 14px;
    line-height: 2.9285;
    text-align: center;
    border: solid 1px #999;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 0;
    background: white;
    font-weight: normal;
    text-shadow: none;
    padding: 0;
    list-style: none;
}

#navi.clearfix li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    text-align: center;
    text-decoration: none;
    padding: 0;
    font-weight: normal;
    text-shadow: none;
    background-color: transparent;
    margin: 0;
}

/* -------------------------------------------------------
 * type 絞り込み 3 ラジオボタン（スロ / パチ / 全て）
 * 旧 check.css 移植
 * ------------------------------------------------------- */
.threeRadioBtn {
    width: 90%;
    margin: 10px auto 20px;
    padding: 0;
    list-style: none;
    overflow: hidden; /* clearfix */
}

.threeRadioBtn li {
    width: 33.3%;
    position: relative;
    float: left;
}

.threeRadioBtn label {
    display: block;
    padding: 5px 20px;
    background: -webkit-linear-gradient(top, rgba(100, 100, 100, 0.3), rgba(255, 255, 255, 0));
    background: linear-gradient(to bottom, rgba(100, 100, 100, 0.3), rgba(255, 255, 255, 0));
    border: 1px solid rgb(0, 0, 0);
    color: rgb(153, 153, 153);
    font-size: 0.9em;
    text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
    text-decoration: none;
    box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
    text-align: center;
}

.threeRadioBtn li:first-child label {
    border-right: 0;
    border-radius: 10px 0 0 10px;
}

.threeRadioBtn li:last-child label {
    border-left: 0;
    border-radius: 0 10px 10px 0;
}

.threeRadioBtn input[type='radio']:checked + label {
    text-shadow: rgb(255, 255, 255) 0px -1px;
    background: -webkit-linear-gradient(
        top,
        rgb(93, 93, 93) 0%,
        rgb(87, 87, 87) 50%,
        rgb(79, 79, 79) 50%,
        rgb(56, 56, 56) 100%
    );
    background: linear-gradient(
        to bottom,
        rgb(93, 93, 93) 0%,
        rgb(87, 87, 87) 50%,
        rgb(79, 79, 79) 50%,
        rgb(56, 56, 56) 100%
    );
    color: rgb(255, 255, 255);
}

.threeRadioBtn input[type='radio'] {
    opacity: 0;
    position: absolute;
    top: -3px;
    left: -3px;
    width: 100%;
    height: 100%;
    padding: 0;
}

/* -------------------------------------------------------
 * 検索履歴 select / option（旧 check.css 移植）
 * ------------------------------------------------------- */
select {
    width: 90%;
    padding: 5px 30px 5px 10px;
    border: 1px solid rgb(102, 102, 102);
    border-radius: 4px;
    background-color: #fff;
    background-image:
        linear-gradient(to bottom, rgb(255, 255, 255), rgb(239, 239, 239)),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M0 0l5 6 5-6z' fill='%23666'/></svg>");
    background-repeat: no-repeat, no-repeat;
    background-position:
        center,
        right 10px center;
    box-shadow: rgb(102, 102, 102) 1px 1px 1px inset;
    text-align: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

option {
    border: 1px solid rgb(102, 102, 102);
    border-radius: 4px;
    background: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(239, 239, 239));
    background: linear-gradient(to bottom, rgb(255, 255, 255), rgb(239, 239, 239));
    box-shadow: rgb(102, 102, 102) 1px 1px 1px inset;
}

option[selected] {
    font-weight: bold;
    color: rgb(0, 153, 0);
}

/* -------------------------------------------------------
 * 検索フォーム入力欄・ボタン（旧 check.css）
 * ------------------------------------------------------- */
.word {
    height: 30px;
    border: 1px solid rgb(102, 102, 102);
    margin-bottom: 10px;
    border-radius: 4px;
    padding: 0 6px;
    background: #fff;
    color: #333;
}

.search {
    width: 25%;
    margin: 0;
    background: -webkit-linear-gradient(top, rgb(102, 102, 102), rgb(17, 17, 17));
    background: linear-gradient(to bottom, rgb(102, 102, 102), rgb(17, 17, 17));
    border: 1px solid rgb(204, 204, 204);
    color: #fff;
    border-radius: 4px;
    height: 30px;
    cursor: pointer;
}

/* -------------------------------------------------------
 * ジャンル別検索リンク集
 * ------------------------------------------------------- */
.search__genre-heading {
    margin-top: 30px;
    text-align: center;
}

ul.menu_list2 {
    list-style: none;
    padding: 0;
    margin: 10px auto;
    width: 95%;
}

ul.menu_list2 li {
    border-bottom: 1px solid #999;
    padding: 10px;
}

ul.menu_list2 li:first-child {
    border-top: 1px solid #999;
}

ul.cont5 li a {
    color: #111;
    text-decoration: none;
    display: block;
    background: url('https://assets.hisshobon.jp/data/html/img/muryo/back_2.png') center right
        no-repeat;
    height: auto;
}

.hs--2026__content {
    padding-left: 0;
    padding-right: 0;
}