.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:6%;
	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.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.area20{
	width:8%;
}



.top-img>div.top-img-mapicon img.area1{
	left:38.7%;
	top :2.6%;
}

.top-img>div.top-img-mapicon img.area2{
	left:62.3%;
	top :3%;
}

.top-img>div.top-img-mapicon img.area3{
	left:74.9%;
	top :7.8%;
}

.top-img>div.top-img-mapicon img.area4{
	left:76.2%;
	top :27.2%;
}

.top-img>div.top-img-mapicon img.area5{
	left:58.2%;
	top :12.9%;
}

.top-img>div.top-img-mapicon img.area6{
	left:46.4%;
	top :8.6%;
}

.top-img>div.top-img-mapicon img.area7{
	left:21%;
	top :2.1%;
}

.top-img>div.top-img-mapicon img.area8{
	left:65.7%;
	top :20.4%;
}

.top-img>div.top-img-mapicon img.area9{
	left:37.5%;
	top :13.9%;
}

.top-img>div.top-img-mapicon img.area10{
	left:20.5%;
	top :10.5%;
}

.top-img>div.top-img-mapicon img.area11{
	left:50.1%;
	top :21.7%;
}

.top-img>div.top-img-mapicon img.area12{
	left:30.9%;
	top :21.2%;
}

.top-img>div.top-img-mapicon img.area13{
	left:16.6%;
	top :18.9%;
}

.top-img>div.top-img-mapicon img.area14{
	left:66.5%;
	top :35%;
}

.top-img>div.top-img-mapicon img.area15{
	left:56.9%;
	top :29.3%;
}

.top-img>div.top-img-mapicon img.area16{
	left:30.8%;
	top :28.5%;
}

.top-img>div.top-img-mapicon img.area17{
	left:15.6%;
	top :28.5%;
}

.top-img>div.top-img-mapicon img.area18{
	left:44.5%;
	top :32.9%;
}

.top-img>div.top-img-mapicon img.area19{
	left:35.6%;
	top :37.7%;
}

.top-img>div.top-img-mapicon img.area20{
	left:37.6%;
	top :65.3%;
}

.top-img>div.top-img-mapicon img.area21{
	left:32.9%;
	top :52.8%;
}

.top-img>div.top-img-mapicon img.area22{
	left:61.4%;
	top :52.1%;
}

.top-img>div.top-img-mapicon img.area23{
	left:75.3%;
	top :59.2%;
}

.top-img>div.top-img-mapicon img.area24{
	left:83.8%;
	top :67.1%;
}

.top-img>div.top-img-mapicon img.area25{
	left:64.6%;
	top :73%;
}

.top-img>div.top-img-mapicon img.area26{
	left:48.3%;
	top :83.8%;
}

.top-img>div.top-img-mapicon img.area27{
	left:38.4%;
	top :90.8%;
}

.top-img>div.top-img-mapicon img.area28{
	left:18.5%;
	top :78.7%;
}

.top-img>div.top-img-mapicon img.area29{
	left:14%;
	top :65.6%;
}

.top-img>div.top-img-mapicon img.area30{
	left:15%;
	top :56.7%;
}