/*
Theme Name: twentyfifteen-child
Template: twentyfifteen
*/


@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap {
		max-width: 1120px;/*記事幅の最大値（初期740px）*/
	}
}



.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}

/* TwentySeventtenの最大幅を1200pxに変更 */
@media screen and (min-width: 79em) {
 .wrap {
 max-width: 1200px;
 padding-left: 5em;
 padding-right: 5em;
 }
 .has-sidebar:not(.error404) #primary {
 width: 60.0%;
 }
 .has-sidebar #secondary {
 width: 31.3%;
 }
 .navigation-top .wrap {
 max-width: 1120px;
 }
 .site-footer .wrap {
 padding-left: 1em;
 padding-right: 8em;
 }
}


/* WPPカスタム（画像にタイトルを重ねる） */
.wpp-img2 {
    position:relative;
    display:block;
    /* 画像と同じサイズを指定 */
    width:300px;
    height:169px;
    margin:5px;
    padding:0;
    background-color:#000;
}
.wpp-img2 img {
    z-index:0;
    margin:0;
    padding:0;
}
 
.wpp-img2 a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
 
.wpp-img2 a:hover {
    color: #b22222;
}
.wpp-img2 img:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.img_title {
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:1;
    margin:0;
    padding:5px;
    background-color:#000;
    width: 300px;
}
.img_title a:hover {
    color:#b22222;
}
.opa  {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}