@charset "utf-8";
/*  common
----------------------------------------------------------------------------------------------------------- */
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(//cdn.jsdelivr.net/npm/yakuhanjp@2.0.0/dist/css/yakuhanjp.min.css);
*{font-family:  YakuHanJP, 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif; font-size: 16px; word-break: normal; font-weight:normal; -webkit-font-smoothing:subpixel-antialiased; }








a{text-decoration: none;}
img{width: auto; max-width: 100%; margin: 0; padding: 0; vertical-align: bottom;}
.flex{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.flex2{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}
strong{font-weight: bold;}

/*  購入はこちらボタン(固定)
----------------------------------------------------------------------------------------------------------- */
.base-buy-menu{ width: 100%; height: 34px; background: #000; border-bottom: solid 1px #444; position: fixed; z-index: 999;}
.base-wp{height: auto; padding: 110px 0 0 0;}
.base-buy-menu-in{width: 100%; max-width: 1200px; margin: 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.base-buy-menu .base-buy-btn{width: 50%; max-width: 200px;}
.base-buy-menu .base-buy-btn a{ width: 100%; display: block; font-size: 14px; padding: 10px 0; text-shadow:2px 2px 1px #600; text-align: center; font-weight: bold; color: #fff; text-decoration: none; background: rgb(254,0,0); background: -moz-linear-gradient(top,  rgba(254,0,0,1) 0%, rgba(172,10,10,1) 100%); background: -webkit-linear-gradient(top,  rgba(254,0,0,1) 0%,rgba(172,10,10,1) 100%); background: linear-gradient(to bottom,  rgba(254,0,0,1) 0%,rgba(172,10,10,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0000', endColorstr='#ac0a0a',GradientType=0 );}
.base-buy-menu .base-kt-logo{ margin-left: auto;}




/*  購入はこちらボタン(固定) ツイッターボタン付き
----------------------------------------------------------------------------------------------------------- */
.base-buy-menu{ width: 100%; height: 34px; background: #000; border-bottom: solid 1px #444; position: fixed; z-index: 999;}
.base-wp{height: auto; padding: 100px 0 0 0;}
.base-buy-menu-in{width: 100%; max-width: 1200px; margin: 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.base-buy-menu .base-buy-btn{width: 50%; max-width: 200px;}
.base-buy-menu .base-buy-btn a{ width: 100%; display: block; font-size: 14px; padding: 10px 0; text-shadow:2px 2px 1px #600; text-align: center; font-weight: bold; color: #fff; text-decoration: none; background: rgb(254,0,0); background: -moz-linear-gradient(top,  rgba(254,0,0,1) 0%, rgba(172,10,10,1) 100%); background: -webkit-linear-gradient(top,  rgba(254,0,0,1) 0%,rgba(172,10,10,1) 100%); background: linear-gradient(to bottom,  rgba(254,0,0,1) 0%,rgba(172,10,10,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0000', endColorstr='#ac0a0a',GradientType=0 );}
.base-buy-menu .base-kt-logo{ /* margin-left: auto; */}
.base-buy-menu .main-twitter{ margin-left: auto;}
.base-buy-menu .main-twitter a{ display: block; font-size: 14px; padding: 10px; text-shadow:2px 2px 1px #600; text-align: center; font-weight: bold; color: #fff; background:#de006e; margin-right: 3px;}

@media screen and (max-width: 320px) {
.base-buy-menu .main-twitter a{ font-size: 4vw; padding-bottom: 12px;}
}


/*  出しわけ
----------------------------------------------------------------------------------------------------------- */
.pc-only{display:block;}
.sp-only{display:none;}

@media screen and (max-width: 640px) {
.pc-only{display:none;}
.sp-only{display:block;}
}


/*  footer
----------------------------------------------------------------------------------------------------------- */
#footer{color: #fff;}
.base-footer-txt-link{width: 100%; max-width: 260px; margin: 0 auto; text-align: center; padding-bottom: 20px;}
.base-footer-txt-link li{padding: 8px;}
.base-footer-sns-btn{width: 100%; max-width: 250px; margin: 0 auto;}
.base-footer-sns-btn li{padding: 8px;}
.base-footer-sns-btn img{width: 100%; max-width: 45px;}
.base-footer-box{ padding: 14px 0 48px 0;}

@media screen and (max-width: 320px) {
	  .base-footer-txt-link{display: block;}
	  .base-footer-txt-link li{padding: 4px;}
	  .base-footer-sns-btn{max-width: 190px; padding-top: 16px;}
	  .base-footer-sns-btn li{padding: 1%;}
}

/*  footer -pfm
----------------------------------------------------------------------------------------------------------- */
.base-platform-icon{width: 98%; max-width: 280px; padding: 16px 0; margin: 0 auto;}
.base-platform-icon li{padding: 0 3%;}

.base-platform-icon .base-platform-icon-ps img{width: 100%; max-width:77px;}
.base-platform-icon .base-platform-icon-ps4 img{width: 100%; max-width:172px;}
.base-platform-icon .base-platform-icon-ps3 img{width: 100%; max-width:166px;}
.base-platform-icon .base-platform-icon-psvita img{width: 100%; max-width:212px;}
.base-platform-icon .base-platform-icon-xboxone img{width: 100%; max-width:225px;}
.base-platform-icon .base-platform-icon-win img{width: 100%; max-width:173px;}
.base-platform-icon .base-platform-icon-steam img{width: 100%; max-width:165px;}
.base-platform-icon .base-platform-icon-switch img{width: 100%; max-width:71px;}
.base-platform-icon .base-platform-icon-kt img{width: 100%; max-width:90px;}
.base-platform-icon .base-platform-icon-ssc img{width: 100%; max-width:171px;}
.base-platform-icon .base-platform-icon-rp img{width: 100%; max-width:132px;}
.base-platform-icon .base-platform-icon-omega img{width: 100%; max-width:157px;}
.base-platform-icon .base-platform-icon-midas img{width: 100%; max-width:62px;}
.base-platform-icon .base-platform-icon-sero img{width: 100%; max-width:57px;}

/*  footer -copyright
----------------------------------------------------------------------------------------------------------- */
.base-copyright{width: 95%; max-width: 1200px; margin: 0 auto; font-size: 12px; line-height:1.4; padding: 16px 0; text-align: center;}
.base-copyright span img{max-height: 16px;}
.base-copyright-win-txt{}
.base-copyright-ss-txt{padding-bottom: 16px;}
.base-copyright-txt{padding-top: 16px;}
.base-copyright img[src$=".gif"], .base-copyright img[src$=".png"] {
mage-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (非標準の名前) */
image-rendering: pixelated;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (非標準プロパティ) */
}

/*  base-banner-box
----------------------------------------------------------------------------------------------------------- */
.base-banner-box{letter-spacing: -1.00em;  text-align: center; margin-bottom: 32px;}
.base-banner-box li{max-width: calc(300px - 20px); display:inline-block; letter-spacing: normal; padding: 10px;}

@media screen and (max-width: 640px) {
.base-banner-box li{display:block; max-width: 95%; padding: 0 0 10px 0; margin: 0 auto;}
}

/*  page-top
----------------------------------------------------------------------------------------------------------- */
#pageTop{ position: fixed; bottom: 20px; right: 20px; }
#pageTop a { display: block; z-index: 997; padding: 8px 8px 0 8px; border-radius: 5px; width: 40px; height: 40px; background-color: #9FD6D2; color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
#pageTop a:hover { text-decoration: none; opacity: 0.7;}


/*  news comon
----------------------------------------------------------------------------------------------------------- */
.news_box{width: 95%; max-width: 1200px; margin: 0 auto; line-height: 1.61; font-feature-settings : "palt"; font-size: 14px; border-top: solid 1px #ff0000; border-bottom: solid 1px #ff0000; padding: 10px 0;}
.news_title{font-size: 20px; font-weight: bold;}

/*  news pt1
----------------------------------------------------------------------------------------------------------- */
.news_box_list{text-indent: -95px; padding-left: 95px;}
.news_box_list a{text-decoration: none; color: #ba0808;}
.news_more{width: 95%; max-width: 80px; text-align: right; text-align: center; font-size: 14px; display:inline-block; }
.news_more a{width: 100%;  display: block; text-decoration: none; background: #000; color: #fff;}
.news_more a:hover{background: #f00;}
.news_box_list strong{display: display:inline-block;}
.news_more span{ font-size: 10px; }

@media screen and (max-width: 640px) {
.news_title{font-size: 20px; }
.news_box_list{text-indent:0; padding-left: 0; line-height:1.3; }
.news_box_list strong{display: block; border-bottom: solid 1px #000; margin-top: 4px;}
}

/*  news pt2
----------------------------------------------------------------------------------------------------------- */
.news_box_list2{letter-spacing: -.40em;}
.news_box_list2in{width: calc(25% - 6px); display: inline-block; letter-spacing: normal; margin: 5px 3px 0 3px; vertical-align: top;}
.news_box_list2 .relative {position: relative;}
.news_box_list2 .absolute {width: calc(100% - 10px); height: calc(100% - 10px); position: absolute; background-color:rgba(0,0,0,0.65); color: #fff; padding: 5px;  z-index:100;}
.news_box_list2 a{text-decoration: none; color: #ba0808;}
.news_box_list2 .absolute:hover{background:none; text-shadow: 0 -1px 1px #000, -1px 0 1px #000, 1px 0 1px #000;}


@media screen and (max-width: 640px) {
.news_box_list2in{width: calc(50% - 6px); display: inline-block; letter-spacing: normal; margin: 5px 3px 0 3px;}
/* .news_box_list2 .relative ,.news_box_list2 .absolute {position: static;} */
}

/*  動画埋め込み
----------------------------------------------------------------------------------------------------------- */
.movie_emb_box{width: 100%; max-width: 600px; margin: 10px auto 0 auto;}
.movie_emb{ position: relative; width: 100%; padding-top: 56.25%;}
.movie_emb iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}


/* ソート機能
----------------------------------------------------------------------------------------------------------- */