body {
    font-family: Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Osaka,MS PGothic,arial,helvetica,sans-serif;
    font-size: 14px;
    margin:0;
    color:#444;
    line-height:1.6;
}
a {
    text-decoration: none;
    color:#444444;
}
li {
    list-style:none;
}
* {
    box-sizing:border-box;
    word-wrap:break-word;
    margin-block-start: 0px;
    margin-block-end: 0px;
    padding-inline-start: 0px;

}
.container {
    max-width:980px;
    margin:0 auto;
}
.header-nav {
    max-width:980px;
    margin:0 auto;
    height: 43px;
    background: #FFF;
    border-top: 2px solid #34b792;
    border-bottom: 1px solid #d9d9d9;
}
.header-nav > .container {
    display:flex;
    justify-content: space-between;
    align-items: center;
    height:43px;
}
.header-left {
    width:138px;
    height:46px;
}
.h-r-inner {
    display: flex;
}
.h-r-inner li a {
    color:#929292;
}

.header-right li {
    padding:0 10px;
    font-weight: bold;
    color:gray;
    border-left:1px solid gray;
}
/*.header-icon {
    
}*/
/*.header-icon::before {
    content:"";
    position:absolute;
    width:20px;
    height:20px;
    background-color: gray;
    left:-20px;
}
*/



.header-search {
    height:70px;
    padding:11px 0;
    background-color: darkgrey;
    z-index: 0;
    color:white;
    
} 
.header-search > .container {
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.h-s-left {
    width:33%
    
}
.h-s-right {
    display: flex;
    border:1px solid #f2f2f2;
    border-radius:4px;
    height:46px;
    
}
.h-s-r-inner {
    display:flex;
    justify-content: center;
    align-items: center;
    padding-inline-start:0px;
}
.h-s-r-inner li {
    position:relative;
    display:block;
    width:145px;
    height:46px; 
    line-height:46px;
    text-align: center;
}
.h-s-r-inner li::after {
    position:absolute;
    content:"";
    border-right:1px solid #f2f2f2;
    top:13px;
    left:-50%;
    width:100%;
    height:20px;
    transform: translateX(50%);
}

.h-s-r-icon {
    display:inline-block;
    width:14px;
    height:14px;
    background-color:black;   
}


.search-btn {
    display: inline-block;
    width:40px;
    height:32px;
    background-color: darkgreen;
    position:relative;
    margin-left:5px;
}
.search-btn:hover {
    background-color:#2ea281;
}
.search-form i {
    font-size:14px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translateY(-50%) translateX(-50%)
}

form {
    display: flex;
    height:46px;
    padding:7px 10px 0 0;
}


input {
    width:140px;
    height:32px;
    margin-left:10px;
}


.menu-wrap {
    height:48px;
    box-shadow:  0 0 2px 0 rgb(0 0 0 / 12%), 0 1px 2px 0 rgb(0 0 0 / 24%);
    position:relative;
}
/*.menu {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 100;
    margin-left: -490px;
}*/
.menu-inner {
    display:flex;
    justify-content: space-between;
}
.menu-inner li {
    position:relative;
    width:109px;
    text-align:center;
    line-height:48px;
    font-size:12px;
    font-weight:bold;
    color:#444444;
}
.menu-inner li::after {
    position: absolute;
    top: 50%;
    right:100%;
    height: 20px;
    margin-top: -10px;
    content: '';
    border-left: 1px solid #f2f2f2;
}
.li-right {
    position: relative;
}
.li-right::before {
    position: absolute;
    top: 50%;
    left:100%;
    height: 20px;
    margin-top: -10px;
    content: '';
    border-right: 1px solid #f2f2f2;
}

.root-wrap {
    height:32px;
    font-size:12px;
    background-color:#f2f2f2;
}
.root-inner {
    display: flex;
    padding-top:10px;
}
.arrow {
    color:#444444;
    margin: 0 6px;
}
.root-item a {
    color:#0074ed;
}
.root-item a:last-child {
    color:#444444;
}

/*.page-wrap {
    
}*/
.page-lc {
    float: left;
    width:680px;
}
.c-box {
    box-shadow:  0 0 2px 0 rgb(0 0 0 / 12%), 0 1px 2px 0 rgb(0 0 0 / 24%);
    border:1px solid #f2f2f2;
    border-radius:2px;
    margin-bottom:10px;
}
.page-left {
    float:left;
    width:220px;
}
.main-title {
    padding:8px;
    background-color:#444444;
    color:#fff;
    font-weight:bold;
}
.m-t-icon {
    display:inline-block;
    margin:0 5px 0 0;
    font-size:18px;
    vertical-align: middle;
}
/*.contents-wrap {

}*/
.c-title {
    padding:10px;
    border-bottom:1px solid #dadada;
    font-weight:bold;
    background-color:#f2f2f2;
}
.c-inner-title {
    padding:8px 10px;
    font-weight:bold;
    border-bottom:1px solid #dadada;
    border-left:2px solid #444;
    background-color: #fff;
}
.c-menu-item {
    display: block;
    padding:8px 10px;
    border-bottom:1px solid #f2f2f2;
    color:#0074E0;
    background-color: #fff;
}


.page-center {
    float:right;
    width:460px;
    padding:0 10px;
}
.center-top {
    padding:16px 12px;
}
.title {
    font-size:20px;
    line-height:28px;
}
.comment-wrap {
    display:flex;
    width:100%;
    height:28px;
    margin-top:8px;
    border:2px solid #5eb494;
    border-radius:14px;
}
.comment-space {
    display:flex;
    align-items: center;
    width:64px;
    justify-content: center;
    background-color:#5eb494;
    border-top-left-radius:14px;
    border-bottom-left-radius:14px;
}
.comment-space > i {
    font-size:16px;
    color:#fff;
}
.comment-count {
    color:#fff;
    margin:0 0 0 4px;
}
.comment-instruction {
    font-size:13px;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-grow:1;
    text-align:center;
}
.comment-instruction > i {
    font-size:16px;
    margin:0 0 0 14px;
    color:#5eb494;
}
.sub-info {
    position:relative;
    margin-top:8px;
}
.sub-info > span {
    font-size:12px;
    color:gray;
}
.top-img {
    width:100%;
    background-color:gray;
    height:230px;
    position:relative;
}
.top-img-text {
    position:absolute;
    font-size:50px;
    color:#fff;
    text-align:center;
    top:50%;
    transform:translateY(-50%);
    width:100%;
    margin:auto;
}
.game-announce {
    padding:16px 10px  0 10px;
}
.game-announce > ._header {
    font-size:12px;
    font-weight:bold;
    line-height:12px;
    color:#ea2a3d;
}
.game-announce > ._header+._list {
    margin-top:8px;
}
.game-announce > ._list {
    padding:14px 10px;
    border:1px solid #ea2a3d;
    border-radius:4px;
}
._heading {
    padding-bottom:7.4px;
    font-size:13px;
    font-weight:bold;
    color:#ea2a3d;
}
._list i {
    font-size:14px;
    color:#ea2a3d;
}
._item-text {
    font-size:13px;
    font-weight:bold;
    line-height:15px;
    color: #0074e0;
}
._row2 {
    margin-top:6.4px;
}
.article-wrap {
    padding:0 12px;
}
.article-share-btn-wrap {
    position:relative;
    padding:20px 8px 10px 8px;
    margin:0 -12px;
}
.sns-btn {
    display:table;
    width:100%;
    table-layout:fixed;
    font-size:12px;
    font-weight:bold;
}
.sns-btn>._item {
    display:table-cell;
    width:100%;
    padding:0 4px;
}
.article-share-btn-wrap>.sns-btn>._item>._btn {
    border:1px solid #CDA64B;
    display:flex;
    align-items:center;
    justify-content: center;
    padding:5.8px 0;
    border-radius: 2px;
}
.sns-btn>._item>._btn>._text {
    display: inline-block;
    margin:0 0 0 2px;
}
.is-tw {
    color:#00aced;
}
.is-gw {
    color:#34b792;
}
.is-fb {
    color:#305097;
}
.is-hatebu {
    color:#008fde;
}
.separator {
    margin:0 0 15px;
    border-top: 1px solid #CDA64B;
    padding:0 10px;
}
.article-wrap>p {
    margin:5px 0 10px;
    font-size:12px;
    color:#808080;
}
.article_outline {
    border: 1px solid #CDA64B;
    background-color:rgba(255,255,255,0.4);
    padding:12px 10px 6px 10px;
    margin:15px 0;
    border-radius:2px;
}
.article_outline ul li {
    position:relative;
    padding-left:16px;
    margin-bottom:8px;
    background-image:none;
}
.bolder {
    font-weight:bold;
}
.article_outline p {
    margin:5px 0 10px;
}
.article-wrap h2 {
    background-color:chocolate;
    padding:12px 10px 12px 20px;
    color:#fff;
    text-shadow:2px 2px 0 rgb(117 60 0);
    font-size:16px;
    font-weight:bold;
    margin:25px 0 20px;
}
.article-wrap h3 {
    background-color:rgb(250, 227, 231);
    padding:7px 20px;
    margin:20px 0 15px;
    font-size:16px;
}
.top-img2 {
    position:relative;
    width:230px;
    height:191px;
    background-color:navy;
    margin:0 auto 15px;
}
.top-img-text2 {
    position:absolute;
    color:#fff;
    text-align:center;
    font-size:30px;
    font-weight:bold;
    top:50%;
    transform:translateY(-50%);
    width:100%;
    margin:0 auto;
}
table {
    border-collapse:collapse; 
    width:100%;
    font-size:12px;
    margin-bottom:15px;
}
.table1 table {
    text-align:center;
    table-layout:fixed;
    padding:1px 1px !important;
}
table tr td {
    background-color:#fff;
}
th,td {
    padding:6px 8px;
    border:1px solid #cda64b;
}
th {
    background-color:#efefef;
}
.SSS,.B {
    font-size:27px;
    line-height:40px;
    font-weight:bold;
}
.SSS {
    color:orange;
}
.B {
    color:springgreen;
}
td a {
    color:#0074E0;
    font-weight:bold;
}
.icon-height {
    line-height:50px;
    height:50px;
}
.star6 {
    font-size:30px;
    color:gold;
}
.hikari {
    width:30px;
    height:30px;
    background-color:yellow;
    margin:10px auto;
    border-radius:50%;
}
.god {
    font-size:30px;
    color:red;
    font-weight:bold;
}
.green-btn {
    border:1px solid #34b792;
    background-color:#fff;
    color:#34b792;

    font-weight:bold;
    display:block;
    margin:0 auto;
    padding:7px;
    text-align:center;
    border-radius:2px;
}
.moji {
    font-weight:bold;
    font-size:16px;
}
.Atekisei {
    color:black;
}
.Stekisei {
    color:red;
}
.koukoku-wrap {
    width:100%;
    margin:25px auto 30px;
}
.koukoku-img {
    position:relative;
    width:300px;
    height:295px;
    padding-top:15px;
    background-color:aqua;
    margin:0 auto;
}
.ktdm_status table {
    text-align:center;
    table-layout:fixed;
    padding:5px 1px !important;
}
.ktdm_status th:nth-child(1) {
    width:20%;
}
.article-wrap ul li {
    position:relative;
    margin: 0 0 6px;
    padding:0 0 0 13px;   
}
.ball {
    position:absolute;
    background-color:sienna;
    width:11px;
    height:11px;
    top:5px;
    left:0;
    border-radius:50%;
}


.page-right {
    float:left;
    width:300px;
}
.ranking-wrap {
    padding:0 10px;
    background-color: #fff;
}
.ranking-wrap li {
    padding:10px 0;
    border-bottom:1px solid #e2e2e2;
}
.rkg {
    display:flex;
    width:100%;
}
.rkg-left {
    position:relative;
}
.rkg-img {
    width:78px;
    height:40px;
    background-color:aquamarine;
}
.num {
    position:absolute;
    padding:0 4px;
    font-weight:bolder;
    font-size:11px;
    color:#fff;
    background-color:blue;
    border-radius:0 0 2px;
}
.rkg-right {
    padding:0 0 0 8px;
    width:100%;
    display:flex;
    align-items:center;
    color:#0074ed;
}
.rkg-more {
    display:inline-block;
    color:#0074ed;
    text-align:right;
    width:100%;
}
.ranking-wrap li:last-child {
    border-bottom:none;
}
.koukoku-wrap-right {
    width:100%;
    margin:0 0 10px;
}
.koukoku-img2 {
    width:100%;
    height:250px;
    position:relative;
    background-color: aqua;
}
.recommend-link {
    padding:10px;
    font-weight:bold;
}
.is-large {
    display: block;
    width:280px;
    height:110px;
    
    box-shadow:0 0 4px 0 rgb(0 0 0 / 12%),0 0 4px 0 rgb(0 0 0 / 24%);
}
.reccomend-link  ._item.is-large ._inner {
    padding-bottom:39%;
    /*display: block;*/
    border-radius:4px;
}
.recommend-link ._item ._inner {
    position:relative;
    /*overflow:hidden;*/
}

.c-progressive-img {
    position:absolute;
    width:280px;
    height:110px;
    background-color:black;
    border-radius: 4px;
}
.recommend-link ul li {
    margin-top:10px;
}
.news-title {
    font-size:12px;
    color:#0074ed;
    overflow:hidden;

    display:-webkit-box;
    text-overflow:ellipsis;
    max-height:3.2em;
    word-break:break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
._label {
    display:inline-block;
    line-height:1;
    color:#fff;
    margin:0 -6px 0 0;
    padding:3px 4px;
    border-radius:2px;
    transform:scale(.85);
    transform-origin:left;
}
.c-progressive-img2 {
    width:84px;
    height:44px;
    background-color: black;
    border-radius:2px;
    box-shadow:0 0 4px 0 rgb(0 0 0 / 12%),0 0 4px 0 rgb(0 0 0 / 24%);
}
.is-small {
    display:flex;
    align-items:center;
}
.is-small-left {
    margin-right:10px;
}
.pick-up-game-list_item ul li {
    padding:8px 10px;
    border-bottom: 1px solid #dadada;
}
.pick-up-inner {
    display:flex;
    align-items:center;
}
.pick-up-img {
    width:40px;
    height:40px;
    background-color:rgb(33, 83, 141);
    border-radius:5px;
}
.pick-up-text {
    width:100%;
    color:#0074ed;
    display:flex;
    align-items:center;
    margin:0 0 0 10px;
}
.space-bottom {
    margin-bottom:15px;
}