@charset "utf-8";
html {
	scroll-behavior: smooth;
}
/* ベースとなるbodyの定義 */
body {
	font-family:meiryo, sans-serif;
	background-color:	#000000;
	color: #ffffff;
	font-size: 15px;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
/* ボタンの箱。 */
.button_container {
	font-size: 0; /* この設定をしないとinline-block同士に隙間が発生する。 */
}
/* 共通ボタン */
.button_wrapper {
	width:150px;
	height:50px;
	max-width: 15vw;
	max-height: 5vw;
	display: inline-block;
	/*background-color: crimson;*/
}
.button {
	height: 100%;
	width: 100%;
	display: inline-block;
	margin: 0px;
	background-size: 100% auto;
	vertical-align: top; /* この設定をしないとinline-block同士に隙間が発生する。 */
	/*
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha(opacity=90)";*/
}
.button:hover {
	/*opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";*/
	filter: brightness(1.3);
}
/* button_strのラッパー */
.button_str_wrapper {
	background-color: black;
	padding: 3px;
	box-sizing: border-box;
}
/* 文字ボタン用の追加装飾 */
.button_str {
	font-size: 15px;
	line-height: 1.3em;
	color: white;
	font-weight:bold;
	border-top: 1px solid crimson;
	border-bottom: 1px solid crimson;
	padding-left: 0.2em;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	text-align: left;
}
.face_icon {
	background-size: 100% auto;
	box-sizing: border-box;
	padding-top: 0.5em;
	font-size: 0.8em;
}
/* テキストリンクの定義。下線なし、色青固定 */
a:link{
	color:	crimson;
	text-decoration:none;
}
a:visited{
	color: crimson;
}
a:active{
	color: white;
}
a:hover{
	color: white;
}
/* リンク実行時の画面全般のハイライトの色を無効にする。 */
a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
hr {
	height: 1px;
	margin-top: 1em;
	border: none;
}
/* 画像ライトボックス */
.overlay {
  position: fixed; /* 背景 */
  background: rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.pop-up {
  display: none;
}
.pop-up:checked + .overlay {
  visibility: visible;
  opacity: 1;
  z-index: 2000;
  background-color: #00000099; /* オーバーレイ背景の透過度 */
  width: 100%;
}
.popWindow {
  transform: scale(0.3); /* クリックした直後のサイズ */
  z-index: 2010;
  margin: 10px auto;
  padding: 4px 10px;
  transition: all 0.5s 0s ease;
  display: flex; /* 中央 */
  justify-content: center;
  align-items: center;
	overflow: auto;
}
.pop-up:checked + .overlay .popWindow {
  transform: scale(1); /* 最終的なサイズ */
  height: 100%;
}
.pbox {
	max-width: 100%; /*これがないと画面外が表示できない*/
	max-height: 100%;
  display: flex; /* 中央 */
  border-radius: 5px;
  overflow: auto;
	flex: 0 0 auto;
}
.thumb {
	max-width: 98%;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0;
}
/* 横幅640pxの画像 */
.img640 {
	float: left;
}
/* 横幅480pxの画像 */
.img480 {
	float: left;
}
/* 横幅320pxの画像 */
.img320 {
	float: left;
}
/* 横幅240pxの画像 */
.img240 {
	float: left;
}
/* 横幅240pxの画像 */
.img120 {
	float: left;
}
/* 固定フッターメニュー */
.footer {
	position: fixed;
	text-align: center;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 2em;
	background-color: #444444c0;
	z-index: 1000;
	line-height: 2.1em;
	font-style: bold;
	font-size: 1.5em;
	letter-spacing: -0.1em;
}
.footer a {
	display: inline-block;
	height: 2em;
}
.footer a:link {
	color: gray;
}
.footer a:hover {
	color: white!important;
	background-color: #888888c0;
}
.footer a:active {
	color: white;
	background-color: #888888c0;
}
.footer a:visited {
	color: gray;
}
/* メニュー表示の文字横幅を縮小 */
.menu_trans {
	transform: scaleX(0.6);
	display: inline-block;
	transform-origin: top left;
	width: 5.1em;
}
.menu_trans_wrap {
	display: inline-block;
	width: 2.9em;
}
/* モーダルウインドゥ */
.modal-wrapper {
	z-index: 3000;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
  padding: 40px 10px;
  text-align: center;
}
.modal-wrapper:not(:target) {
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s;
}
.modal-wrapper:target {
	opacity: 1;
	visibility: visible;
	transition: opacity .4s, visibility .4s;
}
.modal-wrapper::after {
	display: inline-block;
	height: 100%;
	margin-left: -.05em;
	vertical-align: middle;
	content: ""
}
.modal-wrapper .modal-window {
	display: inline-block;
	z-index: 20;
	position: relative;
	width: 1200px;
	max-height: 85vh;
	/*margin-top: 0vh;*/
	max-width: 92vw;
	border-radius: 1em;
	background: #00000080;
	vertical-align: middle;
	overflow-y: auto;
	border: 1px solid dimgray;
}
.modal-overlay {
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(60, 60, 60, 0.5)
}
.modal-window_wrapper {
	width: 1100px; /* アイコン横6つ */
	max-width: 90vw;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	box-sizing: border-box;
	margin-top: 1em;
	margin-bottom: 2em;
}
.modal-window_sub {
	width: 1000px;
	max-width: 85vw;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	box-sizing: border-box;
	margin-top: 1em;
	margin-bottom: 2em;
}
.modal-window h3 {
	font-size: 1.5em;
	text-align: center;
	margin-top: 0em;
	margin-bottom: 1em;
}
.modal_h3 {
	margin-top: 1.5em!important;
	text-align: left!important;
}
/* マネタイザー */
.moneytizer0 {
	height: 250px;
}
.base_wrapper {
	display: flex;
  justify-content: center;
	width: 1600px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	flex-direction: row-reverse; /* 横並び逆順 */
}
.base_main {
	justify-content: center;
	box-sizing: border-box;
	flex: auto;
	overflow-y: scroll;
	-ms-overflow-style: none; /*スクロールバー非表示*/
	scrollbar-width: none;
	margin: 0;
	flex-direction: row-reverse; /* 横並び逆順 */
}
/* スクロールバー非表示 */
.base_main::-webkit-scrollbar {
  display: none;
}
.base_left {
	width: 200px;
	height: 96vh;
	padding-right: 1em;
	text-align: right;
	box-sizing: border-box;
}
.title_image {
	width: 1400px;
	height: 373px;
	max-width: 96vw;
	max-height: 25.6vw;
	background-size: 100% auto;
	position: relative; /* テキストの下揃え用に必要な親要素の設定 */
	vertical-align: bottom;
	text-align: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
}
/* タイトル内の下揃えのためのブロック要素 */
.title_align {
	position: absolute;
	bottom: 0;
	left: 0;
}
h1 {
	font-size: 2.8em;
	font-weight:bold;
	text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000;
	padding-left: 0.5em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
.title_image .caption {
	padding-left: 0.5em;
	font-size: 1.5em;
	text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000;
}
/* メニュー */
.menu {
	float: right;
	width: 200px;
	text-align: left;
	padding-left: 1em;
	box-sizing: border-box;
	margin-top: 1em;
}
.main {
	float:right;
	width: 1200px;
	max-width: 100%;
	box-sizing: border-box;
	padding: 5px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2em;/* 固定フッター分 */
}
h2 {
	font-size:1.3em;
	text-indent:0.5em;
	margin-top: 1.5em;
}
.box {
	position: relative; /* h3の装飾のために必要 */
	margin-bottom: 1.5em;
	margin-top: 3.2em;
	width: 100%;
	box-sizing: border-box;
	padding: 1em 1em 1.5em;
	border: 1px solid crimson;
	border-radius: 0.5em;
}
.box2 {
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 0.5em;
	background-image:
  	radial-gradient(#333333 50%, transparent 50%),
		radial-gradient(#333333 50%, transparent 50%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;
	border: 1px solid dimgray;
}
/* フレーム表のh3装飾 */
.frameh3 {
	font-size: 1.3em;
	border-top: 1px solid crimson;
	border-bottom: 1px solid crimson;
	text-indent: 0.5em;
	margin-bottom: 2em;
	line-height: 2.2em;
	height: 2em;
	background-color: maroon;
}
.box h3{
	font-size: 1.3em;
	position: absolute;
  top: -2.2em;
	left: -1px;
  background-color: crimson;
	width: 100%;
	height: 1.8em;
	z-index: 2;
	text-indent: 1em;
	line-height: 2.1em;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	border: 1px solid crimson;
}
h4 {
	font-size: 1.2em;
	border-bottom: 1px solid crimson;
	text-indent:0.5em;
	margin-top: 1.5em;
	margin-bottom: 0.8em;
	width: 90%;
}
.box2 h4 {
	margin-top: 1em;
}
h5 {
	border-left: 6px double crimson;
	margin-left: 0.5em;
	text-indent: 0.5em;
	font-size:1.1em;
	margin-bottom:0.5em;
	margin-top:1.5em;
}
.box p {
	margin-right: 1.5em;
}
/*ボタンリンクをリストで記述。*/
.ul_menu{
	list-style:none;
	margin:0;
	padding:0;
}
.ul_menu2{
		list-style:none;
		margin:0;
		padding:0;
		overflow:hidden;
}
/*キャラ対策用のトピックス枠*/
.answer {
	padding:0.5em;
	background-color:#080808;
	margin-top:1em;
	margin-bottom:1em;
	border:1px;
	border-style:dotted;
	border-color:#dddddd;
	box-sizing: border-box;
}
/*ボタンリンクをリストで記述。*/
.ul_submenu{
	list-style:none;
	margin:0em;
	padding:0;
	overflow:hidden;
	position:relative;
	z-index: 1;
	bottom:-2px;
}
.ul_submenu li{
	text-align:center;
}
.tab_bottom{
	z-index: 0;
	position:relative;
	height:2px;
	background-color:crimson;
	margin:0px 3px 0.5em;
}
/*タブオフ、画像なしテキストリンク*/
.tab_off {
	width: 80px;
	height: 30px;
	font-size: 0.8em;
	text-decoration: none;
	padding: 12px 0px 0px;
	background-color:#1A1A1A;
	float: left;
	border-top-right-radius: 10px;
	border-top-left-radius: 5px;
	border-top: 1px solid #000000;
	/*border-bottom: 2px solid crimson;*/
	margin-left: 3px;
}
.tab_off:hover {
	background:#446688;
}
/*タブオン、画像なしテキストリンク*/
.tab_on {
	width: 80px;
	height: 30px;
	font-size: 0.8em;
	text-decoration: none;
	padding: 12px 0px 0px;
	border-top: 1px solid crimson;
	border-left: 1px solid crimson;
	border-right: 1px solid crimson;
	border-bottom: 2px solid #000000;
	background-color:#000000;
	float: left;
	border-top-right-radius: 10px;
	border-top-left-radius: 5px;
	margin-left: 3px;
}
b{
		font-size:		1.1em;
}
sup {
		font-size:		0.7em;
}
/* サブ文字色 */
.sub_letter {
	color: gray;
}
/* 過去作データ用の文字色 */
.old_data {
	background-color: #222222; /* 背景色を明るい灰色 */
	color: darkgray; /* 文字色を黒 */
}
/* ノーマルとカウンターでダウンの内容が違う場合 */
.dif{
	font-size:		0.8em;
}
.right{
	width:	500px;
}
.big{	font-size:	large;	}
.small{	font-size:	xx-small;	}
dt{	font-weight:bold;}
/* フレーム用のテーブル */

/* 旧テーブル */
table .title {
	text-align:center;
	background-color:maroon;
}
/* ラベル列 */
.td_label {
	width: 18em;
	border-left-width: 0px;
	padding-left: 0.3em;
}
/* 新テーブル */
.fr {
	margin-top: 2em;
	margin-bottom: 2em;
	width: 99%;
	border: solid 1px white;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
}
.fr div {
	margin: 0px;
	padding: 0px;
	border: solid 1px white;
}
.fr_header {
	background-color: firebrick!important;
}
.fr_caption {
	width: calc(100% - 2px);
	text-align: center;
	background-color: firebrick;
	border-bottom-width: 0px!important;
	padding-top: 0.4rem!important;
	padding-bottom: 0.4rem!important;
	font-size: 1.1em;
}
.fr_row {
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 11em 18em 20em auto;
	border-width: 0px!important;
}
.fr_movie_wr {
	display: table;
	grid-column: 1 / 2;
	border-width: 0px!important;
}
.fr_label_wr {
	display: table;
	grid-column: 2 / 3;
	border-width: 0px!important;
}
.fr_value_wr {
	display: table;
	grid-column: 3 / 4;
	border-width: 0px!important;
}
.fr_notes_wr {
	display: table;
	grid-column: 4 / 5;
	border-width: 0px!important;
}
/* サムネイル */
.fr_movie {
	display: table-cell;
	vertical-align: middle;
	border-right-width: 0px!important;
	border-bottom-width: 0px!important;
}
.fr_thumb_wr {
	border-width: 0px!important;
}
.fr_thumb {
	width: 144px;
	/*height: 90px;*/
	margin: 0.5em!important;
}
/* ラベル列 */
.fr_label {
	display: table-cell;
	vertical-align: middle;
	padding: 0.5em!important;
	border-left-width: 0px!important;
	border-bottom-width: 0px!important;
}
.fr_value {
	display: table-cell;
	vertical-align: middle;
	width: 4em;
	border-left-width: 0px!important;
	border-bottom-width: 0px!important;
	text-align: center;
}
.fr_value_th {
	display: table-cell;
	vertical-align: middle;
	width: 6em;
	border-left-width: 0px!important;
	border-bottom-width: 0px!important;
	text-align: center;
}
.fr_notes {
	display: table-cell;
	vertical-align: middle;
	padding: 0.5em!important;
	border-left-width: 0px!important;
	border-bottom-width: 0px!important;
}
/* イメージ列 */
.td_image {
	width: 130px;
	padding-left: 2px;
	padding-right: 2px;
	border-right-width: 0px;
}
.td_thumb {
	width: 96%;
}
/* 削除予定 */
#gif {
	background-image: url("image/loading.gif");
	background-repeat: no-repeat;
  background-position: center center;
	background-color: white;
	width: 480px;
	height: 270px;
}
#video {
	background-image: url("image/loading.gif");
	background-repeat: no-repeat;
  background-position: center center;
	background-color: white;
	width: 480px;
	height: 270px;
}

/* 削除予定：モーダルパッチラベル列 */
.td_label_modal {
	width: 15em;
	padding-left: 0.2em;
}
/* 通常の値列 */
.td_value {
	min-width: 3em;
	text-align: center;
}
/* ガードバック、ヒットバック用 */
.td_value2 {
	min-width: 4.5em;
	text-align: center;
}
.td_notes {
	padding-left: 0.3em;
	padding-right: 0.3em;
}
/* パッチdivの外枠 */
.patch_wrapper {
	display: flex;
	width: auto;
	justify-content: space-between;
	border-width: 0px!important;
}
.patch_left {
	width: 100%;
	border-width: 0px!important;
	padding-right: 0.3em!important;
}
/* パッチアイコンのdiv */
.patch_right {
	width: 28px;
	display: table;
	border-width: 0px!important;
}
.patch_right_inner {
	display: table-cell;
	vertical-align: middle;
	border-width: 0px!important;
}
/* 10連コンボ用 */
.td_value3 {
	min-width: 2em;
	text-align: center;
}
.td_bright {
	border-left: none;
}
.td_bleft {
	border-right: none;
}
.value {
	text-align: center !important;
	white-space: nowrap;
}
table {
	vertical-align: top;
	border-collapse: collapse;
	width: auto;
}
td{
	border:1px solid #ffffff;
}
.zero{
	border-width:0px 0px 0px;
}
/* モーダルフレーム用 */
.modalf_row {
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 22em 20em auto;
	border-width: 0px!important;
	background-color: black;
}
.modalf_label_wr {
	display: table;
	grid-column: 1 / 2;
	border-width: 0px!important;
}
.modalf_value_wr {
	display: table;
	grid-column: 2 / 3;
	border-width: 0px!important;
}
.modalf_notes_wr {
	display: table;
	grid-column: 3 / 4;
	border-width: 0px!important;
}
.modalf_label {
	display: table-cell;
	vertical-align: middle;
	padding: 0.5em!important;
	border-bottom-width: 0px!important;
}
.modalf_value {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 4em;
	border-bottom-width: 0px!important;
	border-left-width: 0px!important;
}
.modalf_value_th {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 6em;
	border-bottom-width: 0px!important;
	border-left-width: 0px!important;
}
.modalf_notes {
	display: table-cell;
	vertical-align: middle;
	border-bottom-width: 0px!important;
	border-left-width: 0px!important;
	padding: 0.5em!important;
}
/* 10連コンボ */
.fr10_header {
	text-align: center;
}
.fr10_value {
	min-width: 3em;
	text-align: center;
	background-color: black;
	padding-top: 0.5em!important;
	padding-bottom: 0.5em!important;
}
.fr10_row {
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 11em auto;
	background-color: black;
	border-width: 0px!important;
}
.fr10_movie_wr {
	display: table;
	grid-column: 1 / 2;
	border-width: 0px!important;
}
.fr10_notes_wr {
	display: table;
	grid-column: 2 / 3;
	border-width: 0px!important;
}
.fr10_movie {
	display: table-cell;
	vertical-align: middle;
	border-width: 0px!important;
}
.fr10_notes {
	display: table-cell;
	vertical-align: middle;
	padding: 0.5em;
	border-width: 0px!important;
}
.modal10_notes {
	padding: 0.5em;
	background-color: black;
}

/*テーブルの見えない仕切り用*/
.upper {
	border-color:#ffffff #ffffff #505050;
}
.upper2{
	border-color:#505050 #ffffff;
}
.middle{
	border-color:#505050 #ffffff;
}
.down{
	border-color:#505050 #ffffff #ffffff;
}
.split{
	border-color:crimson #ffffff #ffffff;
	border-width:2px 1px 1px;
}
.top {
	border-bottom-width:0px;
}
.mid {
	border-top-width:0px;
	border-bottom-width:0px;
}
.bottom {
	border-top-width:0px;
}
/* モバイル表示でない場合は、フレームデータの簡易表示は非表示 */
.simple {
	display: none;
}
/* モバイル表示でない場合は、フレームデータの詳細表示は非表示 */
.detail {
	display: none;
}
/* モバイル表示でない場合は、フレームデータは非表示 */
.mobile {
	display: none;
}
/* 削除予定 */
/* モバイル表示でない場合は改行フレームは非表示 */
.stable {
	display: none;
}
.sstable {
	display: none;
}
/* モバイル表示の10連コンボを非表示 */
.stable10 {
	display: none;
}
/* 技名・コマンド・判定のセル */
.label{
	width:15em;
	word-wrap:break-word;
}
/* 技名ヨミ */
.pronunciation {
	font-size: 0.8em;
	color: darkgray;
}
/* 英語用の技名 */
.en_name{
	color:lightcoral;
}
/* パッチノートの強調 */
.patch{
	color: lightcoral;
}
/* 削除される技のサムネイル透過処理 */
.remove_thumb {
	opacity: 0.4;
}
/* 削除技の行 */
.removed_row {
	background-color: #1f1f1f!important;
	color: lightgray;
}
/* 新技の行 */
.new_row {
	background-color: #300110!important;
}
/* コマンド行が改行されないケースへの対処 */
.command_line {
	/*display: flex;*/
	flex-wrap:wrap;
	align-items: baseline; /* 画像が縦に伸びるので対処 */
	border-width: 0px!important;
}
/* systemページのダメージセル */
.dmg {
	width:3.5em;
	text-align:center;
	color:#99ccff;
	word-break:break-all;
}
/* 投げダメージセル */
.dmg1{
	width:3.5em;
	text-align:center;
	color:#99ccff;
	word-break:break-all;
}
/* 10連コンボダメージセル */
.dmg2{
	text-align:center;
	color:#99ccff;
}
.gra{
	border:5px solid #111111;
	vertical-align:top;
}
.caution{
	border:3px solid crimson;
}
.t_layout{
	vertical-align:top;
	border:0px solid #ffffff;
}
/*ボタンリンクをリストで記述。*/
.ul_sublink{
	margin-top:0em;
	list-style:none;
	padding-left:1em;
	overflow:hidden;
	vertical-align: bottom; /* この設定をしないとinline-block同士に隙間が発生する。 */
}
/*サブリンク、画像なしテキストリンク*/
.sublink {
	height:30px;
	font-size:0.8em;
	text-decoration:none;
	padding:12px 0px 0px;
	float:left;
	vertical-align: bottom; /* この設定をしないとinline-block同士に隙間が発生する。 */
}
/*
.sublink:after{
	content:"\2502";
	font-size:0.8em;
	color:#999999;
}
*/
.sublink:before{
	content:"\2502";
	font-size:0.8em;
	color: white;
}
.sublink:hover{
	background:#002244;
}
/*ツールチップ表示*/
.tooltip {
	position: relative;
	cursor: pointer;
}
.tooltip1 {
	position: absolute;
	/*top: -1em;*/
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	right:-1em;
	bottom: 1.5em;
	z-index: 1;
	text-align:center;
	font-weight: normal;
	font-size:0.8em;
	color: #fff;
	white-space: pre;
	background-color: #444;
	padding: 3px;
	border: 1px #777 solid;
	border-radius: 3px;
	visibility: hidden;
	opacity:0;
	transition: 0.5s all;
}
.tooltip:hover .tooltip1 {
	/*top: -2em;*/
	bottom: 2.2em;
	visibility: visible;
	opacity: 1;

}
/* 新技・削除技のマーキング */
.marker {
	display:inline-block;
	line-height:1.2em;
	vertical-align:middle;
	font-weight:bold;
	font-size: large;
	margin-top:0.4em;
	margin-left:0;
	margin-right:0.3em;
	margin-bottom:0.2em;
}
/* アイコン */
.icon{
	display:inline-block;
	width:2.4em;
	font-size:0.8em;
	line-height:1.6em;
	text-align:center;
	vertical-align:middle;
	border-radius:0.4em;
	font-weight:bold;
	margin-top:0.1em;
	margin-left:0.1em;
	margin-right:0.2em;
	margin-bottom:0.2em;
}
/* ホーミングアイコン */
.ho{
	background-color:#0033ee;
}
/* トルネードアイコン */
.tr{
	background-color: orangered;
}
/* スクリューアイコン */
.sc{
	background-color: green;
}
/* パワークラッシュアイコン */
.pw{
	background-color:crimson;
}
/* しゃがみステータスアイコン */
.cs{
	background-color:#20b2aa;
}
/* ジャンプステータスアイコン */
.js{
	background-color:#ff1493;
}
/* ヒート発動技アイコン */
.he{
	background:linear-gradient(-35deg, darkviolet 0%, deepskyblue 100%);
}
/* ヒートダッシュアイコン */
.hd{
	background:linear-gradient(-35deg,  deepskyblue 0%, darkviolet 100%);
}
/* ヒート専用技アイコン */
.ht{
	background-color:darkviolet;
}
/* ウォールバウンドアイコン */
.wb{
	background-color:#9933ff;
}
/* 壁よろけ誘発やられ */
.wh {
	background-color: dodgerblue;
}
/* 壁よろけ誘発ガード */
.wg {
	background-color: mediumvioletred;
}
/* アコーディオンCSS */
.accbox{
	margin-top: 2.5em;
	margin-bottom: 0.5em;
	padding: 0;
}
.accbox label{
	display:block;
	margin:0.5em 0;
	padding: 5px 5px 2px;
	color:#ffffff;
	font-size:1.2em;
	background: maroon;
	cursor:pointer;
	transition: all 0.5s;
}
.accbox label:before{
	content: "＋";
	font-weight:bold;
	padding-right:8px;
}
.accbox label:hover{
	background:indianred;
}
.accbox input{
	display:none;
}
.accbox .accshow{
	height:0;
	padding:0;
	overflow:hidden;
	opacity:0;
	transition:0.8s;
}
.cssacc:checked + label + .accshow{
	height:auto;
	padding-left:1em;
	background: #111111;
	opacity:1;
}

.cssacc:checked + label:before{
	content: "－";
}
/* アップデート情報用アコーディオンCSS */
.uaccbox{
	margin:0.5em 0;
	padding: 0;
}
.uaccbox label{
	display:block;
	margin:0 0;
	padding: 4px 4px 2px;
	color:#ffffff;
	background:#222222;
	cursor:pointer;
	transition: all 0.5s;
}
.uaccbox label:before{
	content: "\025b6";
	font-weight:bold;
	padding-right:4px;
}
.uaccbox label:hover{
	background:#666666;
}
.uaccbox input{
	display:none;
}
.uaccbox .uaccshow{
	height:0;
	padding:0;
	overflow:hidden;
	opacity:0;
	transition:0.8s;
}
.cssuacc:checked + label + .uaccshow{
	height:auto;
	padding-left:0.5em;
	background: #222222;
	opacity:1;
}
.cssuacc:checked + label:before{
	content: "\025bc";
}
.labeled{
	width:18em;
}
/* 10連コンボの連続技の背景色 */
.tcom1{
	text-align:center;
	background-color: #333366;
}
.tcom2{
	text-align:center;
	background-color: #336633;
}
/* 10連コンボのコマンドセル */
.tcom{
	text-align:center;
	height:1.6em;
	padding-top:0.4em;
}
/* 番号リスト用*/
ol{
	padding-left: 0.5em;
	position: relative;
	list-style-position: inside;
	max-width: 98%;
}
ol li, .scombo li {
	border-left: solid 6px #cccccc;
	background: black;
	margin-bottom: 3px;
	padding-left: 1em;
	vertical-align: middle;
	line-height: 2em;
}
/* 単発コンボ表示用 */
.scombo {
	padding-left: 0.5em;
	position: relative;
	list-style-position: inside;
	max-width: 98%;
}
ul#ol{
	padding-left: 0;
	margin-left: 0;
}
ul#ol li{
	border-left-width:0;
}
/*画像スライダー用*/
.slider {
  text-align: center;
  overflow: hidden;
  float: left;
  margin-right: 1em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
.cp {
  width: 427px;
}
.cr {
  width: 1160px;
}
.slides {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.slides::-webkit-scrollbar {
  width: 10px;
  height: 14px;
}
.slides::-webkit-scrollbar-thumb {
  background: white;
  border-radius: 10px;
}
.slides::-webkit-scrollbar-track {
  background: transparent;
}
.slides > div {
  scroll-snap-align: start;
  flex-shrink: 0;
  margin-right: 20px;
  border-radius: 10px;
  background: #eee;
  transform-origin: center center;
  transform: scale(1);
  transition: transform 0.5s;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cpp {
  width: 427px;
  height: 240px;
}
.crr {
  width: 960px;
  height: 652.5px;
}
.author-info {
  background: rgba(0, 0, 0, 0.75);
  color: white;
  padding: 0.75rem;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
}
.author-info a {
  color: white;
}
.slides img {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.slider > a {
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  color: white;
  border-color: white;
  border-width:1px;
  border-style: solid;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 0 0.5rem 0;
  position: relative;
}
.slider > a:active {
  top: -2px;
}
.slider > a:focus {
  background: white;
  color: black;
}
@supports (scroll-snap-type) {
  .slider > a {
    display: none;
  }
}
.slide_play {
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    border: 0.05em solid currentColor;
    border-radius: 50%;
    color: white;
    font-size: 1.5rem;
    margin-bottom:none;
}
.slide_play::before {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translateY(-50%);
    width: 0px;
    height: 0px;
    border: 0.3em solid transparent;
    border-left: 0.5em solid currentColor;
    box-sizing: border-box;
    content: "";
}
.set_play {
  position: relative;
  top: 0.45rem;
}
.set_play a:active {
  background: white;
  color: black;
  top: -2px;
}
.cp1{
	float: left;
  margin-right: 1em;
	margin-bottom: 0.5em;
}
/* トグルスイッチ */
.toggle_input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	opacity: 0;
	cursor: pointer;
}
.toggle_label {
	width: 55px;
	height: 25px;
	background: #ccc;
	position: relative;
	display: inline-block;
	border-radius: 30px;
	transition: 0.4s;
	box-sizing: border-box;
}
.toggle_label:after {
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	transition: 0.4s;
}
.toggle_input:checked + .toggle_label {
	background-color: crimson;
}
.toggle_input:checked + .toggle_label:after {
	left: 30px;
}
.toggle_button {
	position: relative;
	width: 55px;
	height: 25px;
	margin-left: 0.1em;
}
.toggle_wrapper {
	display: flex;
}
.toggle_cap {
	font-size: 16px;
	padding-top: 1px;
	padding-left: 5px;
	height: 100%;
}
/* 右下固定の詳細スイッチ領域 */
.fixed_switch {
	position: fixed;
	bottom: 3.5em;
	right: 5px;
	padding: 0.2em;
	background: gray;
	border-radius: 0.5em;
	opacity: 0.8;
	visibility: hidden;
}
.fixed_switch:hover {
	opacity: 1;
}
/* 動画のサムネ */
.thumb_wrapper {
	position: relative;
	max-width: 100%;
	width: 384px;
}
.thumb_filter {
	filter: brightness(0.7);
}
.thumb_filter:hover {
	filter: brightness(1.0);
}
.thumb_wrapper label::before {
	position: absolute;
	content: "";
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	border: 6px solid white;
	width: 60px;
	height: 60px;
	z-index: 1;
	opacity: 0.7;
}
.thumb_wrapper label::after {
	position: absolute;
	content: "";
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-40%, -50%);
	border-style: solid;
	border-color: transparent transparent transparent white;
	border-width: 15px 0 15px 25px;
	opacity: 0.7;
}

@media screen and (max-width:1600px){
	.base_wrapper {
		width: 1400px;
	}
}
@media screen and (max-width:1400px){
	.menu {
		width: 1100px;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		float: none;
		padding-left: 0;
	}
	.main {
		float: none;
	}
	.ul_menu{
		list-style:none;
		margin:0;
		padding:0;
		overflow:hidden;
	}
	/*画像スライダー用*/
  .slider {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
  }
}
@media screen and (max-width:1200px){
	.menu {
		width: 90vw;
	}
	/* 横幅640pxの画像 */
	.img640 {
		float: none;
	}
	/* フレーム表のレイアウトを変更 */
	.fr_row {
		grid-template-rows: auto auto auto;
		grid-template-columns: 13.3vw auto;
	}
	.fr_movie_wr {
		grid-column: 1 / 2;
		grid-row: 1 / 3;
	}
	.fr_label_wr {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	.fr_value_wr {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
		min-height: 3em;
	}
	.fr_notes_wr {
		grid-column: 1 / 3;
		grid-row: 3 / 4;
	}
	.fr_thumb {
		width: 12vw;
		/*height: 10vw;*/
	}
	.fr_label {
		padding: 0.3em!important;
	}
	.fr_value {
		border-color: dimgray!important;
		padding-top: 0.3em!important;
		padding-bottom: 0.3em!important;
	}
	.fr_value_th {
		border-color: dimgray!important;
		padding: 0.3em!important;
	}
	#fr_value_end {
		border-right-color: white!important;
	}
	.fr_notes {
		border-top-color: dimgray!important;
		border-left-width: 1px!important;
		padding: 0.3em!important;
	}
	.modalf_label {
		padding: 0.3em!important;
	}
	.modalf_value {
		padding-top: 0.3em!important;
		padding-bottom: 0.3em!important;
	}
	.modalf_value_th {
		padding: 0.3em!important;
	}
	.modalf_notes {
		padding: 0.3em!important;
	}
	.fr10_row {
		grid-template-columns: 13.3vw auto;
	}
	.fr10_value {
		padding-top: 0.3em!important;
		padding-bottom: 0.3em!important;
	}
	.fr10_notes {
		padding: 0.3em!important;
	}
	/* パッチアイコン */
	.img_note {
		height: 2em;
	}
}
@media screen and (max-width:1000px){
	/* ラベル列 */
	.td_label {
		width: auto;
		min-width: 27vw;
	}
	/* モバイルフレーム用 */
	.frame_left {
		display: block;
		width: 100%;
	}
	.frame2 {
		width: 100%;
	}
	.frame2_left {
		width: 11.2vw;
		min-width: 90px;
	}
	.frame2_right {
		width: 100%;
	}
	/* サムネイル */
	.frame_thumb {
		width: 10.2vw;
		height: 6.3vw;
		min-width: 80px;
		min-height: 45px;
	}
	.frame3 {
		width: 100%;
	}
	.frame4 {
		min-height: 1em;
	}
	/* モーダルフレーム表のレイアウトを変更 */
	.modalf_row {
		grid-template-rows: auto auto auto;
		grid-template-columns: auto;
	}
	.modalf_label_wr {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}
	.modalf_value_wr {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
		min-height: 3.5em;
	}
	.modalf_notes_wr {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
	}
	.modalf_value {
		border-color: dimgray!important;
	}
	.modalf_value_th {
		border-color: dimgray!important;
	}
	#modalf_value_start {
		border-left-color: white!important;
		border-left-width: 1px!important;
	}
	#modalf_value_end {
		border-right-color: white!important;
		border-right-width: 1px!important;
	}
	.modalf_notes {
		border-top-color: dimgray!important;
		border-left-width: 1px!important;
	}

}
@media screen and (max-width:840px){
	h1 {
		font-size: 2em;
	}
	/* フレーム表のレスポンシブ対応：サムネイルのサイズ下限 */
	.fr_row {
		grid-template-columns: 110px auto;
	}
	.fr_thumb {
		width: 100px;
		/*height: 60px;*/
	}
	.fr10_row {
		grid-template-columns: 110px auto;
	}
}
@media screen and (max-width:800px){
	.button_wrapper {
		max-width: 18vw;
		max-height: 6vw;
	}
	.button_str {
		padding-top: 0.2em;
		font-size: 12px;
	}
	/* button_strのラッパー */
	.button_str_wrapper {
		padding: 2px;
	}
	/* 横幅480pxの画像 */
	.img480 {
		float: none;
	}
	table td{
		font-size:14px;
	}
	/*サブリンク、画像なしテキストリンク*/
	.sublink{
		height:1.5em;
		font-size:0.8em;
	}
	/* 相手位置 */
	.location{
		width:4.2em;
		word-wrap:normal;
	}
	/* 相手位置2英語用 */
	.location2{
		width:4.2em;
		word-wrap:normal;
	}
	/* キャプション画像の回り込みを解除 */
	.cp1{
		clear: left;
		width: 92vw;
		height: 51.75vw;
	}
	.fr {
		min-width: 90vw;
	}
	.fr div {
		font-size: 14px;
	}
	.c {
		height: 14px;
	}
	.fr10_value {
		min-width: 2.5em;
	}
}
@media screen and (max-width:720px){
	.dmg {
		width:2.5em;
	}
	/* 投げダメージセル */
	.dmg1{
		width:3.0em;
	}
	.cp {
  	width: 92vw;
	}
	.cpp {
  	width: 92vw;
		height: 51.75vw;
	}
	/* タブ調整 */
	.tab_off {
		width: 10vw;
		height: 20px;
		font-size: 10px;
		padding: 9px 0px 0px;
		border-top-right-radius: 6px;
		border-top-left-radius: 3px;
		margin-left: 2px;
	}
	.tab_on {
		width: 10vw;
		height: 20px;
		font-size: 10px;
		padding: 9px 0px 0px;
		border-top-right-radius: 6px;
		border-top-left-radius: 3px;
		margin-left: 2px;
	}
	.tab_long {
		width: 15vw!important;
	}
	.tab_middle {
		width: 11vw!important;
	}
}
@media screen and (max-width:640px){
	/* 横幅320pxの画像 */
	.img320 {
		float: none;
	}
}
@media screen and (max-width:600px){
	body {
		font-size: 14px;
	}
	h1 {
		font-size: 1.5em;
	}
	.title_image .caption {
		font-size: 1em;
	}
	.button_str {
		padding-top: 0.1em;
		font-size: 9px;
		line-height: 11px;
	}
	/* button_strのラッパー */
	.button_str_wrapper {
		padding: 1px;
	}
	.modal-window h3 {
		font-size: 1.2em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
}
@media screen and (max-width:540px){
	/* 詳細表示トグルスイッチを表示 */
	.fixed_switch {
		visibility: visible;
	}
	.button_wrapper {
		max-width: 22.5vw;
		max-height: 7.5vw;
	}
	hr {
		margin-top: 0.5em;
	}
	.box {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.labeled {
		border-right-color: gray;
	}
	.value1 {
		border-left-color: gray;
		border-right-color: gray;
		border-bottom-color: gray;
	}
	.value2 {
		border-left-color: gray;
		border-bottom-color: gray;
	}
	.note {
		border-left-color: gray;
		border-top-color: gray;
	}
	/* モバイル表示の場合、フレームデータの詳細表示は非表示 */
	.detail {
		display: none;
		transition: opacity 0.5s;
		opacity: 0; /* デフォルトは透明 */
	}
	/* モバイル表示の場合、フレームデータの簡易表示は表示 */
	.simple {
		display: block;
		transition: opacity 0.5s;
	}
	/* イメージ列 */
	.td_image {
		width: 30vw;
		min-width: 84px;
		padding-left: 2px;
		padding-right: 2px;
		border-right-width: 0px;
	}
	.td_thumb {
		width: 29.5vw;
		min-width: 80px;
	}
	.modal-window_sub .mobile {
		margin-top: 1em!important;
	}
	/* モーダルラベル列 */
	.td_label_modal {
		width: auto;
		min-width:30vw;
	}
	.modal_h3 {
		font-size: 1.1em!important;
	}
	/* 通常の値列 */
	.td_value {
		font-size: 10px;
	}
	/* ガードバック、ヒットバック用 */
	.td_value2 {
		font-size: 10px;
	}
	/* 10連コンボ用 */
	.td_value3 {
		font-size: 10px;
	}
	/* 備考 */
	.td_desktop_notes {
		border-right-width: 0px;
	}
	.td_detail_notes {
		max-width: 50vw;
		border-right-width: 0px;
	}
	/* パッチノートアイコン */
	.td_patch {
		border-left-width: 0px;
		padding-left: 2px;
		padding-right: 2px;
	}
	.marker {
		font-size: 1.1em;
	}
	/*削除予定*/
		/* モバイル表示の場合、フレームデータの詳細表示は非表示 */
	.stable {
		display: none;
		transition: opacity 0.5s;
		opacity: 0; /* デフォルトは透明 */
	}
	/* モバイル表示の場合、フレームデータの簡易表示は表示 */
	.sstable {
		display: block;
		transition: opacity 0.5s;
	}
	/* モバイル表示の場合、フレームデータのデスクトップ表示は非表示 */
	.ltable {
		display: none;
	}
	/* モバイル表示の10連コンボを表示 */
	.stable10 {
		display: block;
	}
	.details {
		background-color: black;
		color: white;
		font-weight:	bold;
		border: none;
		height: 4em;
		width: 1.2em;
		padding-left: 0px;
		padding-right: 0.2em;
		border-top-left-radius: 0.3em;
		border-bottom-left-radius: 0.3em;
	}
	.details:active {
		color: black;
		background-color: crimson;
	}
	.detail2 {
		background-color: black;
		color: white;
		font-weight:	bold;
		border: none;
		height: 4em;
		width: 1.2em;
		padding-left: 0.2em;
		padding-right: 0px;
		border-top-right-radius: 0.3em;
		border-bottom-right-radius: 0.3em;
	}
	.detail2:active {
		color: black;
		background-color: crimson;
	}
	.slabeled {
		font-size: 0.8em;
	}
	ol li, .scombo li {
	padding-left: 0.5em;
	}
	.box p {
		margin-right: 0.1em;
	}
		.sublink{
		font-size:12px;
		height: 1.7em;
	}
	.sublink:after{
		font-size:12px;
	}
	.sublink:before{
		font-size:12px;
	}
	table td{
		font-size: 12px;
		word-break:break-all;
	}
	.fr div {
		font-size: 10px;
	}
	.fr td {
		font-size: 10px;
	}
	.c{
		height: 12px;
	}
	.scombo {
		font-size: 12px;
	}
	ol {
		font-size: 12px;
	}
}
@media screen and (max-width:500px){
/* 削除予定 */
#gif {
	width: 92vw;
	height: 51.75vw;
}
#video {
	width: 92vw;
	height: 51.75vw;}
}
@media screen and (max-width:440px){
	h1 {
		font-size: 1.2em;
	}
	.tab_on {
		margin-left: 1px;
	}
	.tab_off {
		margin-left: 1px;
	}
	.tab_text {
		display: inline-block;
		transform: scale(0.75, 1);
	}
}
@media screen and (max-width:400px){
	/* 横幅240pxの画像 */
	.img240 {
		float: none;
	}
	.labeled{
		width:9em;
	}
	.title_text{
		font-size:x-large;
	}
	ul{
		padding-left:1.0em;
	}
	.text-caption{
		font-size:12px;
	}
	h4 {
		width: 95%;
	}
}
@media screen and (max-width:360px){
	/* 焼石に水程度の文字寄せ */
	.tab_text {
		transform-origin: 30% 50%;
	}
}