@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');

/*--------------------------------------------------------
TOPページ
-------------------------------------------------------*/
body{
margin: 0!important;
padding: 0!important;
font-family: 'Noto Sans JP', sans-serif;
}
header{
width: 1050px;
margin: 0 auto;
display: flex;
justify-content: flex-start;
align-items: center;
}
nav li{
display: inline-block;
}
nav li a{
color: #333;
}
nav li a:before{
content: '▶';
}
header > div{
margin-left: auto;
}
header > div ul{
padding: 0;
}
header > div li{
display: inline-block;
}
header > div li a{
color: #333;
}
header > div li a:before{
content: '▶';
}
header > div input[type="text"]{
background: #aaa;
padding-left: 16px;
line-height: 28px;
}
header > div input[type="submit"]{
border: 0;
background: #fff;
}
.mypage_topbar{
background:#222;
color:#fff;
line-height: 30px;
top:0;
width: 100%;
position: fixed;
display:block;
z-index: 1;
opacity: 0.8;
}
.mypage_topbar a{
color: #fff;
padding-left:12px;
margin-right:16px;
background:url(/img/icon/icon_triangle.png);
background-repeat:no-repeat;
background-size:6px;
background-position:left center;
}

.clearfix:after {
content: '';
display: block;
clear: both;
height: 0;
}
#main-in-sub:after,#mainCenter:after,#mainleft:after,#mainRight:after,#top-mainInner:after {
content: '';
display: block;
clear: both;
height: 0;
}

/*--------------------------------------------------------
ヘッダー
-------------------------------------------------------*/
.heder{
width:100%;
border-bottom:1px solid #898989;
margin-top:30px;
}
.heder-in{
width: 1050px;
padding: 0px 0;
margin: 0 auto;
display: flex;
justify-content: flex-start;
align-items: center;
box-sizing: border-box;
position:relative;
}
p.header-logo + h1{
font-size:12px;
position:absolute;
bottom:12px;
left:0px;
letter-spacing:1.5px;
color:#1c1c1c;
font-family: 'Noto Sans JP', sans-serif;
}
p.kasouTitle{
font-size:12px;
position:absolute;
bottom:8px;
left:0px;
letter-spacing:1.5px;
color:#1c1c1c;
font-family: 'Noto Sans JP', sans-serif;
font-weight:bold;
}

.heder-in a img{
width: 240px;
vertical-align: middle;
margin:0 0 25px;
}
.heder-in a img:hover{
opacity:0.6;
}
.hed-le{
display:inline-block;
vertical-align:middle;
}
.hed-le a img{
width: 240px;
vertical-align: middle;
}
.hed-le a img:hover{
opacity:0.6;
}
.hed-le ul{
display: inline-block;
vertical-align: middle;
}
.hed-le li{
display: inline-block;
margin-right: 20px;
}
.hed-le li a{
color: #333;
text-decoration: none;
}
.hed-le li a:hover{
opacity: 0.7;
}
.hed-le li a:before{
content: '';
display:inline-block;
height:12px;
width:12px;
background: url(/img/icon/link-yaji.png) no-repeat;
background-size:contain;
margin-right: 2px;
}
.hed-ri{
margin-left: auto;
display:inline-block;
vertical-align:middle;
}
.hed-ri span{
font-size:12px;
color: #333;
text-decoration: none;
vertical-align:middle;
margin-right: 10px;
}
.hed-ri span a{
color: #333;
text-decoration: none;
}
.hed-ri span a:hover{
opacity: 0.7;
}
.hed-ri span:first-child a:before{
content: '';
display:inline-block;
height:12px;
width:12px;
background: url(/img/icon/h-home.png) no-repeat;
background-size:contain;
position:relative;
top:1px;
margin-right:3px;
}
.hed-ri span:nth-of-type(2) a:before{
content: '';
display:inline-block;
height:12px;
width:12px;
background: url(/img/icon/h-touroku.png) no-repeat;
background-size:contain;
position:relative;
top:1px;
margin-left: 0px;
margin-right:2px;
}
.hed-ri span:nth-of-type(3) a:before{
content: '';
display:inline-block;
height:12px;
width:12px;
background: url(/img/icon/h-login.png) no-repeat;
background-size:contain;
position:relative;
top:1px;
margin-left: 0px;
margin-right:2px;
}
.search-form{
margin-top: 10px;
}
.hed-ri .search-form form{
display:flex;
justify-content:center;
align-items:center;
position:relative;
}
.hed-ri .search-form input{
display:inline-block;
vertical-align:middle;
}
.hed-ri .search-form input[type="text"]{
width:100%;
padding:0 35px 0 10px;
line-height: 30px;
background:#e6e6e6;
border:1px solid #c5c5c5;
font-size: 13px;
box-sizing:border-box;
border-radius:50px;
}
input[type="text"]{
font-size: 13px;
}
.hed-ri .search-form input::placeholder {
color: #898989;
}
.hed-ri .search-form input[type="submit"]{
border:0;
padding:0;
line-height:25px;
width:32px;
background:url(/img/icon/sa-cha.png)no-repeat center / 11px ;
border:0px solid #ccc;
border-radius:50%;
right:1px;
position:absolute;
top:0;
bottom:0;
margin:0px auto;
}
.hed-ri .search-form input[type="submit"]:hover{
opacity: 0.7;
cursor: pointer;
}

/*--------------------------------------------------------
メインコンテンツ
-------------------------------------------------------*/
section.top-main-box{
width: 100%;
padding:20px 0;
border-bottom:1px solid #898989;
background-repeat:repeat;
background:url(/img/icon/topbg-icon2.png) center #FFF;
background-size:60px;
}
.top-main-box-in{
width: 1050px;
margin: 0 auto;
display: flex;
justify-content: center;
box-sizing:border-box;
align-items: center;
position:relative;
}
.top-main-box-in .wikituku-box{
position:relative;
width:700px;
height:380px;
display:block;
text-align:center;
box-sizing:border-box;
background-size:75px;
border-right:0;
}
.top-main-box-in .wikituku-box .in-wiki-box:before{
content: '';
display:inline-block;
width: 50%;
height: 100%;
background-image:url(/img/main-img-wiki-bg.jpg);
background-size:100%;
background-position:center;
background-repeat:no-repeat;
vertical-align: middle;
left:0;
top:0;
position:absolute;
z-index:1;
}
.top-main-box-in .wikituku-box .in-wiki-box:hover:before{
content: '';
display:inline-block;
width: 50%;
height: 100%;
background-image:url(/img/main-img-wiki-bg.jpg);
background-size:100%;
background-position:center;
background-repeat:no-repeat;
vertical-align: middle;
left:0;
top:0;
position:absolute;
z-index:1;
opacity: 0.6;
}
.top-main-box-in .wikituku-box .in-blog-box:before{
content: '';
display:inline-block;
width: 50%;
height: 100%;
background-image:url(/img/main-img-blog-bg.jpg);
background-size:100%;
background-position:center;
background-repeat:no-repeat;
vertical-align: middle;
right:0;
top:0;
position:absolute;
z-index:1;
}
.top-main-box-in .wikituku-box .in-blog-box:hover:before{
content: '';
display:inline-block;
width: 50%;
height: 100%;
background-image:url(/img/main-img-blog-bg.jpg);
background-size:100%;
background-position:center;
background-repeat:no-repeat;
vertical-align: middle;
right:0;
top:0;
position:absolute;
z-index:1;
opacity: 0.7;
}
.top-main-box-in .wikituku-box img{
width: 700px;
height:380px;
position:relative;
border: solid 0px #c9caca;
box-sizing: border-box;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
display: none;
}
.top-main-box-in:before{
content: '';
display:inline-block;
width: 200px;
height: 300px;
background-image:url(/img/main-img-gorilla.png);
background-size:100%;
background-position:center;
background-repeat:no-repeat;
vertical-align: middle;
left:250px;
top:5%;
position:absolute;
z-index:2;
}

@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) rotate(-2deg);}
50% {-webkit-transform:translate(0, -2px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(2deg);}
}
@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(-2deg);}
50% {transform:translate(0, -2px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(2deg);}
}
.top-main-box-in .wikituku-box a.wiki-bt{
position: absolute;
top:0;
left: -3%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width:50%;
height:100%;
line-height:520px;
text-align: center;
display:block;
text-decoration:none;
color:#FFF;
font-size:24px;
font-weight:bold;
background-image:url(/img/main-img-gorilla-wiki.png);
background-repeat:no-repeat;
background-size:85%;
background-position: center 200px;
z-index:2;
-webkit-animation:fuwafuwa 5s infinite linear alternate;
animation:fuwafuwa 5s infinite linear alternate;
}
.top-main-box-in .wikituku-box a.blog-bt{
position: absolute;
top:0;
right:-3%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width:50%;
height:100%;
line-height:520px;
text-align: center;
display:block;
text-decoration:none;
color:#FFF;
font-size:24px;
font-weight:bold;
background-image:url(/img/main-img-gorilla-blog.png);
background-repeat:no-repeat;
background-size:85%;
background-position: center 200px;
z-index:2;
-webkit-animation:fuwafuwa 5s infinite linear alternate;
animation:fuwafuwa 5s infinite linear alternate;
}
.top-main-box-in .wikituku-box a.blog-bt:before,.top-main-box-in .wikituku-box a.wiki-bt:before{
content:'';
display:inline-block;
width: 10px;
height: 20px;
background-image:url(/img/icon/icon_triangle.png);
background-size:80%;
background-position:left 0;
background-repeat:no-repeat;
vertical-align: middle;
margin-right:5px;
position:relative;
z-index:1;
}
.top-main-box-in .wikituku-box a:hover{
color:#231815;
}
.top-main-box-in .wikituku-box a.wiki-bt:after{
position: absolute;
bottom: 28%;
left: 103px;
content:"";
display: inline-block;
width: 0;
height: 5px;
background: #FFF;
transition: 0.8s;
z-index:-1;
opacity:0.8;
}
.top-main-box-in .wikituku-box a.blog-bt:after{
position: absolute;
bottom: 28%;
left: 90px;
content:"";
display: inline-block;
width: 0;
height: 5px;
background: #FFF;
transition: 0.8s;
z-index:-1;
opacity:0.8;
}
.top-main-box-in .wikituku-box a.wiki-bt:hover:after{
width: 43%;
}
.top-main-box-in .wikituku-box a.blog-bt:hover:after{
width: 50%;
}
.top-main-box-in .wikituku-box a.wiki-bt:hover{
background-image:url(/img/main-img-gorilla-wiki-hov.png);
}
.top-main-box-in .wikituku-box a.blog-bt:hover{
background-image:url(/img/main-img-gorilla-blog-hov.png);
}
.top-main-box-in .kijituku-box{
background:url(/img/main-kakikata-2.jpg);
background-repeat:no-repeat;
background-size:100%;
width:350px;
height:380px;
position:relative;
box-sizing: border-box;
padding:0;
margin:0;
}
.top-main-box-in .kijituku-box:hover{
opacity: 0.6;
}
.top-main-box-in .kijituku-box a span{
position: absolute;
bottom: -10px;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
text-align: center;
display:block;
text-decoration:none;
color:#FFF;
width:80%;
line-height:50px;
font-weight:bold;
background: rgba(29,198,240,1);
background: -moz-linear-gradient(-45deg, rgba(29,198,240,1) 0%, rgba(11,82,164,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(29,198,240,1)), color-stop(100%, rgba(11,82,164,1)));
background: -webkit-linear-gradient(-45deg, rgba(29,198,240,1) 0%, rgba(11,82,164,1) 100%);
background: -o-linear-gradient(-45deg, rgba(29,198,240,1) 0%, rgba(11,82,164,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(29,198,240,1) 0%, rgba(11,82,164,1) 100%);
background: linear-gradient(135deg, rgba(29,198,240,1) 0%, rgba(11,82,164,1) 100%);
font-size:18px;
font-weight:bold;
border:2px solid rgb(27, 27, 99);
border-radius:5px;
}
.top-main-box-in .kijituku-box a span:before{
content:"";
display:inline-block;
width: 10px;
height: 20px;
background-image:url(/img/icon/icon_triangle.png);
background-size:80%;
background-position:left 0;
background-repeat:no-repeat;
vertical-align: middle;
margin-right:5px;
}
.top-main-box-in .kijituku-box a{
display:block;
width:100%;
height:100%;
}
.top-main-box-in .gametuku-box{
background:url(/img/main-kasegu.jpg);
background-repeat:no-repeat;
background-size:100%; 
width:175px;
height:380px;
position:relative;
box-sizing: border-box;
}
.top-main-box-in .gametuku-box:hover{
opacity: 0.6;
}
.top-main-box-in .gametuku-box a span{
position: absolute;
top: 85%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
text-align: center;
padding:5px 0 15px 0;
display:block;
line-height:normal;
text-decoration:none;
color:#FFF;
width:70%;
font-weight:bold;
background-image:url(/img/icon/link-yaji2.png);
background-repeat:no-repeat;
background-size:20px;
background-position: center 100%;
}
.top-main-box-in .gametuku-box a{
display:block;
width:100%;
height:100%;
}
section.top-titlelist{
overflow: hidden;
}

/*--------------------------------------------------------
TOPページ
-------------------------------------------------------*/
#top-mainInner{
width:1050px;
display:block;
margin:0px auto 0;
box-sizing:border-box;
background:url(/img/bg.png);
padding:0px;
}
#top-mainInner img{
width:50px;
}
#main-in-sub{
float:left;
}
#mainCenter{
width:480px;
float:right;
box-sizing:border-box;
margin:0;
padding:0 10px;
}
#mainCenter h2{
font-size:18px;
margin:10px 0 20px 0;
padding:5px 10px 5px 10px;
background:#3e3a39;
line-height:2;
color:#FFF;
line-height:1.6em;
}
#mainCenter h3{
font-size:18px;
margin:0 0 20px 0;
padding:5px 10px 2px 35px;
line-height:2;
color:#3e3a39;
line-height:1.7em;
background:url(/img/icon/h3-gori.png);
background-repeat:no-repeat;
background-size:25px;
background-position:center left;
border-bottom:1px solid #3e3a39;
}
#mainCenter a{
text-decoration: none;
list-style: none;
}
#mainCenter section.game-list-box{
display:flex;
}
#mainCenter section.game-list-box .free-rank-list{
width:50%;
border:1px solid #ccc;
margin:0 5px 0 0px;
position:relative;
padding-bottom:50px;
}
section.game-list-box .free-rank-list a{
text-decoration: none;
list-style: none;
color:#333;
}
section.game-list-box .free-rank-list a:hover{
opacity:0.6;
}
#mainCenter section.game-list-box .free-rank-list h2{
font-size:16px;
background-color:#3e3a39;
padding:5px;
text-align:center;
color:#FFF;
margin:0;
}
#mainCenter section.game-list-box .free-rank-list ul{
list-style: none;
margin:0;
padding:0;
}
#mainCenter section.game-list-box .free-rank-list li{
list-style: none;
margin:10px 0;
padding: 0 5px 0;
}
#mainCenter section.game-list-box .free-rank-list .rank-up-down{
display: inline-block;
width: 10%;
vertical-align: middle;
text-align: center;
}
#mainCenter section.game-list-box .free-rank-list .rank-up-down span{
display: block;
font-size:16px;
text-align: center;
}
#mainCenter section.game-list-box .free-rank-list .rank-up-down span img{
display: block;
width: 10px;
text-align: center;
margin: 0 auto;
}
#mainCenter section.game-list-box .free-rank-list img{
display: inline-block;
vertical-align: middle;
width: 35px;
margin-right: 5px;
border-radius: 6px;
}
#mainCenter section.game-list-box .free-rank-list a img{
border:1px solid #f2f2f2;
}
#mainCenter section.game-list-box .free-rank-list p{
display: inline-block;
margin: 0;
padding: 0 5px;
font-size: 12px;
vertical-align: middle;
width: 60%;
}
#mainCenter section.game-list-box .link-bt{
background:#e60012;
padding:5px;
font-size:14px;
display:block;
width:80%;
text-align:center;
margin:0 auto;
color:#FFF;
position:absolute;
bottom:10px;
left:-50%;
right:-50%;
}
#mainCenter section.game-list-box .link-bt:hover{
opacity:0.6;
}
#mainCenter section.game-list-box .up-geme-list{
width:50%;
border:1px solid #ccc;
margin:0 0 0 5px;
position:relative;
padding-bottom:50px;
}
#mainCenter section.game-list-box .up-geme-list .topSalesArea{
padding:0 10px;
}
#mainCenter section.game-list-box .up-geme-list h2{
font-size:16px;
background-color:#3e3a39;
padding:5px;
text-align:center;
color:#FFF;
margin:0;
}
#mainCenter section.game-list-box .up-geme-list .topSalesArea .topSalesTitle{
font-size:12px;
margin:10px;
}
#mainCenter section.game-list-box .up-geme-list .topSalesArea .topSalesApp{
font-size:12px;
margin:10px 0px 0;
background:#efefef;
width:100%;
}
#mainCenter section.game-list-box .up-geme-list .topSalesArea .topSalesApp td:first-child{
background:#FFF;
padding:5px;
text-align:center;
}
#mainCenter section.game-list-box .up-geme-list .topSalesArea .topSalesApp td:first-child img{
border-radius:8px;
}
#mainCenter section.game-list-box .up-geme-list .topSalesArea .topSalesTable{
font-size:12px;
margin:0px 0px 10px;
background:#9fa0a0;
width:100%;
padding:0px 0;
border-spacing:1px;
}
#mainCenter section.game-list-box .up-geme-list .topSalesArea .topSalesTable th{
background:#333;
}
#mainCenter section.game-list-box .up-geme-list .topSalesArea .topSalesTable tr{
font-size:11px;
text-align:center;
color:#FFF;
background:#FFF;
}
#mainCenter section.game-list-box .up-geme-list .topSalesArea .topSalesTable td{
font-size:11px;
text-align:center;
color:#333;
background:#FFF;
}

#mainCenter section.game-list-box .up-geme-list .topSalesChartArea{
}
#mainCenter section.game-list-box .up-geme-list .topSalesChartArea canvas{
}

#mainCenter section.new-come-list{
margin:20px 0 0;
box-sizing:border-box;
}
#mainCenter section.new-come-list {
margin:20px 0 0;
box-sizing:border-box;
}
#mainCenter section.new-come-list h2{
font-size:16px;
margin:0;
padding:5px 0px 5px 40px;
border:1px solid #ccc;
border-bottom:0px solid #ccc;
background-color:#3e3a39;
background-image:url(/img/icon/h-kakikomi.png);
background-size:20px;
background-position: 10px 11px;
background-repeat:no-repeat;
color:#FFF;
}
ul.main-comment-list{
border-left:1px solid #f0f0f0;
border-right:1px solid #f0f0f0;
box-sizing:border-box;
margin:0;
padding:0;
}
ul.main-comment-list li{
width:100%;
min-height:80px;
display:block;
box-sizing:border-box;
padding:10px;
position:relative;
background-image:url();
background-size:10px;
background-position:97% center;
background-repeat:no-repeat;
margin:0!important;
line-height:normal!important;
}
ul.main-comment-list li:nth-child(odd){
background-color:#f7f8f8;
border-top:1px solid #f0f0f0;
border-bottom:1px solid #f0f0f0;
box-sizing:border-box;
}
ul.main-comment-list li:last-child{
border-bottom:1px solid #f0f0f0;
}
ul.main-comment-list li a{
color:#0c749b;
}
ul.main-comment-list li a:hover{
opacity:0.6;
}
ul.main-comment-list li .post-title{
font-size:14px;
color:#0c749b;
font-weight:bold;
margin-bottom:3px;
}
ul.main-comment-list li .comment-digest{
padding-right:25px;
padding-bottom: 15px;
font-size:12px;
}
ul.main-comment-list li .info-line {
text-align:right;
position:absolute;
right: 10px;
bottom:-8px;
box-sizing: border-box;
width: 40%;
}
ul.main-comment-list li .info-line span.last-updated{
padding: 10px 0px 10px 0px;
font-size:11px;
color:#888;
display:inline-block;
width: 45%;
}
ul.main-comment-list li .info-line span.last-updated:before{
content: '';
display:inline-block;
width: 20px;
height: 23px;
background-image:url(/img/icon/come.png);
background-size:16px;
background-position:left 2px;
background-repeat:no-repeat;
vertical-align: middle;
}
ul.main-comment-list li .info-line span.comment-count{
padding: 10px 15px 10px 0px;
margin: 0;
color:#888;
font-size:11px;
font-weight:bold;
text-align:right;
width: 40%;
display: inline-block;
}
ul.main-comment-list li .info-line span.comment-count:before{
content: '';
display:inline-block;
width: 30px;
height: 20px;
background-image:url(/img/icon/comep.png);
background-size:18px;
background-position:left 0px;
background-repeat:no-repeat;
vertical-align: middle;
}

/*--------------------------------------------------------
スライダー
-------------------------------------------------------*/
#mainCenter .swiper-wrapper{
display:flex;
justify-content:flex-start;
}

#mainCenter section.slider-main{
margin-bottom:10px;
position:relative;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1;
margin-top: 10px;
}
#mainCenter section.slider-main img{
width:460px;
height:230px;
border-radius: 10px;
object-fit:cover;
}
#mainCenter section.slider-main h2{
padding:12px;
position:absolute;
display:block;
z-index: 2;
background:#000;
color:#FFF;
padding:15px 20px 15px;
left:0px;
margin:0;opacity:0.9;
border-radius:10px 0px 10px 0;
}
#mainCenter section.slider-main a{
position:relative;
display: block;
}
#mainCenter section.slider-main h2 span{
display:block;
margin:0;
padding:0;
}


#mainCenter section.slider-rank{
display: flex;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
position:relative;
overflow:hidden;
margin-bottom:20px;
}
#mainCenter section.slider-rank a{
position:relative;
display: block;
}
#mainCenter section.slider-rank img{
width:146px;
height:140px;
object-fit: cover;
position: relative;
border-radius:10px;
}


.swiper-container-rankmain{
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
text-align: center;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate(0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.swiper-container-rankmain .swiper-slide{
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 480px;
height: auto;
position: relative;
box-sizing: border-box;
text-align:center;
display:block;
}
.swiper-container-rankmain .swiper-slide a{
position:relative;
display:block;
}
.swiper-container-rankmain .swiper-slide a:hover{
opacity:0.6;
}

.swiper-container-rankmain .swiper-slide a span{
position:absolute;
bottom:0;
left: 0;
right: 0;
margin: auto;
padding:10px 15px 5px;
box-sizing:border-box;
display:block;
width:460px;
border-radius:0 0 10px 10px;
text-align:left;
background:#000;
opacity:0.9;
color:#fff;
height:60px;
font-weight:bold;
}


.swiper-container-ranksub{
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
text-align: center;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate(0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.swiper-container-ranksub .swiper-slide{
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 160px;
height: auto;
position: relative;
box-sizing: border-box;
text-align:center;
display:block;
margin:0px;
}
.swiper-container-ranksub .swiper-slide a{
position:relative;
display:block;
}
.swiper-container-ranksub .swiper-slide a:hover{
opacity:0.6;
}
.swiper-container-ranksub .swiper-slide a span{
position:absolute;
bottom:0;
left: 0;
right: 0;
margin: auto;
padding:5px 10px 5px;
box-sizing:border-box;
display:block;
width:146px;
font-size:12px;
border-radius:0 0 10px 10px;
text-align:left;
background:#000;
opacity:0.9;
color:#fff;
height:50px;
font-weight:bold;
}


.custom-swiper-next{
background: url(/img/icon/s-icon-next.png) no-repeat top left;
background-size:35px;
background-position:0px center;
position: absolute;
z-index: 1;
height:100%;
width:40px;
right:0px;
display: block;
cursor:pointer;
opacity:0.9;
border-radius:0 8px 8px 0px;
}
.custom-swiper-prev{
background: url(/img/icon/s-icon-prev.png) no-repeat;
background-size:35px;
background-position:5px center;
position: absolute;
z-index: 1;
height:100%;
width:40px;
left: 0px;
display: block;
cursor:pointer;
opacity:0.9;
border-radius:8px 0px 0px 8px;
}
.custom-swiper-next:hover,.custom-swiper-prev:hover{
opacity:0.6;
}

#mainCenter .swiper-container-rankmain{
  opacity: 0;
  transition: opacity .1s linear;
}
#mainCenter .swiper-container-rankmain.swiper-container-horizontal{
  opacity: 1;
}
#mainCenter .swiper-container-ranksub{
  opacity: 0;
  transition: opacity .1s linear;
}
#mainCenter .swiper-container-ranksub.swiper-container-horizontal{
  opacity: 1;
}

.ranking-more a{
width:50%;
display:block;
text-align:center;
background:#e60012;
line-height:30px;
margin:0px auto 20px;
font-size:14px;
color:#FFF;
}
.ranking-more a:hover{
opacity:0.6;
}

/*--------------------------------------------------------
左メニュー
-------------------------------------------------------*/
#mainleft{
float:left;
width:250px;
box-sizing:border-box;
margin:0;
padding:10px 0px 0 0;
}
#mainleft .hajimekata{
padding-bottom:10px;
}
#mainleft .hajimekata h3{
font-size:16px;
border-bottom:1px solid #898989;
background:url(/img/icon/h-hajimekata.png);  
background-repeat:no-repeat;
background-position:5px 3px;
background-size:15px;
padding:5px 5px 10px 30px;
margin:0 0 0px 0;
color:#333;
}
#mainleft .hajimekata article{
margin-bottom:0px;
}
#mainleft .hajimekata article:hover{
opacity:0.6;
}
#mainleft .hajimekata article a{
text-decoration: none;
color:#333;
display:block;
margin:5px 0;
padding:10px 0 10px 25px;
font-weight:bold;
color:#0b53a5;
}
#mainleft .hajimekata article:nth-of-type(1){
background: url(/img/icon/top-hajimekata.png) center left / 25px 25px no-repeat;
}
#mainleft .hajimekata article:nth-of-type(2){
background: url(/img/icon/top-kakikata.png) center left / 25px 25px no-repeat;
}
#mainleft .hajimekata article:nth-of-type(3){
background: url(/img/icon/top-gazou.png) center left / 25px 25px no-repeat;
}
#mainleft .hajimekata article:nth-of-type(4){
background: url(/img/icon/top-links.png) center left / 25px 25px no-repeat;
}
#mainleft .hajimekata article:nth-of-type(5){
background: url(/img/icon/top-table.png) center left / 25px 25px no-repeat;
}
#mainleft .hajimekata article a br{
display:none;
}
#mainleft .hajimekata article img{
width:30%;
display:none;
float:left;
padding: 10px 0 0;
}
#mainleft .hajimekata article span{
font-size:11px;
display:inline-block;
padding:0 0 0 10px;
margin:0;
color:#888;
display:none;
}
#mainleft .hajimekata article p{
font-size:14px;
margin:0;
padding:0 0 0 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#mainleft .hajimekata article:after{
content:'';
display: block;
clear: both;
height: 0;
}
#mainleft .hajimekata .link-bt{
background:#e60012;
padding:5px;
font-size:14px;
display:block;
width:80%;
text-align:center;
margin:20px auto 5px;
color:#FFF;
}
#mainleft .uriage-list{
padding-bottom:10px;
}
#mainleft .uriage-list h3{
font-size:16px;
border-top:1px solid #898989;
border-bottom:1px solid #898989;
background:url(/img/icon/h-uriage.png);  
background-repeat:no-repeat;
background-position:left center;
background-size:20px;
padding:10px 5px 10px 30px;
color:#333;
margin:0 0 10px 0;
}
#mainleft .uriage-list ul{
list-style: none;
margin:0;
padding:0;
}
#mainleft .uriage-list li{
list-style: none;
margin:10px 0;
padding: 0 5px 0 0;
}
#mainleft .uriage-list li:hover{
opacity:0.6;
}
#mainleft .uriage-list .rank-up-down{
display: inline-block;
width: 10%;
vertical-align: middle;
text-align: center;
}
#mainleft a{
text-decoration: none;
list-style: none;
color:#333;
}
#mainleft a:hover{
opacity:0.6;
}
#mainleft .uriage-list .rank-up-down span{
display: block;
font-size:16px;
text-align: center;
}
#mainleft .uriage-list .rank-up-down span img{
display: block;
width: 10px;
text-align: center;
margin: 0 auto;
}
#mainleft .uriage-list img{
display: inline-block;
vertical-align: middle;
width: 45px;
margin-right: 5px;
border-radius: 6px;
border:1px solid #f2f2f2;
}
#mainleft .uriage-list span img{
border:0px;
}
#mainleft .uriage-list p{
display: inline-block;
margin: 0;
padding: 0 5px;
font-size: 12px;
vertical-align: middle;
width: 60%;
}
#mainleft .muryourank-list{
padding-bottom:10px;
}
#mainleft .muryourank-list h3{
font-size:16px;
border-top:1px solid #898989;
border-bottom:1px solid #898989;
background:url(/img/icon/h-free.png);  
background-repeat:no-repeat;
background-position:left center;
background-size:20px;
padding:10px 5px 10px 30px;
margin:0 0 10px 0;
color:#333;
}
#mainleft .muryourank-list ul{
list-style: none;
margin:0;
padding:0;
}
#mainleft .muryourank-list li{
list-style: none;
margin:10px 0;
padding: 0 5px 0 0;
}
#mainleft .muryourank-list .rank-up-down{
display: inline-block;
width: 10%;
vertical-align: middle;
text-align: center;
}
#mainleft .muryourank-list .rank-up-down span{
display: block;
font-size:16px;
text-align: center;
}
#mainleft .muryourank-list .rank-up-down span img{
display: block;
width: 10px;
text-align: center;
margin: 0 auto;
border:0px;
}
#mainleft .muryourank-list img{
display: inline-block;
vertical-align: middle;
width: 45px;
margin-right: 5px;
border-radius: 6px;
border:1px solid #f2f2f2;
}
#mainleft .muryourank-list p{
display: inline-block;
margin: 0;
padding: 0 5px;
font-size: 12px;
vertical-align: middle;
width: 60%;
}

/*--------------------------------------------------------
右メニュー
-------------------------------------------------------*/
#mainRight{
float: right;
width:320px;
box-sizing:border-box;
margin:0;
padding:0px 0 0 0;
}
#mainRight .search-form{
margin:0;
padding:5px 0 0;
display:none;
}
#mainRight .search-form form{
display:flex;
justify-content: center;
align-items: center;
width:100%;
}
#mainRight .search-form input{
display:inline-block;
vertical-align:middle;
}
#mainRight .search-form input[type="text"]{
width:75%;
padding: 0;
padding-left: 10px;
line-height: 30px;
background:#e6e6e6;
border:0;
font-size:14px;
border-radius:50px 0 0 50px;
border:1px solid #dedede;
border-right:0;
-webkit-appearance : none;
}
#mainRight .search-form input::placeholder {
color:#898989;
}
#mainRight .search-form input[type="submit"]{
border:0;
padding:0;
line-height:30px;
width:15%;
background:url(/img/icon/sa-cha.png)no-repeat center / 17px #e6e6e6;
border-radius:0 50px 50px 0;
border:1px solid #dedede;
border-left:0;
}
#mainRight .search-form input[type="submit"]:hover{
opacity: 0.7;
cursor: pointer;
}
#mainRight .new-wiki-list{
padding-bottom:10px;
}
#mainRight .new-wiki-list:nth-child(2) h3{
font-size:16px;
border-bottom:1px solid #898989;
border-top:0px solid #898989;
background:url(/img/icon/h-new.png);  
background-repeat:no-repeat;
background-position:10px 10px;
background-size:22px;
padding:10px 5px 10px 40px;
color:#333;
margin:0 0 16px;
}
#mainRight .new-wiki-list:nth-child(3) h3{
font-size:16px;
border-bottom:1px solid #898989;
border-top:1px solid #898989;
background:url(/img/icon/h-rank.png);  
background-repeat:no-repeat;
background-position:10px 13px;
background-size:22px;
padding:10px 5px 10px 40px;
color:#333;
margin:0 0 16px;
}
#mainRight .new-wiki-list h3{
font-size:16px;
border-top:0px solid #898989;
border-bottom:1px solid #898989;
background:url(/img/icon/h-rank.png);  
background-repeat:no-repeat;
background-position:10px 12px;
background-size:22px;
padding:10px 5px 10px 40px;
color:#333;
margin:0 auto 16px;
}
#mainRight .new-wiki-list article{
margin-bottom:10px;
padding:0 10px;
position:relative;
}
#mainRight .new-wiki-list article a{
text-decoration: none;
color:#333;
display:block;
width:100%;
}
#mainRight .new-wiki-list article a:hover{
opacity:0.6;
}
#mainRight .new-wiki-list article img{
width:55px;
height:55px;
display:inline-block;
float:left;
margin-right:10px;
object-fit:cover;
}
#mainRight .new-wiki-list article span{
font-size:11px;
display:block;
padding:0 0 0 0px;
margin:0;
color:#888;
}
#mainRight .new-wiki-list article p{
font-size:14px;
display:block;
margin:0;
padding:0 0 0 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
#mainRight .new-wiki-list article:after{
content:'';
display: block;
clear: both;
height: 0;
}

/*--------------------------------------------------------
ランキング
-------------------------------------------------------*/
ul.appRankList{
padding:0 10px;
margin:0;
}
ul.appRankList li{
list-style: none;
margin:10px 0;
}
span.appRankListRank{
font-size:14px;
text-align:center;
width: 50px;
display:inline-block;
vertical-align:middle;
color:#FFF;
background:#666;
border-radius:2px;
padding:3px 0;
}
span.appRankListTitle{
font-size:14px;
display:inline-block;
width:70%;
vertical-align:middle;
font-weight:bold;
color:#333;
}
.appRankList li img{
border-radius:10px;
margin:0 10px;
box-sizing:border-box;
border:1px solid #ccc;
vertical-align:middle;
display:inline-block;
}


/*--------------------------------------------------------
ランキング(フリー)
-------------------------------------------------------*/
ul.freeAllAppRank{
padding:0 10px;
margin:0;
}
ul.freeAllAppRank li{
list-style: none;
margin:10px 0;
}
ul.freeAllAppRank span.appRankListRank{
font-size:14px;
text-align:center;
width: 50px;
display:inline-block;
vertical-align:middle;
color:#FFF;
background:#666;
border-radius:2px;
padding:3px 0;
}
ul.freeAllAppRank span.appRankListTitle{
font-size:14px;
display:inline-block;
width:70%;
vertical-align:middle;
font-weight:bold;
color:#333;
}
ul.freeAllAppRank li img{
border-radius:10px;
margin:0 10px;
box-sizing:border-box;
border:1px solid #ccc;
vertical-align:middle;
display:inline-block;
}

/*--------------------------------------------------------
今月の売上ランキング
-------------------------------------------------------*/
.salesRankList{
padding:0;
margin:0;
}
.salesRankList tr:first-child{
padding:0;
margin:0;
background:#ccc;
font-size:12px;
}
.salesRankList tr:first-child th{
padding:5px;
}
.salesRankList tr:first-child th:first-child{
width:10%;
}
.salesRankList tr:first-child th:nth-child(2){
width:54%;
}
.salesRankList tr:first-child th:nth-child(3){
width:12%;
}
.salesRankList tr:first-child th:nth-child(4){
width:12%;
}
.salesRankList tr:first-child th:nth-child(5){
width:12%;
}
.salesRankList tr{
padding:0;
margin:0;
}
.salesRankList tr td:first-child{
padding:0;
margin:0;
text-align:center;
background:#ccc;
color:#666;
font-size:14px;
}
.salesRankList tr td:nth-child(2){
padding:5px;
margin:0;
font-size:11px;
}
.salesRankList tr td:nth-child(2) a{
display:inline-block;
font-size:12px;
color:#e60012;
font-weight:bold;
}
.salesRankList tr td:nth-child(2) a:hover{
opacity:0.6;
}
.salesRankList tr td:nth-child(2) img{
width:40px!important;
display:inline-block;
vertical-align:middle;
float:left;
margin-right:5px;
margin-bottom:5px;
}
.salesRankList tr td:nth-child(3){
font-size:12px;
text-align:center;
}
.salesRankList tr td:nth-child(4){
font-size:12px;
text-align:center;
}
.salesRankList tr td:nth-child(5){
font-size:12px;
text-align:center;
}

/*--------------------------------------------------------
売上(詳細)
-------------------------------------------------------*/
#mainCenter .topSalesChartArea{
text-align:center;
margin:0 auto;
}
.salesRankList2{
padding:0 0 20px 0;
margin:0;
}
.salesRankList2 tr:first-child{
padding:0;
margin:0;
background:#ccc;
font-size:12px;
}
.salesRankList2 tr:first-child th{
padding:5px;
}
.salesRankList2 tr:first-child th:first-child{
width:10%;
}
.salesRankList2 tr:first-child th:nth-child(2){
width:45%;
}
.salesRankList2 tr:first-child th:nth-child(3){
width:15%;
}
.salesRankList2 tr:first-child th:nth-child(4){
width:15%;
}
.salesRankList2 tr:first-child th:nth-child(5){
width:15%;
}
.salesRankList2 tr{
padding:0;
margin:0;
}
.salesRankList2 tr td:first-child{
padding:0;
margin:0;
text-align:center;
color:#666;
font-size:14px;
}
.salesRankList2 tr td:nth-child(2){
padding:5px;
margin:0;
font-size:11px;
}
.salesRankList2 tr td:nth-child(2) p{
display: inline-block;
width: 70%;
font-weight:bold;
color:#333;
vertical-align:middle;
margin: 0;
padding: 0;
}
.salesRankList2 tr td:nth-child(2) span{
display:inline-block;
width:100%;
margin-top:2px;
font-size:10px;
}
.salesRankList2 tr td:nth-child(2) img{
width:40px!important;
display:inline-block;
vertical-align:middle;
float:left;
margin-right:5px;
border-radius:5px;
}
.salesRankList2 tr td:nth-child(3){
font-size:12px;
text-align:center;
}
.salesRankList2 tr td:nth-child(4){
font-size:12px;
text-align:center;
}
.salesRankList2 tr td:nth-child(5){
font-size:12px;
text-align:center;
}


.salesPreList{
padding:0 0 20px 0;
margin:0;
}
.salesPreList tr:first-child{
padding:0;
margin:0;
background:#ccc;
font-size:12px;
}
.salesPreList tr:first-child th{
padding:5px;
text-align:center;
}
.salesPreList tr:first-child th:first-child{
width:10%;
}
.salesPreList tr:first-child th:nth-child(2){
width:10%;
}
.salesPreList tr:first-child th:nth-child(3){
width:10%;
}
.salesPreList tr{
padding:0;
margin:0;
}
.salesPreList tr td:first-child{
padding:0;
margin:0;
text-align:center;
color:#666;
font-size:14px;
}
.salesPreList tr td:nth-child(2){
padding:5px;
margin:0;
font-size:14px;
text-align:center;
}
.salesPreList tr td:nth-child(3){
font-size:14px;
text-align:center;
}



/*------------------------------------------------------------
footer
-------------------------------------------------------------*/
footer{
width: 100%;
background: #959595;
color: #fff;
font-size:12px;
}
footer #footerInner{
width: 1050px;
margin: 0 auto;
}
footer .footerLeft{
width: 40%;
float: left;
}
footer .footerRight{
width: 55%;
float: right;
}
.footer-main{
background: #6e6e6e;
}
.footer-main ul{
display: flex;
justify-content: center;
padding: 10px 0;
margin: 0;
}
.footer-main li{
display: inline-block;
border-right: 2px solid #ccc;
padding: 2px 20px 2px 0;
margin-right: 20px;
}
.footer-main li:last-of-type{
border:0;
margin: 0;
}
.footer-main li a{
color: #fff;
text-decoration: none;
}
.footer-main li a:hover{
border-bottom: 1px solid #fff;
}

/*------------------------------------------------------------
address
-------------------------------------------------------------*/
address{
width: 1050px;
margin: 0 auto;
text-align: center;
}
#addressWrap{
padding: 10px 0;
}

/*--------------------------------------------------------
プロフィール
-------------------------------------------------------*/
#top-mainInner section.profile_box {
background: #FFF;
width: 1050px;
padding:20px 0;
}
#top-mainInner section.profile_box h3 {
font-size: 18px;
margin: 0 0 10px 0;
padding: 5px 10px 2px 10px;
line-height: 2;
color: #FFF;
line-height: 1.7em;
background:none;
border:0;
background-color:#333333;
}
#top-mainInner section.profile_box .icon {
text-align: center;
background: #f1f1f1;
box-sizing: border-box;
width: 100%;
padding-top: 20px;
margin-bottom: 20px;
border: 1px solid #ccc;
}
#top-mainInner section.profile_box .icon img{
display: block;
margin: 0 auto 20px;
width:auto;
max-width:300px;
}
#top-mainInner section.profile_box .my_id {
margin:30px auto 0 auto;
display:block;
background:#63848e;
padding:10px 20px;
border:1px solid #63848e;
border-radius:5px 5px 0 0;
color:#ffffff;
border-bottom:0;
width:80%;
}
#top-mainInner section.profile_box .profile {
width:80%;
margin:0px auto 30px;
padding:10px 20px;
display:block;
font-size:16px;
color:#333333;
border:1px solid #63848e;
border-radius:0px 0px 5px 5px;
}
#top-mainInner section.profile_box ul{
padding:0;
margin:0;
}
#top-mainInner section.profile_box ul li{
padding:0 0 10px;
margin:0;
list-style:none;
width:100%;
border-bottom:1px dashed #ccc;
}
#top-mainInner section.profile_box ul li a{
width:100%;
display:flex;
justify-content: center;
align-items: center;
}
#top-mainInner section.profile_box ul li a:hover{
opacity:0.6;
}
#top-mainInner section.profile_box ul li img{
margin:10px;
display:inline-block;
vertical-align:middle;
width:50px;
}
#top-mainInner section.profile_box ul li span{
width:100%;
font-size:16px;
font-weight:bold;
padding:0 10px;
}


/*--------------------------------------------------------
検索フォーム
-------------------------------------------------------*/
#mainCenter h1{
font-size:20px;
margin:10px 0 20px 0;
padding:0px 10px 0px 10px;
line-height:40px;
color:#FFF;
border-bottom:0px solid #3e3a39 ;
background:#1c1c1c;
}
#mainCenter .search-form{
margin: 0px auto 0;
padding:0px 0px 0;
display:block;
text-align:center;
}
#mainCenter .search-form input{
display:inline-block;
vertical-align:middle;
}
#mainCenter .search-form input[type="text"]{
width: 80%;
padding: 0;
padding-left: 10px;
line-height: 30px;
background:#a9a9a9;
border:0;
color:#FFF;
}
#mainCenter .search-form input::placeholder {
color:#FFF;
}
#mainCenter .search-form input[type="submit"]{
border:0;
padding:0;
line-height:30px;
width:36px;
background:url(/img/icon/sa-cha.png)no-repeat center / 17px #f2f2f2;
}
#mainCenter .search-form input[type="submit"]:hover{
opacity: 0.7;
cursor: pointer;
}
.searchResultsCount{
text-align:center;
background:#ffe8c2;
font-size:14px;
padding:5px;
}
ul.searchResultsList{
padding:0;
margin:0;
word-wrap: break-word;
overflow-wrap: break-word;
}
ul.searchResultsList li{
list-style:none;
padding:0 0 20px;
margin:0 0 20px 0;
border-bottom:1px dashed #ccc;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
ul.searchResultsList li a{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-decoration:underline!important;
}
ul.searchResultsList li a:hover{
opacity:0.6;
}
span.resultsUrl{
display:block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size:12px;
color:#888;
}
ul.searchResultsList li p{
padding:0;
margin:0px 0 0 0;
font-size:14px;
}

#mainCenter ul.searchResultsList li.search-gorilla-box img{
width:20%;
object-fit:contain;
object-position:center;
margin:0;
}
#mainCenter ul.searchResultsList li.search-gorilla-box{
width:100%;
padding:0 0 20px;
position: relative;
margin-bottom: 20px;
min-height: 80px;
display:flex;
justify-content:left;
border-bottom:1px dashed #ccc;
align-items: center;
}
#mainCenter ul.searchResultsList li.search-gorilla-box div.search-gorilla-txt{
display:inline-block;
width:75%;
padding-left:10px;
white-space: normal;
}
#mainCenter ul.searchResultsList li.search-gorilla-box a{
font-size: 16px;
font-weight:bold;
display:block;
color:#0b53a5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#mainCenter ul.searchResultsList li.search-gorilla-box p{
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin: 0 0 10px 0;
padding: 0;
font-size: 13px;
box-sizing: border-box;
}

.pager-area{
margin: 10px 0 30px;
padding:0;
display:flex;
justify-content:center;
}
.pager-area span{
display:block;
line-height:33px;
font-size:16px;
font-weight:bold;
color:#555;
margin:0 8px!important;
}
.pager-area span:first-child{
display:block;
line-height:33px;
font-size:16px;
font-weight:bold;
color:#555;
flex-shrink:0; 
}
.pager-area span:last-child{
display:block;
line-height:33px;
font-size:16px;
font-weight:bold;
color:#555;
flex-shrink:0; 
}
.pager-area span a{
background: #0c749b;
line-height:31px;
padding:0px 10px;
color:#FFF;
display:block;
font-size:14px;
font-weight:normal;
}
.pager-area span a:hover{
background: #a9a9a9;
}




/*------------------------------------------------------------
お問い合わせ
-------------------------------------------------------------*/
#top-mainInner #contact_form h3{
	background: none;
	padding: 0;
	border:0;
	margin: 20px 0 5px;
}

#top-mainInner #contact_form h3:first-of-type{
	margin-top: 0;
}

#top-mainInner #contact_form select{
	padding: 0 5px;
	line-height: 30px;
	height:30px;
}

#top-mainInner #contact_form input{
	box-sizing: border-box;
	width: 100%;
	line-height: 30px;
	padding: 0 5px;
}

#top-mainInner #contact_form textarea{
	box-sizing: border-box;
	width: 100%;
	padding: 5px;
}

#top-mainInner #contact_form .personal-information{
	margin-top: 30px;
}

#top-mainInner #contact_form .personal-information h4{
	margin:0;
}

#top-mainInner #contact_form #form-control{
	display: block;
	text-align: center;
}

#top-mainInner #contact_form button{
	display: inline-block;
	border:0;
	padding: 10px 100px;
	color: #fff;
	background:#e60012;
	border-radius: 5px;	
	margin-top: 20px;
	cursor: pointer;
}

#top-mainInner #contact_form button:hover{
	opacity: 0.6;
}

ul.contact-ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.contact-ul li{
    margin: 0;
    padding: 0px 10px 10px;
    font-size: 14px;
    list-style: none;
}
.message_tet_box{font-size: 14px;}
.message_tet_box span{color: #e60012;}

/*--------------------------
ナビバー
--------------------------*/
#wiki_navi_bar{
list-style-type: none;
width: 100%;
height: 31px;
background: #000;
top: 0;
left: 0;
margin: 0;
position: fixed;
z-index: 9999;
}
#wiki_navi_bar li{
width: 13%;
position: relative;
float: left;
text-align: center;
margin: 0;
padding: 0;
box-sizing: border-box;
}
li.menuBtnSp{
display:none    
}
#wiki_navi_bar li a{
display: block;
color: #fff;
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding: 5px;
box-sizing: border-box;
width: 100%;
}
#wiki_navi_bar li:hover > a{
background: #333;
color: #fff;
border:0;
}
#wiki_navi_bar > li:hover > a{
border-radius: 3px 3px 0 0;
}
#wiki_navi_bar li ul{
list-style: none;
position: absolute;
top: 30px;margin: 0;
padding: 0;
border-radius: 0 0 3px 3px;
width: 100%;
box-sizing: border-box;
}
#wiki_navi_bar li:last-child ul{
}
#wiki_navi_bar li ul li{
overflow: hidden;
width: 100%;
height: 0;
color: #fff;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
display: block;
}
#wiki_navi_bar li ul li a{
padding: 13px 15px;
background: #333;
text-align: left;
font-size: 12px;
font-weight: normal;
width:100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#wiki_navi_bar li ul li a:hover{
background: #747473;
}
#wiki_navi_bar li:hover ul li{
overflow: visible;
height: 38px;
}
#wiki_navi_bar li:hover ul li:first-child{
border-top: 0;
}
#wiki_navi_bar li:hover ul li:last-child{
border-bottom: 0;
}
#wiki_navi_bar li:hover ul li:last-child a{
border-radius: 0 0 5px 5px;
}


/*--------------------------------------------------------
404ページ
-------------------------------------------------------*/

#container.page-not-found_wrap{
    background:#ededed;
    padding: 60px 0;
}
.page-not-found_box{
    background:#ffffff;
    box-sizing:border-box;
    width:800px;
    margin:0 auto;
    padding: 20px;
    text-align:center;
    border-radius: 10px;
}
.page-not-found_wrap h1{
    margin:0;
    padding: 30px 0;
    color: #005bad;
    font-size: 40px;
}
.page-not-found_wrap .error_message{
	font-weight: bold;
	margin-top: 0;
	font-size: 20px;
}
.page-not-found_wrap .sub_message{
    box-sizing:border-box;
    width:600px;
    margin:10px auto 50px;
    text-align:left;
}
.page-not-found_wrap .error a{
    display:block;
	width: 140px;
	margin:0 auto;
	    text-decoration: none;
}
.page-not-found_wrap .error a img{
	width: 100%;
	height: auto;
	    opacity: 0.9;
}
.page-not-found_wrap .error a span{
	display: block;
	background: #e60012;
	color: #fff;
	width: 100%;
	padding: 8px 0;
	margin: 10px auto;
	line-height: 1;
	border-radius: 5px;
	cursor: pointer;
}
.page-not-found_wrap .error a:hover{
	opacity: 0.6;
}
/*--------------------------------------------------------
エラーページ（このページは表示できません）
-------------------------------------------------------*/
.page-not-found_wrap_b .page-not-found_box{
	width: 1050px;
}
.page-not-found_wrap.page-not-found_wrap_b .sub_message{
	width: 100%;
	text-align: center;
}
.top_wiki_list{
	width: 1050px;
	margin:60px auto 0;
	border:1px solid #e4e4e4;
}

.top_wiki_widget{
	width: 1050px;
	margin:30px auto 60px;
	border:1px solid #e4e4e4;
}

.top_wiki_list > p{
	background-color: #ededed;
	padding: 10px 10px 10px 40px;
	font-weight: bold;
	margin: 0;
	background-image: url(/img/icon/icon_attention.png);
    background-repeat: no-repeat;
        background-position: 15px 10px;
    background-size: 20px;
}

.top_wiki_widget >p{
	background-color: #ededed;
	padding: 10px 10px 10px 40px;
	font-weight: bold;
	margin: 0;
	background-image: url(/img/icon/h-rank.png);
	background-repeat: no-repeat;
        background-position: 13px 11px;
    background-size: 24px;
}

.top_wiki_list ul,.top_wiki_widget ul{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	margin: 0;
  	padding: 20px 10px;
}

.top_wiki_list li,.top_wiki_widget li{
	box-sizing: border-box;
	width: 20%;
	list-style: none;
	padding: 0px 10px;
	overflow: hidden;
    clear: both;
}

.top_wiki_list li a,.top_wiki_widget li a{
	display: block;
  	text-decoration: none;
  	color: #216aaa;
  	font-size: 14px;
}

.top_wiki_list li a:hover,.top_wiki_widget li a:hover{
	opacity: 0.6;
}
.top_wiki_list li a img,.top_wiki_widget li a img{
    width:50px;
    height:50px;
    object-fit: cover;
    vertical-align: top;
}
.top_wiki_list li span,.top_wiki_widget li span{
	float: right;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
	box-sizing: border-box;
	width: 110px;
	vertical-align: top;
}
/*--------------------------------------------------------
スライダー
-------------------------------------------------------*/
#mainCenter .swiper-wrapper{
display:flex;
justify-content:flex-start;
}
#mainCenter section.slider-main{
margin-bottom:10px;
position:relative;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1;
margin-top: 10px;
}
#mainCenter section.slider-main img{
width:460px;
height:230px;
border-radius: 10px;
object-fit:cover;
}
#mainCenter section.slider-main h2{
padding:12px;
position:absolute;
display:block;
z-index: 2;
background:#000;
color:#FFF;
padding:15px 20px 15px;
left:0px;
margin:0;opacity:0.9;
border-radius:10px 0px 10px 0;
}
#mainCenter section.slider-main a{
position:relative;
display: block;
}
#mainCenter section.slider-main h2 span{
display:block;
margin:0;
padding:0;
}
#mainCenter section.slider-rank{
display: flex;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
position:relative;
overflow:hidden;
margin-bottom:20px;
}
#mainCenter section.slider-rank a{
position:relative;
display: block;
}
#mainCenter section.slider-rank img{
width:146px;
height:140px;
object-fit: cover;
position: relative;
border-radius:10px;
}
.swiper-container-rankmain{
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
text-align: center;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate(0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.swiper-container-rankmain .swiper-slide{
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 480px;
height: auto;
position: relative;
box-sizing: border-box;
text-align:center;
display:block;
}
.swiper-container-rankmain .swiper-slide a{
position:relative;
display:block;
}
.swiper-container-rankmain .swiper-slide a:hover{
opacity:0.6;
}
.swiper-container-rankmain .swiper-slide a span{
position:absolute;
bottom:0;
left: 0;
right: 0;
margin: auto;
padding:10px 15px 5px;
box-sizing:border-box;
display:block;
width:460px;
border-radius:0 0 10px 10px;
text-align:left;
background:#000;
opacity:0.9;
color:#fff;
height:60px;
font-weight:bold;
}
.swiper-container-ranksub{
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
text-align: center;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate(0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.swiper-container-ranksub .swiper-slide{
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 160px;
height: auto;
position: relative;
box-sizing: border-box;
text-align:center;
display:block;
margin:0px;
}
.swiper-container-ranksub .swiper-slide a{
position:relative;
display:block;
}
.swiper-container-ranksub .swiper-slide a:hover{
opacity:0.6;
}
.swiper-container-ranksub .swiper-slide a span{
position:absolute;
bottom:0;
left: 0;
right: 0;
margin: auto;
padding:5px 10px 5px;
box-sizing:border-box;
display:block;
width:146px;
font-size:12px;
border-radius:0 0 10px 10px;
text-align:left;
background:#000;
opacity:0.9;
color:#fff;
height:50px;
font-weight:bold;
}
.custom-swiper-next{
background: url(/img/icon/s-icon-next.png) no-repeat top left;
background-size:35px;
background-position:0px center;
position: absolute;
z-index: 1;
height:100%;
width:40px;
right:0px;
display: block;
cursor:pointer;
opacity:0.9;
border-radius:0 8px 8px 0px;
}
.custom-swiper-prev{
background: url(/img/icon/s-icon-prev.png) no-repeat;
background-size:35px;
background-position:5px center;
position: absolute;
z-index: 1;
height:100%;
width:40px;
left: 0px;
display: block;
cursor:pointer;
opacity:0.9;
border-radius:8px 0px 0px 8px;
}
.custom-swiper-next:hover,.custom-swiper-prev:hover{
opacity:0.6;
}
#mainCenter .swiper-container-rankmain{
  opacity: 0;
  transition: opacity .1s linear;
}
#mainCenter .swiper-container-rankmain.swiper-container-horizontal{
  opacity: 1;
}
#mainCenter .swiper-container-ranksub{
  opacity: 0;
  transition: opacity .1s linear;
}
#mainCenter .swiper-container-ranksub.swiper-container-horizontal{
  opacity: 1;
}

/*------------------------------------------------------------
プライバシーポリシー
-------------------------------------------------------------*/
.kojin-jyouhou-p{
font-size:14px;
color:#444;
word-break: break-all;
}
.kojin-jyouhou-p ol{
margin:0;
padding:0;
}
.kojin-jyouhou-p ol li{
margin:5px 0;
padding:0;
}


/*------------------------------------------------------------
ゲーム一覧
-------------------------------------------------------------*/
.game-k-list{
display:flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
.game-k-list article{
width:49%;
display:flex;
justify-content: center;
align-items: center;
margin:2px;
position:relative;
z-index:2;
box-sizing:border-box;
border-radius:3px;
border:1px solid #ededed;
}
.game-k-list article:before{
content:"";
position:absolute;
background:hsla(355, 100%, 45%, 0.16);
width:40px;
height:100%;
left:0;
z-index:-1;
transition: 0.8s;
}
.game-k-list article:hover:before{
content:"";
position:absolute;
background:#fffcc3;
border-radius:3px;
width:100%;
height:100%;
left:0;
z-index:-1;
}
#top-mainInner .game-k-list article img{
width: 75px;
border-radius:10px;
padding:5px 3px 5px 5px;
}
.game-k-list article p{
width: 100%;
margin:0 0 0 0px;
padding:5px;
font-size:14px;
color:#0b53a5;
}
.game-k-list article p:hover{
color:#FFF!important;
}
.game-k-list article a{
position:absolute;
width:100%;
height:100%;
}
.game-k-list article p:nth-of-type(2){
position:absolute;
width:100%;
height:100%;
}
_:-ms-fullscreen, :root .game-k-list article:hover:before{
display:none!important;
}
_:-ms-fullscreen, :root .game-k-list article:before{
display:none!important;
}
_:-ms-fullscreen, :root #top-mainInner .game-k-list article img{
width: 75px;
border-radius:10px;
padding:5px 3px 5px 5px;
display:inline-block;
vertical-align:middle;
}
_:-ms-fullscreen, :root .game-k-list article p:hover{
color:#333!important;
opacity:0.6;
}
_:-ms-fullscreen, :root .game-k-list article{
width:49%;
display:inline-block;
justify-content: center;
align-items: center;
margin:2px;
position:relative;
z-index:2;
box-sizing:border-box;
border-radius:3px;
border:1px solid #ededed;
}
_:-ms-fullscreen, :root .game-k-list article p{
width: 100px;
margin:0 0 0 0px;
padding:5px;
font-size:14px;
color:#0b53a5;
display: inline-block;
vertical-align:middle;
}
_:-ms-fullscreen, :root .game-k-list article p:nth-of-type(2){
position:absolute;
width:100%;
height:100%;
top: 0;
left: 0;
}

/*------------------------------------------------------------
人気ランキング
-------------------------------------------------------------*/
#mainCenter p{
font-size:15px;
line-height:normal;
color:#444;
}
div.date_link{
margin:0 0 30px;
position:relative;
height:30px;
display:flex;
justify-content: center;
align-items: center;
}
div.date_link:nth-of-type(1){
border-bottom:3px double #fff2d5;
padding-bottom:10px;
margin:0 0 10px;
}
div.date_link:nth-last-child(2){
border-top:3px double #fff2d5;
padding-top:10px;
margin:0 0 20px;
}
span.prev_date{
position:absolute;
left:0;
border-radius:3px;
line-height:30px;
font-size:14px;
}
span.next_date{
position:absolute;
right:0;
border-radius:3px;
line-height:30px;
font-size:14px;
}
span.prev_date a{
display:inline-block;
padding:0 10px;
text-align:center;
color:#0c749b;
border:1px solid #0c749b;
border-radius:3px;
line-height:25px;
font-size:14px;
}
span.next_date a{
display:inline-block;
padding:0 10px;
text-align:center;
color:#0c749b;
border:1px solid #0c749b;
border-radius:3px;
line-height:25px;
font-size:14px;
}
span.prev_date a:hover,span.next_date a:hover{
color:#FFF;
border:1px solid #0c749b;
background:#0c749b;
}
span.target_date{
width:100%;
text-align:center;
font-size:16px;
color:#444;
font-weight:bold;
}
ul.appRankList{
padding:0;
}
ul.appRankList li{
display:flex;
align-items: center;
margin:5px 0;
padding:10px 10px;
border:1px solid #ededed;
border-radius:3px;
}
ul.appRankList li:hover{
background:#f9f9f9;
}
ul.appRankList li span.appRankListRank{
}
ul.appRankList li a{
position:relative;
display:flex;
align-items: center;
width:100%;
}
ul.appRankList li a img{
width:50px;
height:50px;
object-fit:cover;
object-position:top;
}
ul.appRankList li a span.appRankListTitle{
}
ul.appRankList li a span.appRankListPv{
position:absolute;
right:-4px;
bottom:-8px;
color:#ff4955;
font-weight:bold;
font-size:13px;
}
.blogranking-link a,.wikiranking-link a{
width:80%;
margin:0 auto;
display:block;
text-align:center;
background:#e60012;
font-size:14px;
padding:10px;
color:#FFF;
}
.blogranking-link a:hover,.wikiranking-link a:hover{
opacity:0.6;
}
ul.appRankList + .pager-area{
width:100%;
padding:0;
margin:15px 0;
display:flex;
justify-content: center;
align-items: center;
}
ul.appRankList + .pager-area span{
display:block;
line-height:33px;
font-size:13px;
font-weight:bold;
color:#888;
margin:0 8px!important;
border-bottom:1px #888 solid;
width:13%;
text-align:center;
padding:0px;
box-sizing:border-box;
position:relative;
z-index:2;
}
ul.appRankList + .pager-area span a{
background:none;
line-height:31px;
color:#0c749b;
border-bottom:1px #0c749b solid;
width:100%;
padding:0 10px;
display:block;
font-size:13px;
font-weight:normal;
font-weight:bold;
box-sizing:border-box;
bottom:-1px;
position:relative;
}
ul.appRankList + .pager-area span a:hover{
background:none;
color:#888;
border-bottom:1px #888 solid;
}

/*------------------------------------------------------------
攻略一覧
-------------------------------------------------------------*/
.koryaku_gamelist{
margin-top: 30px;
}
.gamelist{
border-top:1px solid #e3e3e3;
position:relative;
padding:10px 0 20px;
}
#mainCenter .gamelist_index{
font-weight:bold;
font-size:16px;
color:#333;
text-align:center;
position:absolute;
background: #e3e3e3;
top:-30px;
left:0px;
padding: 2px 30px;
}
.gamelist ul{
padding:0 0 0 20px;
}
.gamelist li{
list-style:none;
margin-bottom:2px;
}
.gamelist li a{
color:#0b53a5;
font-size:14px;
} 
.gamelist li a:hover{
opacity:0.6;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.koryaku_gamelist{
padding: 0 5px;
}
}

/*------------------------------------------------------------
↓ここからMB
-------------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){

body{
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

/*--------------------------------------------------------
ヘッダー
-------------------------------------------------------*/
.heder{
border:0;
margin-bottom:0px;
}
.heder .heder-in{
width:100%;
margin:0 auto;
padding: 0;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
position:relative;　
}

p.header-logo + h1{
font-size:12px;
position:absolute;
width:100%;
height:30px;
text-align:center;
top:-50px;
left:0;
right:0;
bottom:0;
margin:auto;
color:#1c1c1c;
}

p.kasouTitle{
font-size:12px;
position:absolute;
width:100%;
height:30px;
text-align:center;
top:-50px;
left:0;
right:0;
bottom:0;
margin:auto;
color:#1c1c1c;
font-weight:bold;
}
.heder-in p.header-logo{
margin:0 auto;
display:block;
text-align:center;
padding:10px 0 40px;
}
.heder-in a img:hover{
opacity:0.6;
}
.heder .heder-in .hed-le{
text-align:center;
width:100%;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
.heder .heder-in .hed-le ul{
display:flex;
padding:0;
margin:0 0 0 0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.heder .heder-in .hed-le li{
border-right:1px solid #ccc;
margin:0;
box-sizing:border-box;
width: 100%;
line-height:32px;
font-size:12px;
}
.heder .heder-in .hed-le li a{
display:block;
font-size:14px;
font-weight:bold;
}
.hed-le li a:before{
content: '';
display:inline-block;
height:7.5px;
width:7.5px;
background: url(/img/icon/link-yaji.png) no-repeat;
background-size:contain;
margin-right: 2px;
}
.heder .heder-in .hed-le li:last-child{
margin-left:auto;
border:0;
}
.heder .heder-in .hed-ri{
text-align:center;width:100%;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
.heder .heder-in .hed-ri .hed-ri-menu{
text-align:center;
display:flex;
padding:0;
margin:0 0 0 0;
border-top:0px solid #ccc;
border-bottom:0px solid #ccc;
box-sizing:border-box;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
width:100%;
}
.heder .heder-in .hed-ri .hed-ri-menu span{
border-right:1px solid #ccc;
margin:0;
box-sizing:border-box;
width: 100%;
line-height:32px;
font-size:14px;
font-weight:bold;
}
.heder .heder-in .hed-ri .hed-ri-menu span:last-child{
border-right:0px solid #ccc;
margin:0;
box-sizing:border-box;
width: 100%;
line-height:32px;
font-size:14px;
font-weight:bold;

}
.search-form{
width:100%;
padding:10px 0;
margin: 0px 0;
background:#888;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
.search-form form{
display:flex;
justify-content: center;
align-items: center;
} 
.hed-ri .search-form input{
display:inline-block;
vertical-align:middle;
}
.hed-ri .search-form input[type="text"]{
width:78%;
box-sizing:border-box;
padding:0 0 0 15px;
line-height: 31px;
background:#f3f3f3;
border:0;
border-radius:50px 0 0 50px;
-webkit-appearance : none;
border:1px solid #797979;
border-right:0;
}
.hed-ri .search-form input::placeholder {
color: #898989;
}
.hed-ri .search-form input[type="submit"]{
box-sizing:border-box;
border:0;
padding:0;
line-height:31px;
width:12%;
background:url(/img/icon/sa-cha.png)no-repeat center / 14px #f3f3f3;
border-radius:0 50px 50px 0;
position:initial;
margin:0;
border:1px solid #797979;
border-left:0;
box-sizing:border-box;
}
.hed-ri .search-form input[type="submit"]:hover{
opacity: 0.7;
cursor: pointer;
}
.heder-in p.header-logo img{
width: 240px;
vertical-align: middle;
margin:0 0 0px;
}



/*--------------------------------------------------------
メインコンテンツ
-------------------------------------------------------*/
section.top-main-box{
width: 100%;
padding:0px 0;
border-bottom:1px solid #898989;
background-repeat:repeat;
background:url(/img/icon/topbg-icon2.png) center #FFF;
background-size:60px;
}
.top-main-box-in{
width:100%;
margin: 0 auto;
display:block;
justify-content: center;
box-sizing:border-box;
align-items: center;
position:relative;
}
.top-main-box-in:before{
content: '';
display:inline-block;
width:100px;
height:140px;
background-image:url(/img/main-img-gorilla.png);
background-size:100%;
background-position:center;
background-repeat:no-repeat;
vertical-align: middle;
left:0;
right:0;
margin:auto;
top:15px;
position:absolute;
z-index:2;
}
.top-main-box-in .wikituku-box{
position:relative;
width:100%;
height:196px;
display:block;
text-align:center;
box-sizing:border-box;
background-size:75px;
border-right:0;
}
.top-main-box-in .wikituku-box .in-wiki-box:before{
content: '';
display:inline-block;
width: 50%;
height: 100%;
background-image:url(/img/main-img-wiki-bg.jpg);
background-size:100%;
background-position:center;
background-repeat:no-repeat;
vertical-align: middle;
left:0;
top:0;
position:absolute;
z-index:1;
}
.top-main-box-in .wikituku-box .in-wiki-box:hover:before{
content: '';
display:inline-block;
width: 50%;
height: 100%;
background-image:url(/img/main-img-wiki-bg.jpg);
background-size:100%;
background-position:center;
background-repeat:no-repeat;
vertical-align: middle;
left:0;
top:0;
position:absolute;
z-index:1;
opacity: 0.6;
}

.top-main-box-in .wikituku-box .in-blog-box:before{
content: '';
display:inline-block;
width: 50%;
height: 100%;
background-image:url(/img/main-img-blog-bg.jpg);
background-size:100%;
background-position:center;
background-repeat:no-repeat;
vertical-align: middle;
right:0;
top:0;
position:absolute;
z-index:1;
}
.top-main-box-in .wikituku-box .in-blog-box:hover:before{
content: '';
display:inline-block;
width: 50%;
height: 100%;
background-image:url(/img/main-img-blog-bg.jpg);
background-size:100%;
background-position:center;
background-repeat:no-repeat;
vertical-align: middle;
right:0;
top:0;
position:absolute;
z-index:1;
opacity: 0.7;
}
.top-main-box-in .wikituku-box img{
width: 100%;
height:auto;
position:relative;
border: solid 0px #c9caca;
box-sizing: border-box;
display:block;
position:relative;
margin:auto;
display: none;
}
@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) rotate(-2deg);}
50% {-webkit-transform:translate(0, -2px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(2deg);}
}
@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(-2deg);}
50% {transform:translate(0, -2px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(2deg);}
}
.top-main-box-in .wikituku-box a.wiki-bt{
position: absolute;
top:0;
left:5px;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width:50%;
height:100%;
line-height:265px;
text-align: center;
display:block;
text-decoration:none;
color:#FFF;
font-size:15px;
font-weight:bold;
background-image:url(/img/main-img-gorilla-wiki-hov.png);
background-repeat:no-repeat;
background-size:85%;
background-position: center 100px;
z-index:2;
-webkit-animation:fuwafuwa 5s infinite linear alternate;
animation:fuwafuwa 5s infinite linear alternate;
color:#231815;
}
.top-main-box-in .wikituku-box a.blog-bt{
position: absolute;
top:0;
right:5px;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width:50%;
height:100%;
line-height:265px;
text-align: center;
display:block;
text-decoration:none;
color:#FFF;
font-size:15px;
font-weight:bold;
background-image:url(/img/main-img-gorilla-blog-hov.png);
background-repeat:no-repeat;
background-size:85%;
background-position: center 100px;
z-index:2;
-webkit-animation:fuwafuwa 5s infinite linear alternate;
animation:fuwafuwa 5s infinite linear alternate;
color:#231815;
}
.top-main-box-in .wikituku-box a.blog-bt:before,.top-main-box-in .wikituku-box a.wiki-bt:before{
content:'';
display:inline-block;
width: 10px;
height: 20px;
background-image:url(/img/icon/icon_triangle.png);
background-size:50%;
background-position:left;
background-repeat:no-repeat;
vertical-align: middle;
margin-right:0px;
position:relative;
z-index:1;
}
.top-main-box-in .wikituku-box a:hover{
color:#231815;
}
.top-main-box-in .wikituku-box a.wiki-bt:after{
position: absolute;
bottom: 30%;
left: 30%;
content:"";
display: inline-block;
width: 0;
height: 5px;
background: #FFF;
transition: 0.8s;
z-index:-1;
opacity:0.8;
}
.top-main-box-in .wikituku-box a.blog-bt:after{
position: absolute;
bottom: 30%;
left: 30%;
content:"";
display: inline-block;
width: 0;
height: 5px;
background: #FFF;
transition: 0.8s;
z-index:-1;
opacity:0.8;
}
.top-main-box-in .wikituku-box a.wiki-bt:hover:after{
width: 43%;
}
.top-main-box-in .wikituku-box a.blog-bt:hover:after{
width: 50%;
}
.top-main-box-in .wikituku-box a.wiki-bt:hover{
background-image:url(/img/main-img-gorilla-wiki-hov.png);
}
.top-main-box-in .wikituku-box a.blog-bt:hover{
background-image:url(/img/main-img-gorilla-blog-hov.png);
}
.top-main-box-in .kijituku-box{
background:url(/img/main-kakikata-2sp.jpg);
background-repeat:no-repeat;
background-size:100%;
width:100%;
height:180px;
position:relative;
box-sizing: border-box;
padding:0;
margin:10px 0;
display:block;
}
.top-main-box-in .kijituku-box:hover{
opacity: 0.6;
}
.top-main-box-in .kijituku-box a span{
position: absolute;
bottom: -10px;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
text-align: center;
display:block;
text-decoration:none;
color:#FFF;
width:70%;
line-height:35px;
font-weight:bold;
background: rgba(29,198,240,1);
background: -moz-linear-gradient(-45deg, rgba(29,198,240,1) 0%, rgba(11,82,164,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(29,198,240,1)), color-stop(100%, rgba(11,82,164,1)));
background: -webkit-linear-gradient(-45deg, rgba(29,198,240,1) 0%, rgba(11,82,164,1) 100%);
background: -o-linear-gradient(-45deg, rgba(29,198,240,1) 0%, rgba(11,82,164,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(29,198,240,1) 0%, rgba(11,82,164,1) 100%);
background: linear-gradient(135deg, rgba(29,198,240,1) 0%, rgba(11,82,164,1) 100%);
font-size:16px;
font-weight:bold;
border:2px solid rgb(23, 28, 96);
border-radius:5px;
}
.top-main-box-in .kijituku-box a span:before{
content:"";
display:inline-block;
width: 10px;
height: 20px;
background-image:url(/img/icon/icon_triangle.png);
background-size:80%;
background-position:left 0;
background-repeat:no-repeat;
vertical-align: middle;
margin-right:5px;
}
.top-main-box-in .kijituku-box a{
display:block;
width:100%;
height:100%;
}
.top-main-box-in .gametuku-box{
background:url(/img/main-kasegu.jpg);
background-repeat:no-repeat;
background-size:100%; 
width:175px;
height:380px;
position:relative;
box-sizing: border-box;
}
.top-main-box-in .gametuku-box:hover{
opacity: 0.6;
}
.top-main-box-in .gametuku-box a span{
position: absolute;
top: 85%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
text-align: center;
padding:5px 0 15px 0;
display:block;
line-height:normal;
text-decoration:none;
color:#FFF;
width:70%;
font-weight:bold;
background-image:url(/img/icon/link-yaji2.png);
background-repeat:no-repeat;
background-size:20px;
background-position: center 100%;
}
.top-main-box-in .gametuku-box a{
display:block;
width:100%;
height:100%;
}
@media screen and (max-width:414px){
.top-main-box-in .wikituku-box{
height:225px;
}
.top-main-box-in .wikituku-box a.wiki-bt:after{
bottom: 31%;
}
.top-main-box-in .wikituku-box a.blog-bt:after{
bottom: 31%;
}
.top-main-box-in .wikituku-box a.blog-bt{
font-size:18px;
line-height:294px;
background-size: 84%;
background-position:center 110px;
}
.top-main-box-in .wikituku-box a.wiki-bt{
font-size:18px;
line-height:294px;
background-size: 84%;
background-position:center 110px;
}
}
@media screen and (max-width:375px){
.top-main-box-in .wikituku-box{
height:204px;
}
.top-main-box-in .wikituku-box a.wiki-bt:after{
bottom: 26%;
}
.top-main-box-in .wikituku-box a.blog-bt:after{
bottom: 26%;
}
.top-main-box-in .wikituku-box a.blog-bt{
font-size:16px;
line-height:284px;
background-size: 88%;
background-position:center 110px;
}
.top-main-box-in .wikituku-box a.wiki-bt{
font-size:16px;
line-height:284px;
background-size: 88%;
background-position:center 110px;
}
}
@media screen and (max-width:360px){
.top-main-box-in .wikituku-box{
height:196px;
}
.top-main-box-in .wikituku-box a.wiki-bt:after{
bottom: 23%;
}
.top-main-box-in .wikituku-box a.blog-bt:after{
bottom: 23%;
}
.top-main-box-in .wikituku-box a.blog-bt{
font-size:16px;
line-height:284px;
background-size: 85%;
background-position:center 110px;
}
.top-main-box-in .wikituku-box a.wiki-bt{
font-size:16px;
line-height:284px;
background-size: 85%;
background-position:center 110px;
}
}


/*--------------------------------------------------------
TOPページ
-------------------------------------------------------*/
section.top-main-box + #top-mainInner{
width:100%;
background: none;
-o-display:block;
-ms-display:block;
-moz-display:block;
-webkit-display:block;
display: block;
}
#top-mainInner{
width:100%;
background: none;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
#main-in-sub{
float:none;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
width: 100%;
}
#main-in-sub > #mainCenter{
float:none;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
#mainCenter{
float:none;
width:100%;
padding:0;
margin:0 auto;
}
#mainCenter section.game-list-box{
display:block;
width: 100%;
margin:0 auto;
}
#mainCenter section.game-list-box .free-rank-list{
width:100%;
margin:0 0 20px 0;
border:0;
}
#mainCenter section.game-list-box .free-rank-list p{
width: 240px;
font-size:14px;
}
@media screen and (max-width:360px){
#mainCenter section.game-list-box .free-rank-list p{
width: 200px;
}
}
#mainCenter section.game-list-box .up-geme-list{
width:100%;
margin:0 0 20px 0;
border:0;
}
#mainCenter section.game-list-box .link-bt{
background:#e60012;
padding:8px;
font-size:14px;
display:block;
width:80%;
text-align:center;
margin:0 auto;
color:#FFF;
position:absolute;
bottom:0px;
left:-50%;
right:-50%;
}
#mainCenter section.new-come-list{
width: 100%;
margin:20px auto;
}
ul.main-comment-list{
border:0;
}
ul.main-comment-list li{
padding: 10px 15px;
}
ul.main-comment-list li .info-line{
width: 43%;
}
#mainleft{
float:none;
width:100%;
margin:0 auto;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
#mainleft .hajimekata h3{
box-sizing:border-box;
width:100%;
margin:0 auto 10px;
border-top: 1px solid #898989;
background-position: 10px 50%;
padding: 10px 5px 10px 40px;
}
#mainleft .hajimekata article{
width:90%;
margin:0 auto 10px;
}

#mainleft .hajimekata article img{
padding:5px 0 0 0;
}
/*#mainleft .hajimekata article span:after{
content: "\A" ;
white-space: pre ;
}*/
#mainleft .hajimekata article p {
font-size: 14px;
}
#mainleft .hajimekata .link-bt {
background: #e60012;
padding: 8px;
font-size: 14px;
display: block;
width: 80%;
text-align: center;
margin: 20px auto 5px;
color: #FFF;
}
#mainleft .uriage-list h3{
box-sizing:border-box;
width:100%;
margin:0 auto 10px;
background-position: 10px 50%;
padding: 10px 5px 10px 40px;
}
#mainleft .uriage-list ul{
box-sizing: border-box;
width:100%;
padding: 0 10px;
}
#mainleft .uriage-list p{
width: 240px;
font-size: 14px;
}
@media screen and (max-width:360px){
#mainleft .uriage-list p{
width: 200px;
}
}
#mainleft .muryourank-list h3{
box-sizing:border-box;
width:100%;
margin:0 auto 10px;
background-position: 10px 50%;
padding: 10px 5px 10px 40px;
}
#mainleft .muryourank-list ul{
box-sizing: border-box;
width:100%;
padding: 0 10px;
}
#mainleft .muryourank-list p{
width: 240px;
font-size: 14px;
}
@media screen and (max-width:360px){
#mainleft .muryourank-list p{
width: 200px;
}
}
#main-in-sub > #mainRight{
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
#mainRight{
float:none;
width:100%;
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
#mainRight .new-wiki-list:nth-child(2) h3{
box-sizing:border-box;
width:100%;
border-top:1px solid #898989;
margin:10px auto 10px;
}
#mainRight .new-wiki-list article{
box-sizing: border-box;
width:100%;
padding: 0 10px;
margin:0 0 10px 0;
}
#mainRight .new-wiki-list article:last-of-type{
margin:0;
}
#mainRight .new-wiki-list h3{
box-sizing:border-box;
width:100%;
border-top:1px solid #898989;
color:#333;
margin:0 auto 10px;
}
#mainRight .search-form{
margin:0;
padding:5px 0 0;
display:block;
}
#mainRight .search-form{
width:100%;
padding:10px 0;
margin: 0px 0;
background:#888;
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
#mainRight .search-form form{
display:flex;
justify-content: center;
align-items: center;
} 
#mainRight .search-form input{
display:inline-block;
vertical-align:middle;
}
#mainRight .search-form input[type="text"]{
width:78%;
box-sizing:border-box;
padding:0 0 0 15px;
line-height: 31px;
background:#f3f3f3;
border:0;
border-radius:50px 0 0 50px;
-webkit-appearance : none;
border:1px solid #797979;
border-right:0;
}
#mainRight .search-form input::placeholder {
color: #898989;
}
#mainRight .search-form input[type="submit"]{
box-sizing:border-box;
border:0;
padding:0;
line-height:31px;
width:12%;
background:url(/img/icon/sa-cha.png)no-repeat center / 14px #f3f3f3;
border-radius:0 50px 50px 0;
position:initial;
margin:0;
border:1px solid #797979;
border-left:0;
box-sizing:border-box;
}

/*--------------------------------------------------------
無料アプリランキング（別ページ）
-------------------------------------------------------*/
#mainCenter > h2:first-child {
box-sizing: border-box;
margin: 0 auto 20px;
}

span.appRankListTitle{
width: 62%;
}

/*--------------------------------------------------------
無料アプリランキング（別ページ）
-------------------------------------------------------*/
.salesRankList{
width: 98%;
margin: 0 auto 20px;
}

/*--------------------------------------------------------
アプリ詳細ページ（別ページ）
-------------------------------------------------------*/
#mainCenter > h3{
box-sizing: border-box;
width: 98%;
margin: 0 auto 14px;
padding: 5px 10px 2px 36px;
background-size: 23px;
background-position: 5px 50%;
}

#mainCenter .topSalesChartArea{
width: 98%;
margin:0 auto;
}

#mainCenter .topSalesChartArea canvas{
width: 100%!important;
}

.salesRankList2 tr:first-child th{
padding:5px 0;    
}
.salesRankList2 tr:first-child th:nth-child(2){
width:41%;
}

.salesRankList2 tr:first-child th:nth-child(3){
width:17%;
}

.salesRankList2 tr:first-child th:nth-child(4){
width:17%;
}

.salesRankList2 tr td:nth-child(2) img {
width: 36px!important;
}

/*--------------------------------------------------------
プロフィール
-------------------------------------------------------*/
#top-mainInner section.profile_box {
background: #FFF;
width: 100%;
padding:20px 0;
}
#top-mainInner section.profile_box h3 {
font-size: 18px;
margin: 0 0 10px 0;
padding: 5px 10px 2px 10px;
line-height: 2;
color: #FFF;
line-height: 1.7em;
background:none;
border:0;
background-color:#333333;
}
#top-mainInner section.profile_box .icon {
text-align: center;
background: #f1f1f1;
box-sizing: border-box;
width:auto;
padding: 0px 0px 0;
margin: 0 10px 20px;
border: 1px solid #ccc;
}
#top-mainInner section.profile_box .icon img{
display: block;
margin: 20px auto;
width:auto;
max-width:300px;
}
#top-mainInner section.profile_box .my_id {
margin:0px auto;
display:block;
}
#top-mainInner section.profile_box .profile {
margin:0px auto 30px;
display:block;
}
#top-mainInner section.profile_box ul{
padding:0;
margin:0;
}
#top-mainInner section.profile_box ul li{
padding:0;
margin:0;
list-style:none;
}
#top-mainInner section.profile_box ul li img{
margin:10px;
display:inline-block;
vertical-align:middle;
}


/*--------------------------------------------------------
検索結果
-------------------------------------------------------*/
ul.searchResultsList{
padding:0;
margin:0;
word-wrap: break-word;
overflow-wrap: break-word;
margin:0 10px;
}
#mainCenter .search-form{
margin: 0px auto 0;
padding:0px 0px 0;
display:block;
text-align:center;
background:none
}

.pager-area{
margin: 10px 10px 10px;
padding:0;
display:flex;
justify-content:center;
}
.pager-area span{
display:block;
line-height:33px;
font-size:12px;
font-weight:bold;
color:#555;
margin:0 1px!important;
width:9%;
text-align:center;
flex-grow:0;
}

.pager-area span:first-child{
display:block;
line-height:33px;
font-size:12px;
font-weight:bold;
color:#555;
flex-shrink:0;
flex-grow:5;
}
.pager-area span:last-child{
display:block;
line-height:33px;
font-size:12px;
font-weight:bold;
color:#555;
flex-grow:5;
}
.pager-area span a{
background: #0c749b;
line-height:31px;
padding:0px 0px;
color:#FFF;
display:block;
font-size:12px;
font-weight:normal;
}
.pager-area span a:hover{
background: #a9a9a9;
}

/*------------------------------------------------------------
footer
-------------------------------------------------------------*/
.footer-main ul{
flex-wrap: wrap;
justify-content: flex-start;
padding-bottom: 0; 
}
.footer-main li{
box-sizing: border-box;
width: 33.33333%;
padding: 0;
margin: 0 0 10px 0;
flex-grow: 0;
text-align: center;
font-size: 11px;
border-right: 1px solid #ccc;
}
.footer-main li:nth-of-type(3n){
border:0;
}

.footer-main li:last-of-type{
border-right: 1px solid #ccc;
margin-bottom: 10px;
}
/*------------------------------------------------------------
address
-------------------------------------------------------------*/
address{
width: 100%;
}
/*------------------------------------------------------------
お問い合わせSP
-------------------------------------------------------------*/
#top-mainInner #contact_form{
	padding: 0 5px;
	margin-bottom: 20px;
}

/*------------------------------------------------------------
利用規約とプライバシー
-------------------------------------------------------------*/
.rityou-kiyaku-p p{
padding: 0 10px;
font-size:14px;
}
.kojin-jyouhou-p p{
box-sizing: border-box;
padding: 0 10px;
font-size: 14px;
width: 100%;
word-break: break-all;
}
.kojin-jyouhou-p ol{
padding: 0;
margin: 0;
}
.kojin-jyouhou-p ol li{
padding: 0;
margin: 0;
width: 80%;
}
.kojin-jyouhou-p h3{
}
.kojin-jyouhou-p h4{
}
.kojin-jyouhou-p{
font-size:14px;
color:#444;
word-break: break-all;
}
.kojin-jyouhou-p ol{
margin:0;
padding:0;
}
.kojin-jyouhou-p ol li{
margin:5px 0;
padding:0;
}


/*--------------------------
ナビバー(SP)
--------------------------*/
#wiki_navi_bar{
list-style-type: none;
width: 100%;
height: 30px;
background: #000;
top: 0;
left: 0;
margin: 0;
position: fixed;
z-index: 9999;
overflow: hidden;
padding:0;
}
#wiki_navi_bar li{
width:auto;
display:inline-block;
text-align: center;
float:none!important;
margin: 0 6px 0;
padding: 0;
list-style:none;
vertical-align: middle;
}
#wiki_navi_bar li:nth-of-type(4),#wiki_navi_bar li:nth-of-type(5),#wiki_navi_bar li:nth-of-type(6){
display: none;
}
#wiki_navi_bar li:last-of-type{
display: block;
}
#wiki_navi_bar .gorillaWikiIcon a{
font-size: 0;
}
@media screen and (max-width:320px){
#wiki_navi_bar li{
margin:0 2px;
}
}

/*--------------------------
ドロワー(SP)
--------------------------*/
#wiki_navi_bar .menuBtnSp{
position: absolute;
top:4px;
right:5px;
margin:0;
}

#wiki_navi_bar .menuBtnSp a {
background: #999;
color: #fff;
border-radius: 3px;
padding: 2px 5px;
font-size:12px;
font-weight:bold;
}
#wiki_navi_bar .menuBtnSp a:before{
content:'';
display: inline-block;
background: url(/img/icon/sp-top-menu.png) no-repeat 2px /contain;
width:20px;
height:10px;
}
div.drawer-menu {
position: fixed;
display: none;
left: 0;
top: 0;
width: 100%;
height:100%;
z-index: 10000;
overflow: auto;
background-color: rgba(17, 17, 17, 0.7);
}
.drawer-menu-box {
width: 100%;
height:100%;
left: 0;
top: 0;
}
.drawer-menu-box2 {
background-color: #999;
height:100%;
}
.drawer-menu-list {
background-color: #999;
margin:0;
padding:55px 0 0;
}
.submenu-control {
float: right;
color:#dde4e6;
}
.drawer-menu li {
border-bottom: solid 1px #dde4e6;
font-size: 14px;
padding: 15px;
font-weight: bold;
background-color: #f9f9f9;
color: #444;
list-style:none;
}
.drawer-menu-list ul {
display: none;
}
.drawer-menu-list li a{
display: block;
width: 100%;
height: 100%;
padding: 10px;
margin: -9px -9px -9px -11px;
}
.drawer-menu-box2 ul.drawer-menu-level2{
margin:0;
padding: 0;
}
.drawer-menu-box2 ul.drawer-menu-level2 li{
background-color: #fff;
}

.drawer-menu-box2 ul li a{
color: #0c749b;
}

.drawer-menu-box2 ul.drawer-menu-level2 li a {
display: inline-block;
width: 78%;
margin: 0 5px 0 5px;
color: #0c749b;
background-color: #fff;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0;
height: auto;
vertical-align: middle;
}
.drawer-menu-close-button {
position: fixed;
top: 0;
right:0;
font-size: xx-large;
height:60px;
width:100%;
z-index: 1;
}

.drawer-menu-list .drawer-menu-level2,
.drawer-menu-list .drawer-menu-level3 {
margin-left: 30px;
}
.drawer-background-fixed {
position: fixed;
width: 100%;
overflow-y: scroll;
}
.drawer-menu-list  .drawer-menu-level3 li{
border-color:#c2dce6;
}
.drawer-menu-box:after {
content: "×";
font-size: 270%;
position: absolute;
right: 0;
top: 0;
display: block;
width: 46px;
height: 56px;
line-height: 56px;
color: #f0f0f0;
text-align: center;
}
.drawer-menu dm-icon {
width: 32px;
height: 32px;
border-radius: 4px;
}

/*--------------------------------------------------------
404ページ（SP）
-------------------------------------------------------*/
#container.page-not-found_wrap{
    background:#ededed;
    padding: 10px 10px;
}
.page-not-found_box{
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 10px;
}
.page-not-found_wrap .sub_message{
    width: 100%;
}

/*--------------------------------------------------------
エラーページ（このページは表示できません）SP
-------------------------------------------------------*/
div#container.page-not-found_wrap_b{
	background: none;
	padding: 0;
}
.page-not-found_wrap.page-not-found_wrap_b h1{
	font-size: 24px;
	padding: 20px 0;
}
.page-not-found_wrap.page-not-found_wrap_b .page-not-found_box{
	width: 100%;
}
.page-not-found_wrap.page-not-found_wrap_b .error_message{
	font-size: 18px;
	margin: 0;
}
.page-not-found_wrap.page-not-found_wrap_b .sub_message{
	text-align: center;
	margin: 10px auto 25px;
}
.page-not-found_wrap.page-not-found_wrap_b .error a img{
	width: 75%;
}
.top_wiki_list{
	box-sizing: border-box;
	width: 100%;
	border:0;
	margin: 30px 0 10px 0;	
}

.top_wiki_widget{
	box-sizing: border-box;
	width: 100%;
	border:0;
	margin:0 0 10px 0;
}

.top_wiki_list ul, .top_wiki_widget ul{
	display: block;
}
.top_wiki_list li, .top_wiki_widget li{
	box-sizing: border-box;
	width: 100%;
	padding: 0 20px;
	margin-top: 20px;
}

.top_wiki_list li:first-of-type, .top_wiki_widget li:first-of-type{
	margin: 0;
}

.top_wiki_list li span, .top_wiki_widget li span{
	width: 83%;
}
@media screen and (max-width:375px){
	.top_wiki_list li span, .top_wiki_widget li span{
	width: 81%;
}
}
@media screen and (max-width:320px){
	.top_wiki_list li span, .top_wiki_widget li span{
	width: 77%;
}
}

/*--------------------------------------------------------
スライダー（SP）
-------------------------------------------------------*/
.swiper-container-rankmain .swiper-slide{
width: 100vw;
}
.swiper-container-rankmain .swiper-slide a{
box-sizing: border-box;
width: 100vw;
}
#mainCenter section.slider-main img,.swiper-container-rankmain .swiper-slide a span{
box-sizing: border-box;
width: calc(100vw - 10px);
}
#mainCenter section.slider-main h2{
left: 5px;
}
.game-k-list{
display:flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.game-k-list article{
width:48.8%;
display:flex;
justify-content: center;
align-items: center;
margin:2px;
position:relative;
z-index:2;
box-sizing:border-box;
border-radius:3px;
border:1px solid #ededed;
}
.game-k-list article:before{
content:"";
position:absolute;
background:hsla(355, 100%, 45%, 0.16);
width:40px;
height:100%;
left:0;
z-index:-1;
}
#top-mainInner .game-k-list article img{
width: 50px;
border-radius:10px;
padding:5px 3px 5px 5px;
}
.game-k-list article p{
width: 100%;
margin:0 0 0 0px;
padding:5px;
box-sizing: border-box;
font-size:12px;
color:#0b53a5;
}
.game-k-list article p:hover{
color:#000b17;
}
.game-k-list article a{
position:absolute;
width:100%;
height:100%;
}
.ranking-more a{
width:80%;
line-height:40px;
}


/*------------------------------------------------------------
人気ランキング
-------------------------------------------------------------*/
#mainCenter p{
font-size:15px;
line-height:normal;
color:#444;
}
div.date_link{
margin:0 0 30px;
position:relative;
height:30px;
display:flex;
justify-content: center;
align-items: center;
}
div.date_link:nth-of-type(1){
border-bottom:3px double #fff2d5;
padding-bottom:10px;
margin:0 0 10px;
}
div.date_link:nth-last-child(2){
border-top:3px double #fff2d5;
padding-top:10px;
margin:0 0 20px;
}
span.prev_date{
position:absolute;
left:5px;
border-radius:3px;
line-height:30px;
font-size:14px;
}
span.next_date{
position:absolute;
right:5px;
border-radius:3px;
line-height:30px;
font-size:14px;
}
span.prev_date a{
display:inline-block;
padding:0 10px;
text-align:center;
color:#0c749b;
border:1px solid #0c749b;
border-radius:3px;
line-height:25px;
font-size:14px;
}
span.next_date a{
display:inline-block;
padding:0 10px;
text-align:center;
color:#0c749b;
border:1px solid #0c749b;
border-radius:3px;
line-height:25px;
font-size:14px;
}
span.prev_date a:hover,span.next_date a:hover{
color:#FFF;
border:1px solid #0c749b;
background:#0c749b;
}
span.target_date{
width:100%;
text-align:center;
font-size:16px;
color:#444;
font-weight:bold;
}
ul.appRankList{
padding:0;
}
ul.appRankList li{
display:flex;
align-items: center;
margin:5px;
padding:8px 5px;
border:1px solid #ededed;
border-radius:3px;
}
ul.appRankList li:hover{
background:#f9f9f9;
}
ul.appRankList li span.appRankListRank{
padding:2px;
width:40px;
font-size:12px;
}
ul.appRankList li a{
position:relative;
display:flex;
align-items: center;
width:100%;
}
ul.appRankList li a img{
width:50px;
height:50px;
object-fit:cover;
object-position:top;
}
ul.appRankList li a span.appRankListTitle{
font-size:13px;
}
ul.appRankList li a span.appRankListPv{
position:absolute;
right:0px;
bottom:-6px;
color:#ff4955;
font-weight:bold;
font-size:13px;
}
.blogranking-link a,.wikiranking-link a{
width:80%;
margin:0 auto;
display:block;
text-align:center;
background:#e60012;
font-size:14px;
padding:10px;
color:#FFF;
}
.blogranking-link a:hover,.wikiranking-link a:hover{
opacity:0.6;
}
ul.appRankList + .pager-area{
width:100%;
padding:0;
margin:15px 0;
display:flex;
justify-content: center;
align-items: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
ul.appRankList + .pager-area span{
display:block;
line-height:33px;
font-size:10px;
font-weight:bold;
color:#888;
margin:0 8px!important;
border-bottom:1px #888 solid;
width:12%;
text-align:center;
padding:0px;
box-sizing:border-box;
position:relative;
z-index:2;
}
ul.appRankList + .pager-area span a{
background:none;
line-height:31px;
color:#0c749b;
border-bottom:1px #0c749b solid;
width:100%;
padding:0 5px;
display:block;
font-size:10px;
font-weight:normal;
font-weight:bold;
box-sizing:border-box;
bottom:-1px;
position:relative;
}
ul.appRankList + .pager-area span a:hover{
background:none;
color:#888;
border-bottom:1px #888 solid;
}



}/*MB全体の@media閉じタグ*/


/*追加CSS*/

ul.main-comment-list li .comment-digest{
word-wrap: break-word;	
}

#mainCenter .rityou-kiyaku-p h2{
margin:20px 0 10px 0;
}

.companyProfile{
width:100%;
box-sizing:border-box;
}
.companyProfile tr th{
background: #3e3a39;
color: #FFF;
width:18%;
padding:10px 0;
font-size:12px;
font-weight:normal;
}
.companyProfile tr td{
background: #f9f9f9;
color: #000;
width:80%;
padding:10px;
font-size:12px;
}
.companyProfile tr td span{
display:block;
}
.companyProfile tr td dl{
padding:0;
margin:0;
}
.companyProfile tr td dl dt{
padding:0;
margin:0;
}
.companyProfile tr td dl dd{
padding:0;
margin:0;
}
.companyProfile tr td dl dd ul{
padding:0;
margin:0;
list-style:none;
}
.companyProfile tr td dl dd ul li{
display:block;
}
.companyProfile tr td dl dd ul li:nth-of-type(2){
display:inline-block;
}
.companyProfile tr td dl dd ul li:nth-of-type(3){
display:inline-block;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.companyProfile tr th{
font-size:11px!important;
}
.companyProfile tr td{
font-size:11px!important;
}
.companyProfile{
width:97%;
margin:0 auto 20px;
box-sizing:border-box;
}
}



/*------------------------------------------------------------
プライバシーポリシー整理強制CSS
-------------------------------------------------------------*/
.privacy_in_box {
padding:0 10px!important;
}
.privacy_in_box h2{
margin:40px 0 20px!important;
}
.privacy_in_box h3{
margin:40px 0 20px!important;
}
.privacy_in_box h3:first-of-type{
margin:0px 0 20px!important;
}
.privacy_in_box ul{
margin:20px 0!important;
padding:0!important;
font-size: 15px;
line-height: normal;
color: #444;
}
.privacy_in_box ol{
margin:20px 0 40px!important;
padding:0!important;
font-size: 15px;
line-height: normal;
color: #444;
}
.privacy_in_box li{
margin:15px 0!important;
line-height:1.6!important;
list-style:none;
padding:0!important;
}
.privacy_in_box ul.mg-nones li{
margin:5px 0!important;
line-height:1.6!important;
}
.privacy_in_box p b{
padding-top:10px!important;
display:block!important
}

/*------------------------------------------------------------
table
-------------------------------------------------------------*/
table{
width: 100%;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
word-break: break-all;
word-wrap: break-word;
margin-bottom: 1.5em!important;
}
table {
margin-bottom: 1.5em;
padding: 0;
border: 1px solid #d6e0e3;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
th {
background-color: #e2ecef;
font-weight: bold;
text-align: left;
}
th, td {
padding: 0.5em;
border-right: 1px solid #d6e0e3;
border-bottom: 1px solid #d6e0e3;
font-size: 11px;
}

strong,.b,.bold {font-weight: bold;}

