@charset "utf-8";
@import "../../css/common.css";
/*******************************************************************************/
/* https://terimaland.com                                                      */
/* 優先: 色 > 幅 > 余白 > 文字スタイル > ボーダースタイル                      */
/*******************************************************************************/
/*******************************************************************************/
/* S-ファイナルファンタジー7 インターナショナル                                */
/*******************************************************************************/
P{
	WIDTH:65%;
}
@media all and (MAX-WIDTH: 799px) {
	P{
		WIDTH:92%;
	}
}
P.ff7i-board{
	WIDTH:90%;
}
@media all and (MAX-WIDTH: 799px) {
	P.ff7i-board{
		WIDTH:92%;
	}
}

/* 799px以下のみに存在 */
@media all and (MAX-WIDTH: 799px) {
	H5{
		TEXT-DECORATION:underline;
	}
}

/* マテリアアイコン */
IMG.materia_red{VERTICAL-ALIGN:middle;PADDING-LEFT:0.1em;PADDING-RIGHT:0.1em;}
IMG.materia_blue{VERTICAL-ALIGN:middle;PADDING-LEFT:0.1em;PADDING-RIGHT:0.1em;}
IMG.materia_green{VERTICAL-ALIGN:middle;PADDING-LEFT:0.1em;PADDING-RIGHT:0.1em;}
IMG.materia_yellow{VERTICAL-ALIGN:middle;PADDING-LEFT:0.1em;PADDING-RIGHT:0.1em;}
IMG.materia_purple{VERTICAL-ALIGN:middle;PADDING-LEFT:0.1em;PADDING-RIGHT:0.1em;}

/* パターン準備解説背景板 */
DIV.ff7i-preparation{
	WIDTH:66%;
	BACKGROUND-COLOR:#EFF7EA;
	MARGIN-TOP:25px;
	MARGIN-BOTTOM:25px;
	MARGIN-LEFT:50px;
	MARGIN-RIGHT:50px;
	BORDER-RADIUS: 30px;
}
@media all and (MAX-WIDTH: 799px) {
	DIV.ff7i-preparation{
		WIDTH:98%;
		MARGIN-LEFT:3px;
		MARGIN-RIGHT:3px;
	}
}

/* パターン解説背景板 */
DIV.ff7i-pattern{
	WIDTH:66%;
	BACKGROUND-COLOR:#EFF7EA;
	MARGIN-TOP:25px;
	MARGIN-BOTTOM:25px;
	MARGIN-LEFT:50px;
	MARGIN-RIGHT:50px;
	BORDER-RADIUS: 30px;
}
@media all and (MAX-WIDTH: 799px) {
	DIV.ff7i-pattern{
		WIDTH:98%;
		MARGIN-LEFT:3px;
		MARGIN-RIGHT:3px;
	}
}

/* 補足背景板 */
DIV.ff7i-supplement{
	WIDTH:66%;
	BACKGROUND-COLOR:#EFF7EA;
	MARGIN-TOP:25px;
	MARGIN-BOTTOM:25px;
	MARGIN-LEFT:50px;
	MARGIN-RIGHT:50px;
	BORDER-RADIUS: 30px;
}
@media all and (MAX-WIDTH: 799px) {
	DIV.ff7i-supplement{
		WIDTH:98%;
		MARGIN-LEFT:3px;
		MARGIN-RIGHT:3px;
	}
}

/* BACKGROUND */
DIV.whole-page-background-ff7i{
	BACKGROUND-IMAGE: URL(./image_finalfantasy7i/EmeraldAndRuby.svg);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-SIZE: 28%;
	BACKGROUND-POSITION: 80% 60%;
	BACKGROUND-ATTACHMENT: fixed;}

/*******************************************************************************/
/* E-ファイナルファンタジー7 インターナショナル                                */
/*******************************************************************************/