@charset "utf-8";
/*サジェストのスタイル*/
    .suggest_sp_wrap {
        width: 300px;
        margin-right: 20px;
    }
    .suggest_sp {
        width: auto;
        padding: 6px;
        background-color: #eaeaea;
        box-sizing: border-box;
        position: relative;
        border: 0px;
        border-radius: 5px;
    }
    .suggest_sp form {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .suggest_sp input {
        font-size: 14px;/*16px*/
        padding: 2% 4%;
        width: 250px;
        height: 25px;/*35px*/
        box-sizing: border-box;
        border: solid 0px;
        border-radius: 5px;
        background-color: #fff;
        margin: 0 5px 0 0;
    }
    .suggest_sp input::placeholder,
    .suggest_sp input:-ms-input-placeholder,
    .suggest_sp input::-ms-input-placeholder {
        color: #e0dee5;
    }
    .suggest_sp button {
        font-size: 14px;/*18px*/
        padding: 2% 4%;
        box-sizing: border-box;
        width: 50px;
        height: 25px;/*35px*/
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #4b4b4b;
        color: #fff;
        border: solid 0px;
        border-radius: 5px;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    }
    .suggest_sp button i.fa{
        width: auto;
        margin-right: 0;
    }
    .suggest_sp .suggest_area {
        box-sizing: border-box;
        width: 300px;
        margin: 0vw 2vw;
        background: #fff;
        position: absolute;
        left: -30px;
        top: 37px;
        border: 1px solid #666;
        display: none;
        z-index: 999;
    }
    .suggest_sp .suggest_area ul {
        list-style: none;
        margin-bottom: 5px;
    }
    .suggest_sp .suggest_area ul li {
        margin: 5px 5px 0 5px;
        display: flex;
        font-size: 16px;/*16px*/
    }
    .suggest_sp .suggest_area ul li.pachinko::before {
        flex-shrink: 0;
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(https://1geki.jp//wp-content/themes/1geki/assets/img/icon/icon_pachi.png);
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle;
        margin-right: 10px;
        margin-top: 3px;
    }
    .suggest_sp .suggest_area ul li.slot::before {
        flex-shrink: 0;
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(https://1geki.jp//wp-content/themes/1geki/assets/img/icon/icon_slot.png);
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle;
        margin-right: 10px;
        margin-top: 3px;
    }
    .suggest_sp .suggest_area li:hover {
        background: #ddd;
    }
    .suggest_sp .suggest_area li.active {
        background: #ddd;
    }
    .suggest_sp .suggest_area a.suggest_more {
        font-weight: bold;
        color: #8b8b8b;
        border: solid 1px #8b8b8b;
        border-radius: 20px;
        padding: 5px;
        margin: 10px auto;
        display: block;
        width: 80%;
        text-align: center;
        letter-spacing: 2px;
    }
/* PG用サジェスト */
.suggest_sp .pg_suggest_area ul {
  list-style: none;
  margin-bottom: 2vw;
}
.suggest_sp .pg_suggest_area ul li {
  margin: 2vw 2vw 0 2vw;
  display: flex;
  font-size: 16px;
}
.suggest_sp .pg_suggest_area ul li.pachinko::before {
  flex-shrink: 0;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/wp-content/themes/1geki/assets/img/icon/icon_pachi.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 2vw;
  margin-top: 3px;
}
.suggest_sp .pg_suggest_area ul li.slot::before {
  flex-shrink: 0;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/wp-content/themes/1geki/assets/img/icon/icon_slot.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 2vw;
  margin-top: 3px;
}
.suggest_sp .pg_suggest_area li:hover {
  background: #ddd;
}
.suggest_sp .pg_suggest_area li.active {
  background: #ddd;
}
.suggest_sp .pg_suggest_area a.suggest_more {
	font-weight: bold;
	color: #8b8b8b;
	border: solid 1px #8b8b8b;
	border-radius: 20px;
	padding: 5px;
	margin: 10px auto;
	display: block;
	width: 80%;
	text-align: center;
	letter-spacing: 2px;
}





    .suggest_result_container {
        /* padding: 3vw 2vw; */
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border-bottom: solid 2px #b8b8b8;
    }
    .suggest_result_container::-webkit-scrollbar {
        display: none;
    }
    .suggest_result_tab {
        list-style-type: none;
        display: flex;
    }
    .suggest_result_tab li {
        color: #b8b8b8;
        border: 1px solid #b8b8b8;
        border-radius: 1vw;
        /* padding: 3vw 5vw; */
        text-align: center;
        margin: 0 1vw;
        background: #f4f3f9;
    }
    .suggest_result_tab li:hover,
    .suggest_result_tab li.active {
        border: 1px solid #2e68cc;
        background: #2e68cc;
        color: #fff;
        font-weight: bold;
        cursor: pointer;
    }
    .suggest_result_tab li a {
        color: #8b8b8b;
    }
    .suggest_result_tab li.active a,
    .suggest_result_tab li:hover a,
    .suggest_result_tab li a:hover {
        color: #fff;
        font-weight: bold;
    }
    /*一時的に非アクティブに*/
    .suggest_result_tab a:nth-of-type(4) {
        display: none;
    }
    .suggest_result_tab a:nth-of-type(6) li:hover,
    .suggest_result_tab a:nth-of-type(7) li:hover {
        color: #b8b8b8;
        border: 1px solid #b8b8b8;
        border-radius: 1vw;
        /* padding: 3vw 5vw; */
        text-align: center;
        margin: 0 1vw;
        background: #f4f3f9;
        font-weight: normal;
    }