@media only screen and (min-width:600px) {
h3.title {
	margin:0 0 20px 0;
	text-align:center;
	font-size:28px;
	line-height:1.8;
	color:#4F87C6;
	clear:both;
	border:1px solid #97B8DD;
	border-radius:10px;	
}
.postcard {
	overflow:hidden;
	margin:20px 0;
	width:100%;
}
.postcard li{
	width:33%;
	min-width:200px;
	padding-top:210px;
	background-position:center center;
	background-repeat:no-repeat;
	float:left;
	text-align:center;
	margin-bottom:30px;
}
.kanban {
	clear:both;
	margin:20px 0;
	width:100%;
}
.kanban li{
	width:100%;
	text-align:center;
	margin-bottom:20px;
}

.scrapinner {
	margin:0 -35px 0 0;
	overflow:hidden;
}
.sphone {
	display:none;
}
.scrapinner .boxunit {
	width:30%;
	float:left;
	margin-right:3%;
	margin-bottom:30px;
}
.scrapinner .box {
	width:100%;
	border:1px dotted #CCC;
	margin-bottom:20px;
	padding:15px;
}
.scrapinner h4.title{
	border-left:5px #363 solid;
	padding-left:5px;
	margin-bottom:10px;
	color:#363;
}
.scrapinner .newspaper {
	margin-left:15px;
}
.scrapinner .newspaper li{
	text-align:left;
	margin-bottom:10px;
	background:url(../data/images/icon_pdf.png) no-repeat left center;
	background-size:16px;
	background-size:1.6rem;
	padding-left:20px;
}
.movieinner .box{
	width:560px;
	margin:30px auto;
}
.movieinner h4.title{
	font-size:16px;
	font-size:1.6rem;
	background:url(../data/images/icon_youtube.png) no-repeat left top;
	background-size:59px;
	padding-left:65px;
}
.movieinner p.date{
	margin:5px 0 10px 0;
	font-size:12px;
	font-size:1.2rem;
	padding-left:65px;
}
.movieinner iframe{
	width:560px;
	height:315px;
}

}


@media only screen and (max-width:599px) {
h3.title {
	margin:0 0 20px 0;
	text-align:center;
	font-size:2rem;
	line-height:1.8;
	color:#4F87C6;
	clear:both;
	border:1px solid #97B8DD;
	border-radius:10px;	
}
.postcardinner {
	margin-right:-5%;
}
.postcard {
	overflow:hidden;
	margin:20px 0;
	width:100%;
}
.postcard li{
	width:48%;
	padding-top:80%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100%;
	float:left;
	text-align:center;
	margin-right:1%;
	margin-bottom:30px;
}
.postcard li.yoko{
	padding-top:50%;
}
.kanban {
	clear:both;
	overflow:hidden;
	margin:20px 0;
	width:100%;
}
.kanban li{
	width:100%;
	text-align:center;
}
.kanban li img{
	width:70%;
}
.pc {
	display: none;
}
.scrapinner {
	margin:0;
}
.scrapinner .boxunit {
	width:100%;
	margin-bottom:30px;
}
.scrapinner .box {
	width:100%;
	border:1px dotted #CCC;
	margin-bottom:20px;
	padding:15px;
}
.scrapinner h4.title{
	border-left:5px #363 solid;
	padding-left:5px;
	margin-bottom:10px;
	color:#363;
}
.scrapinner .newspaper {
	margin-left:15px;
	width:100%;
}
.scrapinner .newspaper li{
	text-align:left;
	margin-bottom:10px;
	background:url(../data/images/icon_pdf.png) no-repeat left center;
	background-size:16px;
	padding-left:22px;
}

.movieinner .box{
	width:100%;
	margin:30px auto;
}
.movieinner h4.title{
	font-size:1.6rem;
	background:url(../data/images/icon_youtube.png) no-repeat left top;
	background-size:40px;
	padding-top:25px;
}
.movieinner p.date{
	margin:5px 0 10px 0;
	font-size:1rem;
}
.movieinner iframe {
	width:100%;
	/*height:auto;*/
}

}