@charset "utf-8";
/* 16号専用 */
html {
	overflow: hidden;
}
html.start {
	overflow: auto;
}
#pc-nav {
	right: auto;
    left: calc(50vw - 470px);
    width: 35%;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    max-width: 280px;
    transition: all .3s ease-in-out;
    z-index: 3;
}
#pc-nav h2 img {
	filter: brightness(1) invert(1);
}
#pc-nav h2.white img {
	filter: brightness(0) invert(1);
}
#pc-nav h2.black img {
	filter: brightness(0) invert(0);
}
#pc-nav nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#pc-nav nav ul li + li {
	margin-top: 10px;
}
#pc-nav nav ul li {
	display: flex;
	justify-content: space-between;
	padding: 10px 20px;
	border-radius: 50px;
	background-color: #ffffff7a;
    text-align: start;
    box-shadow: 0 0 5px 5px #8080804d;
    text-decoration: none;
    color: #353535;
	cursor: pointer;
}
#pc-nav nav ul li:hover {
	background-color: #FFF;
}
.nav-active #pc-nav {
	left: -10%;
}
@media screen and (min-width: 1281px) {
    #pc-nav {
        right: auto;
        left: calc(50vw - 575px);
        width: 40%;
		max-width: 400px;
    }
}


@media screen and (max-width: 768px) {
	main {
		padding-top: 0px!important;
	}
	main > .container-fluid {
		padding-left: 0px;
		padding-right: 0px;
	}
}

main h3 {
	font-size: clamp(1.5rem, 1.364rem + 0.68vw, 1.875rem);/*24-30*/
	font-family: "リュウミン M-KL" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#ijo_pc-background {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: -1;
}
#ijo_pc-background::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: calc(100% + 60px);
	height: calc(100% + 60px);
	background-image: url("../no16/img/bg-16.jpg");
	background-size: cover;
	z-index: 1;
	filter: blur(30px);
}
#ijo_article-wrap {
	padding-top: 10px;
	background-color: #fff;
}
@media screen and (min-width: 1281px) {
    #ijo_article-wrap {
        margin-right: calc(50vw - 530px);
	}
}
@media screen and (min-width: 992px) {
    #ijo_article-wrap {
        border-radius: 2px;
        max-width: 550px;
        margin-left: auto;
        margin-bottom: 40px;
        margin-right: 7vw;
        padding: 3px;
        box-shadow: 0 0 10px 10px #0004;
    }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
    #ijo_article-wrap {
        border-radius: 2px;
        max-width: 550px;
        margin-left: auto;
        margin-bottom: 40px;
        margin-right: auto;
        padding: 3px;
        box-shadow: 0 0 10px 10px #0004;
    }
}
@media screen and (max-width: 768px) {
	#ijo_article-wrap {
		padding-top: 100px;
	}
}

article + article {
	margin-top: 40px;
}

#pc-bg1 {
	z-index: 2;
	background-color: #000;
	opacity: 0;
}
#pc-bg2 {
	z-index: 3;
	background-color: #FFF;
	opacity: 0;
}
.pc-bg__cover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transform: scale(1.03);
	transition: opacity .5s ease-in-out, transform 1s cubic-bezier(.23,1,.32,1);
	width: 100%;
	height: 100%;
}
.pc-bg__cover.active {
    opacity: 1!important;
    transform: scale(1);
}
.pc-bg__cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

footer {
	display: block!important;
}