/*----------------------------------------------------------
画像・メディア
----------------------------------------------------------*/
img {
	border: 0;
}

/*----------------------------------------------------------
画像リンク
----------------------------------------------------------*/
a img {
	border : 0;
}
a:hover img {
	opacity : 0.8;
}
/*----------------------------------------------------------
レスポンシブ対策
----------------------------------------------------------*/
img, video, object {
	max-width : 100%;
	height : auto;
	border : none;
	vertical-align : top;
}
img.size-full,
img.size-large {
	max-width : 100%;
	height : auto;
	margin-bottom : 10px;
}
@media only screen and (max-width : 780px) {
.youtube-container {
	position : relative;
	padding-bottom : 56.25%;
	padding-top : 30px;
	height : 0;
	overflow : hidden;
}
.youtube-container iframe {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
}
}
/*----------------------------------------------------------
画像の左右寄せ
----------------------------------------------------------*/
img.alignright {
	display: inline;
	float : right;
	margin: 0 0 10px 10px;
}
img.alignleft {
	display: inline;
	float : left;
	margin: 0 10px 10px 0;
}
@media only screen and (max-width: 780px) {
img.alignright ,
img.alignleft {
	display: block;
	float : none;
	margin: 0 0 10px 0;
}
}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
img.float-left {
	float: left;
}
img.float-right {
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*----------------------------------------------------------
ie8対策
----------------------------------------------------------*/
.ie8 img {
	width : auto;
}
/*----------------------------------------------------------
画像キャプション
----------------------------------------------------------*/
.wp-caption {
	text-align: left;
	height : auto;
	max-width : 100%;
	background : none;
	padding : 0;
	margin : 0 0 10px 0;
	border : none;
	display : inline-block;
	vertical-align : top;
}
.wp-caption p {
	font-size : 10px;
	line-height : 14px;
	padding : 0 8px;
}

/*----------------------------------------------------------
キャプション付き画像をリストの方法で
----------------------------------------------------------*/
ul.photo_list{
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}
ul.photo_list li{
	float:left;
	margin:0 3px 10px 0;
	padding:0;
	list-style:none;
	display:block;
	text-align:center;
}
ul.photo_list li img{
	display:block;
	margin:0 0 4px 0;
}

/*----------------------------------------------------------
表紙の更新する場所　横並びのバナー
画像を500px　230pxで作って置いて投稿し、フルサイズで入れること
----------------------------------------------------------*/

ul.home_photolist{
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}
ul.home_photolist li{
	float:left;
	margin:0 3px 10px 0;
	padding:0;
	list-style:none;
	display:block;
	text-align:center;
	font-size:12px;
	line-height:1.2em;
}
ul.home_photolist li img{
	display:block;
	margin:0 0 4px 0;
	width:340px;
}
@media only screen and (max-width: 780px) {
	
	ul.home_photolist li{
	float:none;
	}
ul.home_photolist li img{
	display:block;
	margin:0 0 4px 0;
	width:100%;
	max-width:500px;
}
}