/********************
* ポケモン詳細画面CSS
*********************/
body {
	background-image: url("../img/common/background.png");
}
/* aタグ */
a {
	color: #494949 !important;
	text-decoration: none !important;
	background-color: transparent !important;
}
a:hover {
	color: #494949 !important;
	text-decoration: underline !important;
}
/** メインフレーム */
.mainFrame {
	max-width: 920px;					/*横幅最大*/
	margin: 55px auto;					/*マージン*/
	padding:15px;						/*パディング*/
	border-radius: 10px;				/*角の丸み*/
	border: 2px solid #b9b9b9;			/*枠線*/
	background:rgb(211 211 211 / 62%);	/*背景色透過*/
}
/** 詳細(画像-背景) */
.detailImgBack {
	border-radius:10px;
	margin:5px auto;
	padding: 2px;
	box-shadow: 2px 2px 4px #c3c3c3;
	background: #ffffff8a;
}
/** 詳細(画像) */
.detailImgBox {
	position: relative;
	margin: 8px auto;				/*マージン*/
	font-weight: bold;				/*文字装飾*/
}
/** 詳細(画像) */
.detailImgBox p {
	margin: 0; 
	padding: 0;
}
/** 詳細(画像) */
img.detailImg {
	position: relative;
	width: 100%;
}
/** 詳細(画像-キャップ) */
img.capImg {
	position: relative;
	max-height: 84px;
	margin: 0 22%;
}
/** 詳細(画像-消しゴム:バンプレスト) */
img.kesiSmImg {
	position: relative;
	width: 240px;
	margin: 0 22%;
}
.infoBox {
	margin-top: 6px;
	color: #2c2c2f;
}
.infoBox p {
	margin: 0; 
}
.dataField {
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}
/** ポケモン名称 */
.namePoke {
	max-width: 100%;					/*横幅最大*/
	white-space: nowrap;				/*折り返し禁止*/
	font-size: 20px;					/*文字サイズ*/
	font-weight: bold;					/*文字装飾*/
	padding: 4.7px 0px 5px 10px;		/*文字周りの余白*/
	border-radius: 7px 0px 0px 7px;		/*角の丸み*/
	border-left: solid 4px #001d44;		/*左*/
	color: white;						/*文字色*/
	background: #506075;				/*背景色*/
}
/** HP */
.hpInfo {
	max-width: 150px;
	border: 1px solid #b7b7b7;
	background-color: #ffffffc2;
	text-align: center;
	margin-right: 5px;
	padding: 3px;
	border-radius: 5px;
}
.hpText {
	width: 180px;
	font-size: 18px
}
/** タイプ */
.typeInfo {
	position: relative;
	max-width: 150px;
	border: 1px solid #b7b7b7;
	background-color: #ffffffc2;
	text-align: center;
	padding: 3px;
	margin-right: 5px;
	border-radius: 5px;
}
/** マーク */
.markInfo {
	max-width: 150px;
	border: 1px solid #b7b7b7;
	background-color: #ffffffc2;
	text-align: center;
	margin-right: 5px;
	padding: 3px;
	border-radius: 5px;
}
/** ポケモン/キャップ名 */
.nameTitle {
	max-width: 650px;
	margin: 0 auto;
}
.nameInfo {
	text-align: left;
	position: relative;
	padding-bottom: 5px;
	margin-top: 15px;
	min-height: 40px;
	color: white;
	font-size: 21px;
	background: #516176;
}
.nameInfo span {
	position: absolute;
	top: 14%;
	margin-left: 8px;
}
.nameInfoSub {
	position: relative !important;
	font-size: 17px;
}
/** エンピツ情報 */
.itemDetailFrame {
	max-width: 650px;
	margin: 0 auto;
	margin-bottom: 5px;
}
/** 商品名 */
.itemTitle {
	max-width: 650px;
	margin: 0 auto;
	margin-bottom: 5px;
}
.itemName {
	color: #2c2c2f;						/*文字色*/
	font-size: 13px;					/*文字サイズ*/
	font-weight:bold;					/*文字装飾*/
	padding: 3px 1px 3px 7px;			/*文字周りの余白*/
	border-left: solid 2px #001d44;		/*左線（実線 太さ 色）*/
	background: #ffffff;				/*背景色*/
}
/** 備考 */
.bikouTitle {
	max-width: 650px;					/*横幅最大*/
	font-size: 16px;					/*文字サイズ*/
	font-weight:bold;					/*文字装飾*/
	margin: 0 auto;						/*マージン*/
	margin-bottom: 5px;					/*マージン(下) */
	padding: 1px;						/*文字周りの余白*/
	background: #c1eaf7;				/*背景色*/
	border-radius: 10px 0px 0px 0px;	/*角の丸み*/
	border-left: solid 2px #3aaacc;		/*左線（実線 太さ 色）*/
	border-right: solid 2px #3aaacc;	/*左線（実線 太さ 色）*/

}
/** 備考(内容) */
.bikouDetail {
	color:#494949;						/*文字色*/
	font-size: 15px;					/*文字サイズ*/
	padding: 3px 8px 8px 8px;			/*文字周りの余白*/
	background: #efefef;				/*背景色*/
	border-radius: 0px 0px 0px 10px;	/*角の丸み*/
	border-left: solid 2px #3aaacc;		/*左線（実線 太さ 色）*/
	border-right: solid 2px #3aaacc;	/*左線（実線 太さ 色）*/
}
/** Close */
.closeBotton {
	margin: 10px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
/**************************
 * ENIX
 **************************/
.nameInfoEtc {
	min-height: 0px;
	padding-left: 10px;
	padding-bottom: 0px !important;
}
/** 詳細(画像-消しゴム:ENIX) */
img.kesiImg {
	position: relative;
	width: 50%;
	margin: 0 25%;
}
/** タイプアイコン(ENIX) */
.typeIcon {
	position: absolute;
	top: 0px;
}
.typeIcon img {
	width: 20px
}
/** タイプアイコン_テキスト内(ENIX) */
.typeIconText {
	width: 18px;
	padding-bottom: 3px;
}
/** マーク：★ */
.markInfo span.hosi img {
	width: 20px !important;
	padding-bottom: 5px !important;
	padding-right: 5px !important;
}
/** マーク：● */
.markInfo span.maru img {
	width: 20px !important;
	padding-bottom: 5px !important;
	padding-right: 5px !important;
}
/** エンピツ情報(Enix) */
.itemDetailEnix {
	border-top: 0px;
	padding: 2px;
	margin-top: 1px;
	background-color: white;
	font-size: 16px;
	text-align: center;
}
/** エンピツ情報(Enix_交換) */
.enixExchange {
	background-color: #ffff90;
}
/** エンピツ情報(Enix_シグナルゾーン：赤) */
.enixSignalRed {
	border-left:10px solid red;
}
/** エンピツ情報(Enix_シグナルゾーン：黄) */
.enixSignalYellow {
	border-left:10px solid orange;
}
/** エンピツ情報(Enix_シグナルゾーン：緑) */
.enixSignalGreen {
	border-left:10px solid green;
}
/**************************
 * バンプレスト
 **************************/
/** エンピツ情報(バンプレスト) */
.itemDetailBanpresto {
	border-top: 0px;
	padding: 2px;
	padding-left: 20px;
	margin-top: 1px;
	background-color: white;
	font-size: 14px;
	font-weight: bold;
	/* text-align: center;*/
}
/** エンピツ情報(バンプレスト_ダメージ) */
.banprestoDamage {
	margin-left: 10px;
}
/** 消しゴム(バンプレスト) */
.kesiDetailBanpresto {
	position: relative;
	padding-left: 10px;
	padding-bottom: 10px;
}
/** 消しゴム_アイコン(バンプレスト) */
.kesiIconBanpresto {
	position: absolute;
	top: 28%;
}
/**************************
 * スピエン
 **************************/
/** スピエン(テキストテーブル-外枠) */
.spienTextFrame {
	display: grid;
	overflow-x: auto;
	white-space: nowrap;
	grid-template-rows: repeat(auto-fill, 1fr);
}
/** スピエン(テキスト行) */
.spienTextRow {
	border-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 1px;
	background-color: white;
	font-weight: bold;
	font-size: 14px;
}
/** スピエン(テーブル-ヘッダー行) */
.spienTextRowHeader {
	background-color: #36415e; color: white;
	height: 22px;
}
.spienTextRowHeader span{
	text-align: center;
}
/** スピエン(テーブル-ダメージ・防御エリア) */
.spienTextDamageGet {
	position: relative;
	display: inline-block;
	width: 35px;
}
.spienTextDamageGet .ballIcon {
	position: absolute;
	top: -24px;
	left: 7px;
	width: 20px;
	font-weight:normal;
}
/** スピエン(テーブル-攻撃) */
.spienTextAt {
	position: relative;
	border-left: 1px solid #dddddd;
	display: inline-block;
	width: 155px;
	height: 38px;
	padding-left: 3px;
}
/** ガチエン(テーブル-攻撃-効果) */
.spienTextAtEf {
	font-weight: normal;
	font-size: 11px;
}
/** スピエン(テーブル-防御) */
.spienTextDf {
	position: relative;
	border-left: 1px solid #dddddd;
	display: inline-block;
	width: 124px;
	height: 38px;
	padding-left: 3px;
}
/**************************
 * パワーエンピツEXAG
 **************************/
/** パワーエンピツEXAG(テキストテーブル-外枠) */
.exAgTextFrame {
	display: grid;
	overflow-x: auto;
	white-space: nowrap;
	grid-template-rows: repeat(auto-fill, 1fr);
}
/** パワーエンピツEXAG(テキスト行) */
.exAgTextRow {
	border-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 1px;
	background-color: white;
	font-weight: bold;
	font-size: 14px;
}
/** パワーエンピツEXAG(テーブル-ヘッダー行) */
.exAgTextRowHeader {
	background-color: #36415e; color: white;
	height: 22px;
}
.exAgTextRowHeader span{
	text-align: center;
}
/** パワーエンピツEXAG(テーブル-ダメージ・防御エリア) */
.exAgTextDamageGet {
	position: relative;
	display: inline-block;
	width: 55px;
}
.exAgTextDamageGet .damageText {
	position: absolute;
	top: -26px;
	left: 7px;
	font-weight: bold;
}
.exAgTextDamageGet .ballIcon {
	position: absolute;
	top: -25px;
	left: 27px;
	width: 20px;
	font-weight:normal;
}
/** パワーエンピツEXAG(テーブル-攻撃) */
.exAgTextAt {
	position: relative;
	border-left: 1px solid #dddddd;
	display: inline-block;
	width: 155px;
	height: 38px;
	padding-left: 3px;
}
/** ガチエン(テーブル-攻撃-効果) */
.exAgTextAtEf {
	font-weight: normal;
	font-size: 11px;
}
/** パワーエンピツEXAG(テーブル-防御) */
.exAgTextDf {
	position: relative;
	border-left: 1px solid #dddddd;
	display: inline-block;
	width: 104px;
	height: 38px;
	padding-left: 3px;
}
/** パワーエンピツEXAG(テキスト-道具) */
.exAgTextDougu {
	background: #3ba95c;
	color: white;
	font-weight: normal;
}
/**************************
 * パワーエンピツEXDP
 **************************/
/** パワーエンピツEXDP(テキスト) */
.exDpTextFrame {
	display: grid;
	overflow-x: auto;
	white-space: nowrap;
	grid-template-rows: repeat(auto-fill, 1fr);
}
/** パワーエンピツEXDP(テキスト行) */
.exDpTextRow {
	border-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 1px;
	background-color: white;
	font-weight: bold;
	font-size: 14px;
}
/** パワーエンピツEXDP(テーブル-ヘッダー行) */
.exDpTextRowHeader {
	background-color: #36415e; color: white;
	height: 22px;
}
.exDpTextRowHeader span{
	text-align: center;
}
/** パワーエンピツEXDP(テーブル-特殊攻撃エリア) */
.exDpTextSp {
	position: relative;
	display: inline-block;
	width: 125px;
}
.exDpTextSp span {
	position: absolute;
	top: -28px;
	left: 35px;
	font-weight:normal;
}
/** パワーエンピツEXDP(テーブル-攻撃) */
.exDpTextAt {
	position: relative;
	border-left: 1px solid #dddddd;
	display: inline-block;
	width: 385px;
	padding-left: 3px;
}
/** ガチエン(テーブル-攻撃-効果) */
.exDpTextAtEf {
	font-weight: normal;
}
/** パワーエンピツEXDP(テーブル-防御) */
.exDpTextDf {
	position: relative;
	border-left: 1px solid #dddddd;
	display: inline-block;
	width: 122px;
	padding-left: 3px;
}
.exDpTextDf span {
	position: absolute;
	top: 10px;
	left: 30px;
}
/**************************
 * ガチエン
 **************************/
/** ガチエン(横幅) */
.geWidth {
	max-width: 900px !important;
}
/** ガチエン(テキスト) */
.geTextFrame {
	display: grid;
	overflow-x: auto;
	white-space: nowrap;
	grid-template-rows: repeat(auto-fill, 1fr);
}
/** ガチエン(テーブル-行) */
.geTextRow {
	border-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 1px;
	background-color: white;
	font-weight: bold;
	font-size: 14px;
}
/** ガチエン(テーブル-ヘッダー行) */
.geTextRowHeader {
	background-color: #36415e; color: white;
	height: 22px;
}
.geTextRowHeader span{
	text-align: center;
}
/** ガチエン(テーブル-防御・追加効果) */
.geTextDfEf {
	position: relative;
	display: inline-block;
	min-width: 60px;
}
/** ガチエン(テーブル-防御・追加効果アイコン) */
.geIconDfEf {
	position: absolute;
	top: -8px;
	left: 2px;
	width: 54px;
	padding-bottom: 3px;
}
/** ガチエン(テーブル-ワザ) */
.geTextAt {
	border-left: 1px solid #dddddd;
	display: inline-block;
	min-height: 45px;
	min-width: 265px;
	padding-left: 3px;
}
/** ガチエン(テーブル-ワザ-効果) */
.geTextAtEf {
	font-weight: normal;
	font-size: 11px;
}
/** ガチエン(テーブル-ワザ-効果アイコン) */
.geTextAtEfIcon {
	width: 30px;
	margin-left: 5px;
	margin-right: 2px;
	margin-bottom: 2px;
}
/**************************
 * ガチエンBW
 **************************/
/** ガチエン(テキストテーブル-外枠) */
.geBWTextFrame {
	display: grid;
	overflow-x: auto;
	white-space: nowrap;
	grid-template-rows: repeat(auto-fill, 1fr);
}
/** ガチエン(テキスト行) */
.geBWTextRow {
	border-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 1px;
	background-color: white;
	font-weight: bold;
	font-size: 14px;
}
/** ガチエン(テーブル-ヘッダー行) */
.geBWTextRowHeader {
	background-color: #36415e; color: white;
	height: 22px;
}
.geBWTextRowHeader span{
	text-align: center;
}
/** ガチエン(テーブル-追加効果) */
.geBWTextEf {
	position: relative;
	display: inline-block;
	min-width: 24px;
}
/** ガチエン(テーブル-追加効果アイコン) */
.geBWIconEf {
	position: absolute;
	top: -23px;
	left: 2px;
	width: 20px;
	padding-bottom: 3px;
}
/** ガチエン(テーブル-攻撃) */
.geBWTextAt {
	position: relative;
	border-left: 1px solid #dddddd;
	display: inline-block;
	width: 355px;
	height: 38px;
	padding-left: 3px;
}
/** ガチエン(テーブル-攻撃-効果) */
.geBWTextAtEf {
	font-weight: normal;
	font-size: 11px;
}
/** ガチエン(テーブル-対象) */
.geBWTextTarget {
	position: relative;
	border-left: 1px solid #dddddd;
	display: inline-block;
	font-weight: normal;
	width: 250px;
	height: 38px;
	padding-left: 3px;
}
/** ガチエン(テーブル-対象アイコン) */
.geBWIconTarget {
	margin-left: 2px;
	width: 16px;
	padding-bottom: 3px;
}
/** ガチエン(テーブル-ちびガチエン) */
.geBWTextAtMini {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 38px;
	padding-left: 3px;
}
/**************************
 * コロコロイチバン
 **************************/
.coroIchiTextRow {
	border-top: 0px;
	padding: 2px;
	margin-top: 1px;
	background-color: white;
	font-size: 16px;
	text-align: left;
}
.coroIchiTextRow img {
	padding-left: 10px;
	padding-right: 10px;
}
/**************************
 * Kiri
 **************************/
/** Kiri(ポケモン名) */
.KiriNameInfo {
	text-align: left;
	position: relative;
	padding-bottom: 5px;
	margin-top: 1px;
	min-height: 40px;
	color: white;
	font-size: 21px;
	background: #516176;
}
.KiriNameInfo span {
	position: absolute;
	top: 7px;
	margin-left: 8px;
}
/** Kiri(ポケモン名-タイプアイコン) */
.KiriType {
	position: absolute !important;
	top: -4px !important;
	left: 93px !important;
}
.KiriType img {
	margin-left: 8px;
	width: 22px;
}
/** Kiri(ポケモン名-タイプアイコン) */
.KiriType2 {
	position: absolute !important;
	top: -4px !important;
	left: 118px !important;
}
.KiriType2 img {
	margin-left: 8px;
	width: 22px;
}
/** Kiri(ポケモン名-タイプアイコン) */
.KiriTypeP {
	position: absolute !important;
	top: -4px !important;
	left: 160px !important;
}
.KiriTypeP img {
	margin-left: 8px;
	width: 22px;
}
/** Kiri(弱点-タイプアイコン) */
.KiriTypeWeakness {
	position: static !important;
	font-size: 14px;
	margin-left: 17px !important;
}
.KiriTypeWeakness img {
	margin-right: 5px;
	margin-bottom: 4px;
	width: 22px;
}
.KiriTextRow {
	border-top: 0px;
	padding: 2px;
	margin-top: 1px;
	background-color: #9aa8bb;
	color: white;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}
.KiriTextRow img {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 2px;
	width: 32px;
}