/* CSS Document */

/*==================================================

top-contents
=================================================*/

.top-image {
	width: 100%;
	position: relative;
    overflow: hidden;
	opacity: 0;
    /*transition: all .5s ease-out .5s;*/
    z-index: 6;
}
.top-image::before {
    content: " ";
	display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    top: 0;
    left: 0;
    transition: all .7s ease-out .7s;
    z-index: 2;
}
.top-image.load {
    opacity: 1;
}
.top-image.load::before {
    left: 100%;
}
.top-image.page {
	max-height: 600px;
}
.top-image.page .inner {
	width: 100%;
	max-width: 1080px;
    position: relative;
    margin: 0 auto;
    z-index: 1;
}
.top-image.page .mv-bg {
    width: 120%;
    height: 120%;
    position: absolute;
    top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    z-index: 0;
    filter: blur(6px);
}
.top-image.page .inner img {
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.top-image.page .mv-bg img {
    width: 100%;
	height: 100%;
    object-fit: cover;
}
.page-cont .page-inner {
    width: 90%;
    max-width: 1080px;
    margin: 0 auto;
}
.page-cont img {
    width: 100%;
	max-width: 100%;
	height: auto;
}
.dummy-img {
    opacity: .5;
}


/* WP調整用 追記 ----------------------------------------------*/
.top-image.page .inner .p-articleThumb {
    height: 100%;
    margin: 0;
}
.top-image.page .mv-bg figure.p-articleThumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.top-image.page .inner,
.top-image.page .mv-bg {
    transition: all .7s ease-out .7s;
    opacity: 0;
}
.top-image.page.load .inner,
.top-image.page.load .mv-bg {
	opacity: 1;
}


@media only screen and (min-width:1px) and (max-width: 768px) {
	
	.top-image.page {
        max-height: 45vh;
        background-color: #999;
    }
    .top-image.page .inner {
        height: 80vh;
        z-index: 1;
    }
}

@media only screen and (min-width:1px) and (max-width: 568px) {
	

}
	
@media only screen and (min-width:1px) and (max-width: 480px) {
    body {
        font-size: 1.11rem!important;
    }

}