@charset 'shift-jis';

/* section
-------------------------------------------------- */
/*h1{
	width: 960px!important;
	padding: 0!important;
	margin: 0!important;
	}

h1.titleImage{
	background: url(/group/audition/images/entry/pagetitle.jpg) left top no-repeat!important;
	width:960px;
	height:200px;
}*/

#mainArea h2 {
	display:block;
}

#mainArea .menuBlock .leadText > p{
	font-size:120%;
	margin:0 0 0.8em;
	}

#mainArea .menuBlock .leadText .question{
	width:930px;
	border:5px double #b10f0c;
	padding:10px;
	line-height:1.3em;
	font-size:110%;
	font-weight:bold;
	background:#f6f6f6;
	color:#333;
	}
#mainArea .menuBlock .leadText .question span{
	display:block;
	margin:0 0 0.5em;
	padding-left: 1em;
	text-indent: -1em;
}

#mainArea .menuBlock .leadText .question span:first-letter {
color:#b10f0c;
}


#mainArea .menuBlock .leadText .question span.last{
	margin-bottom:0!important;
	}

/* menuBlock
-------------------------------------------------- */
#mainArea .menuBlock {
	width: 960px;
	margin: 0.5em auto 0;
	padding:0!important;
	border-bottom:dotted #C4C4C4 2px;
}

#mainArea .menuBlock .course {
	clear:both;
	margin-top:1em;
	}

#mainArea .menuBlock ul {
	display:block;
	margin-bottom:20px;
	}

#mainArea .menuBlock ul li{
	display:block;
	float:left;
	width:197px;
	margin: 0 20px 20px 0;
	padding:10px;
	border:4px solid #CECECE;
	}

#mainArea .menuBlock ul li.comingsoon{
	text-align:center;
	border:4px solid #e9e9e9;
	background:#F2F2F2;
	}
#mainArea .menuBlock ul li.comingsoon *{
	color:#AAA;
	z-index:1;
	}

/*#mainArea .menuBlock ul li.purple:hover{
	background:#f4f5ff;
	border:4px solid #bec3e6;
	}
#mainArea .menuBlock ul li.pink:hover{
	background:#fef0f0;
	border:4px solid #e8bbbb;
	}
#mainArea .menuBlock ul li.yellow:hover{
	background:#fffdef;
	border:4px solid #e5ddaf;
	}
#mainArea .menuBlock ul li.green:hover{
	background:#f5fffb;
	border:4px solid #b3e1d0;
	}

#mainArea .menuBlock ul li.green,
#mainArea .menuBlock ul li.rightSide{
	margin-right:0!important;
	}*/

#mainArea .menuBlock ul li table,
#mainArea .menuBlock ul li table td {
	width:197px;
	}

#mainArea .menuBlock ul li table {
  word-break:break-all!important;
  table-layout:fixed!important;
}

#mainArea .menuBlock ul li table td{
	margin:0 0 1em;
	font-size:125%;
	line-height:1.4;
	font-weight:bold;
	color:#555555;
	padding-bottom:5%;
	vertical-align:top!important;
  	}

#mainArea .menuBlock ul li table th{
	font-size:110%;
	color:#3F3F3F;
	}

#mainArea .menuBlock ul li table th img{
	width:80px;
	height:auto;
	vertical-align: middle!important;
	margin-right:5%;
	}

/* commentBlock
-------------------------------------------------- */
#mainArea .commentBlock {
	clear:both;
	width: 960px;
	margin: 0 auto;
	padding:0!important;
}

#mainArea .commentBlock .commentColumn {
	width:800px;
	padding:2em 80px 1.5em;
	clear:both;
	border-bottom:solid #dfdfdf 1px;
	}

#mainArea .commentBlock .purple {
	border-top:solid #dfdfdf 1px;
	}

#mainArea .commentBlock .purple{
	background:#f4f5ff;
	}
#mainArea .commentBlock .pink{
	background:#fef0f0;
	}
#mainArea .commentBlock .yellow{
	background:#fffdef;
	}
#mainArea .commentBlock .green{
	background:#f5fffb;
	}

#mainArea .commentBlock .commentColumn b {
	display:block;
	font-size:140%;
	margin:0 0 0.8em 0;
	}

#mainArea .commentBlock .commentColumn .commentLeft{
	float:left;
	width:140px;
	}
	
#mainArea .commentBlock .commentColumn .commentLeft img{
	width:138px;
	height:184px;
	border:1px solid #fff;
	}

#mainArea .commentBlock .commentColumn .commentLeft h3{
	text-align:center;
	margin:0.5em 0;
	color:#333;
	}

#mainArea .commentBlock .commentColumn .commentLeft span{
	font-size:90%;
	color:#555;
	}
	
#mainArea .commentBlock .commentColumn .commentLeft span em{
	display:block;
	margin-top:0.5em;
	font-size:100%;
	color:#333;
	font-weight:bold;
	}

#mainArea .commentBlock .commentColumn .commentRight{
	float:right;
	width:640px;
	}

#mainArea .commentBlock .commentColumn .commentRight dl dt{
	margin:0 0 0.4em 0;
	font-size:100%;
	color:#b10f0c;
	font-weight:bold;
	}

#mainArea .commentBlock .commentColumn .commentRight dl dd{
	margin:0 0 1.5em 0;
	padding:0 0 0 0.7em;
	font-size:115%;
	color:#000;
	line-height:1.5em;
	}

#mainArea .menuBlock ul li:nth-child(4n+1):hover {
	background:#f4f5ff;
	border:4px solid #bec3e6;
}
#mainArea .menuBlock ul li:nth-child(4n+2):hover {
	background:#fef0f0;
	border:4px solid #e8bbbb;
}
#mainArea .menuBlock ul li:nth-child(4n+3):hover {
	background:#fffdef;
	border:4px solid #e5ddaf;
}
#mainArea .menuBlock ul li:nth-child(4n) {
	margin-right:0!important;
}
#mainArea .menuBlock ul li:nth-child(4n):hover {
	background:#f5fffb;
	border:4px solid #b3e1d0;
}
#mainArea .commentBlock .commentColumn:nth-child(4n+1) {
	background:#f5fffb;
}
#mainArea .commentBlock .commentColumn:nth-child(4n+2) {
	background:#f4f5ff;
}
#mainArea .commentBlock .commentColumn:nth-child(4n+3) {
	background:#fef0f0;
}
#mainArea .commentBlock .commentColumn:nth-child(4n) {
	background:#fffdef;
}

@media only screen and (min-device-width: 1081px){
#mainArea h2 {
	font-size:1.4em;
	color:#333333;
	margin:1.5em 0 0.5em 0!important;
	padding:0 0 0 20px!important;
	background: url(/group/audition/images/lesson/head_circle.gif) left center no-repeat!important;
}
}
@media only screen and (max-device-width: 1080px){
/*h1.titleImage{
	background: url(/group/audition/images/entry/pagetitle_sp.jpg) left top no-repeat!important;
	width:960px!important;
	height:417px!important;
}
h1{
	width:960px!important;
	height:417px!important;
}*/
#mainArea h2 {
	font-size:340%!important;
	color:#fff;
	background-color:#b10f0c;
	padding:0.5em 0;
	text-align:center;
}

#mainArea .menuBlock h2{
	margin:1em 0 2% 0!important;
	}
#mainArea .commentBlock h2{
	margin:1em 0 0 0!important;
	}

#mainArea .menuBlock .leadText .question{
	width:96%;
	border:1px double #b10f0c;
	padding:2%;
	line-height:1.4em;
	font-size:200%;
	box-sizing: border-box;
	}
#mainArea .menuBlock .leadText > p{
	font-size:220%;
	margin:0.5em auto 0.8em!important;
	width:98%;
	}

#mainArea .menuBlock .course {
	margin-top:5%;
	}

#mainArea .menuBlock {
	width: 100%;
	border-bottom:solid #C4C4C4 2px;
}

#mainArea .menuBlock ul {
	margin-bottom:0;
	}

#mainArea .menuBlock ul li{
	width:49%;
	margin: 0 2% 0 0;
	padding:2%;
	box-sizing: border-box;
	}
#mainArea .menuBlock ul li:nth-child(2n){
	margin-right:0!important;
	}
#mainArea .menuBlock ul li.middleSide,
#mainArea .menuBlock ul li.pink{
	margin-right:0!important;
	}

#mainArea .menuBlock ul li {
	margin-bottom:2%!important;
	}
	
#mainArea .menuBlock ul li table{
  word-break:break-all;
}

#mainArea .menuBlock ul li table,
#mainArea .menuBlock ul li table td {
	width:100%;
	}

#mainArea .menuBlock ul li table td{
	margin:0 0 1em;
	font-size:260%!important;
	padding-bottom:5%;
	word-wrap:break-word;
	}

#mainArea .menuBlock ul li table th{
	font-weight:bold;
	font-size:220%!important;
	}

#mainArea .menuBlock ul li table th img{
	width:98%!important;
	}

#mainArea .commentBlock {
	width: 100%;
}

#mainArea .commentBlock .commentColumn{
	width: 94%!important;
	padding:3%!important;
	}

#mainArea .commentBlock .commentColumn b {
	font-size:350%;
	margin:0 0 0.8em 0;
	}

#mainArea .commentBlock .commentColumn .commentLeft,
#mainArea .commentBlock .commentColumn .commentRight{
	float:none!important;
	}

#mainArea .commentBlock .commentColumn .commentLeft{
	width:100%;
	}
	
#mainArea .commentBlock .commentColumn .commentLeft div{
	float:left;
}

#mainArea .commentBlock .commentColumn .commentLeft .prfPhoto{
	width:35%;
	padding-right:5%;
}

#mainArea .commentBlock .commentColumn .commentLeft .prfPhoto img{
	width:100%;
	height:auto;
	border:1px solid #fff;
	}
#mainArea .commentBlock .commentColumn .commentLeft .aName{
	width:60%;
	}

#mainArea .commentBlock .commentColumn .commentLeft h3{
	font-size:380%;
	text-align:left!important;
	margin:0 0 0.3em 0;
	}

#mainArea .commentBlock .commentColumn .commentLeft span{
	font-size:260%;
	}

#mainArea .commentBlock .commentColumn .commentRight{
	clear:both;
	width:100%;
	margin-top:5%;
	}

#mainArea .commentBlock .commentColumn .commentRight dl dt{
	font-size:220%;
	}

#mainArea .commentBlock .commentColumn .commentRight dl dd{
	font-size:300%;
	}

}