@charset "utf-8";



/*------------------------------------
　ポップアップ
------------------------------------*/ 

#popup_bana {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	z-index: 99999999999999999;
	background-color: rgba(0,0,0,0);
	filter:  alpha(opacity=0);  -moz-opacity:0;  opacity:0;
	display:-webkit-flex;
	display: flex;
	align-items:center;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	flex-direction: row;
   -moz-user-select: -moz-none;
   -webkit-user-select: none;
   user-select:none;
	pointer-events: none;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}
#popup_bana.open {
	background-color: rgba(0,0,0,0.55);
	filter:  alpha(opacity=100%);  -moz-opacity:1;  opacity:1;
   -moz-user-select: -moz-auto;
   -webkit-user-select: auto;
   user-select:auto;
	pointer-events:auto;
	-moz-transition-delay: .5s;
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}
#popup_bana #close:focus {
	outline:0;
}
#popup_bana #close {
	display: block;
	z-index: 1000;
	overflow: hidden;
	cursor: pointer;
	border: none;
    text-indent: -99999px;
    position: absolute;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left:50%;
    background-color: transparent !important;
}
#popup_bana .bana_block {
	position: relative;
	overflow: hidden;
}
#popup_bana .bana_block img {
	max-width: 100%;
	height: auto;
    margin: 0 auto;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}

#popup_bana .bana_block figure img {
    aspect-ratio: 420 / 500;
    object-fit: cover;
    height: auto;
    object-position: center;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}



#popup_bana .link {
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    text-align: center;
}
#popup_bana .link a {
    display: block;
	position: relative;
    z-index: 0;
    margin: 0 auto;
}
#popup_bana.open .link a {
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

#popup_bana .link a img {
	max-width: 100%;
	height: auto;
    margin: 0 auto;
}
#popup_bana .link a img {
    aspect-ratio: 356 / 168;
    object-fit: cover;
    object-position: center;
}


@media only screen and (max-width: 767px) {

#popup_bana #close {
    width: 3em;
    height: 3em;
}
#popup_bana .bana_block {
    width: 26em;
	height: 31.0em;
}
#popup_bana .link {
    bottom: 4.0em;
    left: 2em;
    right: 2em;
}

}
@media only screen and (max-width: 576px) {


}
@media print, screen and (min-width: 768px) {

#popup_bana #close {
    width: 3em;
    height: 3em;
}
#popup_bana .bana_block {
    width: 26.25em;
	height: 31.25em;
}
#popup_bana .link {
    bottom: 4.85em;
    left: 2em;
    right: 2em;
}
#popup_bana.open .link a:hover {
    filter:  alpha(opacity=85%);  -moz-opacity:.85;  opacity:.85;
}

}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}