/* >> individual CSS
------------------------------------------------------------*/
@import "../editor-style.css";

.pswp *{position: static;} /* contra reset.css for photoswipe */
.video_img {
    background-size: cover;
    background-position: center center;
}
.jumpTo{
    cursor:pointer;
}
.thumbGallery__navigator {
    -webkit-user-select: none;  /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

.thumbGallery__navigatorWrapper__item {
    cursor:pointer;
}

.form-true-message{padding: 16px 16px; color: white; background-color: #40d47e; border-radius: 5px; margin-bottom: 16px; text-align: center; margin: 2em auto; width: 300px; height: 50px; display: block;}
.form-false-message{padding: 16px 16px; color: white; background-color: #f16363; border-radius: 5px; margin-bottom: 16px; text-align: center; margin: 2em auto; width: 300px; height: 50px; display: block;}

.section.section--staff .section-inner .staff-container .staff-box .number {
    margin-bottom: 15px;
}

/* >> TAB
--------------------------------------------*/

@media only screen and (min-width: 720px){

}

/* >> PC
--------------------------------------------*/


@media only screen and (min-width: 1024px){

    .page__slider {
        opacity: 0;
    }

}


/* VIDEO EMBED */
.opinion-item .video-item {
	background-image: var(--background-image);
	aspect-ratio: 9/16;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

.opinion-item .video-item .play {
	max-width: 80px;
	cursor: pointer;
}

.opinion-item .video-item iframe {
	aspect-ratio: 9/16;
	position: absolute;
	width: 100%;
	height: 100%;
}

@media screen and (max-width:1023px){
	.opinion-item .video-item .play {
		width: 50px;
	}
}