@charset "utf-8";
/*************************************
PADDING
*************************************/
.pd-0 {
	padding: 0 !important;
}
/*************************************
GALLERRY
*************************************/
@media (max-width: 480px) {
.gallery-wrapper {
	height: 460px !important;
}
}
/*縦スライド時の矢印の位置*/
.sp-vertical .sp-previous-arrow {
	top: 0;
}
.sp-vertical .sp-next-arrow {
	bottom: 0;
}
/*OVER IMAGE*/
.sp-overimage {
	background-color: none !important;
	background-image: none !important;
}
.imgmax {
	display: block !important;
}
.imgmin {
	display: none !important;
}
@media (max-width: 480px) {
.imgmax {
	display: none !important;
}
.imgmin {
	display: block !important;
}
}
@media screen and (max-width: 479px) {
.sp-thumbnails {
    overflow: auto;
	-webkit-overflow-scrolling: touch !important;
}
}
@media screen and (min-width: 481px) {
.sp-overimage-sp {
	/*background-image: url(interview/img/badge.png), url(interview/img/overlays/01.png)!important;
	background-repeat: no-repeat, repeat;
	background-position: bottom right, top center;*/
	height: 100% !important;
}
}
@media screen and (max-width: 480px) {
.sp-overimage-sp {
	/*background-image: url(interview/img/badge_sp.png), url(interview/img/overlays/01.png)!important;
	background-repeat: no-repeat, repeat;
	background-position: bottom center, top center;
	background-size: 25%, auto;*/
	height: 100% !important;
}
}

/* iframe Gallery */
.gallery-wrapper iframe {
	width: 100%;
	height: 700px;
}
/* iframe map */
.iframe-map{
    height: 100% !important;
}

/* メインギャラリー */
@media (max-width: 1680px) {
.gallery-wrapper iframe {
    height: 650px;
}
.iframe-map{
    height: 100% !important;
}
}
@media (max-width: 1440px) {
.gallery-wrapper iframe {
    height: 550px;
}
.iframe-map{
    height: 100% !important;
}
}
@media (max-width: 1280px) {
.gallery-wrapper iframe {
    height: 550px;
}
.iframe-map{
    height: 100% !important;
}
}
@media (max-width: 1023px) {
.gallery-wrapper iframe {
    height: 500px;
}
.iframe-map{
    height: 100% !important;
}
}
@media (max-width: 480px) {
.gallery-wrapper iframe {
    height: 370px;
}
.iframe-map{
    height: 100% !important;
}
}
@media (max-width: 374px) {
.gallery-wrapper iframe {
    height: 335px;
}
.iframe-map{
    height: 100% !important;
}
}

/*************************************
CAROUSEL
*************************************/
.slider_menu .sld_box {
	margin: 0 5px !important;
}

/*sp-thumbnail*/
@media (min-width: 1260px) {
.sp-thumbnail-container {
	width: 180px !important;
}
.sp-thumbnail {
	width: 180px !important;
}
}
.slider_menu .noborder {
	border: 1px solid transparent !important;
}
/*NEXT PREVIEW*/
.slick-prev:before, .slick-next:before {
    color: #333 !important;
}
 @media (min-width: 1920px) {
.v1920 {
	margin-top: -12% !important;
}
}

/*************************************
VIDEO CONTROLER
*************************************/
#video-controls {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 0 8px 0;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
	background-image: linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -o-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.13, rgb(3,113,168)),
		color-stop(1, rgb(0,136,204))
	);
}

.sp-overimage:hover #video-controls {
	opacity: .5;
}

button {
	background: none;
	border-style: none;
}

button:hover {
	cursor: pointer;
}

#seek-bar {
	width: 75%;
}

#mute {
	width: 10%;
}

#video-controls li {
	color: #FFFBF0;
	opacity: 0.9;
}

controls {
	z-index: 9999 !important;
}
@media screen and (min-width: 720px) {
#video {
    display:block !important;
}
#spvideo {
    display:none !important;
}
#vmin {
    display:none !important;
}
}
@media screen and (min-width: 480px) and (max-width : 719px ) {
#video {
    display:none !important;
}
#spvideo {
    display:block !important;
}
#vmin {
    display:none !important;
}
#video-controls {
    display:none !important;
}
}

@media screen and (max-width : 479px ) {
#video {
    display:none !important;
}
#spvideo {
    display:none !important;
}
#vmin {
    display:block !important;
}
#video-controls {
    display:none !important;
}
}