@charset "UTF-8";
/****************************************************
* TOP 20トップページ用スタイル *
*****************************************************/
body:before {
	content:"";
	position:absolute;
	bottom:80px;
	left:0;
	width:100%;
	height:400px;
	background-repeat:repeat-x;
	background-position:center bottom;
	background-image:url(/hqd9k900000002bm/body_bottom.png);
}


/*Slide**********************************************/
#topSlide{
	position:relative;
	overflow:hidden;
	width:100%;
	background:#986756;
	margin-bottom: 15px;

	height: 585px;

}
#topSlide ul{
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style-type:none;
}
#topSlide ul.noScript{
	margin:0 auto;
}
#topSlide .Slide li{
	display: block;
	margin:0;
	padding:0;
	float: left;
}
#topSlide .Slide li img{
	height: auto;
	width: auto;
	min-width: 100%;
	min-height: 100%;
}
#topCopy{
	position: absolute;
	top: 15%;
	z-index: 1000;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 100%;
	height: 0;

	padding-top: 90px;

}




/*ヘッダー配置変更・調整**************************************/
#headBar{
	position:relative;
}
#headBox{
	position:absolute;
	z-index:10;
	width:403px;
	height:100%;
	top:0;
	left:50%;
	margin-left:-500px;
	padding:20px;
	color:#fff;
}
/*ロゴ*/
#headBox h1{
	float:none;
	text-align:center;
}
#headBox h1 a{
	margin:0 auto;
	width:355px;
}

/*キャッチコピー*/
#catch{
	margin:20px 0;
	float:none;
}
/*問合せ*/
#headBox .inquiry{
	float:none;
	width:100%;
	margin: 0;
	padding: 10px 20px;
	position: absolute;
	left: 0;
	bottom: 0;
}
#headBox .inquiry h2{
	font-size:24px;
	margin:0;
	margin-bottom:5px;
}
/*main***********************************/

#homePage #main{
	background-image:none;
}
#homePage #main:after{
	display:none;
}
#homePage #contentFoot{
	margin-top:0;
}
/*バネル*/
.panel{
	list-style: none;
	margin: 0 0 10px;

	width: 1000px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.panel li{
	margin: 20px 0 10px;

	width: 310px;
	height: 170px;

}
.panel li a{
	display: block;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.panel li a img{
	-webkit-transition: all .3s;
	transition: all .3s;
}
.panel li a:hover img{
	-webkit-transform: scale(1.05);
	        transform: scale(1.05);
}
.panel li a p{
	width: 100%;

	position: absolute;
	display: inline-block;
	margin: 0 auto;
	left: 0;
	top: 50%;
	margin-top: -10px;
	font-size: 20px;

}
.panel li a p .pTxt{
	color: #1F1F1F;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: 600;

	background-color: rgba(255,255,255,.8);
	padding: 8px 20px;

}

/*写真ニュース******************************/
#topicPhotos{
}
#topicPhotos .carousel{
	padding: 0 30px;
	position:relative;
}
#topicPhotos ul.entry li{
	padding:10px;
	width:680px;
	float:left;
}
#topicPhotos ul.entry li+li{
	border:0;
}
#topicPhotos .carousel .prev,
#topicPhotos .carousel .next{
	display:block;
	padding-left:28px;
	height:100%;
	width:0;
	overflow:hidden;
	position:absolute;
	top:0;
	background:rgba(200,200,200,0.5);
	opacity:0.8;
}
#topicPhotos .carousel .prev:hover,
#topicPhotos .carousel .next:hover{
	opacity:1;
}
#topicPhotos .carousel .prev{
	left:0;
}
#topicPhotos .carousel .next{
	right:0;
}
#topicPhotos .carousel .prev:after,
#topicPhotos .carousel .next:after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-6px;
	margin-left:-6px;
	width: 0;
	height: 0;
	border-style: solid;
}
#topicPhotos .carousel .prev:after{
	border-width: 6px  12px 6px 0;
	border-color: transparent #D56B47 transparent transparent ;
}
#topicPhotos .carousel .next:after{
	border-width: 6px 0 6px 12px;
	border-color: transparent transparent transparent #D56B47;
}

/*お知らせ+SNS*/
#topInfo {
	margin-bottom: 10px;
	overflow: hidden;

	padding: 0;

}

#topInfo.col2 #topicNews{
	float: left;
	width: 450px;
}
#topInfo.col2 .widget{
	width: 280px;
	float: right;
}

#topInfo .widget{
	text-align: center;
}


/*ピックアップ*/

#main .pickup h3{
	background-color: transparent;
	border:none;
	color: inherit;
	margin: 10px 0 0;
	padding: 0;
}
#main .pickup ul{
	list-style: none;

	width: 590px;

	padding: 0;
	margin: 5px auto;
}
#main .pickup ul li{
	display: inline-block;
	margin: 4px;
}

html.amime,
.amime body{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow:hidden;
	min-width: 100%;
}

.amime body:before{
	visibility: hidden;
}
.amime #wrapper{
	position: absolute;
	overflow:hidden;
}



#animeWrap{
	display: none;
}
.amime #animeWrap{
	display: block;
	min-height: 100%;
	position: absolute;
	z-index:9999;
	height:100%;
	width:100%;
	top:0;
	left:0;

	background-position: center center;   
	background-repeat: no-repeat;   
	background-attachment: fixed;   
	background-size: cover;   
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#056ce2+0,5fbff6+65,dceafd+100 */
	background: #056ce2; /* Old browsers */
	background: -moz-linear-gradient(top,  #056ce2 0%, #5fbff6 65%, #dceafd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #056ce2 0%,#5fbff6 65%,#dceafd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #056ce2 0%,#5fbff6 65%,#dceafd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#056ce2', endColorstr='#dceafd',GradientType=0 ); /* IE6-9 */
}
#animeWrap img{
	width:100%;
	height:auto;
}
#hosPic{
	display:block;
	position:absolute;
	background-image:url(/hqd9k900000002bm/hospital.png);
	bottom:-15px;
	opacity:0;
	width:100%;
	height:184px;
	background-size: cover;
}
#animeBox{
	position:relative;
	width:450px;
	height:100%;	
	margin:0 auto;
	z-index:10;
}
#animeBox p{
	margin:0;
	padding:0;
	position:absolute;
	width:0;
	top:30px;
	height:520px;
	opacity:0;
	overflow:hidden;
	padding-left:26px;
	background-position: center top;
	background-repeat:no-repeat;
}
#an1{	
	background-image:url(/hqd9k900000002bm/p1.png);
	right:0;
}
#an2{	
	background-image:url(/hqd9k900000002bm/p2.png);
	right:80px;
}
#an3{	
	background-image:url(/hqd9k900000002bm/p3.png);
	right:160px;
}
#an4{	
	background-image:url(/hqd9k900000002bm/p4.png);
	right:240px;
}
#an5{	
	background-image:url(/hqd9k900000002bm/p5.png);
	right:320px;
}
#an6{	
	background-image:url(/hqd9k900000002bm/p6.png);
	right:400px;
}
#logoImg{
	overflow:hidden;
	position:absolute;
	opacity:0;
	top:0;
	left:35px;
	width:0;
	padding-left:280px;
	height:178px;
	z-index:10;
	background-image:url(/hqd9k900000002bm/logo.png);
	background-repeat:no-repeat;
	background-size:cover;
	transition:all ease-in .2s;
}
#home{
	font-size:16px;
	margin:1em 0;
	position:absolute;
	top:0;
	right:35px;
	opacity:1;
	z-index:10;
}
#home a{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;	text-decoration:none;
	color:#FFF;
	text-shadow:none;
	display:block;
}
@media screen and (max-width: 1279px) {
	#logoImg{
		padding-left:240px;
		height:153px;
	}
}
@media screen and (max-width: 959px) {
	#logoImg{
		height:66px;
		text-align:center;
		margin:0 auto;
		left:50%;
		margin-left:-150px;
		top:600px;
		padding-left:300px;
		background-image:url(/hqd9k900000002bm/logo2.png);
	}
}
@media screen and (max-width: 767px) {
	#animeBox p{
		top:20px;
	}
	#animeBox{
		width:280px;
		height:300px;
		margin:0 auto;
	}
	#animeBox p{
		background-size:90%;
		padding-left:20px;
		height:360px;
	}	
	#logoImg{		
		top:390px;		
	}
	#home{
		width:40px;
		top:450px;
		right:50%;
		margin-right:-20px;
	}
	#an1{	
		right:0;
	}
	#an2{	
		right:52px;
	}
	#an3{	
		right:104px;
	}
	#an4{	
		right:156px;
	}
	#an5{	
		right:208px;
	}
	#an6{	
		right:260px;
	}
}