.modal12{
position: relative;
}
#modal-in{
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.sasasa {
width: 100%;
} h2#danraku2 {
background: #1a1a1a;
padding: .5em;
color: #fff;
margin: 20px 0;
} h2.kanren2{
background: #1a1a1a !important;
padding: .5em;
color: #fff;
margin: 20px 0;
}  p.foot{
display:none!important;
} .trademark_wrap.img{
display:none!important;
} .ninja-recommend .trademark img,.trademark:hove ,.ninja-recommend .trademark-sp img{
visibility:hidden !important; 
}
.ninja-recommend .trademark, .ninja-recommend .trademark-sp{
visibility:hidden !important; 
}  .size-medium {
width:320px!important;
height:200px!important; 
}  .box3 {
padding: 0.5em 1em;
margin: 2em 0;
color: #2c2c2f;
background: #cde4ff; }
.box3 p {
margin: 0; 
padding: 0;
}  .btn-square-so-pop {
position: relative;
display: inline-block;
padding: 0.25em 0.5em;
text-decoration: none;
color: #FFF;
background: #fd9535; border-radius: 4px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
font-weight: bold;
border: solid 2px #d27d00; margin: 10px;
}
.btn-square-so-pop:active { box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.center{
width:100% !important;
}  .wpp-img img {
max-width: 100%;
width: 100%;
height: auto;
margin: 0px 0px 5px 0px;
box-shadow: 0 2px 5px #999;
} .wpp-container {
line-height: 1.1em;
margin: 0px 0px 20px 0px;
}
.wpp-list li::before {
counter-increment: hamatori-rank;
content: counter(hamatori-rank);
position: absolute;
top: 20px;
left: 0;
background: rgba(150, 255, 255, 0.8); 
color: #000000; 
font-size: 14px;  
line-height: 1;    
padding: 5px 8px; 
}
#navi{
background-color:#aaa;
} .cat-item {
border-radius: 5px;
}
.cat-item a {
padding: 3px 0 3px 8px;
display:block;
width:100%;
background: #555;
border-radius: 5px;
box-sizing: border-box;
color: white;
text-decoration: none;
font-weight: bold;
}
.cat-item a:hover {
opacity: .6;
}
.cat-item a::before {
content: "
.cat-item {
border-radius: 5px;
}
.cat-item a {
padding: 3px 0 3px 8px;
display:block;
width:100%;
background: #555;
border-radius: 5px;
box-sizing: border-box;
color: white;
text-decoration: none;
font-weight: bold;
}
.cat-item a:hover {
opacity: .6;
}
.cat-item a::before {
content: "\0025B6  ";
}
.children li {
margin-top: 8px;
}
25B6  ";
}
.children li {
margin-top: 8px;
} .entry-card-content h2{
height:92px;
}
@media screen and (min-width: 360px) {
#main .entry {
position: static !important;
}
.entry-card-content h2,
.entry-snippet,
.entry .post-meta {
overflow: hidden;
}
.entry-card-content h2 {
height: 92px;
}
.entry .post-meta {
height: 1.3em;
height: 20px;
overflow: hidden;
}
}
.masonry , #list{
position: static !important;
}
.masonry{
height:0px !important;
} .kabuse {
position: relative;
background-color: #000;
}
.kabuse img{
opacity: 0.5;
}
.kabuse p {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
color: white;
font-size: 25px;
text-align:center;
font-family: 'Quicksand',sans-serif;
}
.kabuse p .fa {
display:block;
padding-bottom:10px;
font-size: 400%;
color: rgba(255, 255, 255, 0.6);
}