.border.bgc04{
margin:20px 0;
}
.border.bgc04 input{
width:30%;
}


.border.hidden{
	display : none;
}

.border.full{
	width:100%;
}

.playing-form h3{
	margin-left:0.2rem;
	margin-top:1rem;
	font-size:1.2rem;
}

.playing-form h4{
	margin-left:0.4rem;
	margin-top:0.5rem;
}

.playing-form .center{
	margin-top:2rem;
}

.playing-form label{
	margin-left:10px;
	position:relative;
}


.playing-form label>span{
	display:inline-block;
	margin:4px 0 4px 8px;
}
.playing-form label>span>span{
	display:inline-block;
}

.playing-form img.imgsel-img{
	width:100px;
}


@media screen and (max-width: 720px) {

	.playing-form label>span>span{
		display:block;
	}
	.playing-form label>span>span:last-child{
		padding-left:0.5rem;
	}

	.playing-form label>span{
		line-height:1.3;
	}

	.form-action label input{
		vertical-align:top;
		margin-top:1rem;
	}

}


.form-action select{
	width:250px;
}
.form-action .char-count-wrap{
	width:500px;
}
@media screen and (max-width: 900px) {
	.form-action .char-count-wrap{
		width:calc(100% - 2rem);
		margin-left:2rem;
	}
}



.playing-form .imgsel-img+select{
	width:calc(100% - 111px);
	vertical-align:top;
}



div.txt{
	padding-bottom:20px;
}

.alert-error{
	background-color:#fdd;
	color:#f00;
	font-weight:bold;
	font-size:1.3rem;
	padding:2rem;
	margin:2rem 0;
	min-height:88px;
	min-width:88px;
	box-sizing:border-box;
	border-color : #ca7;
	border-style : solid;
	border-image-source : url(https://tw6.jp/html/tw7/img/bg/imgborder.png);
	border-image-slice  : 198;
	border-image-width  : 44px;
	border-image-outset : 0;
	border-image-repeat : stretch;
}



div.top-img>div.top-img-mapicon{
	position:absolute;
	top:0;
	left:-500px;
	right:-500px;
	margin:0 auto;
	max-width:1280px;
	width:100%;
	height:100%;
}

.top-img>div.top-img-mapicon img{
	position:absolute;
	width:5%;
	left:50%;
	top:50%;
	margin:auto;
}

.top-img>div.top-img-mapicon img.attack{
	border-radius:50%;
	border:3px solid red;
	transform-origin:center;
	animation:atk 0.6s linear 0s infinite normal;
}
@keyframes atk {
	0%   {transform:scale(1)   translateX(-5%);opacity:0.8}
	100% {transform:scale(1.4) translateX(-5%);opacity:0}
}



@media screen and (max-width: 1280px) {
	div.top-img>div.top-img-mapicon{
		max-width:100%;
	}
	div.top-img.topimg-expand>div.top-img-mapicon{
		max-width:200%;
		width:1280px;
	}
}

div.top-img.topimg-transition .top-img-mapicon{
	transition:width 0.1s linear, max-width 0.1s linear;
}
div.top-img.top-img-fix.topimg-transition .top-img-mapicon img{
	transition:margin 0.1s linear;
}







.top-img>div.top-img-mapicon img{
	width:7%;
}

/*
.top-img>div.top-img-mapicon img.area14,
.top-img>div.top-img-mapicon img.area22,
.top-img>div.top-img-mapicon img.area23,
.top-img>div.top-img-mapicon img.area24,
.top-img>div.top-img-mapicon img.area25,
.top-img>div.top-img-mapicon img.area26,
.top-img>div.top-img-mapicon img.area27,
.top-img>div.top-img-mapicon img.area28,
.top-img>div.top-img-mapicon img.area29,
.top-img>div.top-img-mapicon img.area30{
	width:7.2%;
}
*/



.top-img>div.top-img-mapicon img.area1{
	left:20%;
	top :83.8%;
}

.top-img>div.top-img-mapicon img.area2{
	left:19.5%;
	top :62.8%;
}

.top-img>div.top-img-mapicon img.area3{
	left:2.3%;
	top :54.5%;
}

.top-img>div.top-img-mapicon img.area4{
	left:19.2%;
	top :30.1%;
}

.top-img>div.top-img-mapicon img.area5{
	left:36.2%;
	top :54.5%;
}

.top-img>div.top-img-mapicon img.area6{
	left:2.1%;
	top :9.6%;
}

.top-img>div.top-img-mapicon img.area7{
	left:36.3%;
	top :10.1%;
}

.top-img>div.top-img-mapicon img.area8{
	left:68.4%;
	top :61%;
}

.top-img>div.top-img-mapicon img.area9{
	left:66.1%;
	top :45%;
}

.top-img>div.top-img-mapicon img.area10{
	left:76.3%;
	top :43.2%;
}

.top-img>div.top-img-mapicon img.area11{
	left:90.1%;
	top :59.2%;
}

.top-img>div.top-img-mapicon img.area12{
	left:78%;
	top :70.2%;
}

.top-img>div.top-img-mapicon img.area13{
	left:86.3%;
	top :84.3%;
}

.top-img>div.top-img-mapicon img.area14{
	left:76.5%;
	top :86.1%;
}

.top-img>div.top-img-mapicon img.area15{
	left:54.3%;
	top :62.9%;
}

.top-img>div.top-img-mapicon img.area16{
	left:54.4%;
	top :47.6%;
}

.top-img>div.top-img-mapicon img.area17{
	left:57.6%;
	top :25.8%;
}

.top-img>div.top-img-mapicon img.area18{
	left:72.9%;
	top :17.9%;
}

.top-img>div.top-img-mapicon img.area19{
	left:89.8%;
	top :15.8%;
}

.top-img>div.top-img-mapicon img.area20{
	left:54.8%;
	top :87.6%;
}

.top-img>div.top-img-mapicon img.area21{
	left:61.8%;
	top :81.2%;
}


.top-img>div.top-img-mapicon img.ovl21{
	width:6.640625%;
	left:61.71875%;
	top :81.157469717362%;

}

.warareainfo span.defeat{
	text-decoration:line-through;
}