@charset "UTF-8";

a {
    text-decoration: none;
    color: #333;
}

li {
    list-style: none;
}

img {
    max-width: 100%;
    vertical-align: bottom;
    -webkit-backface-visibility: hidden;
}

.el_grad_or {
    background: rgb(251 70 0);
    background: linear-gradient(125deg, rgb(255 100 1) 0%, rgb(255 100 1) 25%, rgb(251 70 0) 25%, rgb(251 70 0) 100%);
}

.el_grad_rd {
    background: rgb(251 10 40);
    background: linear-gradient(125deg, rgb(255 60 91) 0%, rgb(255 60 91) 25%, rgb(251 10 40) 25%, rgb(251 10 40) 100%);
}

.el_grad_bl {
    background: rgb(0 130 200);
    background: linear-gradient(125deg, rgb(0 150 220) 0%, rgb(0 150 220) 25%, rgb(0 130 200) 25%, rgb(0 130 200) 100%);
}

.el_grad_bk_l {
    background: rgb(0 0 0);
    background: linear-gradient(125deg, rgb(60 60 60) 0%, rgb(60 60 60) 20%, rgb(0 0 0) 20%, rgb(0 0 0) 100%);
}

.el_grad_rd_l {
    background: rgb(251 10 40);
    background: linear-gradient(125deg, rgb(255 60 91) 0%, rgb(255 60 91) 20%, rgb(251 10 40) 20%, rgb(251 10 40) 100%);
}

.el_grad_sb_l {
    background: rgb(210 255 255);
    background: linear-gradient(125deg, rgb(241 255 255) 0%, rgb(241 255 255) 20%, rgb(210 255 255) 20%, rgb(210 255 255) 100%);
}

.el_border_sb {
    border: 1px solid #03ceff;
}

.el_grad_po_l {
    background: rgb(0 0 0);
    background: linear-gradient(125deg, rgb(255 148 2) 0%, rgb(255 148 2) 20%, rgb(255 100 1) 20%, rgb(255 100 1) 100%);
}


.el_new {
    color: #e20001;
    font-weight: bold;
    margin-left: 5px;
    display: inline-block;
}

.el_mainHead {
    font-size: 17px;
    color: #fff;
    padding: 6px 0;
    font-weight: bold;
    background: #398fff;
}

.el_colorMaskWrapper {
    display: block;
    position: relative;
}

.el_colorMask {
    position: absolute;
    background: rgba(0, 0, 0, 0);
    display: block;
    width: 100%;
    height: 100%;
    z-index: 4;
    transition: all 0.3s ease;
}

.el_contentsTtl {
    font-size: 15px;
    line-height: 1.4;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all 0.3s ease;
}

.bl_latest_contents:hover .el_colorMask,
.el_captureInfo_topContentsImg:hover .el_colorMask,
.el_captureInfo_contentsItem:hover .el_colorMask {
    background: rgba(255, 255, 255, 0.3);
}

/* リンクのイベントと色指定 */
.el_txtLinkEvent:visited .el_txtLink {
    color: #663399;
}

.el_txtLinkEvent:hover .el_txtLink {
    color: #cc3434;
    text-decoration: underline;
}

.el_txtLink {
    color: #0033CC;
    transition: all 0.3s ease;
}

.contents {
    margin: 0 auto;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: center;
}

.header {
    background-color: #fff;
    border-bottom: 4px solid #0495ff;
}

/* main */
.main_contents {
    /* min-height: 1100px; */
    width: 1068px;
    margin: 0 auto 25px;
    /* background-color: #eef9ff; */
    display: flex;
    padding-top: 25px;
}

.main {
    width: 728px;
    margin: 0 auto;
}

/* 特集 */
.bl_special {
    margin-bottom: 20px;
}

/* 更新情報 */
.bl_latest {
    margin-bottom: 20px;
}

.el_tabList_head {
    background: #398fff;
}

.el_tabList {
    display: flex;
}

.el_tabItem {
    flex: 1;
    cursor: pointer;
    font-size: 17px;
    color: #fff;
    padding-bottom: 3px;
}

.el_tabItem > p {
    background: #b1b1b1;
    padding: 3px 0;
}

.el_tabLeft {
    background: #e20001;
}

.el_tabLeft.active,
.el_tabLeft.active > p {
    background: #1059da;
}

.el_tabRight {
    background: #1059da;
}

.el_tabRight.active,
.el_tabRight.active > p {
    background: #e20001;
}

.el_tabContents {
    background-color: #fff;
}

.el_tabContents {
    display: none;
}

.el_tabContents.active {
    display: block;
    text-align: right;
}

.bl_latest_contentsBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 8px 8px;
}

.bl_latest_contents {
    display: flex;
    width: calc(50% - 8px);
    border-bottom: 1px solid #ccc;
    padding: 8px 0;
    transition: all 0.3s ease;
}

.bl_latest_contentsInner {
    display: flex;
}


.bl_latest_contents:nth-child(odd) {
    margin-right: 8px;
}

.bl_latest_contentsImg {
    width: 140px;
    margin-right: 10px;
    flex-shrink: 0;
}


.bl_latest_contentsTxtBox {
    font-size: 11.5px;
    text-align: left;
}

.bl_latest_contentsTtl {
    max-height: calc(15 * 1.4 * 2 * 1px);
    height: 50px;
    margin: 5px 0 15px;
}

.bl_latest_contentsTxt {
    width: 185px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.el_moreViewBox {
    display: inline-block;
    padding-right: 8px;
}

.el_moreView {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
    cursor: pointer;
}

.el_moreViewTxt {
    color: #7f7573;
    font-size: 11.5px;
}

.el_moreViewIcon {
    font-size: 17px;
    margin-left: 5px;
    color: #7f7573;
}

/* 厳選攻略情報 */

.el_captureInfo_contentsWrapper {
    padding: 0 8px;
}

.el_captureInfo_menuList {
    display: flex;
    justify-content: space-around;
    margin-bottom: 8px;
}

.el_menuItem {
    flex: 1;
}

.el_captureInfo_menuList .el_menuItem:not(:last-child) .el_menuItemTxt {
    margin-right: 8px;
}

.el_menuItemTxt {
    position: relative;
    padding: 8px 8px 8px 20px;
    font-size: 16px;
    color: #fff;
    display: block;
    transition: all 0.3s ease;
}

.el_menuItemImgBox {
    position: relative;
    display: block;
    height: 40px;
    transition: all 0.3s ease;
}

.el_menuItemImg {
    position: absolute;
    width: 110px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.el_menuItemTxt.el_menuItemTxtSidemenu {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 8px 10px 20px;
}

.el_menuItemTxt:hover,
.el_menuItemImgBox:hover {
    opacity: .8;
}

.marks {
    position: absolute;
    left: 6px;
    top: 6px;
    font-size: 22px;
}

.marks.marks_home {
    top: 10px;
    left: 10px;
}

.el_captureInfo_topContentsBox {
    margin-bottom: 8px;
}

.el_captureInfo_topContents {
    display: flex;
}

.el_captureInfo_topContentsImg {
    flex: 1;
}

.el_captureInfo_topContentsTxtBox {
    flex: 1;
    margin-left: 14px;
    text-align: left;
}

.el_captureInfo_topContentsHead {
    max-height: calc(21 * 1.4 * 2 * 1px);
    font-size: 21px;
    line-height: 1.4;
    color: #3e5aae;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.el_captureInfo_topContentsTxt {
    font-size: 13.2px;
    margin-bottom: 10px;
    line-height: 1.5;
}

.el_captureInfo_contentsList {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-bottom: 7px;
}

.el_captureInfo_contentsItem {
    width: calc((100% / 3) - 7px);
    padding-bottom: 7px;
    text-align: left;

}

.el_captureInfo_contentsItem > a {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.el_captureInfo_contentsItem:not(:nth-child(3n)) {
    margin-right: 8px;
}

.el_captureInfo_contentsImg {
    margin-bottom: 10px;
}

.el_captureInfo_contentsTtl {
    margin-bottom: 15px;
}

.el_captureInfo_contentsTxt {
    font-size: 11.2px;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* パチスロ厳選攻略情報、パチンコ厳選攻略情報 */
.bl_pachisloInfo,
.bl_pachinkoInfo {
    background: #fff;
    margin-bottom: 20px;
}

.bl_pachisloInfo_head,
.bl_pachinkoInfo_head {
    margin-bottom: 8px;
}

/* サイドメニュー */
.sidemenu {
    width: 300px;
    margin: 0 auto;
}

/* 新台導入日 */
.bl_newUnit {
    margin: 20px 0;
}

.el_unit_dailyBox {
    border-bottom: 1px solid #ccc;
    margin-bottom: 7px;
}

.bl_newUnit_dailyTxt {
    background: #d1e7fb;
    color: #033691;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    padding: 7px;
}

.el_unit_contents {
    display: flex;
    padding: 7px;
    min-height: 100px;
    max-height: 100px;

}

.el_unit_contents:hover .el_unit_contents_Img {
    opacity: .8;
}

.el_unit_contentsBox:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

.el_unit_contents_Img {
    height: 100%;
    width: 55px;
    padding-right: 7px;
    transition: all 0.3s ease;
    text-align: center;
}

.el_unit_contents_Img img {
    max-height: 88px;
    max-width: 100%;
}

.el_unit_contents_TxtBox {
    width: calc(100% - 55px);
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: baseline;
}

.el_bg_half_bl {
    display: flex;
    border: #1159d8 solid 1px;
    font-weight: bold;
    font-size: 11px;
}

.el_bg_half_bl-l {
    background: #2e3bd3;
    color: #fff;
    padding: 2px 10px;
}

.el_bg_half_bl-r {
    color: #2e3bd3;
    padding: 2px 10px;
}

.el_bg_half_rd {
    display: flex;
    border: #ec3833 solid 1px;
    font-weight: bold;
    font-size: 11px;
}

.el_bg_half_rd-l {
    background: #ec3833;
    color: #fff;
    padding: 2px 10px;
}

.el_bg_half_rd-r {
    color: #ec3833;
    padding: 2px 10px;
}

.el_unit_contentsTtl {
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.1;
    text-align: left;
}

/* 人気機種ランキング */

.bl_ranking {
    margin-bottom: 20px;
}

.bl_ranking_contentsTtl {
    color: #3e5aae;
}

.el_unit_contents_companyTxt {
    color: #a49e9e;
    font-size: 11px;
}

.el_unit_contents_subTxt {
    align-self: end;
    text-align: right;
    color: #a49e9e;
    font-size: 11.5px;
}

.el_arrowWrapper {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 75px;
    margin-bottom: 4px;
}

.el_arrow{
    position: relative;
    display: inline-block;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
    padding: 0 0 0 28px;
}

.el_arrow::before,
.el_arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.el_arrow::before{
    left: 8px;
    box-sizing: border-box;
    width: 5px;
    height: 4px;
    border: 5px solid transparent;
}

.el_arrow::after{
    left: 0;
    width: 8px;
    height: 4px;
}

.el_arrow_same::before{
    border-left: 5px solid #5ead54;
}

.el_arrow_same::after{
    border-left: 8px solid #5ead54;
}

.el_arrow_up {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 0 2px 8px 0px;
}

.el_arrow_up::before{
    border-left: 5px solid #ec3833;
}

.el_arrow_up::after{
    border-left: 8px solid #ec3833;
}

.el_arrow_down {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin: 9px 13px 0 -13px;
}

.el_arrow_down::before{
    border-left: 5px solid #4383aa;
}

.el_arrow_down::after{
    border-left: 8px solid #4383aa;
}

.bl_ranking_contentsBox {
    display: flex;
}

.bl_ranking_rank {
    width: 42px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 4px 0px;
}

.el_bg_gl {
    background: #dab14e;
}

.el_bg_sv {
    background: #9f9f9f;
}

.el_bg_cp {
    background: #d3987c;
}

.el_bg_gy {
    background: #666666;
}

.el_newRank {
    color: #e20001;
    margin-right: 7px;
    font-weight: bold;
    font-size: 10px;
}

.sidemenu_parts {
    margin-bottom: 10px;
}

.main .bl_newUnit_daily ul {
    display: flex;
    flex-wrap: wrap;
}

.main .bl_newUnit_daily ul li {
    width: 50%;
}

/*
.main .bl_newUnit_daily ul li a {
    min-height: 170px;
    max-height: 170px;
}

.main .bl_newUnit_daily ul li img {
    min-height: 150px;
    max-height: 150px;
}
*/

@media screen and (max-width: 768px) {

    .el_menuItem {
        display: none;
    }


    .contents {
        background-color: #fff;
    }

    .header {
        border-bottom: unset;
    }

    .bl_search {
        flex-direction: column-reverse;
        width: 100%;
        margin: 0 auto;
    }

    .bl_search_window {
        padding-bottom: 18rem;
    }

    .bl_search_windowBox {
        margin-bottom: 10px;
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }

    .bl_search_windowTxt {
        display: none;
    }

    #sbox {
        height: 14rem;
        font-size: 5rem;
    }
    #sbtn {
        /*
        height: 14rem;
        padding: 3rem 4.5rem;
        */
        font-size: 7rem;
    }

    .bl_search_blank {
        padding-bottom: 5rem;
    }

    .main_contents {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        padding-top: 0;
    }

    .main {
        width: 100%;
        margin: 0 auto;
    }





    /* 更新情報 */
    .bl_latest_contentsBox {
        flex-direction: column;
    }

    .bl_latest_contents {
        width: 100%;
    }

    #toppage .bl_latest_contents:nth-child(4) {
        display: none;
    }

    .bl_latest_contentsImg {
        width: 140px;
        margin-right: 10px;
        flex-shrink: 0;
    }

    .bl_latest_contentsTxtBox {
        font-size: 11.5px;
        text-align: left;
    }

    .bl_latest_contentsTtl {
        max-height: calc(15 * 1.4 * 2 * 1px);
        height: 50px;
        margin: 5px 0 15px;
    }

    .bl_latest_contentsTxt {
        width: 100%;
    }

    /* パチスロ厳選攻略情報 */
    .el_captureInfo_menuList,
    .el_captureInfo_topContentsBox {
        display: none;
    }

    .el_captureInfo_contentsWrapper {
        padding: 0;
    }

    .el_captureInfo_contentsItem {
        width: calc((100% / 2) - 7px);
    }

    .el_captureInfo_contentsItem:not(:nth-child(3n)) {
        margin-right: unset;
    }

    .el_captureInfo_contentsList {
        justify-content: center;
    }

    .el_captureInfo_contentsItem {
        padding: 12px;
        border-bottom: 1px solid #ccc;
        width: 50%;
    }

    .el_captureInfo_contentsItem:nth-child(odd) {
        border-right: 1px solid #ccc;
    }

    /* sidemenu */
    .sidemenu {
        width: 100%;
    }

    .el_unit_contents_Img {
        /* width: 15rem; */
        width: 70px;
    }

    .bl_ranking_contentsBox > .el_unit_contentsTtl {
        padding-left: 15px;
    }

    .el_unit_contents_TxtBox.bl_ranking_contentsBox {
        display: flex;
        width: 100%;
        justify-content: flex-start;
        flex-direction: row;
        text-align: left;
        align-items: center;
    }

    .bl_ranking_contentsBox > .el_unit_contentsTtl {
        width: calc(100% - 75px);
    }

    .main .bl_newUnit_daily ul {
        display: block;
        flex-wrap: nowrap;
    }

    .main .bl_newUnit_daily ul li {
        width: 100%;
    }

}