@charset "UTF-8";
/*
=====================================================================
*
*    Reset
*
* ===================================================================
*/
html {
	overflow-y:scroll;
}

html,
body{
	width: 100%;
	height: 100%;
}

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 90%;
	line-height: 1.5;
	color: #666666;
	word-break: normal!important;
}
html,a,form,area,div,table,dl,dt,dd,ul,ol,li,dd,h1,h2,h3,h4,h5,h6,p{
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 100%;
}
img			{ border:none; border-style:none; }
table		{ font-size:100%; border-collapse:collapse; border-spacing:0; text-align:left; }
th,td		{ margin: 0; padding: 0; }
ul li			{ list-style: none; }

a			{ color:#666; text-decoration: none; outline:none; border-style: none; }
a:hover,
a:focus		{ color:#999; text-decoration: none; outline:none; border-style: none; }

/*
=====================================================================
*
*    clearfix
*
* ===================================================================
*/
.clearfix:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE-mac ＼*/
*html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/* End hide from IE-mac */

/*
=====================================================================
*
*    Common
*
* ===================================================================
*/


.flL, .left { float: left; }
.flR, .right { float: right; }

/*パッディング設定*/
.pdT5 { padding-top: 5px; }
.pdT10 { padding-top: 10px; }
.pdT15 { padding-top: 15px; }
.pdT20 { padding-top: 20px; }
.pdT120 { padding-top: 120px; }

.pdB5 { padding-bottom: 5px; }
.pdB10 { padding-bottom: 10px; }
.pdB15 { padding-bottom: 15px; }
.pdB20 { padding-bottom: 20px; }

/*マージン設定*/
/*TOP*/
.mgT2{margin-top:2px;}
.mgT3{margin-top:3px;}
.mgT5{margin-top:5px;}
.mgT10{margin-top:10px;}
.mgT20{margin-top:20px;}
.mgT25{margin-top:25px;}
.mgT30{margin-top:30px;}
.mgT40{margin-top:40px;}


/*BOTTOM*/
.mgB2{margin-bottom:2px;}
.mgB3{margin-bottom:3px;}
.mgB5{margin-bottom:5px;}
.mgB8{margin-bottom:8px;}
.mgB10{margin-bottom:10px;}
.mgB15{margin-bottom:15px;}
.mgB20{margin-bottom:20px;}
.mgB25{margin-bottom:25px;}
.mgB30{margin-bottom:30px;}
.mgB35{margin-bottom:35px;}
.mgB40{margin-bottom:40px;}
.mgB45{margin-bottom:45px;}
.mgB50{margin-bottom:50px;}
.mgB55{margin-bottom:55px;}
.mgB60{margin-bottom:60px;}
.mgB70{margin-bottom:70px;}
.mgB75{margin-bottom:75px;}
.mgB80{margin-bottom:80px;}
.mgB90{margin-bottom:90px;}
.mgB100{margin-bottom:100px;}

/*RIGHT*/
.mgR3{margin-right:3px;}
.mgR5{margin-right:5px;}
.mgR10{margin-right:10px;}
.mgR15{margin-right:15px;}
.mgR20{margin-right:20px;}
.mgR25{margin-right:25px;}
.mgR30{margin-right:30px;}
.mgR35{margin-right:35px;}
.mgR50{margin-right:50px;}
.mgR60{margin-right:60px;}
.mgR80{margin-right:80px;}

/*LEFT*/
.mgL3{margin-left:3px;}
.mgL5{margin-left:5px;}
.mgL10{margin-left:10px;}
.mgL15{margin-left:15px;}
.mgL20{margin-left:20px;}
.mgL25{margin-left:25px;}
.mgL35{margin-left:35px;}
.mgL40{margin-left:40px;}
.mgL50{margin-left:50px;}

.pdB40 { padding-bottom: 40px; }

.alL{ text-align:left; }
.alC{ text-align:center; }
.alR{ text-align:right; }

.container {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

.hideText {
	height: 0px;
	width: 0px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}

.hideContent {
	overflow: hidden;
	position: absolute;
	height: 0px;
	width: 0px;
}


/*
=====================================================================
*
*    Header
*
* ===================================================================
*/
#Header {
}
	#Header .logoBlock {
		position: absolute;
		z-index: 100;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #000;
	}
		#Header .logoBlock .left {
			padding-left: 10px;
			padding-top: 4px;
		}
			#Header .logoBlock .left a {}

		#Header .logoBlock .right {
			padding-right: 5px;
		}

			#Header .logoBlock .right .flL {
				padding-right: 5px;
				background: url(../images/common/bg/header-border.png) no-repeat right center;
			}
			#Header .logoBlock .right .flR {
				padding-left: 5px;
			}

	#Header .mainBlock {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 30px;
	}

	.ds3 #Header .navTrigger {
		width: 100%;
		background-image: url(../images/common/bg/bg-menu-red.png);
		background-size: 5px 52px;
		background-repeat: repeat-x;
	}

	#Header .navTrigger {
		width: 100%;
		background-image: url(../images/common/bg/bg-menu-black.png);
		background-size: 5px 52px;
		background-repeat: repeat-x;
	}

	#Header .navTrigger .trigger {
		display: block;
		width: 320px;
		margin: 0 auto;
	}

		#Header .navTrigger .trigger .minimize {
			top: 8px;
			z-index: 80;
			display: none;
		}

#globalNav {
	z-index: 110;
}

	#globalNav .bg {
		z-index: 109;
		background: #333;
	}

	#globalNav .content {
		z-index: 110;
		border-top: 9px solid  #fff;
		border-bottom: 9px solid  #333;
		background: #333;
	}

		#globalNav .content .close {
			width: 100%;
			background: #fff;
			text-align: center;
		}

		#globalNav .content li {
			height: 50px;
			width: 320px;
			margin: 0 auto;
			padding: 0;
		}

		#globalNav .content .toHome {
			padding-top: 5px;
		}

		#globalNav .content .to3dsTop {
			width: 100%;
			background-color: #A61424;
			text-align: center;
		}

		#globalNav .content .to3DsMode {
			width: 100%;
			background-color: #A61424;
			text-align: center;
		}

		#globalNav .content .toWiiuTop {
			width: 100%;
			background-color: #1689ba;
			text-align: center;
		}


/*
=====================================================================
*
*    Wrapper
*
* ===================================================================
*/
#Wrapper {
	padding: 10px 0;
}

/*
=====================================================================
*
*    Footer
*
* ===================================================================
*/
#Footer {
	padding-top: 15px;
}

	#Footer .movieBtn {
		width: 300px;
		margin: 0 auto 15px auto;
	}

	#Footer .captionBlock {
		font-size: 10px;
		color: #999;
		text-align: center;
		font-weight: bold;
		margin-bottom: 15px;
		-webkit-text-size-adjust: 100%;
	}

	#Footer .cautionBlock {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		color: #999;
		font-size: 10px;
		text-align: center;
	}

	#Footer .copyBlock {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
		font-size: 8px;
		color: #999;
		text-align: center;
		line-height: 1.8;
	}

	#Footer .pageBtnBlock {
		text-align: center;
		border-bottom: solid 1px #EBEBEB;
		margin-bottom: 20px;
	}

	#Footer .btnBlock {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: solid 1px #EBEBEB;
	}
		#Footer .btnBlock .left {
			width: 155px;
		}
			#Footer .btnBlock .left ul {
			}
				#Footer .btnBlock .left ul li {
					margin-bottom: 18px;
				}
				#Footer .btnBlock .left ul li:last-child {
					margin-bottom: 0px;
				}
					#Footer .btnBlock .left ul li a {
						display: block;
						line-height: 15px;
						padding-left: 10px;
						font-size: 11px;
						color: #8C8C8C;
						font-weight: bold;
						background: url(../images/common/bg/footer-arrow.png) no-repeat 0px 1px;
						background-size: 5px 10px;
						word-break: break-all;
					}

		#Footer .btnBlock .right {
		}
			#Footer .btnBlock .right .caption {
				font-size: 8px;
				line-height: 8px;
				color: #8C8C8C;
				margin-bottom: 5px;
			}

			#Footer .btnBlock .right ul.sns {
				margin-bottom: 12px;
			}
				#Footer .btnBlock .right ul.sns li {
					float: left;
					margin-right: 12px;
				}
				#Footer .btnBlock .right ul.sns li:last-child {
					margin-right: 0px;
				}
					#Footer .btnBlock .right ul.sns li a {}

						#Footer .btnBlock .right ul.sns li a img {
							display: block;
						}

			#Footer .btnBlock .right ul.banner {
			}
				#Footer .btnBlock .right ul.banner li {
					float: left;
					margin-right: 12px;
				}
				#Footer .btnBlock .right ul.sns li:last-child {
					margin-right: 0px;
				}
					#Footer .btnBlock .right ul.banner li a {}

						#Footer .btnBlock .right ul.banner li a img {
							display: block;
						}

	#Footer .nationBlock {
		margin-bottom: 15px;
	}
		#Footer .nationBlock ul {
		}
			#Footer .nationBlock ul li {
				float: left;
				margin-right: 30px;
			}
			#Footer .nationBlock ul li:last-child {
				margin-right: 0px;
			}
				#Footer .nationBlock ul li a {}
					#Footer .nationBlock ul li a img {
						display: block;
					}

	#Footer .snsBlock {
		background-color: #E6E6E6;
	}
		#Footer .snsBlock .container {
			width: 240px;
		}
			#Footer .snsBlock ul {
				padding-top: 10px;
				padding-bottom: 10px;
			}
				#Footer .snsBlock ul li {
					float: left;
					height: 20px;
					overflow: hidden;
				}
				#Footer .snsBlock ul li.twitter {
					width: 68px;
					margin-right: 20px;
				}
				#Footer .snsBlock ul li.facebook {
					width: 72px;
					margin-right: 20px;
				}
				#Footer .snsBlock ul li.google {
					width: 60px;
				}
/*
=====================================================================
*
*    modalWindow
*
* ===================================================================
*/
.modalWindow {
	display: none;
	position: absolute;
	width: 100%;
	min-height: 100%;
	top: 0px;
	left: 0px;
	z-index: 90;
}
	.modalWindow .bg {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		z-index: 90;
		background: #FFF;
	}

	.modalWindow .content {
		display: none;
		position: absolute;
		z-index: 90;
		top: 0px;
		left: 0px;
		width: 100%;
		min-height: 100%;
	}

/*
=====================================================================
*
*    footerModal
*
* ===================================================================
*/
.footerModal {
	display: none;
	position: absolute;
	width: 100%;
	min-height: 100%;
	top: 0px;
	left: 0px;
	z-index: 100;
}
	.footerModal .bg {
		display: none;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		z-index: 90;
		background-color: #333;
	}

	.footerModal .content {
		display: none;
		position: absolute;
		z-index: 90;
		top: 0px;
		left: 0px;
		width: 100%;
		min-height: 100%;
		padding-bottom: 60px;
		background-color: #333;
	}

		.footerModal .content .inner {
			position: absolute;
			width: 300px;
			left: 50%;
			top: 30px;
			margin-left: -150px;
			background-color: #FFF;

		}

		.footerModal .content .title {
			width: 280px;
			padding-top: 30px;
			padding-bottom: 25px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 30px;
			text-align: center;
			border-bottom: solid 1px #E8E8E8;
		}
		.footerModal .content .link {
			width: 270px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 55px;
		}
			.footerModal .content .link ul li {
			}
				.footerModal .content .link ul li {
					margin-bottom: 10px;
				}
					.footerModal .content .link ul li a {
						font-size: 12px;
						color: #4D4D4D;
					}
						.footerModal .content .link ul li a span {
							/* font-weight: bold; */
						}

		.footerModal .content .close {
			text-align: center;
			padding-bottom: 30px;
		}

/* SecretModal */
#SecretAlertSection.footerModal .inner{
	width: 270px;
	padding: 20px 15px;
}

	#SecretAlertSection .alertIcon{
		width: 32px;
		margin: 0 auto 15px auto;
	}

	#SecretAlertSection .alertText{
		width: 270px;
		margin: 0 auto 20px auto; 
	}

		#SecretAlertSection .alertText p{
			font-weight: bold;
			text-align: center;
			font-size: 12px;
		}
		
	#SecretAlertSection .alertBtn{
		width: 270px;
		margin: 0 auto 30px auto;
	}

		#SecretAlertSection .alertBtn .yesBtn{
			width: 128px;
			float: left;
			margin-right: 14px;
		}

		#SecretAlertSection .alertBtn .noBtn{
			width: 128px;
			float: right;
		}

	#SecretAlertSection .alertCheck {
		font-size: 12px;
		text-align: center;
	}