@charset "utf-8";

#articleBox{
	display:block;
	overflow:hidden;
	padding:25px;
	border: 1px solid #cccccc;
}

#articleBox h4 {
	display:block;
	overflow:hidden;
    padding: 5px;
    margin-bottom: 1em;
    font-size:1.2em;
    font-weight: bold;
    background: #f4f4f4;
    border: 1px #ddd solid;
    border-left: 5px #8ac7ec solid ;
}

.voiceBox{
	display:block;
	overflow:hidden;
	padding:1em;
	border-bottom: 1px dotted #76bde8;
}

.userData{
	display:block;
	overflow:hidden;
	text-align:right;
}

.m{
    color:#333399;
}

.w{
   color:#cc0099;
}


ul.dotList {
	display:block;
	overflow:hidden;
	list-style-type:disc;
}

ul.dotList > li{
	margin-left: 2em;
}

.leftSet > img{
	float:left;
	padding-right:10px;
}

.rightSet > img{
	float:right;
	padding-left:10px;
}



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

	#titleBlock h2{
		display:none;
	}

	#titleBlock h3{
		font-size: 2.4rem;
    	line-height: 155%;
		padding: 15px;
    	text-align: center;
		border-bottom: 5px dotted #ff9d05;
   		margin-bottom: 15px;
   	}

	#titleBlock > #rightBox > p {
		margin:0 15px;
		padding:15px;
		border: 4px solid #75bde8;
	}

	#articleBox{
		padding:0 15px 25px;
		border:none;
	}

	#articleBox h4 {
	    padding: 0.5em;
	    margin:25px 0 15px;
	    font-size: 1.6rem;
	    line-height:125%;
	}


	.voiceBox {
	    padding: 15px;
	    font-size:1.4rem;
	    line-height:155%;
	}

	.voiceBox:last-child{
		margin-bottom:25px;
	}

	.userData{
		margin-top:0.5em;
	}

	ul.dotList{
		margin-top:15px;
	}

}