div.slide {
  max-width: 1200px !important;
  width: auto !important;
}

.font_yu-gothic {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
}

.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.fw {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.fnw {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.jcsb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.jcc {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.jcfs {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.jcfe {
	-webkit-box-pack: end;
     -ms-flex-pack: end;
   justify-content: flex-end;
}

.aic {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.aie {
	-webkit-box-align: end;
     -ms-flex-align: end;
        align-items: flex-end;
}

.swiper-container-free-mode > .swiper-wrapper {
	-moz-transition-timing-function: linear!important;
	-webkit-transition-timing-function: linear!important;
	-o-transition-timing-function: linear!important;
	-ms-transition-timing-function: linear!important;
	transition-timing-function: linear!important;
}

/* ====================
	all
==================== */
.video200326 {
	max-width: 928px;
	margin: 0 auto;
	padding: 64px 0 34px;
	font-feature-settings: "palt";
	font-family: pragmatica, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
	color: #272727;
}

.video200326 img {
	width: 100%;
}

.snaplist_name {
	display: none;
}

/* ====================
	text
==================== */
.video200326_ttl {
	font-size: 22px;
	text-align: center;
}

.video200326_txt {
	font-size: 14px;
	margin-top: 22px;
}

/* ====================
	movie
==================== */
/*.video200326_video {
	margin-top: 90px;
	padding: 56.25% 0 0 0;
	position: relative;
}*/

.video200326_video {
	margin-top: 90px;
	padding:56.25% 0 0 0;
	position:relative;
}

.video200326_video._01 {
	margin-top: 44px;
}

.video200326_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ====================
	footer
==================== */
.video200326_footer_txt {
	margin-top: 93px;
	font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', '游明朝体', 'YuMincho', "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: 600;
	text-align: center;
	font-size: 13px;
}

/* for internet exploler */
@media all and (-ms-high-contrast: none){
}

/* for pc */
@media only screen
and (min-device-width: 768px) {
	.sp_only {
		display: none;
	}

	div.slide {
		width: 100%!important;
		max-width: 100%!important;
	}

	.bx-wrapper {
		padding: 0;
	}

	/************ archive **********/
	.videosnap_slide .swiper-slide {
		width: 360px!important;
		margin: 0 15px 0;
	}

	.videosnap_slide .swiper-wrapper {
		margin-bottom: 78px;
	}
}


/* for tablet */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1200px)
and (-webkit-min-device-pixel-ratio: 1) {
	.header,
	.footer,
	.header .header-inner {
		min-width: 100%;
		max-width: 1140px;
	}

	.header .header-navi-menu {
		padding-left: 1rem;
	}

	.header .header-menu .main-menu > li:first-child {
	}
}

/* for sp */
@media only screen
and (max-device-width: 767px) {
	.pc_only {
		display: none;
	}

	.video200326 {
		width: 100%;
		max-width: 100%;
		padding: calc(177 * (100vw / 750)) 0 calc(48 * (100vw / 750));
		text-align: center;
	}

	/* ====================
		text
	==================== */
	.video200326_ttl {
		font-size: calc(26 * (100vw / 750));
	}

	.video200326_txt {
		font-size: calc(26 * (100vw / 750));
		margin-top: calc(78 * (100vw / 750));
	}

	.video200326_txt._01 {
		margin-top: calc(36 * (100vw / 750));
	}

	/* ====================
		movie
	==================== */
	.video200326_video {
		margin-top: calc(33 * (100vw / 750));
		padding: 56.25% 0 0 0;
		position: relative;
	}

	.video200326_video {
		margin-top: calc(33 * (100vw / 750));
	}

	.video200326_video._01 {
		margin-top: calc(36 * (100vw / 750));
	}

	/* ====================
		footer
	==================== */
	.video200326_footer_txt {
		margin-top: calc(123 * (100vw / 750));
		font-size: calc(26 * (100vw / 750));
	}

	/************ archive **********/
	.videosnap_slide .swiper-slide {
		width: calc(450 * (100vw / 750))!important;
		margin: 0 calc(20 * (100vw / 750));
	}

	.videosnap_slide .swiper-wrapper {
		margin-bottom: calc(120 * (100vw / 750));
	}
}


/************ ruby **********/
rt {
	font-size: 30%;
}

/************ fade **********/
.fade {
  -webkit-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}

.fade.onView {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}