/*
 * jQuery FlexSlider v2.7.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================
 * FONT-FACE
 * ==================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('/hospital/_assets/css/fonts/flexslider-icon.eot');
  src: url('/hospital/_assets/css//hospital/_assets/css/fonts/flexslider-icon.eot') format('embedded-opentype'), url('/hospital/_assets/css/fonts/flexslider-icon.woff') format('woff'), url('/hospital/_assets/css/fonts/flexslider-icon.ttf') format('truetype'), url('/hospital/_assets/css/fonts/flexslider-icon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================
 * RESETS
 * ==================================================*/
.flexslider ul li::after{content: none;}
.flex-container a:hover,
.flex-slider a:hover { outline: none;}
.slides,
.slides > li,
.flex-control-nav{ margin: 0; padding: 0; list-style: none;}
.flex-pauseplay span { text-transform: capitalize;}
.slides li,
.flex-direction-nav li{ list-style: none !important;}
/* ===================================================
 * BASE STYLES
 * ==================================================*/
.flexslider { margin: 0; padding: 0;}
.slides{display: flex;}
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; list-style: none;}
.flexslider .slides img { width: 100%; display: block;}
.flexslider .slides::after { /*content: "\0020";*/
 content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .flexslider .slides { display: block;}
* html .flexslider .slides { height: 1%;}
.no-js .flexslider .slides > li:first-child { display: block;}
/* ===================================================
 * DEFAULT THEME
 * ==================================================*/
.flexslider {  margin: 0 auto;  background: #fff;  zoom: 1; position: relative;}
.flexslider .slides { zoom: 1;}
.flexslider .slides img { height: auto; -moz-user-select: none;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; overflow-x: hidden;}
.loading .flex-viewport {  max-height: 370px;}
.carousel li {  margin-right: 5px;}
.flex-direction-nav {height: 45px; padding: 0; list-style: none;	position: absolute;	top: 0;	right: 0; bottom: 0;	left: 0;	margin: auto !important;}
.flex-direction-nav a { text-decoration: none; display: block; width: 30px; height: 45px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255, 255, 255, 0.8); font-size: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.flex-direction-nav a:before { content: ''; margin: auto; position: absolute; top: 0; bottom: 0; left: 15px; width: 20px; height: 20px; border-top: 5px solid rgba(255, 255, 255, 0.8); border-right: 5px solid rgba(255, 255, 255, 0.8); -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}

 .inverse-blue .flex-direction-nav a::before,
 .inverse-black .flex-direction-nav a::before{content: "" !important; }

.flex-direction-nav a.flex-next:before { right: 15px; left: auto; -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
.flex-direction-nav .flex-prev { left: 0;}
.flex-direction-nav .flex-next { right:0; text-align: right;}
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7;}
.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1;}
.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7;}
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1;}
.flex-direction-nav .flex-disabled {  opacity: 0 !important;  filter: alpha(opacity=0);  cursor: default;  z-index: -1;}
.flex-pauseplay {	position: absolute;	width: 26px;	height: 26px;	margin: 0 auto;	font-size: 12px;	line-height: 1.2;
	left: 20px;	bottom: 20px;	-webkit-border-radius: 12px; -moz-border-radius: 12px;	border-radius: 12px;	background: rgba(0,0,0,0);	z-index: 5;}
.flex-pauseplay a { display: block; z-index: 10; overflow: hidden; cursor: pointer;	position: relative;	color: #FFF !important;	font-size: 0;	text-align: center;	text-decoration: none;	width: 22px;	height: 22px;	left: 0;	bottom: 0;	opacity: 1;}
.flex-pauseplay a:before { font-family: "flexslider-icon"; display: inline-block; content: ""; height: 20px; width: 20px; background: url("/hospital/_assets/images/home/ico_pause.svg") no-repeat center 5px; line-height: 18px; font-size: 18px;}
.flex-pauseplay a:hover { opacity: 1;color: #FFF;}
.flex-pauseplay a.flex-play:before { opacity: .6; background: url("/hospital/_assets/images/home/ico_play.svg") no-repeat;}

.flex-control-nav { position: absolute; text-align: center;	width: 320px;	left: 0;	right: 0; bottom: -25px;	margin: 0 auto;	z-index: 3;}
.flex-control-nav li {  margin: 0 6px;  display: inline-block;  zoom: 1;}

.flex-control-paging li a { width: 16px; height: 16px; display: block; cursor: pointer; text-indent: -9999px; border: 2px solid #B0BAC5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background:#2ACBAA;}
.flex-control-paging li a.flex-active { background: #2ACBAA; cursor: default;}
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {  width: 25%;  float: left;  margin: 0;}
.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity:.7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.flex-control-thumbs img:hover { opacity: 1;}
.flex-control-thumbs .flex-active { opacity: 1;  cursor: default;}

/* 
 * 追加要素
 * ================================================================*/
/*背景色変更の影響を回避*/
.flex-control-nav.flex-control-paging,
	#slideBnrBox ,
	#slideBnrBox *{background: none !important;}

/* #MainVisual */
#mainVisual.home .row{flex-wrap: nowrap;}
#mainVisual.home #Vnav.row{flex-wrap: wrap;}
#mainVisual {	width: 100%;	position: relative;}
#mainVisual .slides img{ height: 370px; object-fit: cover; }
.slides li{display: inline-block;width: 100%; height: 100%;}
.slides li::before {bottom:-80px;}
.flex-pauseplay { bottom:10px; }
.flex-control-nav { bottom: 10px; }	
@media print,screen and (min-width:769px) {
 #mainVisual .slides img{ height: 550px; object-fit: cover;}
}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next{padding-top: 3px;}
.flex-direction-nav .flex-next{margin-right: 10px;}
#mainVisual #slideNav span{opacity: 0;}

@media print,screen and (min-width: 769px) {
 #mainVisual {	min-height: 500px;	}
 #mainVisual #slideNav{bottom:120px;width: 36px; height: 75px;}
 .flex-control-nav { bottom: -50px;}
 .flex-direction-nav .flex-prev { opacity: 1;}
 .flex-direction-nav .flex-next { opacity: 1;}
	#mainVisual .slides img{ width: 1170px; height: 550px; object-fit: cover;}
/* end min-width: 769px */ }

@media print,screen and (min-width:1170px) {
	#mainVisual .slides li img{ width: 100%; height: auto; object-fit: cover;}
/* end min-width: 1170px */ }

#mainVisual .slides .caption{ display: flex; align-items: center; position: absolute; width: 80%; height: 80%; top:0; right:0; bottom:0; left:0; margin: auto; color: #FFF;text-shadow: 1px 1px 2px rgba(0,0,0,.6); font-weight: 700;}
#mainVisual .slides .caption img{max-width: 100%;width: auto; height: auto;}
@media print,screen and (min-width:769px) {
 #mainVisual .slides .caption{ }
}
@media print,screen and (min-width:1361px) {
	#mainVisual .slides .caption{ }
}

/*CMSKIT編集画面*/
#wcv_sys_wrapper #mainVisual li{text-align: center;}
#wcv_sys_wrapper #mainVisual .slides li{position:relative;}
#wcv_sys_wrapper #mainVisual .slides .caption{ bottom: auto; top:200px;}
#wcv_sys_wrapper #mainVisual .slides .caption img{width: auto; display: inline-block;}
#wcv_sys_wrapper img{width: auto; display: inline-block;}
@media print,screen and (min-width:1320px) {
	#mainVisual .slides .caption img{ padding-top: 0;}
/* end min-width: 1170px */ }