@charset "UTF-8";





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
COMMON_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body{
	background-image: url(../images/update_0702/bg_pattern.png);
	background-repeat: repeat;
	background-position: top center;
}
body::after {
	content: "";
	display: block;
	z-index: 1;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 694px;
	background-image: url(../images/update_0702/bg_fire.png);
	background-size: auto 50%;
	background-position: bottom center;
	background-repeat: no-repeat;
}



/*
PC・SP対応分岐
*/
.pc {
	display: none;
}



/*
コンテンツ要素前後関係調整
*/
#grandwrapper {
    z-index: 3;
    position: relative;
}



/*
背景パーティクル調整
*/
.bg_fixed {
/*
	z-index: 2;
	background: none;
*/
	z-index: 3;
	background: none;
	pointer-events: none;
}



/*
パララックス背景
*/
#parallax {
	z-index: -2;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
}
#parallax div {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	background-repeat: repeat;
	background-position: top center;
}



/*
埋め込みスタイル
*/
.entrybody {}
.entrybody h1,
.entrybody h2,
.entrybody h3,
.entrybody h4,
.entrybody h5,
.entrybody h6 {
	margin: 0 0 0.5em 0;
	font-weight: 600;
	letter-spacing: 0.065em;
}
.entrybody h1 {
	font-size: 30px;
}
.entrybody h2 {
	font-size: 26px;
}
.entrybody h3 {
	font-size: 23px;
}
.entrybody h4 {
	font-size: 20px;
}
.entrybody h5 {
	font-size: 18px;
}
.entrybody h6 {
	font-size: 17px;
}
.entrybody p {
	margin: 0 0 1em 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.75em;
	letter-spacing: 0.065em;
	text-align: justify;
	word-break: break-all;
}
.entrybody p:last-child {
	margin: 0;
}
.entrybody ul {
	margin: 0 0 1em 0;
}
.entrybody ul li {
	margin: 15px 15px 15px 0;
	padding: 0 0 0 30px;
	/*background-image: url(../svg/icon_star_blue.svg);*/
	background-size: 20px auto;
	background-position: 0px center;
}
.entrybody ol li {
    margin: 15px 15px 15px 20px;
    padding: 0 0 0 10px;
    list-style-type: decimal;
}
.entrybody blockquote {
	background-color: #f4fbff;
	border-radius: 10px;
	margin: 20px 0;
	padding: 30px;
}
.entrybody blockquote,
.entrybody blockquote p {
	font-size: 15px;
	font-style: italic;
}
.entrybody a {
	display: inline-block;
	line-height: 1em;
	margin: 6px;
	padding: 3px 10px;
	letter-spacing: 0;
	border: 1px #5a88bf solid;
	border-radius: 100px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
.entrybody a:hover {
	background-color: #5a88bf;
	color: #ffffff;
	border: 1px #5a88bf solid;
}
.entrybody img {
	display: inline-block;
	max-width: 100%;
	margin: 30px auto;
	text-align: center;
}
.entrybody hr {
	background: radial-gradient(circle farthest-side, #a7e1ff, #a7e1ff 30%, transparent 30%, transparent);
    background-size: 11px;
    content: '';
    display: inline-block;
	width: 100%;
    height: 10px;
	margin: 40px auto;
	border: none;
}
.entrybody iframe {
    display: block;
    width: 560px;
    margin: 30px auto;
}



/*
汎用アニメーション
*/
/*一括指定*/
.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;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
COMMON_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Header_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#grandheader {
	box-sizing: border-box;
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 15px;
}



/*
言語設定
*/
#grandheader .language {
	box-sizing: border-box;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	background-color: rgba(55, 55, 55, 0.5);
	padding: 5px 5px 5px 8px;
	border-radius: 6px;
}

#grandheader .language h5 {
	margin: 0 5px 0 0;
	font-size: 10px;
}

#grandheader .language ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#grandheader .language ul li {
	opacity: 0.3;
	background-color: rgba(0, 0, 0, 1);
	min-width: 60px;
	margin: 0 0 0 5px;
	font-size: 11px;
	font-weight: 600;
	text-align: center;
	border-radius: 3px;
}
#grandheader .language ul li a {
	display: block;
	text-decoration: none;
	padding: 1px 10px;
}

#grandheader .language ul li.active {
	opacity: 1;
}
#grandheader .language ul li.active a {
	text-shadow: 0px 0px 10px #ff6600,0px 0px 10px #ff6600;
    color: #ffffff;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Header_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Vis_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#vis {
	position: relative;
	aspect-ratio: 9 / 16;
	background-color: #b22222;
}



/*
ロゴ
*/
#vis h1 {
	position: absolute;
	bottom: 65px;
	width: 100%;
	height: 160px;
	margin: 0;
	background-size: 380px auto;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}

/*JP*/
.jp #vis h1 {
	background-image: url(../images/update_0702/logo_jp.png);
}
.en #vis h1 {
	background-image: url(../images/update_0702/logo_en.png);
}



/*
キーアート
*/
#vis .keyart {
	width: 100%;
	height: 100%;
}
#vis .keyart span {
	display: block;
}

/*メインKV*/
#vis .keyart .main {
	background-image: url(../images/update_0702/vis_kv_sp.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

/*境界線処理*/
#vis .keyart .shadow {
	position: absolute;
	bottom: -96px;
	left: 0;
	background-image: url(../images/update_0702/vis_adjust.png);
	width: 100%;
	height: 192px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Vis_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：StoreInfo_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#storeinfo {
	box-sizing: border-box;
	position: relative;
	top: -60px;
	background-color: #33302b;
	width: 100%;
	margin: 0 auto;
	padding: 1px;
	text-align: center;
	border: 10px #000000 solid;
}
#storeinfo > div {
	background-color: #000000;
	padding: 30px 10px 50px 10px;
	border: 4px #33302b double;
}



/*
Metaロゴ
*/
#storeinfo h3 {
	background-image: url(../images/update_0702/logo_metaquest.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	width: 140px;
	height: 18px;
	margin: 0 auto 0px auto;
	text-indent: -9999px;
}



/*
進撃ロゴ
*/
#storeinfo h2 {
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	width: 230px;
	height: 120px;
	margin: 0 auto;
	text-indent: -9999px;
}
/*JP*/
.jp #storeinfo h2 {
	background-image: url(../images/update_0702/logo_jp.png);
}
/*EN*/
.en #storeinfo h2 {
	background-image: url(../images/update_0702/logo_en.png);
}



/*
説明テキスト
*/
#storeinfo .detail {
	font-family: "M PLUS 2", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
}
#storeinfo .detail p {
	margin: 0;
	line-height: 1em;
}

/*
商品名
*/
#storeinfo .detail .subtitle {
	font-size: 20px;
	line-height: 1em;
}
#storeinfo .detail .subtitle span {
	display: inline-block;
	font-size: 13px;
	margin: 10px 0 0 0;
}



/*
価格
*/
#storeinfo .detail .price {
	margin: 30px auto;
	font-size: 30px;
	text-shadow: 0px 0px 10px #ffae00, 0px 0px 30px #cc2500;
}
#storeinfo .detail .price span {
	font-size: 12px;
}
#storeinfo .detail .price .baseprice {
	color: #b4a592;
	font-size: 20px;
}
#storeinfo .detail .price .baseprice em {
	text-decoration: line-through;
}
#storeinfo .detail .price .allow {
	background-image: url(../svg/arrow_a.svg);
	background-position: center center;
	background-size: 100% auto;
	width: 20px;
	height: 17px;
	margin: 10px auto;
	transform: rotate(90deg);
	text-indent: -9999px;
}

/*通常価格*/
#storeinfo .detail .price.default .baseprice {
	font-size: 40px;
	color: #ffffff;
}
#storeinfo .detail .price.default .baseprice em {
	text-decoration: none;
}



/*
セールステータス
*/
#storeinfo .detail .salestatus {
	font-size: 18px;
}
#storeinfo .detail .salestatus span {
	display: inline-block;
	background-color: #d51b1b;
	margin: 0 0 10px 0;
	padding: 6px 12px;
	border-radius: 6px;
}
#storeinfo .detail .salestatus sup {
	font-size: 10px;
}



/*
遷移ボタン
*/
#storeinfo .ex a {
	position: absolute;
	left: 50%;
	bottom: -30px;
	display: block;
	background-image: url(../images/update_0702/btn_arrow_l.png), url(../images/update_0702/btn_arrow_r.png);
	background-position: 20px center, 210px center;
	background-repeat: no-repeat;
	background-size: 10px;
	background-color: #000000;
	width: 240px;
	margin: 0 0 0 -120px;
	padding: 20px;
	font-size: 16px;
	font-family: "M PLUS 2", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0px 0px 10px #ffae00, 0px 0px 30px #cc2500;
	border-radius: 100px;
}
#storeinfo .ex a:hover {
	opacity: 1;
	background-position: 40px center, 310px center;
	text-shadow: 0px 0px 10px #ffae00, 0px 0px 30px #cc2500;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：StoreInfo_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：ProductInfo_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#productinfo {
	position: relative;
	top: 0px;
	width: 100%;
	margin: 0 0 90px 0;
}
/*日本語差分*/
.jp #productinfo {
	margin: 0 0 40px 0;
}




/*
共通
*/
/*見出し*/
#productinfo .availablenow h3,
#productinfo .comingsoon h3 {
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
}
#productinfo .availablenow h3 span,
#productinfo .comingsoon h3 span {
	position: relative;
	display: block;
	font-size: 25px;
	font-family: "Young Serif", serif;
	font-weight: 400;
	font-style: normal;
	color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*日本語差分*/
.jp #productinfo .availablenow h3 span,
.jp #productinfo .comingsoon h3 span {
	top: -2px;
	font-size: 26px;
	font-family: "M PLUS 2", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;	
}


/*ストアボタン*/
#productinfo .availablenow > ul,
#productinfo .comingsoon > ul {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px auto;
}
#productinfo .availablenow > ul li,
#productinfo .comingsoon > ul li {
	margin: 10px;
}
#productinfo .availablenow > ul li a,
#productinfo .comingsoon > ul li a {
	position: relative;
	top: 0;
	display: block;
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	width: 150px;
	height: 56px;
	text-indent: -9999px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
#productinfo li.meta a {
	background-image: url(../images/update202506/badge_meta.png);
}
#productinfo li.pico a {
	background-image: url(../images/update202506/badge_pico.png);
}




/*
発売中セクション
*/
#productinfo .availablenow {}


/*見出し*/
#productinfo .availablenow h3 {
	background-image: url(../images/update202506/productinfo_bg_an.png);
	background-size: 516px auto;
	height: 100px;
}
#productinfo .availablenow h3 span {
	text-shadow: 0px 0px 10px #ffae00, 0px 0px 30px #cc2500;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：ProductInfo_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Discord_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#discord {
	background-color: rgba(68, 83, 240, 0.3);
	background-image: url(../images/update_0723/discord_bg.png);
	background-size: auto 100%;
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	height: 155px;
	margin: 60px auto 20px auto;
	text-align: center;
}
#discord > div {
	position: relative;
	width: 300px;
	margin: 0 auto;
}



/*
アイコン
*/
#discord .icon a {
	position: absolute;
	top: -40px;
	left: 50%;
	margin: 0 0 0 -50px;
	display: block;
	background-image: url(../images/update_0723/discord_vis.png);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	text-indent: -9999px;
}



/*
キャプション
*/
#discord h3 {
	position: absolute;
	top: 100px;
	left: 50%;
	margin: 0 0 0 -150px;
	width: 300px;
}
#discord h3 em,
#discord h3 span {
	display: block;
}

/*テキスト*/
#discord h3 em {
	background-image: url(../images/update_0723/discord_copy.png);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	width: 250px;
	height: 14px;
	margin: 0 auto;
	text-indent: -9999px;
}

/*矢印*/
#discord h3 span {
	position: absolute;
	top: 2px;
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
}
#discord h3 span:nth-of-type(1) {
	left: 0px;
	background-image: url(../images/btn_arrow_w_l.png);
}
#discord h3 span:nth-of-type(2) {
	right: 0px;
	background-image: url(../images/btn_arrow_w_r.png);
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Discord_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Movie_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#movie {
	position: relative;
	height: 400px;
}



/*
動画
*/
#movie .movie {
	z-index: 2;
	position: relative;
}

/*再生ボタン*/
#movie .movie .play img {
	z-index: 2;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
}
#movie .movie .play img.play_circle {
	margin: -82px 0 0 -82px;
}
#movie .movie .play img.play_icon {
	margin: -48px 0 0 -47px;
}

/*フレーム*/
#movie .movie figure {
	position: relative;
	background-color: #000000;
}
#movie .movie figure img {
	opacity: 0.3;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
#movie .movie figure::after {
	content: "";
	position: absolute;
	top: -3px;
	left: 50%;
	display: block;
	background-image: url(../images/update_0702/movie_border.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 310px;
	height: 178px;
	margin: 0 0 0 -155px;
}

/*ホバー処理*/
#movie .movie a {
	position: absolute;
	top: 115px;
	left: 50%;
	display: block;
	width: 300px;
	height: 178px;
	margin: 0 0 0 -150px;
}
#movie .movie a:hover {
	opacity: 1;
}
#movie .movie a:hover figure img {
	opacity: 1;
}



/*
背景オブジェクト
*/
#movie .object {}
#movie .object span {
	z-index: 1;
	position: absolute;
	display: block;
}

/*フォグ*/
#movie .object .fog {
	top: 0;
	left: 0;
	background-image: url(../images/update_0702/movie_bg.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 400px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Movie_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Complete Pack_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#completepack {
	margin: 20px 0 20px 0;
}



/*
ロードマップ画像
*/
#completepack .slideimage li {
	display: block;
	background-size: 370px auto;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	margin: 0px auto;
	text-indent: -9999px;
}

/*JP*/
.jp #completepack .slideimage li.item_1 {
	background-image: url(../images/sp_roadmap_20250221_complete_jp.png);
	height: 1055px;
}
/*EN*/
.en #completepack .slideimage li.item_1 {
	background-image: url(../images/sp_roadmap_20250221_complete_en.png);
	height: 1085px;
}

/*2個目*/
/*JP*/
.jp #completepack .slideimage li.item_2 {
	background-image: url(../images/update20250310/sp_pr_20250310_completeprice_jp.png);
	height: 752px;
}
/*EN*/
.en #completepack .slideimage li.item_2 {
	background-image: url(../images/update20250310/sp_pr_20250310_completeprice_en.png);
	height: 752px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Complete Pack_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Ranking_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#ranking {
	margin: 0px auto 30px auto;
}



#ranking > a {
	display: block;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/ranking/sp_rank_banner_ranking.png);
	width: 300px;
	height: 164px;
	margin: 0px auto;
	text-indent: -9999px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Ranking_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Roadmap_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#roadmap {
	margin: 100px 0 100px 0;
}



/*
見出し
*/
#roadmap h2 {
	background-image: url(../images/update_0702/roadmap_title.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center center;
	width: 100%;
	height: 100px;
	text-indent: -9999px;
}



/*
ロードマップ画像
*/
#roadmap .roadmapimage li {
	display: block;
	background-size: 370px auto;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	margin: 0px auto;
	text-indent: -9999px;
}
/*JP*/
.jp #roadmap .roadmapimage .roadmap_1 {
	background-image: url(../images/sp_roadmap_20250221_01_jp.png);
	height: 644px;
}
.jp #roadmap .roadmapimage .roadmap_2 {
	background-image: url(../images/sp_roadmap_20250221_02_jp.png);
	height: 487px;
}
.jp #roadmap .roadmapimage .roadmap_3 {
	background-image: url(../images/sp_roadmap_20250221_03_jp.png);
	height: 1042px;
}
/*EN*/
.en #roadmap .roadmapimage .roadmap_1 {
	background-image: url(../images/sp_roadmap_20250221_01_en.png);
	height: 747px;
}
.en #roadmap .roadmapimage .roadmap_2 {
	background-image: url(../images/sp_roadmap_20250221_02_en.png);
	height: 407px;
}
.en #roadmap .roadmapimage .roadmap_3 {
	background-image: url(../images/sp_roadmap_20250221_03_en.png);
	height: 1066px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Roadmap_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Information_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#information {
	margin: 0 0 40px 0;
}



/*
見出し
*/
#information h2 {
	background-image: url(../images/update_0702/info_title.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center center;
	width: 100%;
	height: 100px;
	text-indent: -9999px;
}



/*
データ
*/
#information table {
	box-sizing: border-box;
    border-collapse: separate;
	border-spacing: 10px;
	width: 320px;
	margin: 0 auto;
}

#information table th,
#information table td {
	display: block;
	color: #d3d3d3;
	width: 100%;
	padding: 14px;
	font-size: 13px;
	border-radius: 6px;
}

#information table th {
	background-color: rgba(210,210,210,0.2);
	margin: 0 0 5px 0;
	font-weight: bold;
}

#information table td {
	background-color: rgba(210,210,210,0.1);
}



/*
デバイス情報
*/
#information .device {
	box-sizing: border-box;
	background-color: rgba(210, 210, 210, 0.1);
	color: #d3d3d3;
	width: 300px;
	margin: 20px auto;
	padding: 25px;
}

#information .device h3 {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	color: #d3d3d3;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px #d3d3d3 solid;
}

#information .device .detail {
	font-size: 14px;
}
#information .device .detail p {
	color: #d3d3d3;
}

#information .device .store {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
#information .device .store a {
	position: relative;
	top: 0;
	display: block;
	background-color: #0f0f0f;
	margin: 0.5em;
	padding: 0.5em 1em;
	font-size: 16px;
	text-decoration: none;
	border-radius: 6px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
#information .device .store a:hover {
	top: -5px;
	opacity: 1;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Information_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Footer_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#grandfotter {}



/*
SNS
*/
#grandfotter .sns_list {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

#grandfotter .sns_list li {
	margin: 0 8px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}

#grandfotter .sns_list li a {
	position: relative;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(130deg, #310d06, #0d0000, #000000);
	width: 60px;
	height: 60px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #ffae00, 0px 0px 30px #cc2500;
}
#grandfotter .sns_list li a:hover {
	top: -5px;
	opacity: 1;
}



/*
Deeplinks
*/
#grandfotter .link_list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 300px;
	margin: 80px auto;
}
#grandfotter .link_list li {
	margin: 5px 0;
}
#grandfotter .link_list li a {
	display: block;
	background-color: rgba(0, 0, 0, 0.5);
	width: 300px;
	padding: 10px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	border: 1px #a72700 solid;
	transition-duration: 600ms;
}
#grandfotter .link_list li a:hover {
	opacity: 1;
	letter-spacing: 0.2em;
	text-shadow: 0px 0px 10px #ffae00, 0px 0px 30px #cc2500;
}



/*
UNIVRSロゴ
*/
#grandfotter .publisher {
	background-image: url(../images/update_0702/logo_univrs.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center center;
	width: 169px;
	height: 50px;
	margin: 100px auto;
	text-indent: -9999px;
}



/*
権利表記
*/
#grandfotter small {
	font-size: 11px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：Footer_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/









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

下層汎用

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
下層：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
ヘッダービジュアル領域
*/
#sub #vis {
	aspect-ratio: inherit;
	background: linear-gradient(0deg, #1a0c00, #080400);
	height: 180px;
	border-bottom: 1px #212121 solid;
}

#sub #vis h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#sub.en #vis h2 {
	background-image: url(../images/logo_en.png);
	width: 190px;
	height: 86px;
	margin: -26px 0 0 -80px;
}

#sub.jp #vis h2 {
	background-image: url(../images/logo_jp.png);
	width: 200px;
	height: 105px;
	margin: -34px 0 0 -100px;
}



/*
ページタイトル
*/
#sub #pagetitle {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 186px;
	overflow: hidden;
}

#sub #pagetitle h1 {
	z-index: 2;
	position: relative;
	top: 8px;
	font-size: 20px;
	letter-spacing: 0.165em;
	text-shadow: 0px 0px 10px #ffae00, 0px 0px 30px #cc2500;
}

#sub #pagetitle .bgobj {
	z-index: 1;
	position: absolute;
	top: 41px;
	left: 0;
	width: 100%;
}
#sub #pagetitle .bgobj p {
	font-size: 60px;
	font-family: "grand-central", serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	color: transparent;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px #353434;
}



/*
トップページに戻る
*/
#btt {
    margin: 150px auto 100px auto;
    text-align: center;
}

#btt a {
	display: block;
	background-image: linear-gradient(130deg, #310d06, #0d0000, #000000);
	width: 240px;
	margin: 0 auto;
	padding: 20px 10px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	border-radius: 100px;
	box-shadow: 0px 0px 10px #ffae00, 0px 0px 30px #cc2500;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
下層：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/









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

共通処理

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ランキング：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
親レイアウト
*/
##rank_module_wrapper {
	width: 100%;
	overflow: hidden;
}




/*
ランキングタイトル
*/
#rank_module_wrapper > h2 {
	position: relative;
	width: 90%;
	color: #e2c68d;
	margin: 0 auto 60px auto;
	padding: 80px 0 20px 0;
	text-align: center;
	font-size: 19px;
	font-weight: 600;
	letter-spacing: 0.065em;
}

#rank_module_wrapper > h2::before,
#rank_module_wrapper > h2::after {
	display: block;
	content: "";
	position: absolute;
}

/*自由の翼アイコン*/
#rank_module_wrapper > h2::before {
	top: 0;
	left: 50%;
	background-image: url(../images/ranking/icon__wof.png);
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 45px;
	height: 61px;
	margin: 0 0 0 -22.5px;
}

/*罫線*/
#rank_module_wrapper > h2::after {
	bottom: 0;
	left: 50%;
	background-color: #e2c68d;
	width: 100px;
	height: 2px;
	margin: 0 0 0 -50px;
}



/*
ランキングモジュール基本レイアウト
*/
#rank_module_wrapper .rank_module {
	position: relative;
	background-image: url(../images/ranking/sp_rank_bg_texcher_center.png);
	background-repeat: repeat-y;
	background-position: center center;
	background-size: 100% auto;
	color: #271c06;
	width: 315px;
	margin: 0 auto;
}
#rank_module_wrapper .rank_module p {
	color: #271c06;
	margin: auto;
}

#rank_module_wrapper .rank_module::before,
#rank_module_wrapper .rank_module::after {
	z-index: 1;
	display: block;
	content: "";
	position: absolute;
	background-repeat: repeat-y;
	background-position: center center;
	background-size: 100% auto;
	width: 315px;
	height: 121px;
}

#rank_module_wrapper .rank_module::before {
	background-image: url(../images/ranking/sp_rank_bg_texcher_top.png);
	top: -20px;
}

#rank_module_wrapper .rank_module::after {
	background-image: url(../images/ranking/sp_rank_bg_texcher_footer.png);
	bottom: -20px;
}



/*
ランキングモジュール 基本UI
*/
#rank_module_wrapper .rank_module .rank_ctrl {
	z-index: 2;
	position: relative;
	width: 280px;
	margin: 0 auto;
}

/*現在表示ステータス*/
#rank_module_wrapper .rank_ctrl .rank_currentstatus .chapter,
#rank_module_wrapper .rank_ctrl .rank_currentstatus .operation {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#rank_module_wrapper .rank_ctrl .rank_currentstatus .chapter > div {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#rank_module_wrapper .rank_ctrl .rank_currentstatus .chapter p,
#rank_module_wrapper .rank_ctrl .rank_currentstatus .operation p {
	/*
	margin: 0 20px;
	*/
	margin: 0;
	font-weight: 600;
	font-size: 13px;
}
.jp #rank_module_wrapper .rank_ctrl .rank_currentstatus .chapter p {
	margin: 0 5px 0 0;
}
#rank_module_wrapper .rank_ctrl .rank_currentstatus .chapter h5,
#rank_module_wrapper .rank_ctrl .rank_currentstatus .operation h5,
#rank_module_wrapper .rank_ctrl .rank_currentstatus .chapter span {
	font-weight: 600;
	font-size: 10px;
}
#rank_module_wrapper .rank_ctrl .rank_currentstatus {
	margin: 0 0 15px 0;
	padding: 5px 20px;
	border: 1px #271c06 solid;
	border-radius: 10px;
}
#rank_module_wrapper .rank_ctrl .rank_currentstatus .chapter {
	padding: 0;
	border-bottom: 1px #271c06 solid;
}
#rank_module_wrapper .rank_ctrl .rank_currentstatus .operation {
	padding: 0;
}

/*選択プルダウン*/
#rank_module_wrapper .rank_ctrl .rank_selecter {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#rank_module_wrapper .rank_ctrl .rank_selecter p {
	margin: 0 15px 0 0;
	font-weight: 600;
	font-size: 10px;
}
#rank_module_wrapper .rank_ctrl .rank_selecter select {
	/*ディフォルトリセット*/
	background: none;
    border: none;
	margin: 0;
	padding: 0;
    -webkit-appearance: none;
    appearance: none;
	/*追加スタイル*/
	background-image: url(../images/ranking/rank_select_allow.png);
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-position: 145px center;
	background-color: #271c06;
	min-width: 170px;
	color: #ffffff;
	padding: 10px 40px 10px 10px;
	border-radius: 6px;
}
#rank_module_wrapper .rank_ctrl .rank_selecter select option {
	font-size: 16px;
}



/*
ランキングモジュール ランキングテーブル
*/
#rank_module_wrapper .rank_module .rank_body {
	z-index: 2;
	position: relative;
	width: 280px;
	margin: 0 auto;
}

/*表示切り替え用*/
#rank_module_wrapper .rank_module .rank_body > div {
	display: none;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42,0,0,.99);
	transition-delay: 0ms;
	transform-origin: center;
}
#rank_module_wrapper .rank_module .rank_body > div.active {
	display: block;
}

/*タイトル*/
#rank_module_wrapper .rank_module .rank_body h3 {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 120px;
	text-align: center;
	font-size: 16px;
}

/*テーブル基本設定*/
#rank_module_wrapper .rank_module .rank_body table {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
}
#rank_module_wrapper .rank_module .rank_body table th,
#rank_module_wrapper .rank_module .rank_body table td {
	padding: 10px 5px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	border: 1px #310d06 solid;
}
#rank_module_wrapper .rank_module .rank_body table th {
	background-color: #33312e;
	color: #ffffff;
	font-size: 13px;
}
#rank_module_wrapper .rank_module .rank_body table td {
	word-break: break-all;
}

/*幅調整*/
#rank_module_wrapper .rank_module .rank_body table tr td:nth-of-type(1) {
	width: 60px;
}
#rank_module_wrapper .rank_module .rank_body table tr td:nth-of-type(3) {
	width: 80px;
}

/*上位ランク対応*/
#rank_module_wrapper .rank_module .rank_body table tr:nth-of-type(1) td,
#rank_module_wrapper .rank_module .rank_body table tr:nth-of-type(2) td,
#rank_module_wrapper .rank_module .rank_body table tr:nth-of-type(3) td {
	padding: 20px 13px;
	background-position: center center;
	background-size: 29px auto;
	background-repeat: no-repeat;
}
#rank_module_wrapper .rank_module .rank_body table tr:nth-of-type(1) td:first-child {
	background-image: url(../images/ranking/rank_icon_1.png);
}
#rank_module_wrapper .rank_module .rank_body table tr:nth-of-type(2) td:first-child {
	background-image: url(../images/ranking/rank_icon_2.png);
}
#rank_module_wrapper .rank_module .rank_body table tr:nth-of-type(3) td:first-child {
	background-image: url(../images/ranking/rank_icon_3.png);
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ランキング：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
コンテンツ：コンテンツ_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
コンテンツ：コンテンツ_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/