@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);
/* @import url(//fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap); */


*{font-family:  YakuHanJP,'Sawarabi Mincho' ,'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; }




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


a{text-decoration: none;}
a img:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}
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
----------------------------------------------------------------------------------------------------------- */
#footer{background: #000; color: #fff;}
.base-footer-txt-link{width: 95%; max-width: 800px; margin: 0 auto; text-align: center; padding-bottom: 20px;}
.base-footer-txt-link li{width: 32%; padding:0.5%; }

.base-footer-sns-btn{width: 100%; max-width: 200px; 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: 14px 0 48px 0;}



@media screen and (max-width: 640px) {


.base-footer-txt-link{justify-content: center;}
.base-footer-txt-link li{width: 48%; padding:0.5%; }
}



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

.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:80px;}
.base-platform-icon .base-platform-icon-rp img{width: 100%; max-width:122px;}
.base-platform-icon .base-platform-icon-sero img{width: 100%; max-width:47px;}

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

.base-banner-box2{width: 95%; max-width: 600px; margin: 0 auto; margin-bottom: 5%;}

@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: 50px; height: 50px; background:url(../img/pagetop.png) top center no-repeat;}
#pageTop a:hover { text-decoration: none; opacity: 0.7;}








/*  動画埋め込み
----------------------------------------------------------------------------------------------------------- */
.movie_emb_box{width: 95%; max-width: 900px; 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;}