@charset "utf-8";


#articleBox{
	display:block;
	overflow:hidden;
	padding:25px;
}

#articleBox > h3{
	font-size:2em;
	font-weight:bold;
	color:#666666;
}

#articleBox > dl{
	display:block;
	overflow:hidden;
}

#articleBox > dl > dt{
	clear:both;
	display:block;
	overflow:hidden;
    padding-left:10px;
    margin:2em 0 0.5em;
    font-weight: bold;
    font-size: 1.5em;
    line-height:125%;
    border-left: 5px solid #ffcc03;
}

#articleBox > dl > dd{
	clear:both;
	display:block;
	min-height:210px;
    background-color: #feffe6;
    border: 1px solid #f2c200;
    padding: 20px;
    margin-bottom:1em;
    position:relative;
}

#articleBox > dl > dd > h4{
	font-size:1.2em;
	font-weight:bold;
}
#articleBox > dl > dd > h5{
	font-size:1em;
	font-weight:bold;
	color:#cc3333;
	margin:1em 0 0;
}

#articleBox > dl > dd > p{
	display:block;
	overflow:hidden;
	font-size:1em;
	line-height:155%;
}

.addEria{
	margin-top:1em;
}

.workshopCourse dd{
	padding-left:1em;
	margin-bottom:1em;
}


@media screen and ( max-width:750px) {

	#articleBox{
		padding:0 15px 0;
	}

	#articleBox > h3{
		display:none;
	}

	#articleBox > dl > dt {
	    font-size: 1.8rem;
	    margin: 0 0 0.5em;
	}

	#articleBox > dl > dd > h4 {
	    font-size: 1.6rem;
	    margin:0.5em 0;
	}

	#articleBox > dl > dd > p {
	    font-size: 1.4rem;
	}

	#articleBox img.imgR {
	    float: none!important;
	    margin-left: 0;
	    width:100%;
	    /*max-width:250px;*/
	    height:auto;
	}

	.addEria > img{
	   margin-bottom:15px;
	}

	#sec01 .addEria > a.spdata > img{
		width:100%;
		height:auto;
	}


	#sec02a .addEria > a > span{
		clear:both;
		display:block;
	}



}