@charset "UTF-8";

/*---------------------------------------------------
　audition
----------------------------------------------------*/
.cont-no {
 }
@media only screen and (max-width: 600px) {
.cont-no {
  display: none;
 }

}

#date {
	font-weight: bold;	
	font-size: 10px;
	text-align:right;
}


#application h3 {
    color: darkgoldenrod;		
}

#application h5 {
	color: olive;		
	font-size:18px;	
	font-size:1.8rem;
}

#application h5.sub {
	color: olive;		
	font-size:14px;	
	font-size:1.4rem;
}

#application h6 {
	color: royalblue;		
	font-size:18px;	
	font-size:1.8rem;
}

#application h6.sub {
	color: royalblue;		
	font-size:14px;	
	font-size:1.4rem;
}

#application h4 {
	line-height:48px;
	margin:0 0 10px;
    color: darkgoldenrod;	
}
#application h7 {
	line-height:48px;
	margin:0 0 10px;
    color: darkgoldenrod;	
}

#application h4 span {
	font-size:30px;	
	font-size:3rem;
	text-align:center;
	color:#FFF;
	display:inline-block;
	width:66px;
	background:url("../img/arrowb-d.png") no-repeat;	
}
#application h7 span {
	font-size:30px;	
	font-size:3rem;
	text-align:center;
	color:#FFF;
	display:inline-block;
	width:66px;
	background:url("../img/arrowb-d.png") no-repeat;	
}

h4.comp,
#application h4.comp {
	font-size:22px;	
	font-size:2.2rem;
    color: darkgoldenrod;
	margin:0 0 30px;
	line-height:normal;	
}
#application h7.comp {
	font-size:22px;	
	font-size:2.2rem;
	color: darkgoldenrod;
	margin:0 0 30px;
	line-height:normal;	
}

#application .cont-l ol {
	margin:0 0 15px;
	padding:0 0 0 30px;
}
{
	list-style: none; 
}
#application .cont-l li {
	list-style-image: url("../img/arrowb-r16.png");
	margin:0 0 5px;
	font-size:16px;
	font-size:1.6rem;
}


#application .cont-r ol {
	margin:0 0 10px;
	padding:0 0 0 20px;
}
{
	list-style: none; 
}
#application .cont-r li {
	list-style-image: none;
	margin:0 0 5px;
	font-size:14px;
	font-size:1.4rem;
}

#application .cont-mm ol {
	margin:0 0 15px;
	padding:0 0 0 30px;
}
{
	list-style: none; 
}
#application .cont-mm li {
	list-style-image: url("../img/arrowb-r16.png");
	margin:0 0 5px;
	font-size:16px;
	font-size:1.6rem;
}

#application p {
	margin:0 0 15px;
}
#application p.right {
	float : right;
	margin-right: 0;
	clear: both;
}

ul.clubphoto li {
display: inline;
margin-right: 10px;
margin-bottom: 10px;
}

.lead {
	margin:0 0 45px !important;
}

.submit.entry {
	display:block;
	width:100%;	
	clear: both;
	border: none;
	margin: 10px 0 0;
	background: royalblue;
	font-size: 18px;
	font-size: 1.8rem;	
	font-weight: bold;
	letter-spacing:0.1em;
	/* CSS3 */
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	transition: background 0.5s ease;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	color:#fff;
}

.submit.entry:hover {
	background: navy;
	cursor: pointer;
}

/* スライドショー */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

#main-image p {
	font-size:16px;
	font-size:1.6rem;
	padding:15px 0 0;
	letter-spacing:0.1em;
	line-height:1.3;
	font-weight:500;
}

/*---------------------------------------------------
　privacy policy
----------------------------------------------------*/
#policy ol {
	margin:15px 0;
	padding:0 0 0 20px;
}

#policy li {
	list-style-type:decimal;
	margin:0 0 5px;
}

#policy li > ul {
    margin:15px 0;
	padding:0 0 0 20px;
}

#policy li > ul li {
	list-style-type: disc;
}



@media only screen and (min-width: 640px) {

/*---------------------------------------------------
　audition
----------------------------------------------------*/
#application h4 {
	font-size:22px;	
	font-size:2.2rem;
}
#application h7 {
	font-size:22px;	
	font-size:2.2rem;
}

.submit.entry {
	width: 50%;
}

#main-image p {
	font-size:20px;
	font-size:2rem;
}

}

@media only screen and (min-width: 800px) {

/*---------------------------------------------------
　audition
----------------------------------------------------*/
#application .cont-l a {transition:ease 0.3s;}
#application .cont-l a:hover {color:orange;}

}


@media only screen and (min-width: 1200px) {

/*---------------------------------------------------
　audition
----------------------------------------------------*/
#application h4 {
	line-height:66px;	
	margin:0 0 0 -50px;
}
#application h7 {
	line-height:66px;	
	margin:0 0 0 0;
}

#application h4 span {
	text-align:left;
	width:28px;
	padding:0 10px;
	margin:0 5px 0 0;	
	background:url("../img/arrowb-r.png") no-repeat;	
}
#application h7 span {
	text-align:left;
	width:28px;
	padding:0 10px;
	margin:0 5px 0 0;	
	background:url("../img/arrowb-r.png") no-repeat;	
}

}

#cooltopics {
	text-align:left;
	width:560px;
	height:640px;
	overflow:hidden;
	padding:0;
	margin:0;	
}

/*--▼HORIZON*/

.hr-normal {
	border-bottom:1px solid gainsboro;
	background: #fff;
	margin-top: 7px;
	margin-bottom: 7px;
}

.hr-sub {
	border-bottom:1px solid burlywood;
	background: #fff;
	margin-top: 7px;
	margin-bottom: 7px;
}

.pictB {
	margin:0 0 30px;
	padding: 0 0 10px;
}
.pictL {
	margin:0 0 10px;
	padding-right: 10px;
}
.pictR {
	margin:0 0 10px;
	padding-left: 10px;
}
.pict {
	margin:0;
	padding-right: 0px;
}


/* EOF */