@charset "utf-8";
/*  common
----------------------------------------------------------------------------------------------------------- */
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);

*{font-family: '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;}
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
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;}
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: 90px 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;}

/*  footer
----------------------------------------------------------------------------------------------------------- */
.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{border-top: solid 1px #ccc; padding: 0 0 48px 0;}

@media screen and (max-width: 640px) {
	  .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: 95%; max-width: 480px; padding: 16px 0; margin: 0 auto;}
.base-platform-icon li{padding: 0 2.00%;}

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:260px;}
.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 (非標準プロパティ) */
}

/*  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: #133b07; color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
#pageTop a:hover { text-decoration: none; opacity: 0.7;}


/*  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;}
}


/*  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;}
}



/*  動画埋め込み
----------------------------------------------------------------------------------------------------------- */
.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;}