@charset "UTF-8";
/* CSS Document */
body{
	width: 100%;
	height: 100%;
	background-image:url(../../eitaso/images/bg.png);
	background-color: #fdd100;
	margin: 0;
}
.wrapper{
	width: 100%;
	height: 100%;
}
.contents{
	width: 800px;
	margin: 5% auto;
}
.title_area{
	position: relative;
	border-bottom:10px solid  #e7b313;
	box-sizing: border-box;
}
img.move_icon{
	position: absolute;
	top: -30px;
	left: -50px;
}
h1.main{
	position: relative;
}
img.title {
	width: 800px;
	height:100%;
	display: block;
	margin: 0 auto;
}
img.eitaso{
	position: absolute;
	bottom: -10px;
	right: 1%;
	margin: 0 auto;
}
.contents_inner{
	width: 100%;
	margin: 0 auto 50px;
	background-color: #fff;
	border:10px solid #e7b313;
	border-top: none;
	box-sizing: border-box;
	padding: 30px;
}

h2{
	font-weight: 800;
	margin-bottom: 0.5em;
}
dt, dd{
	line-height: 1.9em;
}
.target dt{
	float: left;
	margin-right: 20px;
}
.font_small{
	font-size: 0.9em;
}
.font_small:nth-child(5){
	margin-top: 0.5em;
}
.font_pink{
	color: #ff0099;
	font-weight: 600;
}
.audition dt:before {
	content: "◆";
	color: #05a7fa;
}
.audition dt{
	margin-top: 0.5em;
}
.audition dd{
	margin-top: 0.2em;
}
.caution h3, .caution li{
	font-size: 0.8em;
	margin: 1.2em 0;
	line-height: 1.3em;
}
.caution li:before{
	color: #ff0099;
	content:"*";
}
a {
	color: #ff0099;
	font-weight: 900;
	text-decoration: underline;
}
a:hover{
		-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
  opacity: 0.7;
}
hr.dots{
	border:none;
	border-top:dashed 2px #fdd100;
	height:1px;
	color:#fdd100;
	width: 95%;
	margin: 20px auto;
}
.btn_area{
	text-align: center;
}
.btn {
	display: inline-block;
	margin: 20px 0;
  padding: 15px 1%;
  font-weight: 600;
  opacity: 0.8;
  border-radius: 4px;
  cursor: pointer;
  background-color: #ff0099;
  box-shadow: 0px 7px #bb0b75;
  color: #fff;
}
.btn a{
  text-decoration: none;
  font-weight:600;
}
.btn:hover {
  opacity: 1;
}
.btn:active {
  position: relative;
  top: 7px;
  box-shadow: none;
}
.close_btn{
	width: 100%;
	height: 50px;
	text-align: center;
}
a#close{
	display: inline-block;
  cursor: pointer;
}
a#close:hover {
  opacity: 0.8;
}
a#close:active {
  opacity: 0.8;
}
.thanks p{
	text-align: center;
	margin-top: 10px;
}
@media screen and (max-width: 799px){
	.contents{
		width: 95%;
	}
	.title_area{
		position: relative;
		border-bottom:10px solid  #e7b313;
		box-sizing: border-box;
	}
	img.move_icon{
		width: 10%;
		position: absolute;
		top: -15%;
		left: 0;
	}
	img.eitaso{
		width: 30%;
	}
	.contents_inner{
		width: 100%;
		margin: 0 auto 50px;
		background-color: #fff;
		border:10px solid #e7b313;
		border-top: none;
		box-sizing: border-box;
		padding: 30px;
	}
	dt, dd{
		font-size: 0.95em;
		line-height: 1.4em;
	}
	.audition dt{
		margin: 1em 0 0.5em;
	}
	.audition dd{
		margin-bottom: 0.5em;
	}
}


@media screen and (min-width: 1px) and (max-width: 480px){
.contents_inner{
	padding: 10px;
}
	dt, dd{
		font-size: 0.85em;
		line-height: 1.8em;
	}
	.caution h3, .caution li{
		margin: 0.8em 0;
	}
}