/* ---------------------------------------------
	main visual aria size adjustment
/* ---------------------------------------------
	video display
/* ---------------------------------------------
	control button
--------------------------------------------- */
/* ---------------------------------------------
	main visual aria size adjustment
--------------------------------------------- */
#topMainBnrFrame { position: relative; z-index: 1; width: 100% !important; }

#topMainBnr { background: #000 !important; }

@media (min-width: 950px) { #topMainBnr .bvu_section_image img { max-width: 100%; width: auto !important; height: auto; } }
@media (min-width: 970px) { #topMainBnr img { width: auto !important; } }
/* ---------------------------------------------
	video display
--------------------------------------------- */
#bvu_wrap { background-size: cover !important; }

.bvu_wrap { position: relative; overflow: hidden !important; width: 100%; -webkit-appearance: none; }
.bvu_wrap .bvu_video_ytb { position: absolute; left: 0; z-index: 2; min-width: 100%; height: auto; }
.bvu_wrap .bvu_video { position: absolute; top: 50%; left: 50%; z-index: 2; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.bvu_pattern_layer { position: absolute; z-index: 4; width: 100%; height: 100%; background-color: transparent; }

.bvu_color_layer { position: absolute; z-index: 2; width: 100%; height: 100%; background-color: transparent; }

.bvu_shadow_layer { position: absolute; z-index: 3; width: 100%; height: 100%; background-color: transparent; }

.bvu_section_wrap { position: absolute; right: 0; left: 0; z-index: 4; box-sizing: border-box; margin: auto; max-width: 950px; width: 100%; height: 100%; }
.bvu_section_wrap .bvu_section { position: absolute; top: 50%; right: 0; left: 0; margin: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.bvu_section_wrap .bvu_section_title { margin-bottom: 5px; color: #fff; text-shadow: 0 0 38px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.8); font-weight: normal; font-size: 230%; line-height: 1.5; }
.bvu_section_wrap .bvu_section_image { display: inline-block; max-width: 100%; width: auto; height: auto; }
.bvu_section_wrap .bvu_section_image img { width: 100%; height: auto; }
.bvu_section_wrap .bvu_section_text { margin-bottom: 15px; color: #fff; text-shadow: 0 0 38px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.8); font-size: 135%; line-height: 1.5; }
.bvu_section_wrap .bvu_section_btn { box-sizing: border-box; padding: 8px 15px; border: solid 1px #000; border-radius: 2px; background: rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); color: #fff; font-size: 90%; cursor: pointer; }
.bvu_section_wrap .bvu_section_btn:hover { opacity: 0.8; }
.bvu_section_wrap a { display: block; }
.bvu_section_wrap a .bvu_section_btn { text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 768px) { .bvu_section_wrap .bvu_section_title { -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); margin-bottom: -5%; }
  .bvu_section_wrap .bvu_section_text { font-size: 90%; }
  .bvu_section_wrap .bvu_section { padding: 0 10px; } }
/* ---------------------------------------------
	control button
--------------------------------------------- */
.bvu_play_btn { position: absolute; top: 12%; right: 0; left: 0; z-index: 999; display: none; margin: auto; color: #fff; width: 50px; height: 51px; }
.bvu_play_btn #bvu_play_btn img { width: 50px !important; height: auto; }

.touch_device .bvu_play_btn { display: block; }

.bvu_scl { position: absolute; right: 0; bottom: 60px; left: 0; z-index: 4; margin: auto; width: 30px; height: 30px; border-bottom: solid 2px #fff; border-left: solid 2px #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.bvu_scl:hover { bottom: 57px; }
.bvu_scl .bvu_scl_btn { position: relative; width: 30px; height: 30px; border: none; border-bottom: 60px; background: none; cursor: pointer; }

.bvu_vol { position: absolute; right: 5%; bottom: 35px; z-index: 5; }
.bvu_vol .bvu_mute_switch { display: inline-block; margin-right: 8px; width: 48px; height: 48px; border: none; border-radius: 50%; background: transparent; background: rgba(0, 0, 0, 0.3) url(../images/sound.svg) no-repeat center center; cursor: pointer; }
.bvu_vol .bvu_mute_switch.on { background: rgba(0, 0, 0, 0.3) url(../images/mute.svg) no-repeat center center; }

@media screen and (max-width: 768px) { .mbYTP_wrapper { display: none !important; }
  .bvu_play_btn { -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); }
  .bvu_scl { bottom: 15px; -webkit-transform: rotate(-45deg) scale(0.7, 0.7); transform: rotate(-45deg) scale(0.7, 0.7); }
  .bvu_scl:hover { bottom: 10px; }
  .bvu_vol { display: none; }
  #bvu_wrap.move_height_on .bvu_section { top: 60%; }
  #bvu_wrap.move_height_on .bvu_scl { display: none; } }
#bvu_wrap.move_height_on { padding-bottom: 56.25%; }

#bvu_wrap.move_height_on #mbYTP_bvu_video_ytb_player { margin-left: 0 !important; width: 100% !important; }