@charset "UTF-8";




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
RESET_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
*{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

h1,h2,h3,h4,h5,h6,
div,p,
span,em,strong,
ul,ol,li,
dl,dt,dd,
a{
	background-repeat: no-repeat;
	background-size: 100% auto;
}

a{
	outline: none;
	text-decoration: none;
}

.pc{
	display: none;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　RESET_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
COMMON_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body{
	background-color: #000000;
	color: #cccccc;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 579px 547px;
}
html,body{
	width: 100%;
	height: 100%;
	vertical-align: baseline;
}
#grandwrapper{
	position: relative;
	width: 100%;
	min-height: 1095px;
	overflow: hidden;
}
.sp {
	display: block;
}
.pc {
	display: none;
}




/*
〓〓〓フォント関連〓〓〓
*/
.font_en_t_b {
	font-family: "termina", sans-serif;
	font-weight: 700;
	font-style: normal;
}



/*
汎用アニメーション
*/
/*一括指定*/
.wp_t_a,
.wp_t_b,
.wp_t_c,
.wp_t_d {
	animation-timing-function: cubic-bezier(.42,0,0,.99);
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-play-state: running;
	animation-iteration-count: inherit;
}

/*トグルタイプ*/
.wp_t_a_toggle {
	opacity: 0;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
.wp_t_a_toggle_active {
	opacity: 1;
}

/*通過タイプ*/
.wp_t_a {
	opacity: 0;
	animation-duration: 800ms;
}
.wp_t_a_active {
	animation-name: anime_wp_t_a;
}
@keyframes anime_wp_t_a {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100%{
		opacity: 1;
		transform: translateY(0px);
	}
}

/*通過タイプ*/
.wp_t_b {
	opacity: 0;
	animation-duration: 800ms;
}
.wp_t_b_active {
	animation-name: anime_wp_t_b;
}
@keyframes anime_wp_t_b {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100%{
		opacity: 1;
		transform: translateY(0px);
	}
}

/*通過タイプ*/
.wp_t_c {
	opacity: 0;
	animation-duration: 800ms;
}
.wp_t_c_active {
	animation-name: anime_wp_t_c;
}
@keyframes anime_wp_t_c {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	100%{
		opacity: 1;
		transform: translateX(0px);
	}
}

/*通過タイプ*/
.wp_t_d {
	opacity: 0;
	animation-duration: 800ms;
}
.wp_t_d_active {
	animation-name: anime_wp_t_d;
}
@keyframes anime_wp_t_d {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	100%{
		opacity: 1;
		transform: translateX(0px);
	}
}



/*
flexの末尾調整用
*/
.emptyflexbox {
	background-color: transparent !important;
	height: 0 !important;
	min-height: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border: none !important;
}
.emptyflexbox::before,
.emptyflexbox::after {
	display: none !important;
}



/*
magnificPopup
*/
/*フェードアニメーション初期設定*/
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: .8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
/*ギャラリーモードUI*/
.mfp-arrow-right:after {
    border-left: 17px solid #c10019 !important;
}
.mfp-arrow-right:before {
	border-left: transparent !important;
}
.mfp-arrow-left:after {
    border-right: 17px solid #c10019 !important;
}
.mfp-arrow-left:before {
	border-right: transparent !important;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #c10019 !important;
}
.mfp-counter {
	color: #c10019 !important;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　			　　　　　COMMON_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
LOADING_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#loading{
	z-index: 999;
	background-color: #000000;
	color: #ffffff;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition-duration: 1000ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin:bottom;
}
#loading.remove{
	opacity: 0;
	pointer-events: none;
}



/*
SVG格納要素指定
*/
#loading > div {
	opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -63px 0 0 -54px;
    display: inline-block;
    width: 126px;
    height: 108px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin:bottom;
	transform: scale(1.1);
}
#loading > div svg {
    width: 126px;
    height: 108px;
}
#loading > div svg g:nth-of-type(1),
#loading > div svg g:nth-of-type(1) .outer,
#loading > div svg g:nth-of-type(2) {
	animation-duration: 6000ms;
	animation-delay: 0;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-play-state: running;
	animation-iteration-count: infinite;
	transform-origin: center;
}
#loading > div svg g:nth-of-type(1) .outer {
	animation-direction: reverse;
	animation-duration: 3000ms;
	animation-delay: 1500;
}
#loading > div svg g:nth-of-type(1) .st0,
#loading > div svg g:nth-of-type(2) .st0 {
	fill:#720816;
}



/*
ロード中演出
*/
#loading.start > div {
	opacity: 1;
	transform: scale(1);
}
#loading.start > div svg g:nth-of-type(1) {
	animation-name: common_anime_nowloading_deg;
}
#loading.start > div svg g:nth-of-type(1) .outer {
	animation-name: common_anime_nowloading_deg;
}
#loading.start > div svg g:nth-of-type(2) {
	/*animation-name: common_anime_nowloading_deg;*/
}
@keyframes common_anime_nowloading_deg {
	0% {
		transform: rotateY(0deg);
	}
	50% {
		transform: rotateY(180deg);
	}
	100%{
		transform: rotateY(360deg);
	}
}



/*
フェードアウト演出
*/
#loading.active > div {
	opacity: 1;
	animation-duration: 600ms;
	animation-delay: 0;
	animation-timing-function: cubic-bezier(.42,0,0,.99);
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-play-state: running;
	animation-iteration-count: 1;
	transform-origin: center;
	animation-name: common_anime_removeloading;
}
@keyframes common_anime_removeloading {
	0% {
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	100%{
		opacity: 0;
		transform: scale(0.7);
	}
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　LOADING_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
フッター_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
footer {
	background: linear-gradient(180deg,#000000,#210c0f);
	text-align: center;
	padding: 100px 0;
}




/*
COMMUNITY
*/
footer .community {
	margin: 0 0 100px 0;
}
footer .community h3 {
	width: 320px;
	height: 52px;
	margin: 0 auto 50px auto;
	background-image: url(../images/community_title_sp.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	text-indent: -9999px;
}
footer .community  > ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 300px;
	margin: 0 auto;
}
footer .community  > ul li {
	background-image: url(../images/community_target.png);
	background-position: center center;
    background-repeat: no-repeat;
	background-size: 100% auto;
	width: 82px;
	height: 82px;
}
footer .community  > ul li a {
    display: block;
    box-sizing: border-box;
    background-position: center 18px;
    background-repeat: no-repeat;
    width: 82px;
	height: 82px;
    padding: 52px 0 0 0;
    font-size: 10px;
	font-family: "termina", sans-serif;
	font-weight: 500;
	font-style: normal;
    text-align: center;
    letter-spacing: 0.08em;
    text-indent: 0.2em;
    color: #ffffff;
}
footer .community  > ul li.x a{
	background-image: url(../images/icon_x.png);
	background-size: 28px auto;
}
footer .community  > ul li.discord a{
	background-image: url(../images/icon_discord.png);
	background-size: 32px auto;
}
footer .community  > ul li.youtube a{
	background-image: url(../images/icon_youtube.png);
	background-size: 32px auto;
}




/*
ディープリンク
*/
footer .deeplinks {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 50px 0;
}
footer .deeplinks li {
	border-left: 1px #ffffff solid;
	line-height: 1em;
    margin: 0 1em 0 0;
    padding: 0 0 0 1em;
}
footer .deeplinks li:first-child {
	border: none;
}
footer .deeplinks li a {
	color: #ffffff;
	font-size: 10px;
	letter-spacing: 0.15em;
}




/*
licence
*/
footer .licence {
	
}

/*会社ロゴ*/
footer .licence h3 {
	background-image: url(../images/logo_thirdverse.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	width: 120px;
	height: 20px;
	margin: 0 auto 20px auto;
	text-indent: -9999px;
}

/*注釈*/
footer .licence .notes {
	width: 320px;
	margin: 0 auto 1em auto;
	font-size: 10px;
    font-family: "FOT-筑紫明朝 Pr6 L";
	font-family: "TsukuMinPr6-L";
	-ms-writing-mode: tb-rl;
    -webkit-font-smoothing: antialiased;
	text-align: left;
}

/*権利表記*/
footer .licence ul li {
	margin: 0 auto;
	width: 320px;
	text-align: left;
	font-size: 10px;
	font-family: "termina", sans-serif;
	font-weight: 100;
	font-style: normal;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　	　				　　　footer_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
グローバルナビゲーション_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*
スマホ専用
*/

#gnav {
	position: relative;
}
#gnav .sponly {
	display: block;
}


/*
トグル
*/
#gnav .sponly .toggle {
    z-index: 100;
    position: fixed;
	top: 18px;
	right: 40px;
    background-color: rgba(0,0,0,0.9);
	box-shadow: 0 0 10px #ff0000;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(.42,0,0,.99);
    transition-delay: 0ms;
    transform-origin: bottom;
	transform: rotate(45deg);
}
#gnav .sponly .toggle .menu {
    position: relative;
	transform: rotate(-45deg);
}
#gnav .sponly .toggle .menu span {
    position: absolute;
    left: -3px;
    width: 40%;
    height: 1px;
    background-color: #ff0000;

}
#gnav .sponly .toggle .menu span:nth-of-type(1) {top: 11px;}
#gnav .sponly .toggle .menu span:nth-of-type(2) {top: 18px;}
#gnav .sponly .toggle .menu span:nth-of-type(3) {top: 25px;}
#gnav.toggleactive .toggle .menu{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
#gnav.toggleactive .toggle .menu span:nth-of-type(1) {
    transform: translateY(14px) translateX(18px) rotate(-90deg);
    background-color: #ff0000;
}
#gnav.toggleactive .toggle .menu span:nth-of-type(2) {
    transform: translateY(7px) translateX(18px) rotate(180deg);
    background-color: #ff0000;
}
#gnav.toggleactive .toggle .menu span:nth-of-type(3) {
    opacity: 0;
}
/*テキスト*/
#gnav .toggle p:nth-of-type(2) {
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
    font-size: 12px;
    text-align: center;
    font-family: copperplate, serif;
    font-style: normal;
    font-weight: 300;
    color: #ffffff;
}




/*Language*/
#gnav .sponly .language {
	display: none;
}
#gnav.toggleactive .sponly .language {
	z-index: 100; /*KvIndex*/
	position: fixed;
	top: 42px;
	left: 28px;
	font-size: 16px;
    font-family: "termina", sans-serif;
    font-weight: 500;
    font-style: normal;
	line-height: 1em;
	-webkit-font-smoothing: normal;
	color: #000;
}
#gnav.toggleactive .sponly .language {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#gnav.toggleactive .sponly .language li {
	margin: 0 0 0 10px;
	cursor: default;
}
#gnav.toggleactive .sponly .language li a {
	color: #720816;
}

#gnav.toggleactive .sponly .language li.toggleactive a {
	color: #000000;
	border-bottom: 1px #000000 solid;
}




/*
メニューリスト
*/
#gnav > div.list {
    z-index: 99;
    position: fixed;
    display: none;
    opacity: 0;
    top: 0;
    left: 0;
    background-color: rgba(209, 0, 27, 0.9);
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}
@keyframes gnav_sp_close {
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
#gnav.toggleactive div.list {
    opacity: 1;
    display: flex;
	align-items: center;
	animation: gnav_sp_open 300ms ease 0s;
}

@keyframes gnav_sp_open {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

#gnav.toggleactive > div.list ul {
    opacity: 1;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
#gnav.toggleactive > div.list ul li {
	position: relative;
}

#gnav.toggleactive > div.list ul li::before {
    content: "";
    display: block;
    position: absolute;
    top: 24px;
    background-color: #000;
    width: 15px;
    height: 3px;
}
#gnav.toggleactive > div.list ul a {
    display: block;
    box-sizing: border-box;
    color: #000000;
    width: 100%;
    font-size: 20px;
	font-family: "termina", sans-serif;
    font-weight: 700;
	letter-spacing: 0.2em;
    padding: 10px 0px 10px 40px;
}


/*
下層ナビゲーション
*/

#sub header > .language,
#sub header > .sns {
	display: none;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　	　　　　グローバルナビゲーション_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
キービジュアル領域_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#kv{
	z-index: 4; /*GlobalIndex*/
	position: relative;
	height: 540px;
}

/*
プラットフォーム
*/
#kv .platform {
	z-index: 2; /*KvIndex*/
	position: absolute;
	top: 15px;
	left: 15px;
	filter: drop-shadow(0 0 20px rgba(0,0,0,1));
}
#kv .platform ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#kv .platform ul li {
	line-height: 1em;
}
#kv .platform ul li a {
	display: block;
	margin: 0 10px 0 0;
}
#kv .platform ul li a img {
	position: relative;
	width: 100%;
}
#kv .platform ul li.psvr2 a {
	width: 94px;
}
#kv .platform ul li.metaquest2 a {
	width: 80px;
}
#kv .platform ul li.steam a {
	width: 66px;
}



/*
アートワーク
*/
#kv .vis {
	z-index: 1; /*KvIndex*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}


/*ロゴ*/
#kv .vis .logo {
    z-index: 4; /*Kv-Vis-Index*/
    position: absolute;
    top: 420px;
    left: 50%;
    margin: 0 0 0 -160px;
	text-align: center;
}
#kv .vis .logo h1 {
	background-image: url(../images/logo_sc.png);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
	width: 320px;
	height: 50px;
	margin: 0 0 5px 0;
	text-indent: -9999px;
}
#kv .vis .logo p {
    color: #ffffff;
	font-size: 15px;
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-indent: -0.26em;
    letter-spacing: 0.26em;
    line-height: 1em;
}
#kv .vis .logo p > a {
	display: block;
    margin: 10px auto 0 auto;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    line-height: 1em;
}


/*アート*/
#kv .vis .keyart {
	z-index: 2; /*Kv-Vis-Index*/
	position: absolute;
    left: 0;
    width: 100%;
    height: 550px;
    margin: 0 0 0 0;
	background-image: url(../images/top_kv_character.png);
    background-size: 600px 533px;
    background-position: center top;
    background-repeat: no-repeat;
}


/*斜め背景*/
#kv .vis .backgroundart {
	z-index: 1; /*Kv-Vis-Index*/
	position: absolute;
	top: 0;
	left: 0;
	height: 520px;
	width: 100%;
	background-image: url(../images/top_kv_bg.png);
    background-size: 700px auto;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #000000;
    clip-path: polygon(0 0%, 100% 0, 100% 80%, 0 90%);
}
#kv .vis .backgroundart span:nth-of-type(1) {
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
	margin: 0 0 0 0;
	background-image: url(../images/top_kv_eff_particle.png);
	background-size: auto 100%;
	background-position: center top;
	background-repeat: no-repeat;
}
#kv .vis .backgroundart span:nth-of-type(2) {
	z-index: 2;
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	height: 400px;
	margin: 0 0 0 0;
	background-image: url(../images/top_kv_bg_text.png);
    background-size: 400px auto;
    background-position: center top;
    background-repeat: no-repeat;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
キービジュアル領域_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トレーラー領域_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#trailer {
    z-index: 3;
    position: relative;
    top: -220px;
    background-image: url(../images/top_trailer_bg.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 1290px;
    background-color: #071011;
    padding: 420px 0 130px 0;
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 90%);
}



/*
タイトル要素
*/
#trailer h2 {
	width: 320px;
	height: 32px;
	margin: 125px auto 20px auto;
	background-image: url(../images/top_trailer_title_sp.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	text-indent: -9999px;
}

/*
サムネイル
*/
#trailer .video {
	position: relative;
	width: 280px;
	height: 158px;
	margin: 0 auto;
}

/*フレーム*/
#trailer .video .frame {
	z-index: 1; /*Trailer-Video-Index*/
	position: absolute;
    top: -8px;
    left: -8px;
	width: 298px;
	height: 176px;
}
#trailer .video .frame span {
	display: block;
	position: absolute;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 50px;
	height: 50px;
}
#trailer .video .frame span:nth-of-type(1) {
	bottom: 0;
	right: 0;
	background-image: url(../images/trailer_target_br_sp.png);
}
#trailer .video .frame span:nth-of-type(2) {
	top: 0;
	left: 0;
	background-image: url(../images/trailer_target_tl_sp.png);
}

/*サムネ本体*/
#trailer .video .thumbbox {
	z-index: 2; /*Trailer-Video-Index*/
	position: relative;
}
#trailer .video .thumbbox a {
	position: relative;
	display: block;
	width: 280px;
	height: 158px;
	border: 1px #d1001b solid;
	box-shadow: 0 0 15px #ff0000;
}

#trailer .video .thumbbox img {
	width: 100%;
	height: auto;
}

/*再生ガイド*/
#trailer .video .thumbbox a > div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90px;
	height: 130px;
	margin: -65px 0 0 -45px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#trailer .video .thumbbox a > div p {
	color: #d1001b;
    font-family: "termina", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.3em;
	font-size: 10px;
}
#trailer .video .thumbbox a > div .arrow span {
	display: block;
	position: absolute;
}
#trailer .video .thumbbox a > div .arrow span:nth-of-type(1) {
	background-image: url(../images/trailer_arrow_1.png);
	top: 30px;
    right: 0;
	width: 33px;
	height: 66px;
}
#trailer .video .thumbbox a > div .arrow span:nth-of-type(2) {
	background-image: url(../images/trailer_arrow_2.png);
    top: 50px;
    right: 19px;
	width: 14px;
	height: 27px;
}
#trailer .video .thumbbox a > div .arrow span:nth-of-type(3) {
	background-image: url(../images/trailer_arrow_3.png);
    top: 58px;
    right: 27px;
	width: 6px;
	height: 13px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トレーラー領域_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/







/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ストアリンク_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#storelink {
	z-index: 5;
	position: absolute;
	top: 510px;
	width: 100%;
}



#storelink ul {
	margin: 0 auto;
}
#storelink ul li {
	position: relative;
}
#storelink ul li::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -15px;
	margin: 0 0 0 -62.5px;
	background-image: url(../images/storelink_tip_bg.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	width: 125px;
	height: 30px;
}
#storelink ul li a {
	position: relative;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(../images/storelink_bg.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	width: 270px;
	height: 68px;
	margin: 0 auto 25px auto;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transition-duration: 400ms;
	transform-origin: center;
}
#storelink ul li a:hover {
	top: -5px;
}
#storelink ul li a img {
	position: relative;
	display: block;
	animation-timing-function:linear;
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-play-state: running;
	animation-iteration-count: infinite;
	animation-duration: 2000ms;
	animation-delay: 0ms;
}
#storelink ul li a:hover img {
	animation-name: storelink_grow;
}
@keyframes storelink_grow {
	0% {
		filter: drop-shadow(0px 0px 0px #00f6ff);
	}
	50% {
		filter: drop-shadow(0px 0px 14px #00f6ff);
	}
	100%{
		filter: drop-shadow(0px 0px 0px #00f6ff);
	}
}



/*
アニメーション
*/
#storelink {
	opacity: 0;
	transform: translateY(20px);
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transition-duration: 1000ms;
	transform-origin: center;
}
#storelink.active {
	opacity: 1;
	transform: translateY(0px);
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ストアリンク_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
NEWS_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#indexnews {
    z-index: 2;
    position: relative;
    background-image: url(../images/news_bg.png);
    background-position: top center;
    background-repeat: repeat-x;
    background-size: auto 100%;
    margin: -310px auto 0 auto;
    padding: 120px 0 90px 0;
}


/*
タイトル要素
*/
#indexnews h2 {
	width: 210px;
	height: 32px;
	margin: 0 auto 30px auto;
	background-image: url(../images/news_title_sp.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	text-indent: -9999px;
}





/*
ピックアップ
*/
#indexnews .pickup {
	width: 320px;
	margin: 0 auto 20px auto;
	text-align: center;
}
#indexnews .pickup a {
	display: inline-block;
	line-height: 1em;
}

#indexnews .pickup img {
	width: 100%;
	height: auto;
}




/*
ニュースリスト
*/
#indexnews .top_news_list {
	width: 320px;
	margin: 0 auto 50px auto;
}

#indexnews .top_news_list li {
	background-color: #000000;
	background-image: url(../images/bg_hr_obj.png);
	background-position: left 26px;
	background-size: 12px 2px;
	background-repeat: no-repeat;
    margin: 0 0 20px 0;
	padding: 1em 20px 1em 25px;
}
#indexnews .top_news_list li a {
	display: flex;
	flex-wrap: wrap;
	color: #ffffff;
}


/*日付・カテゴリ*/
#indexnews .top_news_list li a .news_list_date,
#indexnews .top_news_list li a .news_list_category {
	margin: 6px 10px 10px 0;
	font-size: 11px;
    font-family: "termina", sans-serif;
    font-weight: 300;
    font-style: normal;
	line-height: 1em;
}

/*タイトル*/
#indexnews .top_news_list li a .news_list_title {
	width: 100%;
	font-size: 14px;
	line-height: 1.6em;
}





/*
もっと見る
*/
#indexnews .more a {
	display: block;
    background-color: #000000;
    color: #fff;
    width: 80px;
    margin: 0 auto;
    padding: 1.2em 3em 1.2em 3em;
    text-align: center;
    line-height: 1em;
    border: 1px #d1001b solid;
	font-size: 12px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
NEWS_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

下層基本レイアウト

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
header_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
header { 
	z-index: 10;
    position: relative;
	background-image: url(../images/sub_gnav_bg.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 80px;
}



/*
ロゴ
*/
#sub header h2 {
	position: absolute;
	top: 12px;
	left: 50%;
	margin: 0 0 0 -88px;
	background-image: url(../images/logo_sc.png);
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
	width: 176px;
	height: 32px;
	text-indent: -9999px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　		　			　　　header_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

ゲームシステム

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ゲームシステム：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#sub.gamesystem {
	background-color: #161b1e;
	background-image: url(../images/gs_bg_sp.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
}

#sub.gamesystem #maincontents {
	min-height: 1250px;
}

#sub.gamesystem.en #maincontents { /*EN調整*/
    min-height: 1340px;
}




/*
リードコンテンツ
*/
#gs_read {
	position: relative;
	text-align: center;
}

/*見出し*/
#gs_read h2 {
    background-image: url(../images/gs_chach_sp.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 52px;
    margin: 30px auto 30px auto;
    text-indent: -9999px;
}
#sub.gamesystem.en #gs_read h2 { /*EN調整*/
    background-image: url(../images/gs_en_chach_sp.png);
}

#gs_read > div {
	font-size: 14px;
	font-family: "FOT-筑紫明朝 Pr6 R";
	font-family: "TsukuMinPr6-R";
	line-height: 2.5em;
}
#sub.gamesystem.en #gs_read > div { /*EN調整*/
    padding: 0 50px;
}

#gs_read > div .pick {
	position: relative;
	z-index: 2;
	margin: 40px 0 0 0;
    font-size: 16px;
    letter-spacing: 0.1em;
    color: #c10019;
    text-shadow: 0 0 10px #ff0000;
}

#gs_read::after {
	z-index: 0;
    content: "";
    display: block;
    position: absolute;
    top: 200px;
    right: 0;
    margin: 0 0 0 260px;
    background-image: url(../images/gs_obj_txt_2.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
    width: 100px;
    height: 568px;
}




/*
死闘感
*/
#fate {
	position: absolute;
    top: 550px;
    left: 50%;
    margin: 0 0 0 -235px;
    background-image: url(../images/gs_fate_vis_sp.png);
    background-size: 450px 468px;
    background-repeat: no-repeat;
    background-position: top center;
    min-width: 450px;
    min-height: 500px;
}
#sub.gamesystem.en #fate { /*EN調整*/
	top: 620px;
}
#fate::after {
	z-index: 1;
	content: "";
	display: block;
	position: absolute;
	top: 290px;
    left: 44px;
	background-image: url(../images/gs_obj_txt_1.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
	width: 460px;
	height: 260px;
}
#fate h3 {
	z-index: 2;
	position: absolute;
    top: 122px;
    left: 55px;
	background-image: url(../images/gs_fate_title.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
	width: 50px;
	height: 140px;
	text-indent: -9999px;
}
#sub.gamesystem.en #fate h3 { /*EN調整*/
    top: 66px;
    left: 46px;
	background-image: url(../images/gs_en_fate_title.png);
	width: 72px;
	height: 280px;
}
#fate > div {
	position: absolute;
	z-index: 2;
    top: 122px;
    left: 125px;
	width: 280px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5em;
	letter-spacing: 0.2em;
}
#sub.gamesystem.en #fate > div { /*EN調整*/
    top: 75px;
    left: 130px;
    width: 260px;
	font-size: 12px;
}
#fate > div > p {
	margin: 0 0 2em 0;
}




/*
感情体験
*/
#lnb {
    position: absolute;
    top: 940px;
    left: 50%;
    margin: 0 0 0 -200px;
    background-image: url(../images/gs_lnb_vis_sp.png);
    background-size: 457px 385px;
    background-repeat: no-repeat;
    background-position: top center;
    min-width: 457px;
    min-height: 385px;
	text-align: right;
}
#sub.gamesystem.en #lnb { /*EN調整*/
	top: 1010px;
}
#lnb h3 {
    z-index: 2;
    position: absolute;
    top: 55px;
    right: 82px;
    background-image: url(../images/gs_lnb_title.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
    width: 50px;
    height: 200px;
	text-align: left;
    text-indent: -9999px;
}
#sub.gamesystem.en #lnb h3 { /*EN調整*/
    top: 30px;
    right: 70px;
    background-image: url(../images/gs_en_lnb_title.png);
    width: 72px;
    height: 240px;
}
#lnb > div {
    position: absolute;
    top: 200px;
    left: 105px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: 0.2em;
}
#sub.gamesystem.en #lnb > div { /*EN調整*/
    top: 165px;
    left: 38px;
    width: 265px;
}
#lnb > div > p {
	margin: 0 0 2em 0;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　	ゲームシステム：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

ニュース

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お知らせ_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#sub.news {
	background-color: #021014;
}

#sub.news #maincontents {
	padding: 50px 0 100px 0;
}




/*
ページタイトル
*/
#sub.news #maincontents > h2 {
	background-image: url(../images/news_title_sp.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 50px;
	margin: 0px auto 70px auto;
	text-indent: -9999px;
}




/*
ニュースリスト
*/
#sub.news .news_list {
	width: 320px;
	margin: 0 auto 100px auto;
}

#sub.news .news_list:last-child {
	margin: 0 auto 0px auto;
}

/*ニュースリスト本体*/
#sub.news .news_list .article_list {
	margin: 0 0 100px 0;
}
#sub.news .news_list li {
	margin: 0 0 100px 0;
}
#sub.news .news_list li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 320px;
	color: #616768;
}
#sub.news .news_list li a:hover {
	filter: brightness(150%);
}

/*サムネ*/
#sub.news .news_list li a > img {
	width: 320px;
	height: 169px;
}

/*テキスト要素*/
#sub.news .news_list li a > div {
	width: 320px;
	margin: 30px 0 0 0;
}
#sub.news .news_list li a > div h2 {
	box-sizing: border-box;
    display: flex;
    align-items: center;
    color: #c10019;
	font-size: 16px;
	line-height: 1.6em;
    text-shadow: 0 0 10px #ff0000;
	/*
	text-align: justify;
	*/
    margin: 0 0 20px 0;
    padding: 0 0 0 30px;
    height: 70px;
    border-left: 1px #d1001b solid;
}
#sub.news .news_list li a > div .data {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 11px;
    font-family: "termina", sans-serif;
    font-weight: 300;
    font-style: normal;
	margin: 0 0 20px 0;
}
#sub.news .news_list li a > div > p {
	font-size: 14px;
	text-align: justify;
	line-height: 1.8em;
}




/*
ニュース詳細
*/
#sub.news .article_deatil {
	width: 320px;
	margin: 0 auto;
}

/*カバーアート*/
#sub.news .article_deatil > figure img {
	width: 100%;
	height: auto;
}

/*meta情報*/
#sub.news .article_deatil > .meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 2em auto;
	padding: 1em 0;
	font-size: 11px;
    font-family: "termina", sans-serif;
    font-weight: 300;
    font-style: normal;
}

/*ニュースタイトル*/
#sub.news .article_deatil > .title {
	position: relative;
	box-sizing: border-box;
	color: #a8031a;
	margin: 0 0 40px 0;
	padding: 1em 1.5em;
	text-align: left;
	line-height: 1.8em;
	word-break: break-all;
	text-shadow: rgba(255,0,0,0.6) 0 0 10px;
}
#sub.news .article_deatil > .title::before,
#sub.news .article_deatil > .title::after {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
}
#sub.news .article_deatil > .title::before {
	background-image: url(../images/trailer_target_tl.png);
	background-position: top left;
	top: 0;
	left: 0;
}
#sub.news .article_deatil > .title::after {
	background-image: url(../images/trailer_target_br.png);
	background-position: bottom right;
	bottom: 0;
	right: 0;
}

/*投稿箇所：ディフォルト調整*/
#sub.news .article_deatil .post h1,
#sub.news .article_deatil .post h2,
#sub.news .article_deatil .post h3,
#sub.news .article_deatil .post h4,
#sub.news .article_deatil .post h5,
#sub.news .article_deatil .post h6,
#sub.news .article_deatil .post p,
#sub.news .article_deatil .post strong,
#sub.news .article_deatil .post em,
#sub.news .article_deatil .post span,
#sub.news .article_deatil .post del,
#sub.news .article_deatil .post blockquote,
#sub.news .article_deatil .post li,
#sub.news .article_deatil .post blockquote{
	word-break: break-all;
	font-size: 100%;
}
#sub.news .article_deatil .post pre{
	white-space: pre-wrap;
}

/*動画埋め込み系対応*/
#sub.news .article_deatil .post .youtube{
	position: relative;
	width: 100%;
	height: 0px;
	padding: 0 0 56.25% 0;
}
#sub.news .article_deatil .post .youtube iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*投稿箇所：スタイル調整*/
#sub.news .article_deatil .post {
	background-image: url(../images/bg_hr_obj.png);
	background-size: 40px 3px;
	background-position: top center;
	background-repeat: no-repeat;
	padding: 30px 0 0 0;
}
#sub.news .article_deatil .post h1,
#sub.news .article_deatil .post h2,
#sub.news .article_deatil .post h3,
#sub.news .article_deatil .post h4,
#sub.news .article_deatil .post h5,
#sub.news .article_deatil .post h6 {
	margin: 3em 0 1em 0;
	padding: 1em 0 1em 2em;
	border-left: 1px #616768 solid;
}
#sub.news .article_deatil .post h1 {
	font-size: 1.25em;
}
#sub.news .article_deatil .post h2 {
	font-size: 1.2em;
}
#sub.news .article_deatil .post h3 {
	font-size: 1.15em;
}
#sub.news .article_deatil .post h4 {
	font-size: 1.1em;
}
#sub.news .article_deatil .post h5 {
	font-size: 1.05em;
}
#sub.news .article_deatil .post h6 {
	font-size: 1em;
}
#sub.news .article_deatil .post > p {
	font-size: 14px;
	margin: 0 0 1em 0;
	letter-spacing: 0.2em;
	line-height: 1.8em;
	text-align: justify;
}
#sub.news .article_deatil .post hr {
    border: none;
    width: 100%;
    margin: 5em 0;
    line-height: 1px;
    border-bottom: 1px #616768 dotted;
}
#sub.news .article_deatil .post ul li {
	list-style-type: disc;
    margin: 0.5em 0 0.5em 3em;
}
#sub.news .article_deatil .post ol li {
	list-style-type: decimal;
    margin: 0.5em 0 0.5em 3em;
}
#sub.news .article_deatil .post img {
	max-width: 100% !important;
	height: auto;
}
#sub.news .article_deatil .post a {
	color: #a8031a;
	text-decoration: underline;
}
#sub.news .article_deatil .post blockquote {
	background-color: #000000;
	color: #02c0bf;
	text-shadow: 0 0 10px #02c0bf;
	border-radius: 10px;
	margin: 2em 0;
	padding: 3em;
	font-size: 12px;
	font-weight: 100;
	font-style: oblique;
}

/*進む・戻る*/
#sub.news .page_detail_pagenation {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 320px;
	margin: 100px auto 0 auto;
	padding: 50px 0 0 0;
	border-top: 3px #c10019 solid;
}
#sub.news .page_detail_pagenation li a {
	color: #c10019;
	background-size: 20px auto;
	background-repeat: no-repeat;
	display: block;
	background-color: transparent;
	line-height: 40px;
	width: 100%;
	height: 41px;
	border: none;
	font-size: 11px;
    font-family: "termina", sans-serif;
    font-weight: 600;
    font-style: normal;
}
#sub.news .page_detail_pagenation li.prev{
	background-color: transparent;
	width: 60px;
	height: 41px;
	border: none;
}
#sub.news .page_detail_pagenation li.prev a {
	background-position: top left;
	background-image: url(../images/news_arrow_prev.png);
	text-align: right;
}

#sub.news .page_detail_pagenation li.next {
	background-color: transparent;
	width: 60px;
	height: 41px;
	border: none;
}
#sub.news .page_detail_pagenation li.next a {
	background-position: top right;
	background-image: url(../images/news_arrow_next.png);
	text-align: left;
}

#sub.news .page_detail_pagenation .more a {
    display: block;
    background-color: #000000;
    color: #fff;
	width: 60px;
    height: 1em;
    padding: 0.75em 2em 0.75em 2em;
    line-height: 1em;
    text-align: center;
    border: 1px #d1001b solid;
}
#sub.news .page_detail_pagenation .more a:hover {
    background-color: #d1001b;
    color: #ffffff;
    padding: 0.6em 4em 0.75em 4em;
	box-shadow: 0 0 10px #ff0000;
}


/*
ページネーション
*/
#sub.news .page_list{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 320px;
	height: 82px;
	margin: 0 auto;
    font-family: "termina", sans-serif;
    font-weight: 500;
    font-style: normal;
}
#sub.news .page_list li{
	box-sizing: border-box;
	background-color: #a8031a;
	color: #ffffff;
	line-height: 30px;
	text-align: center;
	width: 30px;
	height: 30px;
	margin: 0 5px;
	border: solid 1px #a8031a;
}
#sub.news .page_list li a{
	display: block;
	background-color: #021014;
	color: #616768;
	font-size: 12px;
	line-height: 28px;
	letter-spacing: 0.07em;
	text-align: center;
	width: 28px;
	height: 28px;
	border: solid 1px #616768;
	/*anime*/
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin:center;
}

#sub.news .page_list li.prev{
	background-color: transparent;
	width: 50px;
	height: 36px;
	border: none;
}
#sub.news .page_list li.prev a{
	display: block;
	background-color: transparent;
	background-image: url(../images/news_arrow_prev.png);
	background-size: 18px auto;
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 36px;
	width: 40px;
	height: 36px;
	border: none;
	margin: 1px 0 0 0;
	padding: 0 0 0 15px;
	font-size: 10px;
}

#sub.news .page_list li.next{
	background-color: transparent;
	width: 50px;
	height: 36px;
	border: none;
}
#sub.news .page_list li.next a{
	display: block;
	background-color: transparent;
	background-image: url(../images/news_arrow_next.png);
	background-size: 18px auto;
	background-position: top right;
	background-repeat: no-repeat;
	line-height: 36px;
	width: 40px;
	height: 36px;
	border: none;
	margin: 1px 0 0 0;
	padding: 0 15px 0 0;
	font-size: 10px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
お知らせ_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

バックグラウンド

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
バックグラウンド：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#sub.background {
}



/*
世界観・ストーリー
*/
#wbg_worldconcept {
    background-color: #000000;
    background-image: url(../images/wbg_bg_sp.jpg);
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: center 180px;
    margin: -199px 0 0 0;
    padding: 260px 30px 110px 30px;
    text-align: center;
    font-size: 14px;
    font-family: "FOT-筑紫明朝 Pr6 R";
    font-family: "TsukuMinPr6-R";
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 95%);
}

#wbg_worldconcept h2 {
	background-image: url(../images/wbg_worldconcept_title.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
	width: 320px;
	height: 30px;
	margin: 0px auto 30px auto;
	text-indent: -9999px;
}

#wbg_worldconcept > div {
	line-height: 2.2em;
}
#wbg_worldconcept > div p {
	margin: 0 0 1em 0;
	text-shadow: 0 0 10px #02c0bf;
}




/*
キーワード
*/
#keywords {
    margin: -150px 0 0 0;
    padding: 205px 0 0 0;
	background-image: url(../images/wbg_bg_roop.jpg);
	background-position: top center;
	background-repeat: repeat;
	background-size: 1680px auto;
	background-color: #181d1c;
}


/*見出し*/
#keywords h3 {
	background-image: url(../images/wbg_keywords_title_sp.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 50px;
	margin: 0 auto 50px auto;
	text-indent: -9999px;
}


/*要素*/
#keywords .keywordsitem {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	min-height: 550px;

}
#keywords .keywordsitem > div {
    width: 320px;
    margin: 0 auto;

}



#keywords .keywordsitem:nth-child(odd) {
    background-image: url(../images/common_grange_green.png);
    background-size: 720px auto;
    background-repeat: repeat;
    background-position: top center;
    clip-path: polygon(0 5%, 100% 0, 100% calc(100% - 5%), 0 100%);
    margin: 100px auto;
    padding: 25% 0;
}
#keywords .keywordsitem:nth-child(odd) > div {

}

#keywords .keywordsitem:last-child {
	padding: 0 0 100px 0;
}

#keywords .keywordsitem h4 {
	position: relative;
	margin: 15px 0;
	padding: 20px 0 0 0;
	font-size: 26px;
    font-family: "FOT-筑紫明朝 Pr6 R";
	font-family: "TsukuMinPr6-R";
	font-weight: 400;
    letter-spacing: 0.1em;
	line-height: 1.5em;
    -ms-writing-mode: tb-rl;
    -webkit-font-smoothing: antialiased;
}
#keywords .keywordsitem h4::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 4px;
    background-color: #c10019;
}
#keywords .keywordsitem h4 span {
	display: block;
	margin: 0 0 15px 0;
	font-size: 16px;
}
#keywords .keywordsitem h4 span em {
    background: #000000;
    font-size: 11px;
	font-style: normal;
    line-height: 1em;
    text-align: center;
    margin: 0 1em 0 0;
    padding: 0.5em 0em 0.5em 1em;
    border-radius: 6px;
}

#keywords .keywordsitem h5 {
	margin: 25px 0;
	font-size: 10px;
    font-family: "termina", sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.2em;
}
#keywords .keywordsitem figure {
	margin: 30px 0 0 0;
}
#keywords .keywordsitem figure img {
    display: block;
	width: 100%;
	margin: 0 auto 30px auto;
}

#keywords .keywordsitem figcaption {
	z-index: 2;
	position: relative;
}
#keywords .keywordsitem figcaption p {
	margin: 0 0 1em 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 2em;
    letter-spacing: 0.165em;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　	　バックグラウンド：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

スペック/スタッフ

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
スペック/スタッフ：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#sub.products {
	background-image: url(../images/products_bg_sp.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
}

#sub.products #maincontents {
	padding: 50px 0 0 0;
}




/*
SPEC
*/
#spec {
	margin: 0 0 120px 0;
}

#spec h2 {
	background-image: url(../images/products_spec_title_sp.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 50px;
	margin: 0px auto 40px auto;
	text-indent: -9999px;
}

/*SPECLIST*/
.speclist {
	width: 320px;
	margin: 0 auto;
}
.speclist ul {}
.speclist ul li {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: left;
	background-color: rgba(0,0,0,0.5);
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px #c10019 solid;
}
.speclist ul li  > h4 {
	width: 50px;
	font-size: 11px;
	text-align: right;
	margin: 0 15px 0 0;
}
.speclist ul li  > span {
    display: block;
    background-image: url(../images/bg_hr_obj.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 18px;
    height: 2px;
	margin: 0 15px 0 0;
}
.speclist ul li  > p {
	font-size: 13px;
	letter-spacing: 0.2em;
	flex: 1;
}
.speclist ul li  > p strong {
	display: block;
	color: #a8031a;
	margin: 6px 0;
	padding: 4px 8px;
	border-radius: 6px;
	border: 1px #720816 solid;
}




/*
STAFF
*/
#staff {
}

#staff h2 {
	background-image: url(../images/products_staff_title_sp.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 50px;
	margin: 0px auto 60px auto;
	text-indent: -9999px;
}

/*スタッフリスト*/
#staff .stafflistitem {
	text-align: center;
    background-image: url(../images/bg_hr_obj.png);
    background-size: 37px 4px;
    background-repeat: no-repeat;
    background-position: bottom center;
	margin: 0 0 77px 0;
    padding: 0 0 33px 0;
	letter-spacing: 0.125em;
}
#staff .stafflistitem h4 {
	font-size: 13px;
}
#staff .stafflistitem h3 {
	font-size: 30px;
    font-family: "FOT-筑紫明朝 Pr6 L";
	font-family: "TsukuMinPr6-L";
	-ms-writing-mode: tb-rl;
    -webkit-font-smoothing: antialiased;
	margin: 0 0 10px 0;
}
#sub.products.en #staff .stafflistitem h3 { /*EN調整*/
	font-size: 26px;
}
#staff .stafflistitem .biography {
	font-size: 11px;
}
#staff .stafflistitem .biography h5 {
	position: relative;
    font-size: 11px;
    font-family: "termina", sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.2em;
	margin: 0 0 25px 0;
}
#staff .stafflistitem .biography h5::after {
	position: absolute;
	top: 7px;
	left: 50%;
	content: "";
	display: block;
	width: 70px;
	border-bottom: 1px #908788 solid;
}
#staff .stafflistitem .biography h5::before {
	position: absolute;
	top: 7px;
	left: 50%;
	content: "";
	display: block;
	width: 70px;
	border-bottom: 1px #908788 solid;
}
#staff .stafflistitem .biography h5::after {
	margin: 0 0 0 -146px;
}
#staff .stafflistitem .biography h5::before {
	margin: 0 0 0 75px;
}
#staff .stafflistitem .biography p {
	font-size: 12px;
	line-height: 1.6em;
	width: 320px;
	margin: 0 auto;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　	スペック/スタッフ：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

ガイドライン

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ガイドライン：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#sub.guidelines {
	background-color: #021014;
}

#sub.guidelines #maincontents {
	margin: 0 auto;
	padding: 100px 0 200px 0;
}

#sub.guidelines #maincontents > section {
	width: 320px;
	margin: 0 auto 120px auto;
	font-size: 14px;
	letter-spacing: 0.15em;
	line-height: 2.25em;
}



#sub.guidelines #maincontents > section > h3 {
	color: #a8031a;
	font-size: 20px;
    font-family: "FOT-筑紫明朝 Pr6 L";
	font-family: "TsukuMinPr6-L";
	-ms-writing-mode: tb-rl;
    -webkit-font-smoothing: antialiased;
	margin: 0 0 30px 0;
}

#sub.guidelines #maincontents > section a {
	color: #a8031a;
	text-decoration: underline;
}


#sub.guidelines #maincontents > section:first-child {
	width: 100%;
}


/*リスト要素*/
#sub.guidelines #maincontents > section dt {
	font-size: 18px;
	margin: 2em 0 2em 0;
	padding: 1em 0 1em 2em;
	border-left: 1px #a8031a solid;
}
#sub.guidelines #maincontents > section dd {
	background-image: url(../images/bg_hr_obj.png);
	background-size: 20px 3px;
	background-repeat: no-repeat;
	background-position: center left;
	margin: 0.5em 0 2em 2em;
	padding: 0 0 0 40px;
	font-weight: 100;
}



/*
配信許可範囲
*/
#sub.guidelines #maincontents .scope {}
#sub.guidelines #maincontents .scope ul {
	box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    background-color: #181d1c;
    margin: 0 0 15px 0;
    padding:15px;
    border-radius: 10px;
}
#sub.guidelines #maincontents .scope ul li {
    width: 100%;
    text-shadow: 0 0 10px rgba(255,255,255,0.9);
    margin: 10px 0 10px 2em;
    padding: 0 0 0 10px;
    list-style-type: disc;
}
#sub.guidelines #maincontents .scope > p {
	color: #ff0000;
}
#sub.guidelines #maincontents .scope > p em {
	text-decoration: underline;
}




/*
ページタイトル
*/
#sub.guidelines #maincontents h2 {
	background-image: url(../images/guideline_title_sp.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 35px;
	margin: 0px auto 80px auto;
	text-indent: -9999px;
}




/*
更新日
*/
#sub.guidelines #maincontents .update {
	display: flex;
	align-items: center;
	justify-content: end;
	width: 320px;
	text-align: right;
	line-height: 1em;
	margin: 0 auto 100px auto;
}
#sub.guidelines #maincontents .update em {
    background: #a8031a;
    font-size: 11px;
	font-style: normal;
    line-height: 1em;
    text-align: center;
    margin: 0 1em 0 0;
    padding: 0.5em 1em 0.5em 1em;
    border-radius: 6px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　	　　　　　　　　　	ガイドライン：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

東京ゲームショウ2023

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
東京ゲームショウ2023：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#sub.tgs2023 {
	background-color: #021014;
}

#sub.tgs2023 #maincontents {
	margin: 0 auto;
	padding: 50px 0 100px 0;
}
#sub.tgs2023 #maincontents > section {
	margin: 0 0 100px 0;
	font-size: 14px;
	font-weight: 500;
}
#sub.tgs2023 #maincontents > section > h4 {
	color: #a8031a;
    font-size: 10px;
    font-family: "termina", sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.1em;
	line-height: 1em;
	margin: 0 0 15px 0;
	text-align: center;
}
#sub.tgs2023 #maincontents > section > h3 {
	background-image: url(../images/bg_hr_obj.png);
    background-size: 20px 2px;
    background-repeat: no-repeat;
    background-position: bottom center;
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    font-size: 21px;
    font-family: "FOT-筑紫明朝 Pr6 L";
	font-family: "TsukuMinPr6-L";
    -ms-writing-mode: tb-rl;
    -webkit-font-smoothing: antialiased;
    line-height: 1em;
    letter-spacing: 0.165em;
	text-align: center;
}
#sub.tgs2023 #maincontents > section > figure {}
#sub.tgs2023 #maincontents > section > figure > img {
	width: 100%;
	height: auto;
}
#sub.tgs2023 #maincontents > section > figure figcaption {
	margin: 10px 0 0 0;
}
#sub.tgs2023 #maincontents > section p {
	line-height: 1.9em;
    margin: 0 auto 2em auto;
	width: 320px;
}




/*
ページタイトル
*/
#sub.tgs2023 #maincontents h2 {
	background-image: url(../images/tgs2023_title_sp.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 62px;
	margin: 0px auto 50px auto;
	text-indent: -9999px;
}




/*
はじめに
*/
#sub.tgs2023 #maincontents .intro {}
#sub.tgs2023 #maincontents .intro::after {
	content: "";
	display: block;
	background-image: url(../images/tgs2023_vis.png);
	background-size: 700px 214px;
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	height: 214px;
}

#sub.tgs2023 #maincontents section.intro h3 {
	background: none;
	font-size: 21px;
    margin: 0 0 20px 0;
	padding: 0;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    letter-spacing: 0em;
}

#sub.tgs2023 #maincontents .intro .area {
	margin: 0 0 30px 0;
}
#sub.tgs2023 #maincontents .intro .area p {
	background-image: url(../images/tgs2023_area.png);
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    width: 280px;
    height: 167px;
    margin: 0 auto;
    text-align: left;
    text-indent: -9999px;
}

#sub.tgs2023 #maincontents .intro .read {
	line-height: 1.9em;
	margin: 0 0 45px 0;
}



/*
ブースマップ
*/
#sub.tgs2023 #maincontents .map {}

#sub.tgs2023 #maincontents .map {
	margin: 0 auto 100px auto;
	width: 320px;
}

#sub.tgs2023 #maincontents .map > figure figcaption {
	text-align: center;
}



/*
ノベルティ
*/
#sub.tgs2023 #maincontents .novelty {}

#sub.tgs2023 #maincontents .novelty > div {
	margin: 0 0 100px 0;
	text-align: center;
}

#sub.tgs2023 #maincontents .novelty > div > h4 {
    display: inline-block;
    margin: 0 0 40px 0;
    padding: 1.2em 2em;
    font-size: 15px;
    font-weight: 100;
    line-height: 1em;
    letter-spacing: 0.165em;
    border: 1px #a8031a solid;
}

#sub.tgs2023 #maincontents .novelty > div > figure {}
#sub.tgs2023 #maincontents .novelty > div > figure img {
	margin: 0 auto 30px auto;
	width: 320px;
}
#sub.tgs2023 #maincontents .novelty > div > figure figcaption .tips {
	font-size: 11px;
}

/*全員配布*/
#sub.tgs2023 #maincontents .novelty > div.free {
	color: #a8031a;
}
#sub.tgs2023 #maincontents .novelty > div.free figcaption {
	text-align: left;
}
#sub.tgs2023 #maincontents .novelty > div.free > h4 {
    border: 1px #a8031a solid;
	text-shadow: 0 0 10px #ff0000;
}

/*フォロー*/
#sub.tgs2023 #maincontents .novelty > div.follow {
	color: #00c6d2;
}
#sub.tgs2023 #maincontents .novelty > div.follow > h4 {
    border: 1px #00c6d2 solid;
	text-shadow: 0 0 10px #00c6d2;
}
#sub.tgs2023 #maincontents .novelty > div.follow figcaption {
	text-align: left;
}
#sub.tgs2023 #maincontents .novelty > div.follow .officialaccount {
	display: flex;
    justify-content: space-between;
    align-items: center;
    width: 320px;
    margin: 0 auto 30px auto;
}
#sub.tgs2023 #maincontents .novelty > div.follow .officialaccount li a {
	display: block;
	background-color: #02c0bf;
	color: #000000;
	line-height: 1em;
	padding: 1.2em 1.8em;
	border-radius: 100px;
	border: 1px #02c0bf solid;
}
/*シェア*/
#sub.tgs2023 #maincontents .novelty > div.share {
	color: #fff600;
}
#sub.tgs2023 #maincontents .novelty > div.share > h4 {
    border: 1px #fff600 solid;
	text-shadow: 0 0 10px #fff600;
}
#sub.tgs2023 #maincontents .novelty > div.share figcaption {
	text-align: left;
}

/*試遊・感想投稿*/
#sub.tgs2023 #maincontents .novelty > div.play {
	color: #afafaf;
}
#sub.tgs2023 #maincontents .novelty > div.play > h4 {
	color: #ffffff;
    border: 1px #ffffff solid;
	text-shadow: 0 0 10px #ffffff;
}
#sub.tgs2023 #maincontents .novelty > div.play figcaption {
	text-align: left;
}
#sub.tgs2023 #maincontents .novelty > div.play .creator {
	font-size: 13px;
	font-weight: 100;
}
#sub.tgs2023 #maincontents .novelty > div.play .creator p {
	text-align: left;
}
#sub.tgs2023 #maincontents .novelty > div.play .creator h5 {
	background-image: url(../images/bg_hr_obj_b.png);
	background-size: 30px 3px;
	background-position: top center;
	background-repeat: no-repeat;
	margin: 60px auto 20px auto;
	padding: 60px 0 0 0;
    font-size: 16px;
    font-family: "termina", sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.1em;
	line-height: 1em;
}
#sub.tgs2023 #maincontents .novelty > div.play .creator h6 {
	display: inline-block;
	margin: 0 auto 30px auto;
	padding: 0.7em 0em;
	font-size: 14px;
	line-height: 1em;
	border: 1px #616768 solid;
	width: 320px;
}
#sub.tgs2023 #maincontents .novelty > div.play .creator > ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 320px;
    margin: 0 auto;
}
#sub.tgs2023 #maincontents .novelty > div.play .creator > ul img {
	display: block;
	margin: 0 0 10px 0;
}
#sub.tgs2023 #maincontents .novelty > div.play .creator > ul a {
	color: #616768;
}
#sub.tgs2023 #maincontents .novelty > div.play .creator figcaption {
	text-align: center;
}




/*
開催情報
*/
#sub.tgs2023 #maincontents .schedule {
	font-size: 14px;
	letter-spacing: 0.165em;
}

#sub.tgs2023 #maincontents .schedule time {
	display: block;
	font-size: 16px;
	letter-spacing: 0.165em;
	margin: 0 auto 40px auto;
	text-align: center;
}

#sub.tgs2023 #maincontents .schedule dl {
	width: 320px;
	margin: 0 auto;
	text-align: center;
}

#sub.tgs2023 #maincontents .schedule dt {
	font-size: 15px;
	margin: 3em 0 1em 0;
}

#sub.tgs2023 #maincontents .schedule .notes {
	width: 320px;
	margin: 30px auto;
	font-size: 12px;
}

#sub.tgs2023 #maincontents .schedule h5 {
	font-size: 15px;
}

#sub.tgs2023 #maincontents .schedule .access {
	width: 320px;
	margin: 0 auto;
	text-align: center;
}

#sub.tgs2023 #maincontents .schedule .access a {
	color: #ffffff;
	text-decoration: underline;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　	　　　　　　東京ゲームショウ2023：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/







/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

バトル

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
バトル：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#sub.battle {
    background-color: #181d1c;
    background-image: url(../images/battle_bg.png);
    background-size: 840px auto;
    background-repeat: repeat;
    background-position: top center;
	background-attachment: fixed;
}

#sub.battle #maincontents {
	padding: 50px 0 100px 0;
}




/*
ページタイトル
*/
#sub.battle #maincontents > h2 {
	background-image: url(../images/battle_title_sp.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
	width: 335px;
	height: 36px;
	margin: 0px auto 40px auto;
	text-indent: -9999px;
}




/*
バトル解説パネル
*/
#sub.battle #maincontents > section > div {
    box-sizing: border-box;
    position: relative;
    top: 0;
    left: -3px;
    background-image: url(../images/sp_battle_box_bg_top_common.png);
    background-position: top center;
    background-repeat: no-repeat;
    width: 340px;
    margin: 0 auto 120px auto;
    padding: 40px 20px 0 25px;
	filter: drop-shadow(0 0 10px rgba(167, 0, 22, 0.3));
}
/*テーブル終わりパーツ*/
#sub.battle #maincontents > section > div::after {
	z-index: -1;
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    bottom: -54px;
    width: 340px;
    height: 54px;
    background-image: url(../images/sp_battle_box_bg_bottom.png);
	background-size: 335px auto;
    background-position: bottom center;
    background-repeat: no-repeat;
}

/*サムネイルセクション*/
#sub.battle #maincontents > section > div .vis {
	position: relative;
	width: 295px;
	margin: 0 auto 30px;
}
#sub.battle #maincontents > section > div .vis > figure {
	width: 295px;
}
#sub.battle #maincontents > section > div .vis figure img {
	width: 100%;
	height: auto;
}

/*概要セクション*/
#sub.battle #maincontents > section > div .detail {
	flex: 1;
}
#sub.battle #maincontents > section > div .detail h3,
#sub.battle #maincontents > section > div .detail h5,
#sub.battle #maincontents > section > div .detail > div p {
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.75);
}
#sub.battle #maincontents > section > div .detail h3 {
	position: relative;
    font-family: "FOT-筑紫明朝 Pr6 L";
    font-family: "TsukuMinPr6-L";
    font-size: 20px;
    line-height: 1.65em;
    margin: 0 0 20px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px #c10019 solid;
}
#sub.battle #maincontents > section > div .detail h3::after {
	content: "";
    display: block;
    position: absolute;
    top: -15px;
    left: -5px;
    background-color: #c10019;
    height: calc(60px / 2* tan(60deg));
    width: 15px;
    height: 15px;
    clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
}
#sub.battle #maincontents > section > div .detail h5 {
	color: #c10019;
	margin: 0 0 30px 0;
	font-family: "termina", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 10px;
}
#sub.battle #maincontents > section > div .detail > div p {
    font-size: 14px;
    line-height: 1.86em;
    letter-spacing: 0.045em;
    margin: 0 0 1em 0;
}



/*
その他システム専用
*/
#sub.battle #maincontents > section.othersystem > div {
    background-image: url(../images/sp_battle_box_bg_top_multi.png);
	filter: drop-shadow(0 0 10px rgba(6, 172, 166, 0.3));
}
#sub.battle #maincontents > section.othersystem > div::after {
    background-image: url(../images/sp_battle_box_bg_multi_bottom.png);
}
#sub.battle #maincontents > section.othersystem > div .detail h3 {
    border-bottom: 1px #02c0bf solid;
}
#sub.battle #maincontents > section.othersystem > div .detail h3::after {
    background-color: #02c0bf;
}
#sub.battle #maincontents > section.othersystem > div .detail h5 {
	color: #02c0bf;
}




/*
カルーセル
*/
/*
Swiper
*/
#sub.battle #maincontents > section > div .vis .swiper {
	position: relative;
	width: 295px;
	margin: 0 auto 60px;
}

/*画像*/
#sub.battle #maincontents > section > div .vis .swiper-slide img {
	width: 295px;
	height: 166px;
}

/*ページネーション*/
#sub.battle #maincontents > section > div .vis .swiper-pagination {
	/*
	position: absolute;
	right: 0 !important;
    left: inherit !important;
    width: auto;
	*/
	bottom: -30px;
}
.swiper-pagination-bullet {
	background: #02c0bf !important;
    width: 6px !important;
    height: 6px !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #02c0bf !important;
}

/*アロー*/
.swiper-button-next, .swiper-button-prev {
	color: #02c0bf !important;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
バトル：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/







/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

キャラクター

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
キャラクター：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#sub.character {
    background-color: #000000;
}

#sub.character #maincontents {
	padding: 50px 0 100px 0;
}




/*
ページタイトル
*/
#sub.character #maincontents > h2 {
	background-image: url(../images/character_title_sp.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
    width: 358px;
    height: 36px;
    margin: 0px auto 40px auto;
    text-indent: -9999px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
キャラクター：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
キャラクター：サムネイル一覧_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#sub.character .characterthumb {}



/*
サムネイル一覧
*/
#sub.character .characterthumb ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    width: 350px;
    margin: 0 auto;
}
#sub.character .characterthumb ul li {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 160px;
	height: 182px;
	margin: 6px;
}
#sub.character .characterthumb.modalrunning ul li {
	pointer-events: none;
}
#sub.character .characterthumb ul li::before,
#sub.character .characterthumb ul li::after {
	content: "";
	position: absolute;
	left: 0;
	display: block;
	width: 160px;
	height: 182px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	cursor: pointer;
}
#sub.character .characterthumb ul li::before {
	z-index: 2;
	top: 0;
	background-position: top center;
	filter: drop-shadow(0 0 20px rgba(255, 0, 32, 0.5));
}
#sub.character .characterthumb ul li.enemy::before {
	filter: drop-shadow(0 0 20px rgba(0, 255, 246, 0.5));
}
#sub.character .characterthumb ul li::after {
	z-index: 1;
	bottom: 0;
	background-position: bottom center;
}
#sub.character .characterthumb ul li em {
	font-size: 0;
}

/*キャラごと表示（日本語）*/
#sub.character .characterthumb.jp ul li.eve::before,
#sub.character .characterthumb.jp ul li.eve::after {
	background-image: url(../images/jp_character_select_eve.png);
}
#sub.character .characterthumb.jp ul li.player::before,
#sub.character .characterthumb.jp ul li.player::after {
	background-image: url(../images/jp_character_select_player.png);
}
#sub.character .characterthumb.jp ul li.julia::before,
#sub.character .characterthumb.jp ul li.julia::after {
	background-image: url(../images/jp_character_select_julia.png);
}
#sub.character .characterthumb.jp ul li.taiga::before,
#sub.character .characterthumb.jp ul li.taiga::after {
	background-image: url(../images/jp_character_select_taiga.png);
}
#sub.character .characterthumb.jp ul li.sarah::before,
#sub.character .characterthumb.jp ul li.sarah::after {
	background-image: url(../images/jp_character_select_sarah.png);
}
#sub.character .characterthumb.jp ul li.eight::before,
#sub.character .characterthumb.jp ul li.eight::after {
	background-image: url(../images/jp_character_select_eight.png);
}
#sub.character .characterthumb.jp ul li.adam::before,
#sub.character .characterthumb.jp ul li.adam::after {
	background-image: url(../images/jp_character_select_adam.png);
}
#sub.character .characterthumb.jp ul li.deus::before,
#sub.character .characterthumb.jp ul li.deus::after {
	background-image: url(../images/jp_character_select_deus.png);
}

/*キャラごと表示（英語）*/
#sub.character .characterthumb.en ul li.eve::before,
#sub.character .characterthumb.en ul li.eve::after {
	background-image: url(../images/en_character_select_eve.png);
}
#sub.character .characterthumb.en ul li.player::before,
#sub.character .characterthumb.en ul li.player::after {
	background-image: url(../images/en_character_select_player.png);
}
#sub.character .characterthumb.en ul li.julia::before,
#sub.character .characterthumb.en ul li.julia::after {
	background-image: url(../images/en_character_select_julia.png);
}
#sub.character .characterthumb.en ul li.taiga::before,
#sub.character .characterthumb.en ul li.taiga::after {
	background-image: url(../images/en_character_select_taiga.png);
}
#sub.character .characterthumb.en ul li.sarah::before,
#sub.character .characterthumb.en ul li.sarah::after {
	background-image: url(../images/en_character_select_sarah.png);
}
#sub.character .characterthumb.en ul li.eight::before,
#sub.character .characterthumb.en ul li.eight::after {
	background-image: url(../images/en_character_select_eight.png);
}
#sub.character .characterthumb.en ul li.adam::before,
#sub.character .characterthumb.en ul li.adam::after {
	background-image: url(../images/en_character_select_adam.png);
}
#sub.character .characterthumb.en ul li.deus::before,
#sub.character .characterthumb.en ul li.deus::after {
	background-image: url(../images/en_character_select_deus.png);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
キャラクター：サムネイル一覧_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
キャラクター：モーダル_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
モーダル全体
*/
.characterdetail {
	z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
}



/*
キャラ表示領域
*/
.characterdetail > div {}

/*水平線*/
.characterdetail > div .hzline {
	z-index: 1;
    display: block;
    position: absolute;
    top: 250px;
    left: 0;
    background: linear-gradient(rgba(125, 0, 16, 1), rgba(0, 0, 0, 0));
    width: 100%;
    height: 200px;
}
.characterdetail > div.enemy .hzline {
    background: linear-gradient(rgba(0, 122, 126, 1), rgba(0, 0, 0, 0));
}



/*
詳細説明ボックスレイアウト
*/
.characterdetail > div .detail {
	z-index: 3;
	position: absolute;
	left: 50%;
	top: 520px;
	margin: 0 0 0 -170px;
	box-sizing: border-box;
	width: 340px;
	padding: 20px 30px 0 30px;
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-position: center center;
}
.characterdetail > div .detail::before,
.characterdetail > div .detail::after {
	content: "";
    display: block;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    width: 100%;
}
.characterdetail > div .detail::before {
    height: 36px;
    top: -36px;
}
.characterdetail > div .detail::after {
    height: 32px;
    bottom: -32px;
}
/*味方*/
.characterdetail > div .detail {
	background-image: url(../images/character_modal_center.png);
	filter: drop-shadow(0 0 6px rgba(255, 0, 32, 0.5));
}
.characterdetail > div .detail::before {
    background-image: url(../images/character_modal_top.png);
}
.characterdetail > div .detail::after {
    background-image: url(../images/character_modal_bottom.png);
}
/*敵*/
.characterdetail > div.enemy .detail {
	background-image: url(../images/character_modal_enemy_center.png);
	filter: drop-shadow(0 0 6px rgba(0, 255, 246, 0.5));
}
.characterdetail > div.enemy .detail::before {
    background-image: url(../images/character_modal_enemy_top.png);
}
.characterdetail > div.enemy .detail::after {
    background-image: url(../images/character_modal_enemy_bottom.png);
}



/*
文言要素一式
*/
/*区切り*/
.characterdetail > div .detail .meta {
	margin: 0 0 20px 0;
}
/*味方*/
.characterdetail > div .detail .meta {
	border-bottom: 1px #d1001b solid;
}
/*敵*/
.characterdetail > div.enemy .detail .meta {
	border-bottom: 1px #06aca6 solid;
}

/*敵味方表記*/
.characterdetail > div .detail .meta > em {
    display: block;
    position: absolute;
    top: -25px;
    right: -10px;
    text-align: right;
    color: transparent;
    font-style: normal;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0.3em;
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: normal;
}
/*味方*/
.characterdetail > div .detail .meta > em {
	-webkit-text-stroke: 1px #d1001b;
    text-stroke: 1px #d1001b;
}
/*敵*/
.characterdetail > div.enemy .detail .meta > em {
	-webkit-text-stroke: 1px #06aca6;
    text-stroke: 1px #06aca6;
}

/*名前*/
.characterdetail > div .detail h3 {
	-webkit-font-smoothing: antialiased;
    font-size: 22px;
    font-family: "FOT-筑紫明朝 Pr6 R";
    font-family: "TsukuMinPr6-R";
    letter-spacing: 0.165em;
    line-height: 1.5em;
}
.characterdetail > div .detail h4 {
	font-size: 10px;
    font-family: "termina", sans-serif;
    font-weight: 300;
    line-height: 1em;
    margin: 10px 0;
}
/*味方*/
.characterdetail > div .detail h4 {
	color: #c10019;
}
/*敵*/
.characterdetail > div.enemy .detail h4 {
	color: #06aca6;
}

/*声優*/
.characterdetail > div .detail h5 {
	font-size: 16px;
    letter-spacing: 0.085em;
    line-height: 1em;
    margin: 20px 0;
}
.characterdetail > div .detail h5 em {
	display: inline-block;
    font-size: 11px;
    font-family: "termina", sans-serif;
    font-weight: 500;
    font-style: normal;
    background-color: #b22222;
    margin: 0 15px 0 0;
    padding: 2px 10px;
    border-radius: 6px;
}
.characterdetail > div.enemy .detail h5 {
	display: none;
}


/*本文*/
.characterdetail > div .detail .profile p {
	margin: 0 0 1em 0;
	font-size: 14px;
	letter-spacing: 0.065em;
	line-height: 1.65em;
	text-align: justify;
	word-break: break-all;
}
.characterdetail > div .detail .profile p:last-child {
	margin: 0;
}



/*
閉じるボタン
*/
.characterdetail > div .close { 
	box-sizing: border-box;
	z-index: 3;
    position: absolute;
    bottom: -140px;
    left: 50%;
	width: 150px;
    background-color: rgba(0, 0, 0, 0.9);
    font-size: 14px;
    font-family: "termina", sans-serif;
    font-weight: 700;
    line-height: 1em;
	margin: 0 0 0 -75px;
    padding: 10px 0;
	text-align: center;
    cursor: pointer;
}
.characterdetail > div .close:hover {
	letter-spacing: 0.15em;
}
/*味方*/
.characterdetail > div .close {
    color: #d1001b;
    border: 1px #d1001b solid;
}
/*敵*/
.characterdetail > div.enemy .close {
    color: #06aca6;
    border: 1px #06aca6 solid;
}



/*
キャラ画像
*/
.characterdetail > div figure {
	z-index: 2;
	position: absolute;
	top: 200px;
	left: 50%;
}
.characterdetail > div figure img {
	position: relative;
	display: inline-block;
}
/*味方*/
.characterdetail > div figure img {
	filter: drop-shadow(0 0 20px rgba(255, 0, 32, 0.5));
}
/*敵*/
.characterdetail > div.enemy figure img {
	filter: drop-shadow(0 0 20px rgba(0, 255, 234, 0.5));
}
/*位置調整*/
.characterdetail > div.eve figure img {
	top: -109px;
	width: 236px;
	height: 387px;
	margin: 0 0 0 -116px;
}
.characterdetail > div.player figure img {
	top: -185px;
	width: 417px;
	height: 476px;
	margin: 0 0 0 -193px;
}
.characterdetail > div.julia figure img {
	top: -115px;
	width: 149px;
	height: 394px;
	margin: 0 0 0 -82px;
}
.characterdetail > div.taiga figure img {
	top: -125px;
	width: 196px;
	height: 407px;
	margin: 0 0 0 -85px;
}
.characterdetail > div.sarah figure img {
	top: -125px;
	width: 152px;
	height: 388px;
	margin: 0 0 0 -63px;
}
.characterdetail > div.eight figure img {
	top: -120px;
	width: 255px;
	height: 418px;
	margin: 0 0 0 -127px;
}
.characterdetail > div.adam figure img {
	top: -145px;
	width: 542px;
	height: 451px;
	margin: 0 0 0 -270px;
}
.characterdetail > div.deus figure img {
	top: -123px;
	width: 426px;
	height: 386px;
	margin: 0 0 0 -163px;
}




/*
アニメーション
*/
/*前後関係処理*/
.characterdetail > div {
	z-index: 1;
	position: relative;
}
.characterdetail > div.active {
	z-index: 2;
	position: relative;
}

.characterdetail,
.characterdetail > div .hzline {
	pointer-events: none;
	opacity: 0;
	transition-duration: 1200ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
.characterdetail > div .hzline {
	transform-origin: left;
	transition-delay: 400ms;
	opacity: 0;
	transform: scaleX(0);
}
.characterdetail > div figure,
.characterdetail > div .detail,
.characterdetail > div .detail .meta,
.characterdetail > div .detail .profile,
.characterdetail > div .close {
	opacity: 0;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transform-origin: center;
	transform: translateX(40px);
}

/*パネル全体表示*/
.characterdetail.active {
	pointer-events: unset;
	z-index: 100;
	opacity: 1;
}

/*水平ライン*/
.characterdetail > div.active .hzline {
	opacity: 1;
	transform: scaleX(1);
}

/*子要素大枠表示*/
.characterdetail > div figure {
	transition-delay: 1000ms;
	transform: translateX(-80px);
}
.characterdetail > div .detail {
	transition-delay: 1000ms;
	transform: translateX(80px);
}
.characterdetail > div.active figure,
.characterdetail > div.active .detail {
	opacity: 1;
	transform: translateX(0px);
}

/*子要素各テキスト要素表示*/
.characterdetail > div.active .detail .meta {
	transition-delay: 1500ms;
	opacity: 1;
	transform: translateX(0px);
}
.characterdetail > div.active .detail .profile {
	transition-delay: 1700ms;
	opacity: 1;
	transform: translateX(0px);
}
.characterdetail > div.active .close {
	transition-delay: 0ms;
	opacity: 1;
	transform: translateX(0px);
}





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
キャラクター：モーダル_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/