/* CSS Document */
.findform{
	text-align: center;
}
#findtext{
	width:100%;
	max-width: 480px;
	margin-bottom: 10px;
	border: 2px solid;
}
#findbutton{
	font-size:1.2em;
	width: 30%;
	max-width: 150px;
}

.videotext{
	position: absolute;
	background: #FFFFFF;
	border: 1px solid;
}
.flex-box {
    background-color: #eee;     /* 背景色指定 */
	display: flex;              /* フレックスボックスにする */
	flex-direction:row;         /* 要素の並び順 */
	flex-wrap: wrap;            /* 折り返し指定 */
	align-content:stretch;      /* 折り返し時の配置指定 */
	justify-content: center;	/*ボックスを真ん中*/
	padding:  5px;             /* 余白指定 */
	margin-bottom: 10px;
}
.flex-item {
    padding: 3px;
	background-color: #fff;		/*背景カラー*/
    color:  #000;               /* 文字色 */
    margin:  5px;              	/* 外側の余白 */
    border-radius:  5px;        /* 角丸指定 */
	width:23.6%;
	height:auto;
	border:2px solid;
}
.flex-item img{
	width: 100%;
	border-radius:  5px;        /* 角丸指定 */
}
.box-title{
	font-size:1.0rem;
	padding-top: 10px;
	text-align: left;
	line-height: 18px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.box-title a{
	color:black;
	text-decoration: none;
}
.box-date{
	text-align: right;
	bottom:0px;
	right:0px;
}
#pegelink{
	width: 60px;
	height: 45px;
	text-align: right;
	padding-right:0px;
	margin-right: 10px;
}

@media (max-width: 768px) {
	.flex-box {
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		align-content:stretch;
		justify-content: center;
	}
	.flex-item {
/*		background-color: #fff;
		color:  #000;
		
		border-radius:  5px;
		width:98%;
		height:auto;
		border:2px solid;*/
		margin-right:  1px;
		width:47%;
	}
	.flex-item img{
		/*margin-right:10px;
		width: 23%;
		min-width:120px;
		height:auto;
		text-align:left;
		float:left;*/
	}
	.box-title{
		font-size:0.5rem;
		text-overflow: ellipsis;
		overflow: hidden;
		margin-top:-10px;
	}
	.box-date{
		text-align: left;
	}
	#iframewidth{
		width:386px;
		height:250px;
	}
}
@media (max-width: 385px) {
	.flex-item img{
		/*min-width:100px;*/
	}
	.videotext{
		font-size:10px;
	}
	#iframewidth{
		width:98%;
		height:220px;
	}
}