body{
	font-size: 16px;
	font-family: 'メイリオ', 'Meiryo', sans-serif !important;
	overflow: hidden;
}

input{
	font-family: 'Arial', 'メイリオ', 'Meiryo', sans-serif !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button
{
	-webkit-appearance: none;
}

*:not(input){
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

p {
	margin: 0;
}

input:disabled{
	-webkit-text-fill-color: #222; /* sets text fill to current `color` for safari */
	opacity: 1 !important; /* correct opacity on iOS */
}

.stroke-blk-3px{
	-webkit-text-stroke: 3px #000000;
}
.stroke-blk-2px{
	-webkit-text-stroke: 2px #000000;
}
#ChatEvent{
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-color: #0008;*/
	z-index: 10000;
}
#ChatBg{
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#ChatBgUpper{
	background-color: #0008;
}
#ChatBgMiddle{
	display: flex;
}
#ChatBgMiddleLeft{
	background-color: #0008;
}
/*#ChatBgCentral{
}*/
#ChatBgMiddleRight{
	flex: 1;
	background-color: #0008;
}
#ChatBgLower{
	flex: 1;
	background-color: #0008;
}

.CharacterWrapper{
	display: block;
}
.Character{
	display: none;
    position: fixed;
	z-index: 1000;
	left: 10%;
	bottom: 5%;
	width: 15%;
	image-rendering: pixelated;
	filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.5));
}

.FukidashiWrapper{
	display: flex;
	align-items: center;
	justify-content: center;
    position: fixed;
	z-index: 1000;
	color: #000;
    font-family: 'メイリオ','Meiryo',sans-serif;
	font-weight: bold;
	font-kerning: normal;
    background-color: #777;
    bottom: 7%;
	width: 55%;
	height: 0;
	padding-bottom: 10%;
    margin: 0 0;
	padding-left: 1%;
	padding-right: 2%;
	left: 25%;
	border-style: solid;
	border-width: 5px;
	border-color: #555555;
	border-radius: 20px;
	box-shadow: 0px 3px 8px rgba(0,0,0,0.5);
}
.Fukidashi{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 15.5%;
	transform: translateY(41.8%);
	padding-left: 2%;
	padding-top: 2%;
	border-radius: 4px;
	border-left: solid 5px #999;
	border-right: solid 5px #999;
    background-color: #EEEEEE;
}
.Fukidashi span{
	opacity: 0;
	animation: text_anime_on 0.05s forwards;
}
@keyframes text_anime_on{
	0% {opacity:0;}
	100% {opacity:1;}
}
#FukidashiTriangle{
	display: none;
	position: fixed;
	right: 17%;
	bottom: 9%;
	width: 0%;
	height: 0%;
	box-sizing: border-box;
	border-left: solid 0.8em transparent;
	border-right: solid 0.8em transparent;
	border-top: solid 1.4em #EEE;
	animation: updown ease-in-out 0.5s infinite alternate;
	filter: drop-shadow(0.2em 0.35em 0px rgba(0,0,0,1));
}
@keyframes updown{
	0%{transform: translateY(0%);}
	50%{transform: translateY(-30%);}
	100%{transform: translateY(0%);}
}

#YesNoWrapper{
	display: none;
	position: fixed;
	right: 18%;
	bottom: 7%;
	margin-bottom: 12%;
	color: #222;
	font-size: 26px;
	font-weight: bold;
}
.YesNoDivWrapper{
	margin-top: 0.5em;
	margin-left: -1px;
	width: 3.6em;
	border-radius: 14px;
	border: solid 2px #DDD;
	background-color: #DDD;
}
.YesNo{
	margin-top: 1px;
	margin-left: 1px;
	border-top: solid 3px #DDD8;
	border-bottom: solid 2px #DDD8;
	border-left: solid 1px #DDD8;
	box-shadow: 0px -3px 1px rgba(0,0,0,0.4);
	width: calc(3.6em - 2px);
	text-align: center;
	border-radius: 14px;
	transform: translateY(3px);
	cursor: pointer;
}
#Yes{
	background-color: #F55;
	box-shadow: 0px -3px 0px #F66;
	filter: drop-shadow(0px 0px 2px #000);
}
#Yes:active{
	transform: translateY(1px);
	box-shadow: 0px -1px 0px #F66;
	filter: drop-shadow(0px 0px 2px #000);
}
#No{
	background-color: #77F;
	box-shadow: 0px -3px 0px #88F;
	filter: drop-shadow(0px 0px 2px #000);
}
#No:active{
	transform: translateY(1px);
	box-shadow: 0px -1px 0px #88F;
	filter: drop-shadow(0px 0px 2px #000);
}

#ChoiceWrapper{
	display: none;
	position: fixed;
	right: 18%;
	bottom: 7%;
	margin-bottom: 12%;
	padding-left: 1.5em;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	color: #222;
	font-size: 150%;
	border-radius: 0.2em;
	border: solid 6px #446;
	outline: solid 2px #AAA8;
	outline-offset: -4px;
	background-color: #FFF;
}
#Choices{
	position: relative;
	width: 100%;
	height: 100%;
}
.Choice{
	position: relative;
}
.ChoiceActive::after{
	content: "";
	right: 105%;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	border-left: solid 0.6em #222;
	border-top: solid 0.4em transparent;
	border-bottom: solid 0.4em transparent;
}

.BackGround {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #225;
}

.Header{
	position: fixed;
	top: 0;
	width: 100%;
	height: 25px;
	left: 0;
	background-color: #222255;
	filter: drop-shadow(0 1px #FFF) drop-shadow(2px -1px 7px rgba(0,0,0,0.6));
	z-index: 300;
	/*border-bottom: solid 1px #DDDDDD;*/
}

.LogoWrapper{
	position: relative;
	left: 0;
	width: fit-content;
	height: 70px;
	margin-left: -10px;
	background-color: #225;
}
.LogoWrapper::before{
	content: "";
	position: absolute;
	left: 100%;
	width: 100px;
	height: 100%;
	clip-path: polygon(0 25px, 100% 25px, 0 100%);
	background-color: #225;
}
.Logo{
	position: relative;
	top: 10%;
	left: 20px;
	height: 80%;
}
.HeaderCentralBox{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) translateY(100%) translateY(-1px);
	width: 10em;
	height: 1.8em;
	background:
	linear-gradient(75deg, transparent 12%, #222255 0%),
	linear-gradient(285deg, transparent 12%, #222255 0%);
	background-position: left, right;
	background-size: 50% 100%;
	background-repeat: no-repeat;
}
.HeaderCentralBoxBorder{
	position: absolute;
	top: 100%;
	left: 50%;
	width: 162px;
	height: 28px;
	transform: translateX(-50%);
	background:
	linear-gradient(75deg, transparent 12%, #DDDDDD 0%),
	linear-gradient(285deg, transparent 12%, #DDDDDD 0%);
	background-position: left, right;
	background-size: 50% 100%;
	background-repeat: no-repeat;
}

.BattleStartSwitch{
	position: absolute;
	top: -45%;
	left: 50%;
	transform: translateX(-50%);
	width: 6.3em;
	height: 1.6em;
	line-height: 1.8em;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	white-space: nowrap;
	background-color: #11BB11;
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 0 2px #EEEEEE;
	cursor: pointer;
}
.BattleStartSwitch:active{
	box-shadow: inset 0px 3px 4px rgba(0,0,0,0.5);
	line-height: calc(1.8em + 3px);
}

.HeaderWrapper{
	display: flex;
	position: absolute;
	top: 0;
	height: 25px;
	line-height: 25px;
	font-size: 90%;
	color: #DDD;
	font-weight: bold;
	white-space: nowrap;
}
#HeaderLeftWrapper{
	left: max(calc(50% - 350px),275px);
}
#HeaderRightWrapper{
	left: auto;
	right: calc(50% - 370px);
}
.HeaderItem{
	margin: 0 5px;
	cursor: pointer;
}
.HeaderItem:hover .HeaderSpan{
	text-decoration:underline;
}
.HeaderList{
	display: none;
	position: absolute;
	color: #000;
	background-color: #FFF;
	cursor: default;
	border-radius: 10px;
	z-index: 1000;
}
.HeaderItem:hover .HeaderList{
	display: block;
}
.HeaderListItem{
	position: relative;
	padding: 10px;
	cursor: pointer;
}
.HeaderListItem:hover{
	text-decoration:underline;
}
.HLItem_List{
	display: none;
	position: absolute;
	top: 0%;
	left: 100%;
	border-radius: 7px;
	background-color: #FFF;
	box-shadow: 3px 3px 5px #0006;
	cursor: default;
}
.HeaderListItem:hover .HLItem_List{
	display: block;
}
.HLItem_ListItem{
	padding: 10px;
	cursor: pointer;
}
.HLItem_ListItem:hover{
	text-decoration:underline;
}
#ImportExportItems{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 25px;
}
#IEItems_Explanation{
	width: 90%;
	color: #000;
	font-weight: bold;
	text-align: left;
}
#IEItems_Explanation2{
	width: 90%;
	color: #777;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
#IEItems_textarea{
	width: 750px;
	height: 600px;
	margin-top: 10px;
	margin-bottom: 15px;
}
#Correspondence{
	cursor: pointer;
}
#Correspondence:hover{
	text-decoration:underline;
}
.CorrespondenceList{
	background-color: #EEE;
	width: 800px;
	height: 80%;
	padding: 2em;
	border-radius: 2em;
	color: #000;
	overflow-y: auto;
	box-shadow: 1px 8px 20px rgba(0,0,0,0.7);
}
#CorrespondenceList{
	white-space: pre-wrap;
}
.HowToUseDetails[open]{
	margin-bottom: 3em;
}
.HowToUseSummary{
	text-align: left;
	margin: 0.5em calc(5% - 10px) 0.5em;
	width: 90%;
	padding: 3px 10px 0px 10px;
	font-size: 1.2em;
	line-height: 150%;
	font-weight: bold;
	color: #FFF;
	background: linear-gradient(to bottom,
		#AAF 0%, #559 15%, #559 75%, #88B 85%, #225 100%);
	box-shadow: inset 0px 0px 2px rgba(255,255,255,0.2);
}
.HowToUseItem{
	padding: 0.4em 2.5%;
	margin: 1.2em 2.5%;
	width: 90%;
	border: solid 1px #BBB;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}
.FAQ_Item{
	text-align: left;
}
.HowToUseItemSummary{
	width: 95%;
	padding: 0.3em 2.5%;
	margin-bottom: 0.8em;
	text-align: left;
	font-weight: bold;
	border-bottom: solid 2px #BBF;
}
.HowToUseItem img{
	display: block;
	margin: 0.8em 15% 1.2em;
	width: 70%;
	box-shadow: 2px 3px 7px rgba(0,0,0,0.5);
}
.HowToUseItem p{
	margin: 0.5em 0;
}
.FAQ_explanation{
	width: 94%;
	margin: 0 3% 0.5em;
}
.CorrespondenceList::-webkit-scrollbar{
	display: none;
}

#Language_Wrapper{
	padding: 0 2px;
	font-size: 90%;
	color: #555;
	background-color: #FFF;
	box-shadow: inset 0 0 5px #000A;
}
#CurrentLanguage_Eng{
	font-size: 80%;
}
.ChangeLanguageTitle{
	font-size: 18px;
	font-weight: bold;
}
.ChangeLanguageParagraph{
	margin: 10px;
	padding: 10px;
	border-radius: 10px;
	background-color: #DDD;
	box-shadow: 5px 5px 10px #0006;
}
.ChangeLanguage_Form label{
	display: inline-block;
	width: 20%;
	margin: 5px;
	padding: 5px;
	color: #444;
	font-weight: bold;
	border-radius: 5px;
	background-color: #CCC;
	box-shadow: 2px 2px 5px #0006;
	cursor: pointer;
}
.ChangeLanguage_Form label:hover{
	background-color: #AAA;
	transition: 0.2s;
}
input[name="languageMain"],
input[name="languageSub"]{
	display: none;
}
input[name="languageMain"]:checked + label,
input[name="languageSub"]:checked + label{
	background-color: #AAF;
}

.Main {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 1100px;
	background-color: #222255;
	left: 50%;
	transform: translateX(-50%);
	background-color: #DDDDDD;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.8);
}

.WeatherFieldWrapper{
	position: absolute;	
	top: 2.1em;
	left: calc(50% - 350px);
	width: 650px;
	height: calc(5.5em - 2.1em);
	background:
	linear-gradient(105deg, transparent 12%, #EEEEEE 0%),
	linear-gradient(255deg, transparent 12%, #EEEEEE 0%);
	background-position: left, right;
	background-size: 51% 100%;
	background-repeat: no-repeat;
	filter: drop-shadow(0px -1px 7px rgba(0,0,0,0.4));
}

.DragonBone{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 5.5em;
	width: 3em;
	height: 10em;
	background:	linear-gradient(180deg, #EEEEEE, #DDDDDD);
}

.SingleDoubleWrapper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 10%;
	left: 16%;
	width: 18%;
	height: 90%;
	transform: translateX(-50%);
	font-size: 90%;
}
.SingleDoubleWrapper div{
	width: 6em;
}

.WeatherWrapper{
	position: absolute;
	right: 22%;
	width: 10%;
	height: 100%;
}
.WeatherWrapper:hover{
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
}

.FieldWrapper{
	position: absolute;
	right: 10%;
	width: 10%;
	height: 100%;
}
.FieldWrapper:hover{
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
}

.GravityWrapper{
	position: absolute;
	left: 30%;
	width: 10%;
	height: 100%;
	transform: translateX(-50%);
}
.GravityWrapper:hover{
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
}

.WeatherFieldImg{
	position: absolute;
	height: 70%;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	filter: drop-shadow(2px 2px 2px rgba(100,100,100,0.3));
	border-radius: 20%;
}
.WeatherFieldSpan{
	position: absolute;
}
.WeatherField{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	font-size: 95%;
	line-height: 1em;
	white-space: nowrap;
	font-weight: bold;
}
.WeatherFieldWrapper span{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0.75em;
	white-space: nowrap;
}

.WeatherList{
	position: absolute;
	display: none;
	flex-direction: column;
	justify-content: center;
	top: 5.5em;
	left: calc(50% + 7em);
	width: 18em;
	height: 12em;
	transform: translateX(-50%);
	background-color: #FFFFFFF0;
	border: solid 2px #999;
	border-radius: 1em;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
	z-index: 999;
}
.WeatherListTransparentChild{
	position: absolute;
	bottom: 100%;
	width: 100%;
	height: calc(5.5em - 2.1em);
}
#FieldList{
	left: calc(50% + 14em);
}
#GravityList{
	left: calc(50% + 14em);
}
.WeatherList img{
	filter: drop-shadow(2px 2px 3px rgba(100,100,100,0.5));
}

.WeatherFieldListRow{
	display: flex;
	justify-content: center;
	margin-top: 0.6em;
}

.WFItem{
	position: relative;
	width: 5.2em;
	height: 5em;
	font-weight: bold;
	text-align: center;
	background-color: #FFFFFF;
}
.WFItem:hover{
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
}
.WFItem:active{
	box-shadow: inset 1px 2px 4px rgba(0,0,0,0.4);
}

.WF-Normal{
	transform: translateY(-0.5em);
}
.WFItem img{
	position: absolute;
	width: 80%;
	left: 50%;
	transform: translateX(-50%);
}
.WFItem span{
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}

.RegisterPresetWrapper{
	position: absolute;	
	top: 2.2em;
	left: calc(50% + 290px);
	width: 55px;
	height: calc(5.7em - 2.3em);
	background-color: #EEEEEE;
	filter: drop-shadow(0px -1px 7px rgba(0,0,0,0.4));
}
.RegisterStar{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-48%);
	height: 66%;
	filter: saturate(0.2);
	cursor: pointer;
	transition: width 0.08s 0s ease-in-out, filter 0.1s 0s ease-in-out;
}
.RegisterStar:hover{
	height: 73%;
	filter: saturate(1);
}

.CalcWrapper{
	position: absolute;
	bottom: 65px;
	left: 50%;
	height: calc(100% - 65px - 5.5em);
	max-width: 1000px;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
}
.CalcHalfWrapper{
	width: 350px;
	height: 100%;
	margin-left: 1%;
	margin-right: 1%;
}
.Calc{
	display: flex;
	/*justify-content: flex-end;*/
	position: relative;
	width: 350px;
	height: 100%;
	text-align: center;
	background-repeat: no-repeat;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
	background-color: #EEEEEE;
}
.LowerCalc{
	margin-top: 6px;
}
.showing{
	height: calc(100% - 110px);
}
.hiding{
	height: 110px;
}
.CalcBgWrapper{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.hiding .CalcBgWrapper{
	display: none;
}
.CalcBg{
	position: relative;
	margin-top: 20%;
	width: 150%;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	filter: blur(2px) saturate(90%) contrast(80%);
}

.CalcChild{
	top: 1%;
	position: absolute;
	width: 100%;
	height: 98%;
	display: block;
	justify-content: center;
	flex-direction: column;
}
.hiding .CalcChild{
	display: flex;
	flex-direction: row;
}
.hiding .TypeWrapper,
.hiding .CalcChildUpperCentralWrapper,
.hiding .NatureWrapper,
.hiding .EVIVRankWrapper,
.hiding .MainFunctionWrapper,
.hiding .StatusWrapper{
	display: none;
}
.CalcSummaryIcon{
	display: none;
	position: relative;
	top: 40%;
	height: 62%;
	left: 5px;
	transform: translateY(-50%);
}
.hiding .CalcSummaryIcon{
	display: block;
}
.CalcSummaryStats{
	display: none;
	position: absolute;
	bottom: 2px;
	width: 100%;
	text-align: center;
	font-size: 17px;
}
.hiding .CalcSummaryStats{
	display: block;
}
.CalcSummaryStat{
	font-weight: bold;
}
.CalcSummaryStatHyphen{
	margin: -2px;
}
.ExtendCalcSummary{
	display: none;
	justify-content: center;
	position: absolute;
	top: 100%;
	width: 100%;
	height: 70px;
	background: linear-gradient(to bottom,
		#0005 0%, #0000 100%);
	z-index: 2000;
}
.ExtendCalcSummaryLower{
	top: auto;
	bottom: 100%;
	background: linear-gradient(to top,
		#0008 0%, #0000 100%);
}
.ExtendCalcSummarySvg{
	width: 140px;
	height: 70px;
	margin-top: 5px;
	filter: drop-shadow(0 0 5px #0006);
	transform: translateY(0px);
	transition: all 0.15s;
}
.ExtendCalcSummarySvgLower{
	position: absolute;
	top: auto;
	bottom: 0;
	margin-bottom: -20px;
}
.ExtendCalcSummary:hover .ExtendCalcSummarySvgUpper{
	filter: drop-shadow(0 0 10px #0FF);
	transform: translateY(5px);
}
.ExtendCalcSummary:hover .ExtendCalcSummarySvgLower{
	filter: drop-shadow(0 0 10px #0FF);
	transform: translateY(-5px);
}
.hiding:hover .ExtendCalcSummary{
	display: flex;
}
.hiding .CalcChildUpperWrapper{
	position: absolute;
	right: 4px;
	width: fit-content;
}
.hiding .NatureItemAbilityWrapper{
	width: 220px;
	left: 2px;
	margin-top: 0;
}

.PresetList{
	display: none;
	position: absolute;
	top: 0%;
	right: 0%;
	z-index: 1050;
	border-top-left-radius: 0.7em;
	border-bottom-left-radius: 0.7em;
	background-color: #FFFFFF;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.4);
}
#PresetListInfo2{
	display: none;
}
.PresetListItem{
	position: relative;
	width: 20em;
	height: 2em;
	line-height: 2em;
}
.PresetListItem:hover{
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
}
.RegisterInput{
	position: absolute;
	top: 50%;
	left: 0.6em;
	transform: translateY(-50%);
	border: none;
	width: 73%;
	line-height: 1.6em;
	font-weight: bold;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
	outline: none;
}

.DisabledRegisterInput{
	position: absolute;
	top: 50%;
	left: 0.6em;
	transform: translateY(-50%);
	border: none;
	width: 73%;
	line-height: 1.6em;
	font-weight: bold;
	background-color: #FFFFFF00;
	pointer-events: none;
}
.DisabledRegisterInput:hover{
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
}

.PresetListItem img{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 0.2em;
}
.PresetListItem img:hover{
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
}
.PresetDelete{
	right: 0.3em;
	height: 1.2em;
}
.PresetCheck{
	right: 2.0em;
	height: 1.05em;
	opacity: 0.8;
}
.PresetEditing{
	display: none;
	right: 2.0em;
	height: 1.2em;
}
.PresetStarDisabled{
	right: 3.7em;
	height: 1.2em;
	filter: saturate(0) contrast(0.2) opacity(0.8);
}
.PresetStarEnabled{
	right: 3.7em;
	height: 1.2em;
}


.CalcChildUpperWrapper{
	display: flex;
	position: relative;
	top: 0%;
	width: 100%;
	height: 5em;
	flex-direction: row;
	align-items: center;
	/*overflow: hidden;*/
}

.TypeWrapper{
	display: flex;
	justify-content: center;
	position: relative;
	width: 100px;
	height: 100%;
	padding: 2px 0px;
	flex-direction: column;
}
.TypeWrapper:hover{
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
}
.TypeWrapper:active{
	box-shadow: inset 1px 2px 3px rgba(0,0,0,0.4);
}
.Type{
	margin: 1% 5% 1% 5%;
	padding: 1.4% 5% 1.4% 5%;
	color: #FFF;
	font-weight: bold;
	background-color: #AAA;
	white-space: nowrap;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
}
.TeraType{
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	transform: translateX(-55%) translateY(-50%) rotate(-8deg);
	box-shadow: -1px 1px 3px rgba(0,0,0.4);
}
.TypeInput{
	display: none;
	position: absolute;
	top: 100%;
	padding: 10px;
	background-color: #FFF;
	border-radius: 5px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	z-index: 9999;
}
.TypeInputRow{
	display: flex;
}
.TypeInputItem{
	display: flex;
	color: #FFF;
	padding: 6px;
	white-space: nowrap;
}
.TypeInputItem:hover{
	box-shadow: inset 1px 1px 4px rgba(0,0,0,0.4);
}
.TypeInputItem:active{
	box-shadow: inset 1px 2px 5px rgba(0,0,0,0.4);
}
.TypeInputItem input{
	pointer-events: none;
}
.TypeInputTypeName{
	width: 5.5em;
	font-size: 95%;
	font-weight: bold;
	padding: 2px 5px;
	margin-left: 0.3em;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);

}

.CalcChildUpperCentralWrapper{
	display: flex;
	position: relative;
	width: 11.5em;
	height: 100%;
}

.PokemonNameWrapper{
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	top: 54%;
	transform: translateY(-50%);
	font-size: 1.4em;
	font-weight: bold;
	line-height: 0.85em;
	width: 100%;
	border-radius: 0.6em;
	z-index: 1000;
}
.PokemonName{
	flex: 1;
	position: relative;
	height: fit-content;
	padding-top: 0.3em;
	margin-top: -0.3em;
	border-radius: 0.5em;
	white-space: nowrap;
}

.FormChangeEnabled:hover{
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
}
.FormChange{
	display: none;
	flex-direction: column;
	position: absolute;
	top: 75%;
	left: 50%;
	transform: translateX(-50%);
	padding: 0em 0.3em 0.3em 0.3em;
	background-color: #FFFFFFF3;
	border-radius: 0.8em;
	font-size: 80%;
	box-shadow: 2px 3px 4px rgba(0,0,0,0.5);
	z-index: 1000;
}
.FormChangeTitle{
	position: relative;
	width: 97%;
	left: 1.5%;
	height: 20px;
	margin-top: 0.7em;
	text-align: center;
	font-size: 110%;
	line-height: 20px;
	font-weight: bold;
	border-bottom: solid 1px;
}
.FormChangeRow{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.FormChangeItem{
	display: flex;
	position: relative;
	flex-direction: column;
	margin: 2%;
	width: 8em;
	height: 11em;
	border-radius: 0.7em;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4);
}
.FormChangeItem.mini{
	width: 4em;
	height: 5em;
	margin: 1%;
}
.FormChangeItem:hover{
	box-shadow: inset 1px 2px 5px rgba(0,0,0,0.4);
}
.FormChangeItem:active{
	box-shadow: inset 1px 3px 5px rgba(0,0,0,0.4);
}
.FormChangeItem:active .FormChangeImg img{
	transform: translateY(1px);
}
.FormChangeItem:active .FormChangeSpan{
	transform: translateX(-50%) translateY(1px);
}
.FormChangeImg{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.FormChangeImg img{
	margin-top: -20%;
	margin-left: -50%;
	width: 200%;
}
.FormChangeItem.mini .FormChangeImg img{
	margin-top: -15%;
	margin-left: -25%;
	width: 150%;
}
.FormChangeSpan{
	position: absolute;
	bottom: 0;
	font-weight: bold;
	white-space: nowrap;
	left: 50%;
	transform: translateX(-50%);
}
.FormChangeItem.mini .FormChangeSpan{
	font-size: 85%;
}

.HeightAndWeight{
	display: none;
	font-size: 60%;
	font-weight: normal;
}

.TypeCompUpper{
	display: flex;
	position: absolute;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-left: 5%;
	margin-top: -2%;
	width: 90%;
	height: 1.2em;
	border-radius: 5px;
	background-color: #FFDDDD88;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
}
.TypeCompLower{
	display: flex;
	position: absolute;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-left: 5%;
	bottom: 0;
	margin-bottom: -2%;
	width: 90%;
	height: 1.2em;
	border-radius: 5px;
	background-color: #DDDDFF88;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
}
.TypeCompItem{
	display: flex;
	position: relative;
	height: 80%;
	margin: 3px;
	border-radius: 5px;
	background-color: #FFFFFF;
}
.TypeCompRatio{
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	font-weight: bold;
	color: #888;
	font-size: 80%;
	z-index: 50;
}
.TypeCompRatioLower{
	top: 100%;
}
.TypeCompRatioShadow{
	-webkit-text-stroke: 2px #FFFFFF;
}
.TypeCompImg{
	position: relative;
	height: 100%;
	filter: brightness(1.15) drop-shadow(0px 0px 1px rgba(0,0,0,0.4));
}

.Terastallize{
	display: flex;
	align-items: center;
	position: relative;
	width: fit-content;
	height: 100%;
	padding-right: 10px;
}
.TeraImg{
	position: relative;
	height: 80%;
	padding: 4%;
	margin: 8%;
	left: 0;
	border-radius: 1em;
	filter: drop-shadow(2px 2px 10px rgba(200,200,200,0.2) ) drop-shadow(1px 1px 0px rgba(10,10,10,0.2) );
}
.TeraImg:hover{
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4);
}
.TeraImg:active{
	box-shadow: inset 1px 2px 5px rgba(0,0,0,0.4);
}
.disabled{
	filter: grayscale(0.5) opacity(0.3);
}

.TeraInput{
	display: none;
	flex-direction: column;
	position: absolute;
	top: 100%;
	right: -100px;
	width: 340px;
	border-radius: 1em;
	background-color: #FFFFFFF6;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	z-index: 1001;
}
.TeraInputTransparentChild{
	position: absolute;
	left: 0%;
	bottom: 100%;
	width: 100%;
	height: 5em;
}
.TeraInputInfo{
	position: relative;
	width: 95%;
	padding-left: 3%;
	left: 1%;
	height: 29px;
	margin-top: 0.3em;
	text-align: left;
	line-height: 2.2em;
	font-weight: bold;
	border-bottom: solid 1px;
}
.TeraInputClose{
	display: none;
	position: absolute;
	top: 0%;
	right: 0%;
	width: 2em;
	height: 30px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 110%;
	background-color: #DD5555;
}
.TeraInputClose:hover{
	box-shadow: inset 1px 0px 3px rgba(0,0,0,0.6);
	line-height: 170%;
}
.TeraInputRow{
	display: flex;
	flex-direction: row;
	margin: 0.25em;
}
.TeraInputItem{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0.25em;
	font-size: 92%;
	font-weight: bold;
	border-radius: 0.5em;
	width: 75px;
}
.TeraInputItem span{
	pointer-events: none;
}
.TeraInputItem:hover{
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4);
}
.TeraInputItem:active{
	box-shadow: inset 1px 2px 4px rgba(0,0,0,0.4);
}
.TeraInputIcon{
	height: 2.5em;
}

.NatureItemAbilityWrapper{
	display: flex;
	width: 96%;
	height: 5em;
	margin: 0 auto;
	margin-top: calc(2% + 2px);
	flex-direction: row;
	align-items: center;
	/*background-color: #FFFFFF55;*/
	background-color: #FFFFFFE0;
	border-radius: 0.8em;
	box-shadow: inset 0px 0px 3px rgba(0,0,0,0.3);
	/*overflow: hidden;*/ /*ItemListを出現させるため禁止*/
}

.NatureWrapper{
	z-index: 900;
	margin-left: 4%;
	padding: 0.4em 0.2em;
}
.NatureWrapper:hover{
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4);
}
.Nature{
	margin: 0 auto;
	width: 5em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-align: center;
}
.NatIncDec{
	font-size: 0.7em;
}

.NatureTableWrapper{
	display: none;
	position: absolute;
	left: 3%;
	width: 145%;
	border-radius: 7px;
	background-color: #FFFFFFF3;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
}
#NatureTableWrapperR{
	left: auto;
	right: 3%;
}
.NatureTableWrapper table{
	white-space: nowrap;
	table-layout: fixed;
	width: 100%;
	padding: 0.3em;
}
.NatureTableWrapper td{
	/*width: 35%;*/
	padding: 2px 0px;
	border-collapse: collapse;
	border: 1px solid #666;
	color: #FFF;
	font-size: 95%;
	font-weight: bold;
	border-radius: 0.3em;
	background-color: #999;
	cursor: pointer;
}
.NatureTableWrapper td:active{
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.5);
}
td[data-NatInc="A"]{
	background-color: #BB6666;
}
td[data-NatInc="B"]{
	background-color: #BBA266;
}
td[data-NatInc="C"]{
	background-color: #6666BB;
}
td[data-NatInc="D"]{
	background-color: #66BB66;
}
td[data-NatInc="S"]{
	background-color: #BB66BB;
}

.ItemWrapper{
	position: relative;
	width: 87px;
	height: 92%;
	white-space: nowrap;
}
.ItemWrapper:hover{
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4);
}
.ItemImgDiv{
	height: 100%;
	position: relative;
	overflow: hidden;
}
.ItemImgDiv img{
	position: absolute;
	height: 90%;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.ItemNameDiv{
	position: absolute;
	width: 100%;
	bottom: 5%;
	line-height: 1.2em;
	left: 50%;
	transform: translateX(-50%) translateY(0%);
	color: #000000;
	font-size: 94%;
	font-weight: bold;
	-webkit-text-stroke: 4px #FFFFFF;
	overflow: hidden;
}
.ItemNameDiv2{
	position: absolute;
	width: 100%;
	bottom: 5%;
	line-height: 1.2em;
	left: 50%;
	transform: translateX(-50%) translateY(0%);
	color: #000000;
	font-size: 94%;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
}

.ItemListWrapper{
	display: none;
	flex-direction: column;
	position: absolute;
	top: 100%;
	left: -5em;
	width: 39em;
	height: 30em;
	background-color: #FFFFFFF3;
	color: #777;
	font-weight: bold;
	z-index: 800;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
	border-radius: 2em;
	border: solid 0.5em #FFFFFFF3;
}
#ItemListWrapperR{
	left: auto;
	right: -8em;
}
.SearchItemWrapper{
	height: 5em;
	text-align: left;
}
.SearchItem{
	margin-left: 2em;
	line-height: 110%;
	font-size: 110%;
	font-weight: bold;
}
.ItemList{
	height: 26em;
	overflow-y: scroll;
}
/*.ItemListWrapper::-webkit-scrollbar{
}*/
.ItemListTitle{
	position: relative;
	width: 94%;
	text-align: left;
	margin: 0 auto;
	margin-top: 1.2em;
	color: #111;
	line-height: 1.1em;
	margin-bottom: 0.2em;
	border-bottom: solid 1px;
}
.Items{
	display: flex;
	margin-left: 0.8em;
	margin-bottom: 0.3em;
}
.AddItem{
	display: flex;
	flex-direction: column;
	width: 3.6em;
	margin-left: 0.4em;
	margin-right: 0.4em;
	position: relative;
	align-items: center;
}
.Item{
	display: flex;
	flex-direction: column;
	width: 3.6em;
	margin-top: -0.2em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	margin-left: 0.2em;
	margin-right: 0.2em;
	padding-top: 0.2em;
	position: relative;
	align-items: center;
	cursor: pointer;
}
.Item:hover{
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4);
}
.Item:active{
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4);
}
.AddItem span{
	position: relative;
	text-align: center;
	color: #111111;
	font-size: 80%;
	margin-top: 0.2em;
	font-weight: normal;
	line-height: 1.1em;
}
.ItemImg{
	position: relative;
	width: 2em;
	height: 2em;
	background-color: #CCC;
	left: 0;
}
.ItemType{
	position: absolute;
	width: 1em;
	height: 1em;
	top: 1.1em;
	left: 2em;
	background-color: #FFF;
	border-radius: 0.2em;
}
.Item span{
	position: relative;
	text-align: center;
	color: #111111;
	font-size: 80%;
	margin-top: 0.2em;
	font-weight: normal;
	line-height: 1.1em;
}

.span-shadowW{
	-webkit-text-stroke: 3px #FFFFFF;
}

.AbilityWrapper{
	display: flex;
	flex-direction: column;
	align-items: start;
	position: relative;
	width: 8em;
	font-weight: bold;
	white-space: nowrap;
}
.Ability{
	margin-left: 50%;
	transform: translateX(-50%);
	height: 1.2em;
	font-size: 0.91em;
	/*overflow: hidden;*/
	cursor: pointer;
}
.AbilityInput{
	border: none;
	width: 8em;
	font-size: 1em;
	background-color: #FFFFFF00;
	font-weight: bold;
	text-align: center;
}
.AbilityInput:hover{
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.5);
	width: 8em;
	background-color: #FFFFFF;
}
.AbilityInput:focus{
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.5);
	width: 8em;
	background-color: #FFFFFF;
}
.AbilityInput::placeholder{
	color: #999;
}

.selected{
	transition: font-size 0.1s ease-in-out, color 0.1s ease-in-out;
}
.selected input{
	transition: font-size 0.1s ease-in-out, color 0.1s ease-in-out;
}
.unselected{
	color: #BBB;
	transition: font-size 0.1s ease-in-out, color 0.1s ease-in-out;
}
.unselected input{
	color: #999;
	transition: font-size 0.1s ease-in-out, color 0.1s ease-in-out;
}
@keyframes fadeIn{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

.AbilityCheckboxWrapper{
	position: absolute;
	top: 0%;
	left: 98%;
	text-align: left;
}
.AbilityCheckbox{
	display: none;
	position: absolute;
	margin: 0;
	z-index: 1;
}

.AbilityInfoWrapper{
	position: absolute;
	top: 0%;
	left: 98%;
}
.AbilityInfo{
	display: none;
	position: absolute;
	width: 1em;
	height: 1.1em;
	line-height: 1.2em;
	font-size: 95%;
	background-color: #FFFFFF;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4);
}
.AbilityInfoInput{
	display: none;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 9em;
	height: 6em;
	border-radius: 0.8em;
	background-color: #FFFFFFF3;
	z-index: 999;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}
.AbilityInfoInputRow{
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}
.AbilityInfoInputItem{
	width: 2.5em;
	height: 2em;
	margin: 0.2em;
	border-radius: 0.5em;
	line-height: 2em;
	font-weight: bold;
	cursor: pointer;
}
.AbilityInfoInputItem:hover{
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4);
}
.AbilityInfoInputItem:active{
	box-shadow: inset 3px 3px 3px rgba(0,0,0,0.4);
}

.standby p{
	font-size: 0.8em;
}
.standby p{
	color: #BBB;
	border: solid 1px #BBB;
	box-sizing: border-box;
	margin: 0 auto;
	margin-top: 0.2em;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	line-height: 1em;
}
.standby:hover p{
	transform: scaleX(125%) scaleY(125%);
	transition: transform 0.1s ease-in-out;
}
.standby p::after{
	position: absolute;
	width: 2em;
	height: 2em;
	background-color: #FF0000;
}
.standby input{
	display: none;
	width: 0;
}

.rowWrapper{
	display: flex;
	align-items: center;
	margin-top: 0.5em;
	margin-left: 1em;
	margin-right: 1em;
}
.rowChar{
	font-size: 80%;
	width: 4em;
	white-space: nowrap;
	overflow: hidden;
}

.EVIVRankWrapper{
	margin-top: 0.2em;
	white-space: nowrap;
}
.EV_Wrapper{
	display: flex;
	align-items: center;
	flex-direction: row;
	margin: 0 auto;
	width: 100%;
	height: 1.4em;
	position: relative;
	font-weight: bold;
	font-size: 1em;
}
.EV_Wrapper span{
	font-size: 80%;
	color: #555;
}
.EVnumTitle{
	filter: drop-shadow(1px 1px 0px #DDD);
}
.EVnum{
	width: 1.8em;
	border: none;
	text-align: right;
	border-bottom: solid 1px #AAAAAA;
	font-size: 95%;
	font-weight: bold;
	border-radius: 3px;
	background-color: #EEE9;
	cursor: pointer;
	pointer-events: none; /*バグ解決用に仕方なく*/
}

.IVsWrapper{
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	margin-top: 1%;
	height: 1.4em;
	flex-direction: row;
	position: relative;
	font-weight: bold;
	font-size: 1em;
}
.IVcellWrapper{
	position: relative;
	width: 100%;
	cursor: pointer;
	touch-action: none;
}
.IVcellWrapper span{
	font-size: 80%;
	color: #555;
}
.IVcellWrapper:hover .IVarrowUpper{
	display: flex;
}
.IVcellWrapper:hover .IVarrowLower{
	display: flex;
}
.IVarrowUpper{
	display: none;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0%;
	left: 50%;
	width: 40px;
	height: 15px;
	color: #FF0000;
	border: solid 1px #666666;
	background-color: #CCCCCC;
	transform: translateX(-50%) translateY(-80%);
	z-index: 55;
	cursor: pointer;
}
.IVarrowUpper:active{
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
}
.IVarrowLower:active{
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
}
.IVarrowUpper div{
	width:0;
	height: 0;
	border-top: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #FF0000;
	border-left: 9px solid transparent;
	transform: translateY(-30%);
}
.IVarrowLower{
	display: none;
	position: absolute;
	justify-content: center;
	align-items: center;
	bottom: 0%;
	left: 50%;
	width: 40px;
	height: 15px;
	color: #0000FF;
	border: solid 1px #666666;
	background-color: #CCCCCC;
	transform: translateX(-50%) translateY(80%);
	z-index: 55;
	cursor: pointer;
}
.IVarrowLower div{
	width:0;
	height: 0;
	border-top: 9px solid #0000FF;
	border-right: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 9px solid transparent;
	transform: translateY(30%);
}

.RankWrapper{
	display: flex;
	align-items: center;
	position: relative;
	flex-direction: row;
	margin: 0 auto;
	margin-bottom: 1%;
	width: 100%;
	height: 1.4em;	
	font-weight: bold;
	/*font-size: 1em;*/
}
.RankReset{
	width: 2.7em;
	height: 1.3em;
	margin: 0;
	padding: 0.1em;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;
	text-align: center;
	background-color: #DDDDDDAA;
	border-radius: 0.5em;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.RankReset:active{
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4);
}
.RankReset span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.RankResetUpper{
	margin-top: -10%;
}
.RankResetLower{
	margin-top: 10%;
}
.RankNum{
	text-align: left;
	width: 1.8em;
	border: none;
	border-bottom: solid 1px #AAAAAA;
	font-size: 100%;
	font-weight: bold;
	border-radius: 3px;
	background-color: #FFFB;
	cursor: pointer;
	pointer-events: none; /*バグ解決用に仕方なく*/
}

.MainFunctionWrapper{
	display: flex;
	height: calc(100% - 322px);
	/*overflow: hidden;*/
}

.LeftBandWrapper{
	flex: 1;
	margin-top: 1em;
	display: block;
	height: calc(100% - 22em);
	flex-direction: column;
}

.CurrentHP{
	position: relative;
	width: 100%;
	height: 2.5em;
	margin: 0 auto;
	font-size: 82%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 1em;
}
.CurrentHPspan{
	position: absolute;
	left: 50%;
	white-space: nowrap;
	transform: translateX(-50%);
	z-index: 5;
}
.CurrentHPbg{
	position: absolute;
	background-color: #FFFFFFDD;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 0.5em;
	width: 70%;
	height: 1.2em;
	border-radius: 0.6em;
	z-index: 0;
}
.CurrentHPinput{
	position: absolute;
	width: 70%;
	height: 1em;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	margin-top: 0.65em;
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	color: #000000;
	background-color: /*#FFFFFFDD;*/#0000;
	border: /*solid 1px #999D;*/none;
	/*border-radius: 0.2em;*/
	padding: 0;
	z-index: 1;
	pointer-events: none; /*バグ解決用に仕方なく*/
	/*box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.5);*/
}
.CurrentHP-shadow2{
	-webkit-text-stroke: 3px #FFFFFF;
	/*filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.4));*/
	text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}
.CurrentHP:hover .IVarrowUpper{
	display: flex;
}
.CurrentHP:hover .IVarrowLower{
	display: flex;
}

.StatusConditionWrapper{
	margin-top: 0.3em;
}
.StatusConditionWrapper:hover .CurrentHPbg{
	background-color: #FF0;
	box-shadow: 0px 0px 15px #FF0;
	transition: background-color 0.15s, box-shadow 0.15s;
}
.StatusCondition{
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	height: 50%;
	line-height: 170%;
	font-size: 87%;
	border-radius: 0.8em;
	background-color: #999;
}
.StatusConditionList{
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	margin-top: -50%;
	left: 100%;
	padding: 0.5em;
	background-color: #FFFFFFF3;
	border-radius: 1em;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	z-index: 900;
}
.StatusConditionListRow{
	display: flex;
	flex-direction: row;
}
.StatusConditionItem{
	position: relative;
	width: 4.5em;
	height: 2em;
	line-height: 2.1em;
	margin: 0.3em;
	border-radius: 0.8em;
	font-size: 115%;
	font-weight: bold;
	cursor: pointer;
}

.ReflectWrapper{
	margin-top: 0.4em;
}
.ReflectWrapper:hover .ReflectBg{
	background-color: #FF0D;
	box-shadow: 0px 0px 5px #FF08;
	transition: background-color 0.15s, box-shadow 0.15s;
}
.ReflectBg{
	position: absolute;
	background-color: #FFFFFFDD;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 0.5em;
	width: 90%;
	height: 2.2em;
	border-radius: 0.6em;
	z-index: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ReflectWrapper img{
	position: relative;
	top: 10%;
	left: -1%;
	z-index: 0;
	height: 70%;
	filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.3) );
}
.ReflectImg2{
	display: none;
}
.Reflect{
	display: block;
	position: relative;
	color: #000;
	top: 10%;
	left: -5%;
	width: 5em;
	font-weight: normal;
	font-size: 78%;
	line-height: 1.1em;
	text-align: center;
	white-space: nowrap;
}
.ReflectList{
	display: none;
	position: absolute;
	top: -50%;
	left: 100%;
	width: 14em;
	height: 13.5em;
	background-color: #FFFFFFDD;
	border-radius: 1em;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	z-index: 900;
}
.ReflectListItem{
	position: relative;
	width: 12em;
	height: 3em;
	margin: 0 auto;
	margin-top: 0.3em;
	padding: 0.5em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFFF3;
}
.ReflectListItem:hover{
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4);
}
.ReflectListItem:active{
	box-shadow: inset 1px 2px 5px rgba(0,0,0,0.4);
}
.ReflectListItem input{
	position: static;
	display: inline;
	margin: 0;
	width: 2em;
	pointer-events: none;
}
.ReflectListItem img{
	position: static;
	top: 0;
	height: 80%;
}
.ReflectListItem span{
	position: static;
	color: #000;
	width: 8em;
}

.ElseWrapper{
	margin-top: 1em;
	height: auto;
}
.ElseWrapper:hover .ElseBg{
	background-color: #FF0D;
	box-shadow: 0px 0px 5px #FF08;
	transition: background-color 0.15s, box-shadow 0.15s;
}
.ElseSpan{
	position: absolute;
	top: 0;
}
.ElseBg{
	display: flex;
	flex-direction: column;
	position: relative;
	background-color: #FFFFFFDD;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 0.8em;
	padding-bottom: 0.4em;
	width: 90%;
	border-radius: 0.6em;
	z-index: 0;
	overflow: hidden;
	align-items: center;
	justify-content: center;
}
.Else{
	color: #000;
	margin-top: 0.5em;
	font-weight: normal;
	font-size: 85%;
	white-space: nowrap;
}
.ElseList{
	display: none;
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	width: 270px;
	padding-right: 0.5em;
	padding-bottom: 1em;
	text-align: left;
	background-color: #FFFFFFF6;
	border-radius: 1em;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	color: #000;
	z-index: 900;
}
.ElseListInfo{
	position: relative;
	width: 95%;
	padding-left: 3%;
	left: 1%;
	height: 20px;
	margin-top: 0.7em;
	text-align: left;
	font-size: 110%;
	line-height: 20px;
	font-weight: bold;
	border-bottom: solid 1px;
}
.ElseListItem{
	font-size: 110%;
	margin-top: 2%;
	margin-left: 5%;
}
.ElseListItem:hover{
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.5);
}
.ElseListItem:active{
	box-shadow: inset 1px 2px 4px rgba(0,0,0,0.5);
}
.ElseListItem span{
	font-size: 80%;
}

.BaseStatsWrapper{
	margin-left: 5%;
	width: calc(90% - 6px);
	padding: 3px;
	margin-top: 5px;
	text-align: left;
	background-color: #FFFE;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.BS{
	position: absolute;
	z-index: 5;
	padding-left: 0.1em;
	padding-top: 0.15em;
	font-size: 80%;
	font-weight: bold;
}
.BSviewer{
	position: relative;
	width: 100%;
	height: 1.4em;
}
.BSgraph{
	position: absolute;
	top: 17%;
	left: 0;
	height: 66%;
	background: linear-gradient(to bottom,#F66,#F88 25%,#FDD 50%,#F88 75%,#F66);
}

.DmgCalcWrapper{
	display: flex;
	position: relative;
	margin-top: 0.4em;
	padding-top: 0.4em;
	flex: 4.5; /* 横幅 */
	flex-direction: column;
	overflow-y: scroll;
}
.DmgCalcWrapper::-webkit-scrollbar{
	display: none;
}
/*.DmgCalcWrapper:hover::-webkit-scrollbar{
	display: block;
	width: 10px;
}*/

.DmgCalc{
	display: flex;
	flex-direction: column;
	position: relative;
	width: 98%;
	min-height: 3.35em;
	right: 0%;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	background-color: #F1F1F1C2;
	border-radius: 0.5em;
	box-shadow: 2px 1px 6px rgba(0,0,0,0.6);
	/*overflow: hidden;*/
	white-space: nowrap;
	justify-content: center;
	backdrop-filter: blur(5px);
}
.AddDmgCalc{
	min-height: 2.2em;
	margin-bottom: 0.6em;
}
#AddDmgCalcR::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 0px;
	margin-top: calc(3.1em - 1px);
	border-bottom: solid 2px #999;
}
.DmgCalcDouble{
	min-height: 5em;
}
.DmgCalcDisabled{
	min-height: 1.9em !important;
}

.DmgCalcUpLeft{
	display: flex;
	position: absolute;
	top: -6px;
	left: 0;
	height: 1em;
}
.MovePin{
	margin-top: -2%;
	height: 1em;
	margin-left: 3px;
	margin-right: -5px;
	border-radius: 4px;
	background-color: #FFFFFFDD;
	cursor: pointer;
}
.MovePin:hover{
	background-color: #FFEE00;
}
.MovePin img{
	height: 96%;
	filter: contrast(150%) drop-shadow(0px 0px 1px rgba(0,0,0,0.3) );
}
.MoveUsageRate{
	display: none;
	position: relative;
	top: 0;
	margin-left: 7px;
	margin-right: -5px;
	padding: 3px;
	font-size: 55%;
	line-height: 1.4em;
	color: #FFF;
	/*font-weight: bold;*/
	border-radius: 4px;
	background-color: #00F;
	opacity: 0.9;
}
.MoveCriticalBadge{
	display: none;
	position: relative;
	top: 0;
	margin-left: 7px;
	padding: 3px;
	font-size: 55%;
	line-height: 1.4em;
	color: #FFF;
	/*font-weight: bold;*/
	border-radius: 4px;
	background-color: #500;
	opacity: 0.9;
}

.DmgCalcUpRight{
	display: flex;
	flex-direction: row-reverse;
	position: absolute;
	height: 1em;
	top: 0.3em;
	right: 0.2em;
}
.DmgCalcUpRight img{
	height: 100%;
	padding: 3%;
	margin-right: 1%;
}
.DmgCalcUpRight img:hover{
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
}
.DmgCalcUpRight img:active{
	box-shadow: inset 1px 2px 3px rgba(0,0,0,0.4);
}
.DmgCalcUpperWrapper{
	display: flex;
	height: 1.5em;
	align-items: flex-end;
	margin-bottom: 2px;
}

.MoveInput{
	position: relative;
	margin-left: 0.8em;
	width: 8.3em;
	text-align: left;
	border: none;
	font-weight: bold;
	background-color: #FFF0;
	padding: 0;
}

.haneru{
	border: solid 1px;
	transform: translateX(-1px) translateY(1px);
	width: calc(8.3em - 2px);
	background-color: #FFFFFF;
}

.MoveInput:enabled:hover{
	border: solid 1px;
	transform: translateX(-1px) translateY(1px);
	width: calc(8.3em - 2px);
	background-color: #FFFFFF;
}
.MoveInput:enabled:focus{
	outline: none;
	border: solid 1px;
	transform: translateX(-1px) translateY(1px);
	width: calc(8.3em - 2px);
	background-color: #FFFFFF;
}
.MoveInput:disabled{
	color: #222;
	opacity: 1 !important;
}

.MoveList{
	display: none;
	flex-direction: column-reverse;
	justify-content: center;
	align-items: center;
	position: absolute;
	padding: 0.3em;
	width: 9.4em;
	min-height: 2em;
	background-color: #FFFFFF;
	border-radius: 0.5em;
	box-shadow: 1px 1px 7px rgba(0,0,0,0.5);
	z-index: 999;
}

.MoveName{
	width: 9.4em;
	border-radius: 0.5em;
	text-align: center;
}
.MoveName:hover{
	color: #FFF;
	background-color: #AAAAFF;
}
.MoveNameSelected{
	color: #FFF;
	background-color: #0000BB;
}

.MoveTypeImgWrapper{
	position: relative;
	height: 1.4em;
}
.MoveTypeImg{
	position: relative;
	width: 1.4em;
	height: 1.4em;
	margin-right: 3px;
	background-color: #FFFFFF;
	border-radius: 0.4em;
	overflow: visible;
	cursor: pointer;
}
.MoveTypeImgBorder{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(1.4em + 4px);
	height: calc(1.4em + 4px);
	margin-top: -2px;
	margin-left: -2px;
	border-radius: 0.4em;
	background: none;
	filter: blur(2px);
}
.EnableStellaCheckbox{
	display: none;
}

.PowerChangeMove{
	border-top: solid 1px rgba(0,0,0,0.5);
	border-left: solid 1px rgba(0,0,0,0.5);
	box-shadow: inset -2px -2px 1px rgba(0,0,0,0.5);
}
.PowerChangeMove:active{
	box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5);
}
#PowerChangeInput{
	display: none;
	top: 0;
	left: 0;
	position: fixed;
	padding: 0px 5px 5px 5px;
	text-align: left;
	border-radius: 5px;
	background-color: #FFFFFF;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
	white-space: nowrap;
	z-index: 10000;
}
.PowerChangeItem{
	margin-top: 0.5em;
	padding: 3px;
	line-height: 1.1em;
	box-shadow: inset 0px 0px 1px rgba(0,0,0,0.9);
}
.PowerChangeItem:hover{
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
}
.PowerChangeItem:active{
	box-shadow: inset 1px 2px 3px rgba(0,0,0,0.4);
}
.PowerChangeTitle{
	font-weight: bold;
	line-height: 1em;
	font-size: 90%;
}
.PowerChangeInfo{
	font-weight: normal;
	font-size: 80%;
}

.MoveTransform{
	display: none;
	font-size: 0.8em;
	font-weight: bold;
	color: #500;
	padding: 0 0.3em;
	white-space: nowrap;
	border-top: solid 1px rgba(0,0,0,0.5);
	border-left: solid 1px rgba(0,0,0,0.5);
	box-shadow: inset -2px -2px 1px rgba(0,0,0,0.5);
}
.MoveTransform:active{
	box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5);
}

.MoveData{
	margin-left: 0.1em;
	font-size: 0.7em;
	font-weight: bold;
	white-space: nowrap;
}
.MovePP{
	display: none;
	position: relative;
	width: 10em;
	margin-left: 0.1em;
	font-size: 0.6em;
	white-space: nowrap;
	text-align: left;
}
.MovePP span{
	margin-left: 0.1em;
	font-size: 120%;
	font-weight:bold;
}
.MovePP:hover .IVarrowUpper{
	display: flex;
}
.MovePP:hover .IVarrowLower{
	display: flex;
}
.MovePP .IVarrowUpper{
	margin-top: -2px;
}
.PParrow{
	width: 40px;
	height: 15px;
}
.MoveLangSub{
	display: none;
	margin-left: 3px;
	color: #500;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}

.CalcSpecialFunction{
	display: none;
}

.MoveSpecialButton{
	font-size: 0.8em;
	font-weight: bold;
	margin-left: 10px;
	width: min-content;
	color: #500;
	padding: 0 0.3em;
	white-space: nowrap;
	border-top: solid 1px rgba(0,0,0,0.5);
	border-left: solid 1px rgba(0,0,0,0.5);
	box-shadow: inset -2px -2px 1px rgba(0,0,0,0.5);
}
.MoveSpecialButton:active{
	box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5);
}

.CalcRVIcon{
	display: none;
	position: absolute;
	margin-top: -6px;
	margin-left: 3px;
	height: 29px;
	z-index: -1;
}
.DmgCalcDouble .CalcRVIcon{
	display: block;
}

.CalcResultViewer{
	display: flex;
	position: relative;
	width: 90%;
	height: 0.25em;
	margin: 0 auto;
	background-color: #FFF;
	border-radius: 0.15em;
	border: solid 1px;
}
.CalcRvColored{
	width: 0%;
	height: 100%;
	background-color: #6F6;
}
.CalcRvBlack{
	position: absolute;
	right: 0;
	width: 0%;
	height: 100%;
	background-color: #666;
}
.DmgCalcDouble .CalcResultViewer{
	width: 85%;
	margin: 0 auto 0 12.5%;
}
.CalcRV2{
	display: none;
}
.DmgCalcDouble .CalcRV2{
	display: flex;
}

.CalcResult{
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	margin-left: 1em;
	overflow: hidden;
	filter: drop-shadow(1px 2px 0px #FFF);
}
.DmgCalcDouble .CalcResult{
	margin: 0 auto 0 10%;
}
.CalcResult2{
	display: none;
}
.DmgCalcDouble .CalcResult2{
	display: block;
}
.DmgCalcDisabled .CalcRVIcon,
.DmgCalcDisabled .CalcResultViewer,
.DmgCalcDisabled .CalcResult{
	display: none;
}


.StatusWrapper{
	display: flex;
	flex-direction: column;
	position: absolute;
	width: 85%;
	margin: 0 auto;
	margin-top: auto;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.StWrapper{
	display: flex;
	flex-direction: row;
	flex: 1;
}
.StWrapperDiv{
	text-align: center;
	position: relative;
	height: 1em;
	border-radius: 0.5em;
	flex: 1;
	color: #000000;
	/*padding: 2% 4% 2% 4%;*/
	margin: 3.5% 2% 5% 2%;
	background-color: #FFFFFF;
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.4);
}
.StWrapperDiv p{
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateY(-1em);
	color: #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
}
.StName{
	-webkit-text-stroke: 4px #000000;
}
.StWrapper span{
	position: absolute;
	top: 12%;
	left: 50%;
	transform: translateX(-50%);
	
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
	white-space: nowrap;
}
.St{
	-webkit-text-stroke: 3px #FFFFFF;
	/*text-shadow: 0px 0px 3px rgba(255,255,255,1);*/
	text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

#CalcToolTip{
	display: none;
	top: 63%;
	left: 43%;
	width: 15.5em;
	position: fixed;
	padding: 0.3em 0.2em;
	font-size: 80%;
	color: #777;
	border-radius: 2px;
	background-color: #FFF;
	border: solid 1px #777;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	z-index: 800;
}
#CalcToolTip p{
	border-top: solid 1px #777;
	margin-top: 0.1em;
	padding-top: 0.1em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	white-space: wrap3;
}

.Main-BackGround {
	width: 100%;
	height: 100%;
}



.MyPokemonWrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: absolute;
	height: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.MyPokemon{
	position: relative;
	margin-top: 4%;
	margin-bottom: 4%;
	padding-left: 6%;
	padding-right: 5%;
	height: 11%;
	max-height: 6em;
	border: none;
	background-color: #FFFFFF;
	border-top-right-radius: 25%;
	border-bottom-right-radius: 25%;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
	transition: 0.2s;
}
.MyPokemon:hover {
	padding-left: 20%;
}
.MyPokemonImg{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	height: 90%;
	max-height: 5.4em;
}

.ShowHPBar{
	border-bottom-right-radius: 0;
}
.PokemonHPBar{
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: -1px;
	width: calc(100% - 4px);
	height: 3px;
	border-radius: 2px;
	border: solid 2px #222;
	background: #666;
}
.ShowHPBar .MyPokemonImg{
	transform: translateX(-50%) translateY(calc(-50% - 3px));
}
.ShowHPBar .PokemonHPBar{
	display: block;
}

.pokemon-cover{
	position: absolute;
	left: 0;
	width: 100%;
	height: 50%;
	border-radius: 5px;
	box-shadow: inset 0 0 3px 5px #000F;
	background-color: #FFF5;
	opacity: 0;
	pointer-events: none;
	transition: 0.1s;
}
.pokemon-cover-upper{
	top: 0;
}
.pokemon-cover-lower{
	bottom: 0;
}
.pokemon-menu-setExp-double{
	position: absolute;
	color: #FFF;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	white-space: nowrap;
	pointer-events: none;
	z-index: 1000;
	transition: 0.08s;
}
.pm-setExp-left{
	left: 3%;
}
.pm-setExp-right{
	top: 16%;
}
.pm-setExp-above{
	top: 16%;
}
.pm-setExp-below{
	bottom: 10%;
}

.ShowMyPokemonData, .ShowOpponentsPokemonData{
	display: none;
	position: absolute;
	top: 30%;
	left: 80%;
	margin-left: 0.6em;
	width: 60%;
	height: 50%;
	background-color: #FFF;
	opacity: 0;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 0.5em;
	transition: 0.15s ease-in-out;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
	cursor: pointer;
}
.MyPokemonBg{
	display: none;
	content: "";
	position: absolute;
	top: 20%;
	left: 80%;
	width: 60%;
	height: 60%;
	background-color: #FFF0;
}
/*
.MyPokemon:hover .MyPokemonBg{
	
}
.MyPokemon:hover .ShowMyPokemonData{
	display: block;
	left: 100%;
	opacity: 1;
}*/

.ShowMyPokemonData img, .ShowOpponentsPokemonData img{
	position: relative;
	top: 0.7em;
	height: 1.6em;
}
.ShowPokemonDataSpan{
	display: none;
	margin-top: 0.6em;
}
.ShowMyPokemonData:hover{
	top: 25%;
	width: 165%;
	height: 105%;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.4), inset 2px 2px 1px rgba(0,0,0,0.3);
}
.ShowMyPokemonData:active{
	box-shadow: 1px 1px 5px rgba(0,0,0,0.4), inset 3px 3px 2px rgba(0,0,0,0.3);
}
.ShowMyPokemonData:hover .ShowPokemonDataSpan{
	display: block;
}

.MyPartyUpper{
	display: flex;
	position: relative;
	width: 100%;
	height: 0;
	z-index: 100;
}
.MyPartyUpper>div{
	display: block;
	position: relative;
	left: 14%;
	width: 60%;
	padding-top: 40%;
	transform: translateY(-100%);
	border-radius: 0.5em;
	background-color: #FFFFFF;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
}
.MyPartyUpper>div:last-child{
	transform: translateY(-100%) scale(0.8);
}
.MyPartyUpper>div:last-child img{
	transform: translateX(-50%) translateY(-48%);
}
#MyPartyList{
	display: none;
	position: absolute;
	top: 102%;
	width: 18em;
	min-height: 3em;
	border-radius: 0.5em;
	background-color: #FFFFFF;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}
#MyPartyListInfo2{
	display: none;
}
.MyPartyListInfo{
	margin-top: 2%;
	margin-left: 1.5%;
	margin-right: 0.8%;
	padding-left: 1.5%;
	font-weight: bold;
	border-bottom: solid 1px;
	text-align: left;
}
#MyPartyListLower .MyPartyListItem:hover{
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
}
.MyPartyListItem{
	position: relative;
	width: 18em;
	height: 2.5em;
	line-height: 2em;
}
.MyPartyListItem img{
	position: absolute;
	top: 50%;
	padding: 0.2em;
	transform: translateY(-50%);
}
.MyPartyListItem img:hover{
	background-color: #DDDDDD;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6);
}
#MyPartyListLower{
	max-height: min(28.5em, 50vh);
	overflow-y: scroll;
}
#MyPartyListLower::-webkit-scrollbar{
	display: none;
}

#OpenPartyNoteWrapper{
	position: relative;
	bottom: 0;
	width: 100%;
	height: 0;
	z-index: 100;
}
#OpenPartyNote{
	position: absolute;
	left: 25%;
	width: 60%;
	padding-bottom: 50px;
	border-radius: 0.5em;
	background-color: #FFFFFF;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
	cursor: pointer;
	transition: 0.1s ease-in-out;
}
#OpenPartyNote:hover{
	background-color: #FF7;
}
#OpenPartyNoteImg{
	position: absolute;
	top: 25px;
	left: calc(50% + 4px);
	height: 45px;
	transform: translate(-50%,-50%);
}

.OpponentsPokemonWrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	position: absolute;
	height: 100%;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.OpponentsTrainerName{
	position: relative;
	width: 100%;
	height: 0;
}
#InputOpponentsTrainerName{
	position: absolute;
	bottom: 100%;
	right: 3px;
	width: 6.3em;
	font-weight: bold;
	box-shadow: 0px 1px 10px #0004;
	outline: none;
	border: solid 2px #0006;
}
#InputOpponentsTrainerName::placeholder{
	font-weight: normal;
}
.OpponentsPokemon {
	position: relative;
	margin-top: 4%;
	margin-bottom: 4%;
	padding-right: 6%;
	padding-left: 5%;
	height: 11%;
	max-height: 6em;
	border: solid 0.1em #999999;
	border-right: none;
	transform: translateX(-1px);
	background-color: #FFFFFF;
	border-top-left-radius: 25%;
	border-bottom-left-radius: 25%;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
	transition:0.2s;
}
.OpponentsPokemon:hover {
	padding-right: 20%;
}
.OpponentsPokemonImg {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	height: 90%;
	max-height: 5.4em;
}
.OpponentsPokemonBg{
	display: none;
	content: "";
	position: absolute;
	top: 20%;
	right: 80%;
	width: 60%;
	height: 60%;
	background-color: #FFF0;
}
.ShowOpponentsPokemonData{
	left: auto;
	right: 80%;
	margin-left: 0;
	margin-right: 0.6em;
}
.OpponentsPokemon:hover .ShowOpponentsPokemonData{
	right: 100%;
	opacity: 1;
}
.ShowOpponentsPokemonData:hover{
	top: 25%;
	width: 165%;
	height: 105%;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.4), inset 2px 2px 1px rgba(0,0,0,0.3);
}

.ShowOpponentsPokemonData:active{
	box-shadow: 1px 1px 5px rgba(0,0,0,0.4), inset 3px 3px 2px rgba(0,0,0,0.3);
}
.ShowOpponentsPokemonData:hover .ShowPokemonDataSpan{
	display: block;
}

.SelectPokemon {
	display: none;
	position: fixed;
	transform: translateY(-50%);
	width: 25em;
	height: 15em;
	border: solid 0.2em #555555;
	background-color: #FFFFFF;
	text-align: center;
	box-shadow: 2px 5px 10px rgba(0,0,0,0.4);
}
.SelectPokemon input {
	margin-top: 2%;
	width: 70%;
	font-size: 2em;
	text-align: center;
}

.SearchResult {
	text-align: left;
}
.SearchResultPokemon {
	margin: 1%;
	width: 18%;
}

.ResetPokemon{
	position: absolute;
	margin-top: 1em;
	width: 6em;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
}
.ResetPokemon:hover{
	box-shadow: inset 1px 1px 4px rgba(0,0,0,0.4);
}

.SearchResultPokemon.selected{
	background-color: #b4deff;
	outline: solid 0.12em #68afe7;
}

#SD{
	display: none;
	position: absolute;
	left: 0.75%;
	bottom: 0;
	height: 6%;
	min-height: 3em;
	max-height: 4.5em;
	cursor: pointer;
}
.SDcharWrapper{
	display: none;
	height: 100%;
}
.SDcharWrapper img{
	display: none;
	height: 100%;
	image-rendering: pixelated;
	filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.4) );
}
#hai{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 100%;
	white-space: nowrap;
	color: #555;
}
#SD_MiethiaNormal{
	display: block;
}
#SD_MiethiaNormal1{
	display: block;
}

#SDfukidashiWrapper{
	display: none;
	animation: fadeOut 2.5s 5s forwards;
}
#SDfukidashi{
	display: flex;
	align-items: center;
	position: absolute;
	left: calc(100% + 0.7em);
	bottom: calc(20% - 2px);
	max-width: 900px;
	height: 60%;
	min-height: 2em;
	max-height: 3em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-radius: 0.5em;
	border: solid 2px #999;
	background-color: #FFF;
	white-space: nowrap;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}
#SDfukidashi::before{
	content: "";
	position: absolute;
	right: calc(100% - 0.5em);
	width: 0;
	height: 0;
	border-top: solid calc(0.5em + 4px) transparent;
	border-right: solid calc(1.5em + 4px) #999;
	border-bottom: solid calc(0.5em + 4px) transparent;
	transform: rotate(30deg) translateX(-1px) translateY(-1px);
	filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.5));
	z-index: -1;
}
#SDfukidashi::after{
	content: "";
	position: absolute;
	right: calc(100% - 0.5em);
	width: 0;
	height: 0;
	border-top: solid 0.5em transparent;
	border-right: solid 1.5em #FFF;
	border-bottom: solid 0.5em transparent;
	transform: rotate(30deg);
}
@keyframes fadeOut{
	0%{opacity: 1;}
	100%{opacity: 0;}
}

.FooterWrapper{
	position: absolute;
	bottom: 0;
	left: 8%;
	width: calc(92% - 120px);
	height: 50px;
	filter: drop-shadow(2px -1px 6px rgba(0,0,0,0.5));
}
.Footer{
	width: 100%;
	height: 100%;
	background-color: #225;
	clip-path: polygon(2% 0%, 98% 0%, 100% 100%, 0% 100%);
	overflow: hidden;
}
/*
.Footer::after{
    content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 3em;
	padding-right: 10em;
	background: linear-gradient(to bottom right, red 48%, transparent 52%);
	background-color: #00FF00;
	transform: translateX(-100%);
}*/
.FooterUpper{
	height: 0.3em;
}
.FooterBacklight{
	position: absolute;
	width: calc(97%);
	height: calc(1.4em + 4px);
	left: 1.5%;
	background-color: #DDD;
	clip-path: polygon(1% 0%, 99% 0%, 100% 100%, 0% 100%);
	transform: translateY(-2px);
	filter: blur(25px);
}
.FooterMain{
	display: block;
	position: relative;
	width: 97%;
	height: 1.4em;
	margin: 0 auto;
	color: #EEEEEE;
	text-align: center;
	background-color: #111;
	clip-path: polygon(1% 0%, 99% 0%, 100% 100%, 0% 100%);
	text-shadow: 0 0 2px #EEEEEE;
	z-index: 10;
}
.FooterSpanWrapper{
	display: block;
	width: 97%;
	height: 1.5em;
	margin: 0 auto;
	margin-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
}
.FooterSpanWrapper span{
	display: inline-block;
}

@keyframes slide-in{
	0%{
		/*width: 0%;*/
		transform: translateX(100%);
		/*padding-left: 90%;*/
	}
	100%{
		transform: translateX(0%);
		/*width: 90%;*/
		/*padding-left: 0%;*/
	}
}
@keyframes slide-out{
	0%{
		transform: translateX(0%);
	}
	100%{
		transform: translateX(-100%);
	}
}


#ConfigWrapper{
	position: absolute;
	bottom: -20px;
	right: 10px;
	width: 100px;
	height: 89px;
}
#ConfigDropShadow{
	width: 100%;
	height: 100%;
	filter: drop-shadow(2px -1px 6px rgba(0,0,0,0.5));
}
#Config{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: #777;
	clip-path: polygon(15px 0px, 85px 0px,
					   100px 69px, 100px 89px,
					   0px 89px, 0px 69px);
	cursor: pointer;
}
#Config::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #CCC;
	clip-path: polygon(15px 0px, 85px 0px,
					   100px 69px, 100px 89px,
					   0px 89px, 0px 69px);
	transform: translate(0px, 0px) scale(92%);
	z-index: 1;
	transition: 0.1s;
}
#Config:active::before{
	background-color: #BBB;
}
#ConfigIcon{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	bottom: 10px;
	width: 100%;
	height: 100%;
	z-index: 5;
}
#ConfigIcon svg{
	width: 40px;
	height: 40px;
	position: absolute;
	z-index: 5;
}
#ConfigList{
	display: none;
	position: absolute;
	bottom: calc(100% + 35px);
	right: 0;
	background-color: #FFF;
	border-radius: 1em;
	filter: drop-shadow(2px 2px 10px #0008);
}
#ConfigList::after{
	position: absolute;
	content: "";
	bottom: -13px;
	right: 30px;
	width: 26px;
	height: 26px;
	transform: rotate(45deg);
	background-color: #FFF;
	z-index: -1;
}
.ConfigItem{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 10px 20px;
	white-space: nowrap;
}
.ConfigItemSummary{
	margin-right: 15px;
	text-align: center;
	flex: 1;
}
.ConfigItemCheckbox{
	display: none;
}
.ConfigItemToggleButton{
	position: relative;
	width: 55px;
	height: 30px;
	border-radius: 15px;
	background-color: #BBB;
	transition: 0.1s ease-in-out;
}
.ConfigItemToggleCircle{
	position: absolute;
	top: 3px;
	left: 3px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #EEE;
	transform: rotate(-10deg);
	filter: saturate(0.4);
	transition: 0.1s ease-out;
}

.rsvCalcBackGround{
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #00000088;
	z-index: 10000;
}

.rsvCalc{
	display: block;
	position: fixed;
	width: 400px;
	height: 500px;
	border-radius: 1em;
	background-color: #EEEEEE;
	box-shadow: 3px 4px 50px rgba(0,0,0,0.5);
}

.HomeData{
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 800px;
	height: 400px;
	padding: 50px;
	border-radius: 1em;
	background-color: #EEEEEE;
	box-shadow: 3px 4px 50px rgba(0,0,0,0.5);
}
#HomeDataBgWrapper{
	position: absolute;
	width: 100%;
	height: 100%;
	margin-top: -50px;
	margin-left: -50px;
	overflow: hidden;
	z-index: -1;
}
#HomeDataBg{
	position: absolute;
	height: 200%;
	top: 60%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	filter: blur(2px) opacity(1) contrast(0.8);
}
#HomeDataBgW{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF33;
}

#HomeDataTitle{
	position: absolute;
	font-size: 120%;
	font-weight: bold;
	left: 50%;
	transform: translateX(-50%) translateY(-25px);
	padding: 7px 10px 5px 10px;
	text-align: center;
	border-radius: 7px;
	background-color: #FFFE;
	white-space: nowrap;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}
#HomeDataUpdate{
	position: absolute;
	font-weight: bold;
	left: 50%;
	transform: translateX(-50%) translateY(30px);
	padding: 4px 10px 2px 10px;
	text-align: center;
	border-radius: 7px;
	background-color: #FFFE;
	white-space: nowrap;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}
#PieCharts{
	display: flex;
	position: relative;
	flex-direction: row;
	width: 100%;
	height: 90%;
	margin-top: 8.5%;
	border-radius: 20px;
	background-color: #FFFD;
	box-shadow: 2px 2px 13px rgba(0,0,0,0.4);
}

.HomeDataItem{
	position: relative;
	flex: 1;
}

.PieChart{
	position: relative;
	top: 50%;
	left: 50%;
	width: 150px;
	height: 150px;
	transform: translateX(-50%) translateY(-60px);
}
.Pie{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	white-space: nowrap;
	filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.4));
	z-index: 0;
}
.PieSpan{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150px;
	height: 150px;
	transform: translateX(-50%) translateY(-60px);
	text-align: center;
	pointer-events: none;
}
.PieSpan span{
	position: absolute;
	font-size: 85%;
	font-weight: bold;
	color: #FFF;
}

.AboveThePie{
	display: flex;
	flex-direction: column-reverse;
	position: absolute;
	bottom: calc(50%);
	transform: translateY(-65px);
	left: 40%;
	white-space: nowrap;
	pointer-events: none;
}
.AboveThePieItem{
	position: relative;
	height: 1.5em;
}
.AboveThePie span{
	position: absolute;
	font-weight: bold;
	font-size: 80%;
	line-height: 1.5em;
	/*color: #FFF;*/
}
.Line{
	position: absolute;
	top: calc(50% - 5px);
	height: 2px;
	background-color: #777;
	right: calc(100% + 3px);
	transform-origin: 100% 100%;
	box-shadow: 0px 2px 4px rgba(100,100,100,0.4);
}
.ChartName{
	position: absolute;
	bottom: calc(7% + 30px);
	left: 50%;
	transform: translateX(-50%);
	font-weight: bold;
}

.ChartAdditionalInfo{
	display: none;
	position: absolute;
	top: 75%;
	left: 70%;
	padding: 0.3em 0.2em;
	font-size: 80%;
	color: #777;
	border-radius: 2px;
	background-color: #FFF;
	border: solid 1px #777;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	z-index: 10000;
}
.ChartInfoItem{
	position: relative;
	border-top: solid 1px #777;
	margin-top: 0.1em;
	padding-top: 0.1em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	white-space: nowrap;
}
.ChartAdditionalInfoGraph{
	right: 0;
}

#BattleResult{
	display: flex;
	flex-direction: column;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 800px;
	padding: 40px;
	text-align: center;
	border-radius: 1em;
	background-color: #EEEEEE;
	box-shadow: 3px 4px 50px rgba(0,0,0,0.5);
}
.BattleResultTitle{
	position: relative;
	margin-left: 3%;
	width: 93%;
	padding-left: 3%;
	font-size: 120%;
	font-weight: bold;
	border-bottom: solid 2px #111;
	margin-bottom: 0.5em;
	text-align: left;
}

.PokeBall{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 30px;
	transform: translateX(-50%) translateY(2px) rotate(15deg);
	border-radius: 50%;
	background-color: #FFF;
	border: solid 2px #555;
	overflow: hidden;
}
.PokeBallUpperHalf{
	position: absolute;
	top: 0;
	width: 100%;
	height: 50%;
	background-color: #E00;
}
.PokeBallCentralLine{
	position: absolute;
	top: 50%;
	width: 100%;
	height: 10%;
	transform: translateY(-50%);
	background-color: #555;
}
.PokeBallCentralCircle{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 34%;
	height: 34%;
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%);
	background-color: #FFF;
}
.PokeBallCentralCircleBorder{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 44%;
	height: 44%;
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%);
	background-color: #555;
}

.BattleResultUpperWrapper{
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 1;
}
.BattleResultFirstInfo{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 2em;
	white-space: nowrap;
}
#BattleResultSingleDoubleRadio{
	margin-left: 5%;
}
.AddTrainerNameWrapper{
	position: absolute;
	left: 53%;
	margin-bottom: 0.5em;
}
#EditTrainerName{
	width: 14em;
}
#BattleResultPokemonWrapper{
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: 94%;
	z-index: 0;
}
.vs{
	height: 1em;
	line-height: 1em;
	padding: 0.1em 0.3em;
	margin: 0.1em;
	font-weight: bold;
	transform: rotate(5deg);
	color: #EEE;
	background-color: #533;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.BattleResultPokemon{
	flex: 1;
	position: relative;
	width: 7%;
	border-radius: 0.75em;
	border: solid 1px #9999;
	background-color: #FFF;
	cursor: pointer;
	transition: background-color 0.12s;
}
.BattleResultPokemonImg{
	margin-top: 10%;
	left: 5%;
	width: 90%;
}
.BattleResultTeraImg{
	display: none;
	position: absolute;
	bottom: 0%;
	left: 50%;
	transform: translateY(15%);
	width: 1.8em;
	border-radius: 25%;
	background-color: #FFFE;
	filter: drop-shadow(1px 1px 2px #9999);
}

.EditBattleResultPokemonData{
	display: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
.EditBattleResultPokemonDataItem{
	display: flex;
	align-items: center;
	position: relative;
	width: 12.8em;
	height: 3em;
	line-height: 3em;
	margin: 0.3em;
	text-align: left;
	font-size: 95%;
	font-weight: bold;
	border-radius: 0.5em;
	border: solid 1px #7775;
	background-color: #FFFE;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.4);
	text-shadow: 1px 1px 0px #FFF;
	z-index: 100;
	cursor: pointer;
}
.EditBattleResultPokemonDataItem span{
	width: 100%;
	background-color: #FFF8;
}
.EditBRPDitemLeft{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	left: 0;
	width: 1.8em;
	height: 100%;
}
.EditBattleResultPokemonDataItemImg{
	position: relative;
	height: 44%;
}
.EditBRPDimgWrapper{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.EditBRPDimg{
	position: absolute;
	height: 150%;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	/*filter: contrast(0.8);*/
}
.EditBattleResultPokemonDataItem input{
	display: none;
	margin-left: 50%;
	transform: translateX(-50%);
}
.EditBRPD_PkmResultList{
	display: none;
	flex-direction: column-reverse;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 100%;
	padding: 0.3em;
	width: 9.4em;
	min-height: 2em;
	background-color: #FFFFFF;
	border-radius: 0.5em;
	box-shadow: 1px 1px 7px rgba(0,0,0,0.5);
	z-index: 999;
}
#TeraInputBR{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 340px;
	transform:translateX(-50%);
}

#BattleResultComment{
	height: 1.5em;
}

#BattleResultButtonWrapper{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
}
.BattleResultButtonColumns{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	z-index: 0;
}
.BattleResultButtonColumns:has(:nth-child(3)){
	gap: 3px;
}
.BattleResultButton{
	position: relative;
	width: 6em;
	height: 2em;
	line-height: 2.1em;
	color: #FFF;
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	cursor: pointer;
}
.BattleResultButtonColumns:has(:nth-child(3)) .BattleResultButton:first-child,
.BattleResultButtonColumns:has(:nth-child(3)) .BattleResultButton:last-child{
	width: 5.7em;
	height: 1.9em;
	font-size: 133%;
}
.BattleResultButton div{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, 
		transparent 0%, transparent 13%, #FFFC 13%, #FFFC calc(13% + 1.2px), 
		transparent calc(13% + 1.2px), transparent 60%, #0006 60%, #0006 78%, 
		transparent 78%, transparent 86%, #FFFC 86%, #FFFC 88.5%, 
		transparent 88.5%, transparent 93%, #FFFC 93%, #FFFC 95.5%, 
		transparent 95.5%, transparent 100%);
}
.BattleResultButton span{
	position: relative;
}

#MsgWindow{
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	padding: 40px 80px;
	text-align: center;
	border-radius: 1em;
	background-color: #EEEEEE;
	box-shadow: 3px 4px 50px rgba(0,0,0,0.5);
}
.MsgWindowYesNo{
	margin-top: 1em;
}
.MsgWindowYesNo button{
	font-size: 110%;
	font-weight: bold;
}

#BRViewer{
	display: flex;
	flex-direction: column;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 800px;
	max-height: 100%;
	padding: 40px;
	text-align: center;
	border-radius: 1em;
	background-color: #EEEEEE;
	box-shadow: 3px 4px 50px rgba(0,0,0,0.5);
}
.ShowMore{
	display: inline-block;
	padding: 0em 0.2em;
	margin-left: 1em;
	transform: translateY(-10%);
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	background-color: #33D;
	cursor: pointer;
}
.BRViewerItem{
	width: 98%;
	padding-bottom: 0.5em;
	margin-bottom: 1.5em;
	border-radius: 1em;
	background-color: #E5E5E5;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.4);
}
.BRViewerItemDateAndTime{
	font-weight: bold;
}
.BRViewerItemUpperWrapper{
	display: flex;
	align-items: center;
	margin-left: 5%;
	width: 94%;
	height: 2.5em;
}
.BRV_BRButton{
	margin: 0;
	transform: scale(65%);
	cursor: default;
}
.BRV_OpponentsName{
	position: relative;
	left: 4em;
	font-weight: bold;
}
.BRViewerItemPokemonWrapper{
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	margin-left: 3%;
	width: 94%;
	z-index: 0;
}
.BRViewerItemComment{
	margin-top: 0.5em;
	font-size: 95%;
}

#BRViewer_MoreBR{
	display: none;
	flex-direction: column;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 800px;
	max-height: calc(100% - 90px);
	padding: 40px;
	text-align: center;
	border-radius: 1em;
	background-color: #EEEEEE;
	box-shadow: 3px 4px 50px rgba(0,0,0,0.5);
}
#MoreBRvWrapper{
	max-height: 100%;
	overflow-y: auto;
}

#PartyNote{
	display: flex;
	flex-direction: column;
	position: relative;
	width: max(840px, 94%);
	padding: 15px;
	height: max(770px, 94%);
	/*height: 770px;*/
}
#PartyNoteTitle{
	margin-top: 10px;
}
#PartyNoteMain{
	display: flex;
	flex: 1;
}
#PartyNotePokemons{
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
}
#PartyNote input{
	font-weight: bold;
	font-size: inherit;
}
#PartyNote input:hover{
	background-color: #FF9;
}
#PartyNote textarea{
	font-family: inherit;
	resize: none;
}
.PartyNotePokemonRow{
	display: flex;
	position: relative;
	flex: 1;
	min-height: 210px;
}
.PartyNotePokemon{
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
	position: relative;
	width: 280px;
	height: calc(100% - 16px);
	padding: 3px;
	margin: 0px 5px 10px 5px;
	background-color: #EEE;
	box-shadow: inset 1px 1px 3px #0006;
}
.PartyNotePokemonUpper{
	display: flex;
	width: 98%;
	white-space: nowrap;
}
.PartyNotePokemonImg{
	height: 80px;
	margin-bottom: 15px;
	border-radius: 5px;
	background-color: #FFF;
}
.PartyNotePokemonTeraImg{
	position: absolute;
	top: 52px;
	left: 70px;
	height: 40px;
	border-radius: 10px;
	background-color: #FFF;
	opacity: 0.95;
	border: solid 1px #9999;
	box-shadow: 2px 2px 5px #0004;
}
.PNP_UpperLeft{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 3px;
	width: 112px;
	height: 140px;
}
.PNP_Item, .PNP_Ability{
	position: relative;
	font-size: 14px;
	line-height: 17px;
	cursor: pointer;
}
.PNP_Item{
	font-weight: bold;
}

.PNP_UpperRight{
	display: flex;
	flex-direction: column;
	flex: 1;
	width: 164px;
	margin-top: 12px;
	text-align: left;
	font-size: 15px;
	line-height: 1.15em;
}
.PNP_Stats, .PNP_Moves{
	position: relative;
	margin: 5px;
	cursor: pointer;
}
.PNP_EV span{
	display: inline-block;
	font-size: 14px;
	transform-origin: 0 50%;
}
.PNP_Status{
	font-size: 13px;
	font-weight: bold;
	transform-origin: 0 50%;
	width: fit-content;
}
.PNP_Moves{
	font-size: 14px;
}
.PartyNotePokemonComment{
	flex: 1;
	margin-bottom: 4px;
	width: 96%;
	height: 44px;
}

.PNPnote{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-size: 90%;
}
.PNPnote textarea,
.PNPnote input{
	color: #F00E;
	text-align: center;
	border: none;
	outline: none;
	font-weight: bold;
	background-color: transparent !important;
	line-height: 1em;
	cursor: pointer;
}
.PNPnote_Item{
	bottom: 0;
	margin-bottom: 11px;
}
.PNPnote_Ability{
	top: 0;
	margin-top: 12px;
}
.PNPnote_EVs{
	width: 156px;
	bottom: 0;
	margin-bottom: 27px;
}
.PNPnote_EVs textarea{
	text-align: left;
	vertical-align: bottom;
}
.PNPnote_St{
	width: 156px;
	top: 0;
	margin-top: 28px;
}
.PNPnote_St input{
	text-align: left;
	font-size: 12px;
}

.PNPnote_move{
	border: none;
	outline: none;
	font-weight: bold;
	background-color: transparent !important;
	color: #F00E;
	font-size: 13px !important;
	transform: translate(-10px, -5px);
}

#WholePartyNote{
	margin-left: 10px;
	flex: 1;
	height: calc(100% - 10px);
	z-index: 2;
	padding: 3px;
	box-sizing: border-box;
}

#PR_Wrapper{
	display: none;
	flex-direction: column;
	align-items: center;
	position: absolute;
	width: 100vw;
	filter: drop-shadow(2px 2px 5px #0009);
}
#PR_upper{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
#PR_Miethia{
	margin-left: -20px;
	width: 100px;
	image-rendering: pixelated;
}
#PR_fukidashi{
	width: 650px;
	height: 50px;
	padding: 15px;
	margin: 10px 0;
	color: #777;
	font-size: 18px;
	font-weight: bold;
	line-height: 27px;
	border-radius: 10px;
	background-color: #EEE;
	border: solid 2px #777;
}
#PR_fukidashi span{
	opacity: 0;
	animation: text_anime_on 0.05s forwards;
}
.PR_main{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 800px;
	border-radius: 20px;
	background-color: #EEE;
}
.PR_title{
	margin-top: 15px;
	font-weight: bold;
	color: #555;
}
.PR{
	width: 90%;
	margin: 15px;
}
.ads-main{
	background-color: #DDD;
}
#PR_closeExp{
	width: 300px;
	margin-top: 10px;
	text-align: center;
	font-size: 18px;
	opacity: 0;
	transition: 0.4s;
}
#PR_closeExp span{
	position: absolute;
	color: #FFF;
	font-weight: bold;
	transform: translateX(-50%);
}

#Highlight{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	pointer-events: none;
	touch-action: none;
	background-color: #FF58;
	box-shadow: 0 0 30px #FF56;
	z-index: 20000;
}

.hidden_toolbox_wrapper{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	z-index: 1000;
}
.toolbox_tool{
	display: none;
	top: 5px;
	left: 5px;
	pointer-events: auto;
	position: fixed;
	background-color: #BCF;
	filter: drop-shadow(1px 1px 5px #000);
	border-radius: 0 0 15px 15px;
	overflow: hidden;
}
.button_close{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 10px;
	width: 30px;
	height: 20px;
	color: #EEE;
	font-weight: bold;
	font-size: 18px;
	background-color: #C00;
	border: none;
	box-shadow: inset 0 0 2px #0008;
}
.button_close:hover{
	box-shadow: inset 0 0 4px #0009;
}
.button_close:active{
	box-shadow: inset 0 0 7px #0009;
}
.hidden_toolbox_title{
	display: flex;
	align-items: center;
	margin: 4px 5px 2px 9px;
	font-size: 0.95em;
	font-weight: bold;
}
.tool_content{
	background-color: #EEE;
	margin: 0 5px 5px 5px;
	border-radius: 0 0 10px 10px;
}
#pain_split_calculator input[type="number"]{
	-moz-appearance: textfield;
	appearance: textfield;
}
#tod_calculator .trainer{
	padding: 5px 10px;
	white-space: nowrap;
	text-align: center;
	overflow: hidden;
}
#tod_calculator .trainer>div{
	width: 121px;
}
#tod_calculator .trainer>div.opponent_pkm{
	width: auto;
	min-width: 121px;
}
#tod_calculator .todcalc_pkm img{
	width: 35px;
	margin: -3px;
	margin-right: 3px;
}
#tod_calculator .todcalc_pkm{
	display: flex;
	align-items: center;
}
#tod_calculator .hp_input{
	display: inline-block;
	width: 25px;
	text-align: end;
}

#PkmDrag{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	z-index: 1000;
}
#PkmDragArrow{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	filter: drop-shadow(0 0 15px #000B);
}
#PkmDragText{
	position: fixed;
	width: fit-content;
	transform: translate(-50%,-50%);
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	color: #FFF;
	filter: drop-shadow(2px 2px 5px #0009);
	letter-spacing: 0.04em;
	white-space: nowrap;
}

#TouchIcon{
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	opacity: 0;
	border-radius: 50%;
	border: solid 2px #ACF;
	overflow: hidden;
	background-color: transparent;
	pointer-events: none;
	touch-action: none;
	z-index: 20000;
}
#TouchIconCentralLineL{
	position: absolute;
	top: 50%;
	left: 0%;
	width: 28%;
	height: 8%;
	transform: translateY(-50%);
	background-color: #ACF;
}
#TouchIconCentralLineR{
	position: absolute;
	top: 50%;
	right: 0%;
	width: 28%;
	height: 8%;
	transform: translateY(-50%);
	background-color: #ACF;
}
#TouchIconCentralCircleBorder{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 35%;
	height: 35%;
	border-radius: 50%;
	border: solid 2px #ACF;
	transform: translateX(-50%) translateY(-50%);
	background-color: transparent;
}



@media (max-width: 1039px){
	.LogoWrapper{
		height: 42px;
		margin-left: -10px;
	}
	#HeaderLeftWrapper{
		left: 170px;
	}
}

/*.PokeBall{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 30px;
	transform: translateX(-50%) translateY(2px) rotate(15deg);
	border-radius: 50%;
	background-color: #FFF;
	border: solid 2px #555;
	overflow: hidden;
}*/
/*.PokeBallCentralLine{
	position: absolute;
	top: 50%;
	width: 100%;
	height: 10%;
	transform: translateY(-50%);
	background-color: #555;
}*/
/*.PokeBallCentralCircleBorder{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 44%;
	height: 44%;
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%);
	background-color: #555;
}*/