html{
	color: #000;
	background: #FFF;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,
img {
	border: 0;
	vertical-align: bottom;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}
a {
	outline: none;
} 

ol,
ul {
	list-style: none;
}
 
caption,
th {
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}
q: before,
q: after {
	content: '';
}
abbr,
acronym {
	border: 0;
	font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size: 100%;
}
/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

@charset "UTF-8";

body {
}
a {
	border: none;
}
/* clearfix */
.clearfix,
ul,
ol,
dl {
	zoom: 1;
}
.clearfix:after,
ul:after,
ol:after,
dl:after {
	content: ""; 
	display: block; 
	clear: both;
}
/* float */
.float-left,
.f-left,
.float-l {
	float: left;
}
.float-right,
.f-right,
.float-r {
	float: right;
}
.float-end,
.f-end,
.float-clear,
.f-clear,
.float-c,
.c-both {
	clear: both;
}
/* text-align */
.text-left,
.t-left,
.text-l {
	text-align: left;
}
.text-right,
.t-right,
.text-r {
	text-align: right;
}
.text-center,
.t-center,
.text-c {
	text-align: center;
}
/* hover */
.hover:hover {
	background-position: 0 bottom;
}
/* display */
.d-block,
.block {
	display: block;
}
.d-none,
.hide {
	display: none;
}
.d-inline {
	display: inline;
}
/* visibility */
.visibility-visible,
.v-visible {
	visibility: visible;
}
.visibility-hidden,
.v-hidden {
	visibility: hidden;
}
/* button = block & hover */
.button {
	display: block;
	overflow: hidden;
	text-indent: -9999em;
}
	.button:hover {
		background-position: 0 bottom;
	}
/* line break */
.mini-br,
.tiny-br {
	font-size: 0;
	border: none;
}
.mini-br {
	height: 8px;
}
.tiny-br {
	height: 4px;
}
/* margin:auto */
.margin-auto,
.m-auto {
	margin: auto;
}
/* vertical-align */
.valign-top,
.v-top {
	vertical-align: top;
}
.valign-middle,
.v-middle {
	vertical-align: middle;
}
.valign-bottom,
.v-bottom {
	vertical-align: bottom;
}
/* font normal */
.f-normal {
	font-weight: normal;
}
/* font bold */
.f-bold,
.bold {
	font-weight: bolder;
}
/* font italic */
.f-italic,
.italic {
	font-style: italic;
}
/* text underline */
.t-underline,
.underline {
	text-decoration: underline;
}
/* text none */
.t-none {
	text-decoration: none;
}
/* indent */
.t-indent,
.indent {
	text-indent: 1em;
}
/* ぶら下がりのインデント、１文字目を前にだす */
.hang-indent,
.hanging-indent,
.h-indent {
	text-indent: -1em;
	padding-left: 1em;
}
/* width:100%; */
.maximum-width,
.maximum-size,
.max-width,
.max-size,
.w100 {
	width: 100% !important;
}
/* 行間 */
.lh1 {
	line-height: 1.0 !important;
}
/* カーソル制御 */
.cursor-pointer,
.cursor-p,
.c-pointer {
	cursor: pointer;
}
.cursor-default,
.cursor-d,
.c-default {
	cursor: default;
}
/* 余白 */
/*----------------------------------------------------------------------------*/
.m0 {margin: 0 !important;}
.m5 {margin: 5px !important;} 
.m10 {margin:10px !important;} 
.m15 {margin:15px !important;} 
.m20 {margin: 20px !important;} 
.m25 {margin: 25px !important;} 
.m30 {margin: 30px !important;} 
.m35 {margin: 35px !important;} 
.m40 {margin: 40px !important;} 
.m45 {margin: 45px !important;} 
.m50 {margin: 50px !important;} 
.mt0 {margin-top: 0 !important;}
.mt1 {margin-top: 1px !important;}
.mt2 {margin-top: 2px !important;}
.mt3 {margin-top: 3px !important;}
.mt4 {margin-top: 4px !important;}
.mt5 {margin-top: 5px !important;} 
.mt6 {margin-top: 6px !important;} 
.mt7 {margin-top: 7px !important;} 
.mt8 {margin-top: 8px !important;} 
.mt9 {margin-top: 9px !important;} 
.mt10 {margin-top:10px !important;} 
.mt15 {margin-top:15px !important;} 
.mt20 {margin-top: 20px !important;} 
.mt25 {margin-top: 25px !important;} 
.mt30 {margin-top: 30px !important;} 
.mt35 {margin-top: 35px !important;} 
.mt40 {margin-top: 40px !important;} 
.mt45 {margin-top: 45px !important;} 
.mt50 {margin-top: 50px !important;} 
.mra {margin-right: auto !important;}
.mr0 {margin-right: 0 !important;} 
.mr1 {margin-right: 1px !important;}
.mr2 {margin-right: 2px !important;}
.mr3 {margin-right: 3px !important;}
.mr4 {margin-right: 4px !important;}
.mr5 {margin-right: 5px !important;} 
.mr6 {margin-right: 6px !important;} 
.mr7 {margin-right: 7px !important;} 
.mr8 {margin-right: 8px !important;} 
.mr9 {margin-right: 9px !important;} 
.mr10 {margin-right:10px !important;} 
.mr15 {margin-right:15px !important;} 
.mr20 {margin-right: 20px !important;} 
.mr25 {margin-right: 25px !important;} 
.mr30 {margin-right: 30px !important;} 
.mr35 {margin-right: 35px !important;} 
.mr40 {margin-right: 40px !important;} 
.mr45 {margin-right: 45px !important;} 
.mr50 {margin-right: 50px !important;} 
.mb0 {margin-bottom: 0 !important;} 
.mb1 {margin-bottom: 1px !important;}
.mb2 {margin-bottom: 2px !important;}
.mb3 {margin-bottom: 3px !important;}
.mb4 {margin-bottom: 4px !important;}
.mb5 {margin-bottom: 5px !important;} 
.mb6 {margin-bottom: 6px !important;} 
.mb7 {margin-bottom: 7px !important;} 
.mb8 {margin-bottom: 8px !important;} 
.mb9 {margin-bottom: 9px !important;} 
.mb10 {margin-bottom:10px !important;} 
.mb15 {margin-bottom:15px !important;} 
.mb20 {margin-bottom: 20px !important;} 
.mb25 {margin-bottom: 25px !important;} 
.mb30 {margin-bottom: 30px !important;} 
.mb35 {margin-bottom: 35px !important;} 
.mb40 {margin-bottom: 40px !important;} 
.mb45 {margin-bottom: 45px !important;} 
.mb50 {margin-bottom: 50px !important;} 
.mla {margin-left: auto !important;} 
.ml0 {margin-left: 0 !important;} 
.ml1 {margin-left: 1px !important;}
.ml2 {margin-left: 2px !important;}
.ml3 {margin-left: 3px !important;}
.ml4 {margin-left: 4px !important;}
.ml5 {margin-left: 5px !important;} 
.ml6 {margin-left: 6px !important;} 
.ml7 {margin-left: 7px !important;} 
.ml8 {margin-left: 8px !important;} 
.ml9 {margin-left: 9px !important;} 
.ml10 {margin-left:10px !important;} 
.ml15 {margin-left:15px !important;} 
.ml20 {margin-left: 20px !important;} 
.ml25 {margin-left: 25px !important;} 
.ml30 {margin-left: 30px !important;} 
.ml35 {margin-left: 35px !important;} 
.ml40 {margin-left: 40px !important;} 
.ml45 {margin-left: 45px !important;} 
.ml50 {margin-left: 50px !important;} 
.p0 {padding: 0 !important;}
.p5 {padding: 5px !important;}
.p10 {padding:10px !important;} 
.p15 {padding:15px !important;} 
.p20 {padding: 20px !important;} 
.p25 {padding: 25px !important;} 
.p30 {padding: 30px !important;} 
.p35 {padding: 35px !important;} 
.p40 {padding: 40px !important;} 
.p45 {padding: 45px !important;} 
.p50 {padding: 50px !important;} 
.pt0 {padding-top: 0 !important;}
.pt1 {padding-top: 1px !important;}
.pt2 {padding-top: 2px !important;}
.pt3 {padding-top: 3px !important;}
.pt4 {padding-top: 4px !important;}
.pt5 {padding-top: 5px !important;} 
.pt6 {padding-top: 6px !important;} 
.pt7 {padding-top: 7px !important;} 
.pt8 {padding-top: 8px !important;} 
.pt9 {padding-top: 9px !important;} 
.pt10 {padding-top:10px !important;} 
.pt15 {padding-top:15px !important;} 
.pt20 {padding-top: 20px !important;} 
.pt25 {padding-top: 25px !important;} 
.pt30 {padding-top: 30px !important;} 
.pt35 {padding-top: 35px !important;} 
.pt40 {padding-top: 40px !important;} 
.pt45 {padding-top: 45px !important;} 
.pt50 {padding-top: 50px !important;} 
.pr0 {padding-right: 0 !important;} 
.pr1 {padding-right: 1px !important;}
.pr2 {padding-right: 2px !important;}
.pr3 {padding-right: 3px !important;}
.pr4 {padding-right: 4px !important;}
.pr5 {padding-right: 5px !important;} 
.pr6 {padding-right: 6px !important;} 
.pr7 {padding-right: 7px !important;} 
.pr8 {padding-right: 8px !important;} 
.pr9 {padding-right: 9px !important;} 
.pr10 {padding-right:10px !important;} 
.pr15 {padding-right:15px !important;} 
.pr20 {padding-right: 20px !important;} 
.pr25 {padding-right: 25px !important;} 
.pr30 {padding-right: 30px !important;} 
.pr35 {padding-right: 35px !important;} 
.pr40 {padding-right: 40px !important;} 
.pr45 {padding-right: 45px !important;} 
.pr50 {padding-right: 50px !important;}
.pb0 {padding-bottom: 0 !important;}  
.pb1 {padding-bottom: 1px !important;}
.pb2 {padding-bottom: 2px !important;}
.pb3 {padding-bottom: 3px !important;}
.pb4 {padding-bottom: 4px !important;}
.pb5 {padding-bottom: 5px !important;} 
.pb6 {padding-bottom: 6px !important;} 
.pb7 {padding-bottom: 7px !important;} 
.pb8 {padding-bottom: 8px !important;} 
.pb9 {padding-bottom: 9px !important;} 
.pb10 {padding-bottom:10px !important;} 
.pb15 {padding-bottom:15px !important;} 
.pb20 {padding-bottom: 20px !important;} 
.pb25 {padding-bottom: 25px !important;} 
.pb30 {padding-bottom: 30px !important;} 
.pb35 {padding-bottom: 35px !important;} 
.pb40 {padding-bottom: 40px !important;} 
.pb45 {padding-bottom: 45px !important;} 
.pb50 {padding-bottom: 50px !important;} 
.pl0 {padding-left: 0 !important;} 
.pl1 {padding-left: 1px !important;}
.pl2 {padding-left: 2px !important;}
.pl3 {padding-left: 3px !important;}
.pl4 {padding-left: 4px !important;}
.pl5 {padding-left: 5px !important;} 
.pl6 {padding-left: 6px !important;} 
.pl7 {padding-left: 7px !important;} 
.pl8 {padding-left: 8px !important;} 
.pl9 {padding-left: 9px !important;} 
.pl10 {padding-left:10px !important;} 
.pl15 {padding-left:15px !important;} 
.pl20 {padding-left: 20px !important;} 
.pl25 {padding-left: 25px !important;} 
.pl30 {padding-left: 30px !important;} 
.pl35 {padding-left: 35px !important;} 
.pl40 {padding-left: 40px !important;} 
.pl45 {padding-left: 45px !important;} 
.pl50 {padding-left: 50px !important;} 

/* フォントサイズ */
/*----------------------------------------------------------------------------*/
.fs8 {font-size: 8px !important;} 
.fs9 {font-size: 9px !important;} 
.fs10 {font-size: 10px !important;} 
.fs11 {font-size: 11px !important;} 
.fs12 {font-size: 12px !important;} 
.fs13 {font-size: 13px !important;} 
.fs14 {font-size: 14px !important;} 
.fs15 {font-size: 15px !important;} 
.fs16 {font-size: 16px !important;} 
.fs17 {font-size: 17px !important;} 
.fs18 {font-size: 18px !important;} 
.fs19 {font-size: 19px !important;} 
.fs20 {font-size: 20px !important;} 
.fs21 {font-size: 21px !important;} 
.fs22 {font-size: 22px !important;} 
.fs23 {font-size: 23px !important;} 
.fs24 {font-size: 24px !important;} 
.fs25 {font-size: 25px !important;} 


/* ベース設定 */
/*----------------------------------------------------------------------------*/
html, body {
	width: 100%;
	height: 100%;
	
}
html {
	background-color: #000;
}

body {
	font-size: 12px;
	font-family: 
		Verdana, 
		Roboto, 
		"Droid Sans", 
		"游ゴシック", 
		YuGothic, 
		"メイリオ", 
		Meiryo, 
		"ヒラギノ角ゴ ProN W3", 
		"Hiragino Kaku Gothic ProN", 
		"ＭＳ Ｐゴシック", 
		sans-serif;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 240px 0;
}

	/* ----- ***** SP用 ***** ----- */
	@media screen and (max-width: 640px) {
		html, body {
			background-color: #121212;
		}
	}

/* 共通設定 */
/*----------------------------------------------------------------------------*/
/* PC版では表示する */
.display-pc {
}
/* スマホ版では表示する */
.display-sp {
	display: none;
}
@media screen and (max-width: 640px) {
	.display-pc {
		display: none;
	}
	.display-sp {
		display: block;
	}
}

/* ----- テキスト表示系 ----- */
/* 明朝アンチエイリアスハック */
.t-mincho {
	font-family:
		"Times New Roman",
		"游明朝",
		YuMincho,
		"ＭＳ Ｐ明朝",
		"MS PMincho",
		"MS 明朝",
		"Hiragino Mincho ProN",
		Meiryo,
		serif;
	transform-origin: 0 0;
	transform: scale(1, 1.01);
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(1, 1.01);
	-moz-transform-origin: 0 0;
	-moz-transform: scale(1, 1.01);
	-ms-transform-origin: 0 0;
	-ms-transform: scale(1, 1.02);
	-o-transform-origin: 0 0;
	-o-transform: scale(1, 1.01);
	letter-spacing: 1px;/* 文字間調整 */
}

/* ----- 罫線 ----- */
/* コンテンツ区切り */
.split {
	margin-left: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 650px;
}
	.split hr {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-right: auto;
		margin-left: auto;
		display: block;
		height: 1px;
		border: 0;
		background-image: url(https://form3.square-enix.com/asset/asset_480.png);
		background-repeat: repeat-x;
	}
	/* ----- ***** SP用 ***** ----- */
	@media screen and (max-width: 640px) {
		.split {
			margin-left: 0;
			padding-top: 24px;
			padding-bottom: 24px;
			padding-right: 12px;
			padding-left: 12px;
			width: auto;
		}
			.split hr {
				background-image: url(https://form3.square-enix.com/asset/asset_481.png);
			}	
	}

/* ----- 強調リンク ----- */
a.strong-link {
	color: #4ef1c9;
}
	a.strong-link:hover {
		text-decoration: none;
	}


/* ヘッダ */
/*----------------------------------------------------------------------------*/
#header {
	display: none;
}
	/* ----- ***** SP用 ***** ----- */
	@media screen and (max-width: 640px) {
		#header {
			display: block;
			border-bottom: 1px solid #474348;
		}
			/* 赤帯部分 */
			#header-head {
				height: 13px;
				background-color: #bc0500;
			}
			/* ----- ヘッダナビ ----- */
			#header-navi {
				padding-top: 2%;
				padding-bottom: 2%;
				padding-left: 3%;
				padding-right: 3%;
			}
			/* ----- ヘッダロゴ ----- */
			#header-logo {
				float: left;
				width: 49%;
			}
				#header-logo img {
					display: block;
					width: 100%;
				}
			/* ----- ヘッダメニュー ----- */
			#header-menu {
				float: right;
				width: 13.6%;
			}
				/* メニューアイコン */
				#header-menu img {
					width: 100%;
				}
				#header-menu img:last-child {
					display: none;
				}
	}

/* メイン */
/*----------------------------------------------------------------------------*/
#main {
	min-width: 1020px;
	background-repeat: no-repeat;
	background-color: #000;
	background-size: 100% auto;	
	background-position: center top;
	background-attachment:fixed;
	zoom: 1;
}
	/* フロート解除 */
	#main:after {
		content: ""; 
		display: block; 
		clear: both;
	}
	* html #main {
		width: 1020px;
	}
	/* ----- ***** 1960より小さければ背景画像サイズを固定にする ----- ***** */
	@media screen and (max-width: 1960px) {
		#main {
			background-size: auto auto;	
		}
	}
	/* ----- ***** SP用 ***** ----- */
	@media screen and (max-width: 640px) {
		#main {
			min-width: initial;
			min-width: auto;
			border-bottom: none;
			background-color: #000;
			background-size: auto auto;
		}
	}


/* フッタ */
/*----------------------------------------------------------------------------*/
#footer {
	padding-top: 26px;
	padding-bottom: 26px;
	background-color: #000;
	border-top: 1px solid #232323;
}

/* ----- フッタナビゲーション ----- */
#footer-navi {
	padding-left: 30px;
}
	#footer-navi li {
		float: left;
		margin-right: 30px;
	}
	#footer-navi a {
		color: #fff;
		text-decoration: none;
		background-image: url(https://form3.square-enix.com/asset/asset_482.jpg);
		background-repeat: no-repeat;
		background-position: 0 4px;
		padding-left: 14px;
	}
	/* 二つ目のSPANを非表示にする */
	#footer-navi a span:first-child + span {
		display: none;
	}

/* ----- コピーライト ----- */
#copyright {
	margin-top: 16px;
	padding-left: 30px;
	color: #7c7c7c;
}
	/* 二つ目のSPANを非表示にする */
	#copyright span:first-child + span {
		display: none;
	}

	/* ----- ***** SP用 ***** ----- */
	@media screen and (max-width: 640px) {
		#footer {
			padding-top: 0;
			padding-bottom: 0;
			background-color: #121212;
		}
		/* ----- フッタナビゲーション ----- */
		#footer-navi {
			padding-top: 16px;
			padding-bottom: 16px;
			padding-left: 0;
			border-top: 1px solid #313131;
			border-bottom: 1px solid #1d1d1d;
			background-color: #000;
		}
			#footer-navi ul {
				width: 90%;
				padding-left: 6%;
				margin-right: auto;
				margin-left: auto;
			}
			#footer-navi li {
			}
			#footer-navi a {
				background-position: 0 3px;
			}
			#footer-navi a span:first-child {
				display: none;
			}
			#footer-navi a span:first-child + span {
				display: inline;
			}
		/* ----- コピーライト ----- */
		#copyright {
			padding-left: 0;
			padding-bottom: 16px;
			text-align: center;
		}
		#copyright span:first-child {
			display: none;
		}
		#copyright span:first-child + span {
			display: inline;
		}
	}

/* コンテンツエリア */
/*----------------------------------------------------------------------------*/
#content {
	position: relative;
	float: right;
	visibility: hidden;
}
	/* コンテンツ枠 */
	#content-frame {
		margin-right: auto;
		margin-left: auto;
		width: 770px;
	}
		/* コンテンツ基本幅 */
		.content-detail {
			margin-left: 30px;
			width: 650px;
		}
		/* 通常よりややひろいコンテンツエリア、スマホは変わらない */
		.content-detail-wide {
			margin-left: 30px;
			width: 680px;
		}
	/* テキストエリア */
	#content p {
		color: #fff;
		line-height: 2.2;
	}
	/* コンテンツタイトル */
	#content-title {
		position: relative;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 24px;
		width: 770px;
	}
		/* 770pxで切り抜いた画像を左に30pxずらす */
		#content-title span:first-child img {
			position: relative;
			left: -30px;
			z-index: 100;
		}
		/* 英語版画像 */
		#content-title span:first-child + span {
			position: absolute;
			top: 0;
			z-index: 99;
		}
		/* PC用タイトルを表示 */
		#content-title span:first-child,
		#content-title span:first-child + span {
			display: block;
		}
		/* スマホ用タイトルを非表示 */
		#content-title span:first-child + span + span {
			display: none;
		}
	/* コンテンツ中見出し */
	.content-head {
	}
		/* 表示の切り替え */
		.content-head span:first-child {
			display: block;
			margin-bottom: 20px;
		}
		.content-head span:first-child + span {
			display: none;
		}
	/* コンテンツ小見出し：赤色のやつ */
	.content-subhead {
		margin-bottom: 3px;
		color: #cc0000;
		font-size: 1.33em;
	}


	/* ----- ***** SP用 ***** ----- */
	@media screen and (max-width: 640px) {
		#content {
			float: none;
		}
			/* コンテンツ枠 */
			#content-frame {
				padding-right: 0;
				padding-left: 0;
				width: auto;
			}
				.content-detail,
				.content-detail-wide {
					padding-right: 30px;
					padding-left: 30px;
					width: auto;
					margin-left: 0;
				}

			/* テキストエリア */
			#content p {
				font-size: 1.16em;
			}
			/* コンテンツタイトル */
			#content-title {
				margin-bottom: 24px;
				padding-right: 12px;
				padding-left: 12px;
				width: auto;
				font-size: 2.5em;
			}
				#content-title span:first-child,
				#content-title span:first-child + span {
					display: none;
				}
				#content-title span:first-child + span + span {
					padding-top: 25px;
					padding-bottom: 25px;
					padding-left: 18px;
					padding-right: 18px;
					display: block;
					background-image: url(https://form3.square-enix.com/asset/asset_483.png);
					background-position: center bottom;
					background-repeat: repeat-x;
				}
			/* コンテンツ中見出し */
			.content-head {
				margin-bottom: 15px;
				font-size: 2.0em;
			}
				#content-title,
				.content-head {
					color: #fff;
				}
				#content-title:first-letter,
				.content-head:first-letter,
				#content-title span:first-letter,
				.content-head span:first-letter {
					color: #cc0000;
				}
				/* 表示の切り替え */
				.content-head span:first-child {
					display: none;
				}
				#content-title span:first-child + span + span,
				.content-head span:first-child + span {
					display: block;
					text-shadow: 0 -2px 6px #000;
				}
			/* コンテンツ小見出し：赤色のやつ */
			.content-subhead {
				font-size: 1.5em;
			}

			/* 強調：水色のやつ */
			.content-strong {
				color: #aadaf1;
				font-size: 1.8em;
			}
	}

/* メニュー */
/*----------------------------------------------------------------------------*/
.menu {
	position: relative;
	z-index: 101;
	float: left;
	width: 250px;
	color: #fff;
	background-image: url(https://form3.square-enix.com/asset/asset_484.png);
	background-repeat: repeat-y;
}
	.menu a {
		color: #fff;
		text-decoration: none;
	}
	/* 赤帯部分 */
	.menu-head {
		height: 13px;
		border-top: 1px solid #de0600;
		border-left: 1px solid #de0600;
		background-color: #bc0500;
	}

/* メニュー枠 */
.menu-frame {
	width: 241px;
}

/* ----- ロゴ部分 ----- */
.menu-logo {
	display: block;
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 30px;
	color: #fff;
	font-size: 1.5em;
	border-left: 1px solid #202020;
}

	/* ----- ***** SP用 ***** ----- */
	@media screen and (max-width: 640px) {
		.menu {
			float: none;
			padding-top: 28px;
			width: auto;
			background-image: none;
			background-color: #000;
			border-top: 1px solid #41454d;
		}
			.menu a {
			}
			/* 赤帯部分 */
			.menu-head {
				display: none;
			}
		/* メニュー枠 */
		.menu-frame {
			width: auto;
		}
		/* ----- ロゴ部分 ----- */
		.menu-logo {
			display: none;
		}
	}

/* ----- メニューボタン & 汎用ボタン ----- */
.menu-button {
	padding-right: 20px;
}
	.common-button li {
		float: left;
	}
	.common-button li:first-child + li,
	.common-button li:first-child + li + li + li {
		float: right;
	}
	.common-button li:first-child + li + li,
	.common-button li:first-child + li + li + li {
		margin-top: 10px;
	}
	.menu-button a {
		margin-bottom: 1px;
	}
	.common-button a {
		width: 316px;
	}
	.menu-button a,
	.common-button a {
		display: block;
		color: #fff;
		border-top: 1px solid #bd0500;
		background-color: #9b0400;
		background-image: url(https://form3.square-enix.com/asset/asset_485.png);
		background-position: right center;
		background-repeat: no-repeat;
	}
	/* ホバー */
	.menu-button a:hover,
	.common-button a:hover {
		border-top: 1px solid #de0600;
		background-color: #cf0f0a;
		background-image: url(https://form3.square-enix.com/asset/asset_486.png);
	}
	/* 無効状態 */
	.common-button .selected a,
	.common-button .selected a:hover {
		border-top: 1px solid #696969;
		background-color: #565656;
		background-image: url(https://form3.square-enix.com/asset/asset_487.png);
	}
	.menu-button span {
		padding-left: 30px;
	}
	.common-button span {
		width: 316px;
		text-align: center;
	}
	.menu-button span,
	.common-button span {
		display: table-cell;
		height: 73px;
		vertical-align: middle;
	}
	/* ボタン内の二つ目のSPANタグを非表示にする */
	.menu-button span:first-child + span,
	.common-button span:first-child + span {
		display: none;
	}
	/* マイページへ */
	.goto-mypage {
	}
	/* エントリーへ */
	.goto-entry {
	}

	/* ----- ***** SP用 ***** ----- */
	@media screen and (max-width: 640px) {
		/* ----- メニューボタン & 汎用ボタン ----- */
		.menu-button {
			padding-right: 0;
			margin-right: auto;
			margin-left: auto;
			width: 90%;
		}
			.menu-button li:nth-child(odd),
			.common-button li:nth-child(odd) {
				float: left;
			}
			.menu-button li:nth-child(even),
			.common-button li:nth-child(even) {
				float: right;
			}
			.common-button li {
				width: 49%;
			}
			.menu-button a {
				width: 274px;
			}
			.common-button a {
				width: 100%;
			}

			.menu-button a,
			.common-button a {
				margin-bottom: 0;
				font-size: 2.0em;
				border-left: 1px solid #bd0500;
				background-image: url(https://form3.square-enix.com/asset/asset_485.png);
				background-position: right center;
			}
			.common-button a {
				text-align: center;
				text-decoration: none;
			}
			.menu-button a:hover,
			.common-button a:hover {
				border-top: 1px solid #bd0500;
				background-color: #9b0400;
				background-image: url(https://form3.square-enix.com/asset/asset_485.png);
				background-position: right center;
			}
			/* 無効状態 */
			.common-button .selected a,
			.common-button .selected a:hover {
				color: #959595;
				border-left: 1px solid #696969;
				background-image: url(https://form3.square-enix.com/asset/asset_487.png);
			}
			/* ボタン内の一つ目のSPANタグを非表示にする */
			.menu-button span:first-child,
			.common-button span:first-child {
				display: none;
			}
			.menu-button span:first-child + span,
			.common-button span:first-child + span {
				display: table-cell;
			}
			.common-button span:first-child + span {
				padding-right: 30px;
				padding-left: 30px;
			}
	}
	@media screen and (max-width: 630px) {
		/* ----- メニューボタン ----- */
		.menu-button {
		}
			/* ボタンのフロートを解除して横いっぱいまで伸ばす */
			.menu-button li:nth-child(odd),
			.menu-button li:nth-child(even),
			.common-button li {
				float: none !important;
				margin-right: 0;
				margin-bottom: 1px;
			}
			.common-button li {
				margin-top: 0 !important;
				width: auto;
			}
			.menu-button a {
				width: auto;
			}
			.common-button a {
				width: auto;
			}
			.menu-button span {
			}		
			.common-button span:first-child + span {
				width: auto;
			}
	}

/* ----- メニューメインサブ共通 ----- */
.menu-main-navi, 
.menu-sub-navi {
	font-size: 1.3em;
	padding-left: 29px;
	padding-right: 34px;
}
	/* リンク各項目 */
	.menu-main-item-list li,
	.menu-sub-item-list li {
		margin-top: 20px;
		padding-bottom: 8px;
		background-repeat: no-repeat;
		background-position: 0 bottom;
	}
	/* ホバーでボーダーを表示 */
	.menu-main-item-list li:hover,
	.menu-sub-item-list li:hover,
	.menu-main-item-list li.selected,
	.menu-sub-item-list li.selected {
		background-position: right bottom;
	}
	/* 機能無効状態 */
	.menu-main-item-list li.disabled,
	.menu-sub-item-list li.disabled {
		opacity: 0.4;
		filter: alpha(opacity=40);
		background-image: none;
	}
	.menu-main-item-list li a,
	.menu-sub-item-list li a {
		display: block;
		padding-left: 20px;
		background-repeat: no-repeat;
		background-position: 0 3px;
	}
	/* 機能無効状態 */
	.menu-main-item-list li.disabled a,
	.menu-sub-item-list li.disabled a {
		cursor: default;
	}
	.menu-main-item-list li span,
	.menu-sub-item-list li span {
	}
	/* ボタン内の二つ目のSPANタグを非表示にする */
	.menu-main-item-list li span:first-child + span,
	.menu-sub-item-list li span:first-child + span {
		display: none;
	}

/* ----- メニューメインナビゲーション部 ----- */
.menu-main-navi {
}
	/* リンク一覧エリア */
	.menu-main-item-list {
	}
	/* 破線 */
	.menu-main-item-list li {
		background-image: url(https://form3.square-enix.com/asset/asset_489.png);
	}
	/* アイコン */
	.menu-main-item-list li a {
		background-image: url(https://form3.square-enix.com/asset/asset_488.jpg);
	}


/* ----- メニューサブナビゲーション部 ----- */
.menu-sub-navi {
	padding-bottom: 26px;
}
	/* リンク一覧エリア */
	.menu-sub-item-list {
	}
	/* 破線 */
	.menu-sub-item-list li {
		background-image: url(https://form3.square-enix.com/asset/asset_490.png);
	}
	/* アイコン */
	.menu-sub-item-list li a {
		background-image: url(https://form3.square-enix.com/asset/asset_490.jpg);
	}

/* ----- メニューメインサブ区切り線 ----- */
.menu-separator hr {
	display: none;
}

	/* ----- ***** SP用 ***** ----- */
	@media screen and (max-width: 640px) {
		/* ----- メニューメインサブ共通 ----- */
		.menu-main-navi, 
		.menu-sub-navi {
			padding-left: 0;
			padding-right: 0;
			margin-right: auto;
			margin-left: auto;
			width: 90%;
		}
		.menu-main-navi {
			font-size: 1.5em;
		}
		.menu-sub-navi {

			font-size: 1.25em;
		}
			/* リンク各項目：赤中黒 */
			.menu-main-item-list li {
				width: 260px;	
				padding-left: 14px;
			}
			.menu-main-item-list li:nth-child(odd) {
				float: left;
			}
			.menu-main-item-list li:nth-child(even) {
				float: right;
			}
			/* リンク各項目：青中黒 */
			.menu-sub-item-list li {
				padding-left: 15px;
			}
			.menu-main-item-list li a {
				background-position: 0 4px;
			}
			.menu-sub-item-list li a {
				background-position: 0 2px;
			}
			.menu-main-item-list li span,
			.menu-sub-item-list li span {
			}
			/* ボタン内の一つ目のSPANタグを非表示にする */
			.menu-main-item-list li span:first-child,
			.menu-sub-item-list li span:first-child {
				display: none;
			}
			/* ボタン内の二つ目のSPANタグを表示にする */
			.menu-main-item-list li span:first-child + span,
			.menu-sub-item-list li span:first-child + span {
				display: table-cell;
			}
		/* ----- メニューメインナビゲーション部 ----- */
		.menu-main-navi {
		}
			/* リンク一覧エリア */
			.menu-main-item-list {
			}
			.menu-main-item-list li {
				background-image: none;
			}

		/* ----- メニューサブナビゲーション部 ----- */
		.menu-sub-navi {
			padding-bottom: 26px;
		}
			/* リンク一覧エリア */
			.menu-sub-item-list {
			}
			.menu-sub-item-list li {
				background-image: none;
			}

		/* ----- メニューメインサブ区切り線 ----- */
		.menu-separator {
			padding-top: 26px;
			padding-bottom: 8px;
			padding-left: 15px;
			padding-right: 15px;
		}
		.menu-separator hr {
			display: block;
			height: 1px;
			border: 0;
			background-image: url(https://form3.square-enix.com/asset/asset_491.png);
			background-repeat: repeat-x;
		}
	}
	@media screen and (max-width: 630px) {
		/* ----- メニューメインサブ共通 ----- */
		.menu-main-navi, 
		.menu-sub-navi {
		}
			/* リンク各項目：赤中黒 */
			.menu-main-item-list li {
				width: auto;	
			}
			.menu-main-item-list li:nth-child(odd),
			.menu-main-item-list li:nth-child(even) {
				float: none;
			}
	}

/* スマホ用トグルメニュー */
/*----------------------------------------------------------------------------*/
#float-menu {
	display: none;
	position: absolute;
	z-index: 100;
	width: 100%;
	background-image: url(https://form3.square-enix.com/asset/asset_492.png);
}


/* スライダー */
/*----------------------------------------------------------------------------*/
/* ライブラリの定義をうわがき */
.bx-wrapper .bx-viewport {
	background: transparent !important;
}

.slider {
}
	/* 大きいの表示エリア */
	.slider-main {
		overflow: hidden;
	}
		.slider-main li {
			background-color: transparent;
		}
		.slider-main img {
			margin: auto;
			width: 100%;
			max-width: 100%;
		}
	/* 大きいの枠 */
	.slider-frame {
		overflow: hidden;
	}
		/* キャプション */
		.slider-frame li p {
			padding-top: 10px;
			padding-bottom: 20px;
			color: #fff;
			font-size: 0.8em !important;
			line-height: 2;
		}
	/* スクリーンショットナビゲーション */
	.slider-navi {
	}
	.slider-navi li {
		float: left;
	}
		/* サムネイル */
		.slider-navi a {
			position: relative;
			cursor: pointer;
		}
			/* 選択状態 */
			.slider-navi a.selected {
				cursor: default;
			}
		/* サムネイル選択状態 */
		.slider-navi a .slider-navi-selected {
			display: none;
			position: absolute;
			background-image: url(https://form3.square-enix.com/asset/asset_493.png);
		}
			.slider-navi a:hover .slider-navi-selected,
			.slider-navi a.selected .slider-navi-selected {
				display: block !important;
			}

	@media screen and (max-width: 640px) {
		/* スライダーの調整 */
		.slider {
		}
			/* 大きいの表示 */
			.slider-main {
				float: none;
				margin-right: auto;
				margin-left: auto;
				width: auto;
				height: auto;
			}
			/* 大きいの枠 */
			.slider-frame {
				width: auto;
				height: auto;
			}
				/* キャプション */
				.slider-frame li p {
					text-align: center;
					line-height: 2!important;
					height:50px;
				}
			/* サムネイル部分 */
			.slider-navi {
				float: none;
				width: auto;
			}
				.slider-navi img {
					width: 100%;
					max-width: 100%;
					height: auto;
				}
		.slider-navi a:hover .slider-navi-selected {
			display: none !important;
		}
		.slider-navi a.selected .slider-navi-selected {
			display: block !important;
		}
	}


/* マーカーつきの見出し */
/*----------------------------------------------------------------------------*/
/* 透過マーカー */
.alpha-marker {
	background-image: url(https://form3.square-enix.com/asset/asset_494.png);
}
/* 赤マーカー */
.red-marker {
	background-image: url(https://form3.square-enix.com/asset/asset_495.png);
}
/* グレーマーカー */
.gray-marker {
	background-image: url(https://form3.square-enix.com/asset/asset_496.png);
}
.red-marker,
.gray-marker {
	margin-bottom: 10px;
}
.alpha-marker,
.red-marker,
.gray-marker {
	display: inline-block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 12px;
	color: #fff;
	font-weight: bold;
	line-height: 1.0 !important;
}

	@media screen and (max-width: 640px) {
		/* 赤マーカー */
		.red-marker {
			background-image: url(https://form3.square-enix.com/asset/asset_497.png);
		}
		/* グレーマーカー */
		.gray-marker {
			background-image: url(https://form3.square-enix.com/asset/asset_498.png);
		}
	}
	
/* お問い合わせフォーム */
/*----------------------------------------------------------------------------*/
/* ----- 背景画像の指定 ----- */
#contact #main {
	background-image: url(https://form3.square-enix.com/asset/asset_499.jpg);
}
/* ----- ***** SP用 ***** ----- */
	@media screen and (max-width: 640px) {
		/* ----- 背景画像の指定 ----- */
		#contact #main {
			background-image: url(https://form3.square-enix.com/asset/asset_500.jpg);
		}
	}
/* 英語タイトル */
#content-title span:first-child + span {
	margin-left: 30px;
}
/* PC版のみ、見出しと説明で左右に分かれる独自パターン */
.entry-float {
	width: 650px;
}
/* 見出しマーカー部分 */
.entry-float .red-marker {
	width: 190px;
}
.entry-float .red-marker span {
	font-size:0.9em;
}
.entry-float li {
	float: left;
}
.entry-float li:first-child + li {
	float: right;
	width: 414px;
}
.entry-float li:first-child + li.attention {
	width:580px;
}
.entry-float li input {
	width:80%;
}
.entry-float li textarea {
	width:100%;
}
.one-button li {
	float:none!important;
}
.one-button li a {
	margin:0 auto;
	display:table;
}

	/* ----- ***** SP用 ***** ----- */
	@media screen and (max-width: 640px) {
		/* PC版のみ、見出しと説明で左右に分かれる独自パターン */
		.entry-float {
			width: auto;
		}
		/* 見出しマーカー部分 */
		.entry-float .red-marker {
			width: auto;
		}
		.entry-float li {
			float: none;
		}
		.entry-float li:first-child + li {
			float: none;
			width: auto;
		}
		.entry-float li:first-child + li.attention {
			width: auto;
		}
		#content .entry-float li p {
			line-height:1.2;
		}
		.entry-float li input {
			width:100%;
		}
		.one-button li {
			width:auto;
		}
	}