@charset "utf-8";
.async-hide { opacity: 0 !important;}
/*  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:link { color: #800000; text-decoration: none;}
a:visited { color: #800000; }
a:hover { color: #800000; text-decoration: underline;}
a:active { color: #800000; }


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


.browser_banner{width: 80%; max-width: 400px; margin: 0 auto;}




/*  footer
----------------------------------------------------------------------------------------------------------- */
.base-footer-txt-link{width: 100%; max-width: 170px; margin: 0 auto; text-align: center; padding-bottom: 20px;}
.base-footer-txt-link li{padding: 8px;}
.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: 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{padding-bottom: 5%;}

@media screen and (max-width: 640px) {
#footer{padding-bottom: 30%;}
}


.game_data_box{width: 95%; max-width: 640px; margin: 5% auto; border-top: solid 1px #fff;  border-bottom: solid 1px #fff; padding: 5% 0;}
.left_game_data{float: left; width: calc(25% - 20px); padding: 10px; max-width: 150px; padding-top: 5%;}
.left_game_data img{border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; overflow: hidden;}


.right_game_data{float: left; width: 75%;}
.game_data_title{font-size: 30px; padding: 5px 0; font-weight: 800; color: #421500;}
.game_data_txt{font-size: 16px; overflow: hidden;  color: #421500;}
.game_data_txt dt{ float: left; width: 75px; text-align: right; padding: 5px 0;}
.game_data_txt dd { float: right; width: calc(100% - 11px); margin-right: -75px; padding-right: 75px; box-sizing: border-box; padding: 5px 0;}
.game_data_txt dd div{border-left: solid 1px #421500; padding: 0 10px;}


@media screen and (max-width: 640px) {
.left_game_data{float: none; width: calc(50% - 20px); padding: 10px; max-width: 150px; padding-top: 5%; margin: 0 auto;}
.right_game_data{float: none; width: 100%;}
.game_data_title{text-align: center; font-size: 6vw;}
.game_data_txt{margin: 0 auto; width: 95%;}
.game_data_txt dt{ float: none;  width: 100%; text-align: right; padding: 5px 0; text-align: center;  border-bottom: dotted 2px #baa45f;}
.game_data_txt dd { float: none; width: 100%; margin-right: 0; padding-right: 0; box-sizing: border-box; padding: 5px 0; text-align: center;}
.game_data_txt dd div{border: none; padding-bottom: 10px;}
}




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

.base-platform-icon .base-platform-icon-ssc img{width: 100%; max-width:171px;}


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


/*  fixation_box ページ固定領域
----------------------------------------------------------------------------------------------------------- */
.fixation_box{background:url(/nyap/sp/img/fixation_bg.jpg); border-top: solid 10px #fff; display:block;}
.fixation_box2{background:url(/nyap/sp/img/fixation_bg.jpg); border-top: solid 10px #fff; display:block;}
.fixation_banner{width: 95%; max-width: 1000px; padding: 15px 0; margin: 0 auto;}
.fixation_banner a{display:block; padding-bottom: 12px;}

@media screen and (min-width: 640px) {
.fixation_box{display:none;}
.fixation_banner{width: 50%;}
}

@media screen and (max-width: 640px) {
.fixation_banner{overflow: hidden;}
}

@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1;}}
@-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1;}}


/*  page-top
----------------------------------------------------------------------------------------------------------- */
#pageTop{ position: fixed; bottom: 0; right: 0; width: 100%; z-index: 997; text-align: center; }





.topjp{padding: 2% 0; color: #fff; font-size: 20px;}

.topjp:after, .topjp:before {
	bottom: 20%;
	left: 5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.topjp:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fb8a33;
	border-width: 50px;
	margin-left: -50px;
}

#pageTop a:hover { text-decoration: none;}


/*  動画埋め込み
----------------------------------------------------------------------------------------------------------- */
.movie_bg{background:url(/nyap/sp/img/movie_bg.png) top center no-repeat; width: 100%; max-width: 619px; height: 305px; -moz-background-size:100% auto; background-size:100% auto;  position: relative;}
.movie_bg a{display: block;}
.movie_img{width: 77%; padding: 2.8% 12% 0 11%; position: absolute;}
.movie_img img{width: 100%;}
.movie_msk{width: 77%; padding: 2.8% 12% 0 11%; position: absolute;}
.movie_msk img{width: 100%;}

.pc-only{display:block;}
.sp-only{display:none;}

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

.movie_bg{height: auto; padding-bottom: 50%;}
}





/*  バッチ
----------------------------------------------------------------------------------------------------------- */
.dl_bt_box{padding-top: 5%;}
.dl_bt li{width: 49%; padding: 0.5%; float: left;}
.dl_bt2 li{width: 50%; max-width: 250px; padding: 0.5%; margin: 0 auto; padding-bottom: 2.5%;}
.banner_left_box a{display:block;}

.banner_left_box .dl_bt_box{width: 87%; margin: 0 auto;}

.top_banner_box{width: 95%; max-width: 900px; margin: 0 auto; padding-bottom: 5%;}
.top_banner_box li{width: 49%; padding: 0.5%;}


.top_banner_box2{width: 95%; max-width: 666px; margin: 0 auto; padding-bottom: 5%;}


.s-end_txt{width: 77%; padding: 2.8% 12% 0 11%;}
.s-end_txt a{
	width: calc(100% - 26px);
	display: block;
	background:#f00;
	color: #fff;
	padding: 10px;
	text-align: center;
	border: solid 3px #fff;
	font-size:25px;
}
.s-end_txt a:hover{
filter:alpha(opacity=65);
-moz-opacity:0.65;
-khtml-opacity:0.65;
opacity:0.65;
}


@media screen and (max-width: 640px) {
.s-end_txt a{
	font-size:4vw;
}

.movie_bg{height: auto; padding-bottom: 50%;}
}


.s-end_txt2{width: 77%; max-width: 600px; padding: 2.8% 12% 0 11%;}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}