/*
================================================================================================================
COMMON
================================================================================================================
*/
.inner .poster-list{
 margin: 20px auto;
 font-size:0;
}
.inner .poster-list li{
 display: inline-block;
 margin-bottom: 10px;
 position: relative;
}

.inner .poster-list img{
 display: inline-block;
 width: 100%;
 position: relative;
}
.inner .poster-list p{
 position: absolute;
 bottom: 2px;
 right: 2px;
 display: block;
 color: #fff;
 font-size: 14px;
 text-shadow: 0px 0px 7px #000000cc;
 font-family: 'Noto Sans JP', sans-serif;
}
.inner .poster-list p span{font-size:75%;}

.inner .poster-list a{
 display: block;
 margin-top: 5px;
 line-height: 1.2;
 font-weight: bold;
 box-shadow: 0px 3px 0 0px rgba(0, 0, 0, 0.10);
 transition:background .2s ease;
}

.inner .poster-list a:hover{
 opacity:0.9;
 box-shadow: 0px 1px 0 0px rgba(0, 0, 0, 0.20);
 position:absolute;
 bottom:-16px;
}

.inner h6{
    color: #fff8d4;
    font-size: 15px;
    font-weight: bold;
    margin: 15px 0 10px;
    position: relative;
    background-color: #000;
    border: solid 1px #fff8d4;
    padding: 10px 15px;
    border-radius: 8px;
}

.inner h6:before,
.inner h6:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.inner h6:before {
    border: solid 12px transparent;
    border-top: solid 12px #fff8d4;
}
.inner h6:after {
    border: solid 14px transparent;
    border-top: solid 14px #000;
    margin-top: -4px;
}


/* ------------ プロ雀士一覧 フィルター ------------ */

.search{margin-bottom:10px;}

.search_item{
display: inline-block;
padding: 3px 10px;
margin-bottom:5px;
height:26px;
cursor: pointer;
font-weight:bold;
background:#0a0a0a;
border-radius:13px;}

.search_item.is-active{
background:#2a2a2a;}

.is-hide{display:none;}

/*
================================================================================================================
PC版
================================================================================================================
*/
@media screen and (min-width:769px){
#main .inner .sp_visible{display:none;}
#main .inner .pc_visible{display:inline-block;}
}

@media screen and (min-width:801px){
.inner .poster-list li{
 width: calc( ( 100% - 30px) / 6);
 margin-right: 6px;
}
.inner .poster-list li:nth-child(6n){
 margin-right: 0;
}
}


/*
================================================================================================================
SP版
================================================================================================================
*/
@media screen and (max-width:768px){
#main .inner .sp_visible{
 display: block;
 text-align:left;}
#main .inner .pc_visible{display:none;}
}

@media screen and (max-width:800px) and (min-width:481px){
.inner .poster-list li{
 width: calc( ( 100% - 24px) / 4);
 margin-right: 8px;
}
.inner .poster-list li:nth-child(4n){
 margin-right: 0;
}
}

@media screen and (max-width:480px){
.inner .poster-list li{
 width: calc( ( 100% - 16px) / 3);
 display: inline-block;
 margin-right: 8px;
}
.inner .poster-list li:nth-child(3n){
 margin-right: 0;
} 
.inner .poster-list p{font-size:13px;}
}