@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,"HiraMinProN-W6", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif; font-size: 16px; word-break: normal; font-weight:normal; -webkit-font-smoothing:subpixel-antialiased; }






body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small; *font:x-small;}
select,input,button,textarea,button{ font:99% arial,helvetica,clean,sans-serif;}
table{ font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{ font-family:monospace;*font-size:108%;line-height:100%;}
/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/


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



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

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


/*  footer
----------------------------------------------------------------------------------------------------------- */
.base-footer-txt-link{width: 100%; max-width: 260px; margin: 0 auto; text-align: center; padding-bottom: 20px; border: solid 1px #000;}
.base-footer-txt-link li{padding: 8px;}
.base-footer-sns-btn{width: 100%; max-width: 250px; }
.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: 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: 900px; padding: 16px 0; margin: 0 auto;}
.base-platform-icon li{padding: 0 0.25%;}

.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; width: 50px; height: 50px; opacity: 0.5;}
#pageTop a:hover { text-decoration: none;  opacity: 1;}



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