@charset "UTF-8";

body,dl,dt,dd,p{
margin:0;
padding:0;
}



/*  トップヘッダー
--------------------------------- */
#vahead{
width:100%;
}

#vahead img{
vertical-align:middle;
}

#vahead h1{
margin:0;
padding:0;
}

#vahead dl{
width:100%;
margin:0;
padding:10px 0 5px;
background-color:#1a1a1a;
color:#e1b4b4;
text-align:center;
font-size:1.2em;
}

#vahead dl dt{
margin:0;
padding:0;
line-height:1.2em;
}

#vahead dl dd{
margin:0;
padding:0;
line-height:1.2em;
}

#vahead dl dd:first-of-type{
padding:5px 0 8px;
}

#vahead p{
width:100%;
margin:0;
padding:0 0 10px;
background-color:#000000;
}

/*  #cast_info ARAKAWA9出演者情報
--------------------------------- */
#cast_info{
	background: #fff;
	font-family: 'Ultra', serif;
	color:#111;
}
#cast_info h2{
	text-align: center;
	font-size: 190%;
}
#cast_info .info{
	border: 1px solid #ddd;
	width: 78%;
	margin: 3.5% 11%;
}
#cast_info .btn_arakawa{
	padding-bottom:1em;
}
#cast_info .btn_arakawa img{
	width: 100%;
}
#cast_info dl{
	background: #fff;
	color:#111;
	font-size: 85%;
	text-align: left;
	padding-left:1em;
	box-sizing: border-box;
}
#vhead #cast_info dd{
	color:#111;
	width: 94%;
	margin: 1% 3% 1% !important;
	line-height: 1.2;
	font-size: 85%;
	font-weight: 400;
	text-align: left;
}

/*  #va1  当オーディションについて
--------------------------------- */
#va1{
width:100%;
margin:0;
padding-bottom:50px;
background-color:#1a1a1a;
}

#va1 img{
vertical-align:middle;
}

#va1 h1{
margin:0;
padding:0;
}

#va1 dl{
width:84%;
margin:20px auto 0;
}

#va1 dl dt{
padding-bottom:10px;
}

#va1 dl dd{
margin:20px 0 0 0;
padding:0;
}

#va1 p{
width:84%;
margin:50px auto 0;
}

#va1 p a:hover img{
opacity: 0.8;
filter: alpha(opacity=80);
}


/*  #va2  グランプリ確約
--------------------------------- */
#va2{
width:100%;
margin:0;
padding-bottom:50px;
background-color:#ffe1b4;
}

#va2 img{
vertical-align:middle;
}

#va2 h1{
margin:0;
padding:0;
}

#va2 dl{
width:84%;
margin:0 auto;
}

#va2 dl dt{
margin-top:20px;
}

#va2 p{
width:84%;
margin:40px auto 0;
}

#va2 p a:hover img{
opacity: 0.8;
filter: alpha(opacity=80);
}


/*  #va3  応募要項
--------------------------------- */
#va3{
width:100%;
margin:0;
padding-bottom:40px;
background-color:#f0ffff;
}

#va3 img{
vertical-align:middle;
}

#va3 h1{
margin:0;
padding:0;
}

#va3 ul{
width:87.5%;
margin:0 7% 5.5% 0;
list-style:none;
}


/*  #va4  応募要項
--------------------------------- */
#va4{
width:100%;
margin:0;
padding-bottom:50px;
background-color:#f0ffff;
}

#va4 img{
vertical-align:middle;
}

#va4 h1{
width:87.5%;
margin:0 auto;
}

#va4 dl{
width:87.5%;
margin:0 auto;
}

#va4 dl dd{
margin:0;
padding:0;
}

#va4 p{
width:84%;
margin:40px auto 0;
}

#va4 p a:hover img{
opacity: 0.8;
filter: alpha(opacity=80);
}


/*  #va5  当オーディションの実績
--------------------------------- */
#va5{
width:100%;
margin:0;
padding-bottom:50px;
background-color:#f0ffff;
}

#va5 img{
vertical-align:middle;
}

#va5 h1{
margin:0;
}

#va5 dl{
width:87.5%;
margin:0 auto;
}

#va5 dl dt{
margin-top:20px;
}

#va5 dl dd{
margin:0;
padding:10px 2.5%;
line-height:1.6em;
}

#va5 p{
width:84%;
margin:40px auto 0;
}

#va5 p a:hover img{
opacity: 0.8;
filter: alpha(opacity=80);
}


/*  #va6  著名プロデューサーが楽曲を提供
--------------------------------- */
#va6{
width:100%;
margin:0;
padding-bottom:50px;
background-color:#f0ffff;
}

#va6 img{
vertical-align:middle;
}

#va6 h1{
margin:0;
}

#va6 dl{
width:87.5%;
margin:0 auto;
}

#va6 dl dt{
margin-top:20px;
}

#va6 dl dd{
margin:0;
padding:20px 2.5% 0;
line-height:1.6em;
}

#va6 p{
width:84%;
margin:40px auto 0;
}

#va6 p a:hover img{
opacity: 0.8;
filter: alpha(opacity=80);
}


/*  #va7  オーディションの流れ
--------------------------------- */
#va7{
width:100%;
margin:0;
padding-bottom:50px;
background-color:#f0ffff;
}

#va7 img{
vertical-align:middle;
}

#va7 h1{
margin:0;
}

#va7 ol{
width:87.5%;
margin:20px auto 0;
padding:0;
list-style:none;
}

#va7 ol li{
margin:0;
padding:0;
}

#va7 dl{
width:87.5%;
margin:0 auto;
}

#va7 dl dt{
margin-top:20px;
}

#va7 dl dd{
margin:0;
padding:20px 2.5% 0;
line-height:1.6em;
}

#va7 p{
width:84%;
margin:40px auto 0;
}

#va7 p a:hover img{
opacity: 0.8;
filter: alpha(opacity=80);
}


/*  #faq  Q&A
--------------------------------- */
#faq{
width:100%;
margin:0;
padding-bottom:50px;
background-color:#f0ffff;
}

#faq img{
vertical-align:middle;
}

#faq h1{
margin:0;
}

#faq dl{
width:87.5%;
margin: 10px auto 40px;
/*	padding: 20px;*/
}

#faq dl dt{
    display:block;
background:#0064c8;
    padding:10px 0 10px 5px;
    border-top: 2px solid #DFDFDF;
color:#ffffff;
overflow:hidden;
}

#faq dl dt:first-child{
    border-top: none !important;
}

#faq dl dt .title{
    padding-left: 10px;
	float: left;
	width:80%;
}

#faq dl dd{
    display:none;
	background: #008cc8;
	margin-top:3px;
	padding:20px 15px;
color:#ffffff;
}

.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .6s;
	box-sizing: border-box;
}
.accordion_icon {
	position: relative;
	width: 30px;
	height: 30px;
	float: right;
margin:10px 5px 0 0;
}
.accordion_icon span {
	position: absolute;
    left: 6px;
    width: 50%;
	height: 2px;
    background-color: #F88789;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
    top: 5px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
    top: 5px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active span:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


#faq > p{
width:84%;
margin:40px auto 0;
}

#faq > p a:hover img{
opacity: 0.8;
filter: alpha(opacity=80);
}


/*  フッター
--------------------------------- */
div.foot{
width:100%;
padding-bottom:15%;
background-color:#000000;
}

footer{
position:relative;
height:0;
padding-top:21.875%;
background:url(../img/bg_footer.png) 0 0 no-repeat;
background-size:contain;
}

footer dl{
position:absolute;
top:5%;
width:100%;
color:#ffffff;
text-align:center;
}

footer dl dt{
margin:0;
padding:0;
font-weight:bold;
}

footer dl dd{
margin:0;
padding:0;
}

/*  最下部固定ボタン
--------------------------------- */
p.fixedbtn{
width:100%;
position:fixed;
bottom:0;
margin-bottom:0;
padding-bottom:0;
line-height:0;
z-index:1000;
}



/*  PCSP 640px以上
--------------------------------- */
@media screen and (min-width: 640px) {
div.foot{
padding-bottom:22%;
}
}



/*  PC 1280px以上
--------------------------------- */
@media screen and (min-width: 1280px) {
#vahead{
width:1280px;
margin:0 auto;
}

#va1{
width:1280px;
margin:30px auto 80px;
}

footer dl{
top:20%;
}

p.fixedbtn{
width:1280px;
left:50%;
margin-left:-640px;
}
}

.f_nav {
	background:#f0ffff;
	margin:0;
	padding:40px 0 60px;
}
@media screen and (max-width: 641px) {
	.f_nav  {
		padding:0 0 40px;
	}
}
.f_nav ul {
	margin:0;
	padding:0;
	text-align: center;
	font-size:0;
	list-style: none;
}
.f_nav ul li {
	display: inline-block;
	font-size: 10px;
	margin-right: 10px; 
	vertical-align: top;
	font-size:20px;
}
@media screen and (max-width: 641px) {
	.f_nav ul li {
		font-size:16px;
	}
}
.f_nav ul li::before {
	content: "｜";
	margin-right: 10px;
}
.f_nav ul li:first-child::before {
	display: none;
}
.f_nav ul li a {
	text-decoration: none;
}
.f_nav ul li a:hover {
	text-decoration: underline;;
}



/*  #anime 
--------------------------------- */
#anime{
width:100%;
margin:0;
padding: 0;
}

#anime img{
vertical-align:middle;
}

#anime h1{
margin:0;
padding:0;
}

#anime dl{
width:100%;
margin:0 auto;
}

#anime dl dt{
margin-top:0;
}

#anime p{
width:100%;
margin:0 auto;
}

#anime p a:hover img{
opacity: 0.8;
filter: alpha(opacity=80);
}