@charset "UTF-8";
/* CSS Document */

body {
-webkit-text-size-adjust: 100%;
	padding-bottom: 12%;
	background-color: #cccccc;
/*	background-color: #808080;*/
}

img{vertical-align: middle;}

a:hover img{
	opacity: 0.85;
	filter: alpha(opacity=85);
}

article{
	max-width: 1280px;
	margin: 0 auto;
}



/*	header
------------------------------------*/
header{
	width: 100%;
}

header p:last-of-type{
	width: 100%;
	height: auto;
	background-image: url("/img/bg_top_btn.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

header p:last-of-type a{
	display: block;
	width: 93.75%;
	padding: 4.6875% 3.125% 14.375%;
}


/*	#s1 超豪華特別グランプリ特典
------------------------------------*/
#s1{
	background-color: #93d4d9;
}

#s1 dl dd{
	color: #c56400;
	line-height: 1.5em;
	padding: 1% 0 2.5%;
	font-size: 5.8vw;
	text-align: center;
	font-weight: bold;
}

#s1 p:first-of-type{
	width: 86%;
	margin: 6% 7%;
	padding: 2% 1%;
	line-height: 1.4em;
	background-color: #cfff00;
	color: #143c00;
	border: 1px solid #cfff00;
	border-radius: 15px;
	text-align: center;
	font-size: 5vw;
}

#s1 p:first-of-type span{
	display: inline-block;
	font-size: 3.5vw;
	line-height: 1.2em;
}

#s1 p:last-of-type{
	width: 86%;
	margin: 0 7%;
}


/*	#s2 オーディション合格者特典
------------------------------------*/
#s2{
	width: 100%;
	background-color: #c8dc96;
}

#s2 > dl > dd{
	width: 86%;
	margin: 0 7%;
	overflow: hidden;
	font-size: 3.5vw;
	line-height: 1.5em;
}

#s2 > dl > dd img{
	float: right;
	width: 45%;
	margin: 0 0 1% 1.5%;
}

#s2 > dl dl{
	margin-top: 2%;
	padding: 2%;
background: -webkit-linear-gradient(#b2b997, #e8f1d4);
background: -o-linear-gradient(#b2b997, #e8f1d4);
background: linear-gradient(#b2b997, #e8f1d4);
}

#s2 > dl dl dt{
	text-align: center;
	font-weight: bold;
	color: #143c00;
}

#s2 > dl dl dd{
	padding-top: 2%;
	font-size: 3vw;
	line-height: 1.4em;
}

#s2 > dl:last-of-type dl dt:nth-of-type(2){
	margin-top: 3%;
}

#s2 > p:first-of-type{
	margin-top: 2%;
	line-height: 1.7em;
	text-align: center;
	font-size: 4.5vw;
}

#s2 > p:first-of-type span{
	display: block;
	text-align: right;
	padding-right: 8%;
}

#s2 p:last-of-type{
	width: 86%;
	margin: 5% 7% 0;
}


/*	#s3 応募要項
------------------------------------*/
#s3{
	width: 100%;
	background-color: #f0f0c8;
}


/*	#s4 応募方法
------------------------------------*/
#s4{
	width: 100%;
	background-color: #f0f0c8;
}

#s4 p:first-of-type{
	width: 88%;
	margin: 0 6%;
	padding-bottom: 4%;
	font-size: 4.5vw;
	line-height: 1.6em;
}

#s4 p:last-of-type{
	width: 86%;
	margin: 5% 7% 0;
}


/*	#s5 オーディションの流れ
------------------------------------*/
#s5{
	width: 100%;
	background-color: #1e96aa;
}


/*	#s6 初めてオーディションを受ける方へ
------------------------------------*/
#s6{
	width: 100%;
	background-color: #1e96aa;
	padding-bottom: 3%;
}

#s6 p{
	font-weight: 86%;
	padding: 0 7%;
	line-height: 1.5em;
	font-size: 4vw;
	color: #ffffff;
}

#s6 p:nth-of-type(2){
	color: #cfff00;
}

#s4 p:last-of-type{
	width: 86%;
	margin: 5% 7% 0;
	padding: 0;
}


/*  フッター
-------------------------------------*/
footer{
	width: 100%;
	background-color: #ffffff;
}

footer h1{
	width: 90%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 2% 0 5px;
	color: #143c00;
	border-bottom: #143c00 solid 2px;
	text-align: center;
	font-size: 4.2vw;
}

footer dl{
	width: 90%
	max-width: 1280px;
	text-align: center;
	margin: 10px auto;
	padding-bottom: 10px;
	color: #143c00;
}

footer dl dt{
	padding-bottom: 1%;
	font-size: 3.9vw;
	font-weight: bold;
}

footer dl dd{
	font-size: 3.5vw;
	line-height: 1.4em;
}

footer a{
	text-decoration: none;
}

footer p{
	text-align: center;
	padding: 1% 0 2.5%;
	color: #ffffff;
	background-color: #143c00;
	font-size: 2.6vw;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}


@media screen and (min-width:800px) {
a[href^="tel:"] {
    pointer-events: none;
}
}



p.button{
	position: fixed;
	bottom: 0;
}


@media screen and (min-width: 961px) {
  footer h1{
	  font-size: 30px;
  }

  footer dl dt{
	font-size: 26px;
  }

  footer dl dd{
	font-size: 22px;
  }

  footer p{
	  font-size: 16px;
  }
}



/*  エントリーフォーム
-------------------------------------*/
#entry {
	width: 100%;
	background-color:#A6DDE1;
}


#entry div.inwrap{
	width: 90%;
	margin:10px auto 0;
padding-bottom: 20px;
	color:#555;
	line-height:120%;
	font-size:90%;	
}

#entry div.inwrap > p{
	padding: 2% 0 1%;
	font-weight: bold;
}




#entry div.deadline{
text-align: right;
}

#entry div.deadline p{
display: inline-block;
margin: 10px auto;
padding: 5px 5px 0;
border-radius: 10px;
border: 2px solid #cc0000;
}

#entry div.deadline p span{
display: inline;
font-size: 2em;
color: #cc0000;
}

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #808080;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
font-weight: bold;
}

table.formTable th span{
font-weight: normal;
font-size: 0.9em;
color: #cc0000;
}

table.formTable td.check{
	text-align: center;
}

table.formTable td.check span{
	display: inline-block;
}

#entry form p{
margin: 20px 0 0 0;
text-align: center;
}

#entry form p input[type="submit"]{
display: block;
width: 60%;
height: 40px;
margin: 0 20%;
font-size: 18px;
}


/*　簡易版レスポンシブ用CSS　*/
@media screen and (max-width:640px) {
#entry {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:90%;
	margin:0 4%;
	padding:5px;
	font-size:110%;
	display:block;
}
	
input[name="年齢"]{
display: inline-block;
width: 4em;
}

input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}






/* ボタン　画面表示時 ズームイン
----------------------------------------------
参考サイト： http://www.north-geek.com/entry/js-scroll*/

.list{
	overflow: hidden;
}

.list a{
	float: left;
	transition: .8s;
}

.list-mv01{
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
}
.mv01{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}