/*----------------------------------------------------------------------------*/
/* 	八戸泌尿器科医院  お知らせNEWS ページ  CSS						      */
/*----------------------------------------------------------------------------*/

	#secand-head {
		display:block;
		margin: 0  auto 0 auto;
		width: 100%;
		padding-top:3px;
	}
	#secand-head  h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	.h1t {		/* ページ Title */
		display:block;
		margin: 0  auto 0  auto;
		width: 100%;
		height:130px;
		text-align:center;
		background-color: #5EC2C6;		/* F.Green03 */
	}
	#secand-head .h1t h1 {
		position: absolute;		/* 親blockに対し中央配置 */
		top: 75px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		font-size:16px;
		color: #FFF;
		font-weight:bold;
	}
	#secand-head .h1t #s1_title01 {
		position: absolute;		/* 親blockに対し中央配置 */
		top: 105px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		font-size:12px;
		color: #F4F4F4;
		font-weight:normal;
	}
	@media only screen and (min-width:768px) {	/* PC Layout ◇ */

		#wrapper {
			margin-top: 0;
		}
		#secand-head {
			margin: 0  auto 0 auto;
			width: 100%;
		}
		#secand-head .h1t {		/* ページ Title */
			margin: 0 auto 0 auto;
			width: 100%;
			height:100px;
			border: none;
			text-align:center;
			position: relative;
		}
		#secand-head .h1t h1 {
			position: absolute;		/* 親blockに対し中央配置 */
			top: 20px;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			font-size:24px;
			width:80%;
			font-weight:bold;
		}
		#secand-head .h1t #s1_title01 {
			position: absolute;		/* 親blockに対し中央配置 */
			top: 57px;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width:80%;
			font-size:15px;
			font-weight:normal;
			color: #FFF;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

	}

	/* ◇ MainConents #section01 最新情報・お知らせ ------------------------*/

	#section01 {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background	: url("../images/com/subtle_dots.png") repeat;
	}
	#section01 .h2title {		/* 最新情報 Section Title */
		margin: 0 auto 0 auto;
		width: 90%;
		height:50px;
		text-align:left;
		position: relative;
		border-bottom: 1px solid #5EC0C5; 	/* HHC green01 */
	}
	#section01 h2 {
		position: absolute;
		top: 18px;
		left:10px;
		font-size:14px;
		font-weight:bold;
		color:#444;
	}
	#section01 .sh2 {			/* Technical capabilities */
		position: absolute;
		top: 20px;
		left:60%;
		font-size:12px;
		color:#A4946C; /* Gold01 */
	}
	#sec01{
			margin: 20px auto 0 auto;
			width: 90%;
			height:100%;
			background-color:rgba( 255,255,255,0.95 ); 	/* White 透過97% */
			padding-bottom:25px;
				box-shadow: 1px 1px 5px 1px #aaa;
				-webkit-box-shadow: 1px 1px 5px 1px #aaa;
				-moz-box-shadow: 1px 1px 5px 1px #aaa;
	}
	#section01 .cont01 {
		margin-top:10px;
		text-align:left;
	}
	#section01 .cont01 .newsl {
		margin-top:10px;
		margin-left:5%;
		width:90%;
		padding-bottom:10px;
/*		height:120px;*/

		border-bottom: 2px dotted #BDC3C7;
	}
	#section01 .cont01 .date {
		width:15%;
		padding-top:0px;
		padding-left:20px;
		color: #B27C04;		/* Gold02 */
		font-size:14px;
		border:none;
	}
	#section01 .cont01 .infoitem {
		padding-top:5px;
		color: #333;
		padding-bottom:0px;
		position: relative;
	}
	#section01 .cont01 .textitem {	/* NEWS text */
		width:100%;
		padding-left:5%;
		text-align:left;
		font-size:13px;
		line-height:22px;
	}
	#section01 .cont01 .newsl02 {
		height:80px;
	}
	#section01 .cont01 #news-btn {	/* 記事一覧ページ Button */
		margin: 10px auto 0 auto;
		width : 183px;
		height: 43px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		border	: 0px;
	}
	#section01 .cont01 #news-btn a{
		overflow: hidden;	 /* 内容を非表示にする。*/
		width : 183px;
		height: 0 !important;
		height /**/:43px;
		padding-top: 43px;
		display	: block;
		background	: url("../images/top/newslist.png") no-repeat;
		background-size:100%;
	}
	#section01 .cont01 #news-btn a:hover{
		display	: block;
		background	: url("../images/top/newslist_ov.png") no-repeat;
		background-size:100%;
	}

	@media only screen and (max-width:360px) {

		#section01 h2 {
			position: absolute;
			top: 18px;
			left:10px;
			font-size:13px;
			font-weight:bold;
			color:#444;
		}
		#section01 .sh2 {			/* Technical capabilities */
			position: absolute;
			top: 20px;
			left:52%;
			font-size:10px;
		}
	}
	@media only screen and (min-width: 375px) and (max-width: 768px) {

		#section01 h2 {
			position: absolute;
			top: 16px;
			left:10px;
			font-size:13px;
			font-weight:bold;
			color:#444;
		}
		#section01 .sh2 {
			position: absolute;
			top: 20px;
			left:52%;
			font-size:10px;
		}
	}

	@media only screen and (min-width: 768px) {

		#section01 {
			margin: -30px  auto -20px auto;
			height:1000px;
			padding-bottom:0;
			background	: url("../images/bg/bg-image01.jpg") no-repeat;
			background-position: center top 30px;
			background-size: contain;
/*			background-color: #F5F8FC;*/
			position:relative;
		}
		#sec01{
			margin: 160px auto 0 auto;
			width: 100%;
			max-width: 1100px;	/* ☆☆ */
			height:100%;
			max-height: 650px;	
			background-color:rgba( 255,255,255,0.95 ); 	/* White 透過97% */
			padding-bottom:25px;
				box-shadow: 1px 1px 5px 1px #aaa;
				-webkit-box-shadow: 1px 1px 5px 1px #aaa;
				-moz-box-shadow: 1px 1px 5px 1px #aaa;
		}
		#section01 .h2title {		/* 最新情報 Section Title */
			margin: 0 auto 30px auto;
			width: 80%;
			height:70px;
			text-align:left;
			position: relative;
			border-bottom: 1px solid #5EC0C5; 	/* HHC green01 */
		}
		#section01 h2 {
			position: absolute;
			top: 30px;
			left:5%;
			font-size:20px;
			font-weight:bold;
			color:#555;
		}
		#section01 .sh2 {
			position: absolute;
			top: 32px;
			left:35%;
			font-size:16px;
			color:#A4946C; /* Gold01 */
		}
		#section01 #tlogo {
			position: absolute;
			top: 0px;
			right:0%;
			font-size:16px;
			color:#A4946C; /* Gold01 */
		}
		#section01 .cont01 {
			margin-top:0px;
			margin-bottom:20px;
			background-image:none;
		}
		#section01 .cont01 .newsl {
			margin: 20px auto 0 auto;
			width:80%;
			padding-bottom:10px;
			border-bottom: 2px dotted #BDC3C7;
		}
		#section01 .cont01 .date {
			width:15%;
			padding-top:0px;
			padding-left:50px;
			color: #3A69BA; 	/* GV-blue */
			color: #3498DB;		/* D.blue */
			color: #B27C04;		/* Gold02 */
			font-size:15px;
			border:none;
		}
		#section01 .cont01 .infoitem {
			padding-top:5px;
			color: #333;
			padding-bottom:0px;
			position: relative;
		}
		#section01 .cont01 .textitem {	/* NEWS text */
			width:95%;
			padding-left:10%;
			text-align:left;
			font-size:14px;
			line-height:22px;
		}
		#section01 .cont01 .newsl02 {
			height:60px;
		}
		#section01 .cont01 #news-btn {	/* 記事一覧ページ Button */
			margin: 25px auto 0 auto;
			width : 183px;
			height: 43px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
		}
		#section01 .cont01 #news-btn a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 183px;
			height: 0 !important;
			height /**/:43px;
			padding-top: 43px;
			display	: block;
			background	: url("../images/top/newslist.png") no-repeat;
			background-size:100%;
		}
		#section01 .cont01 #news-btn a:hover{
			display	: block;
			background	: url("../images/top/newslist_ov.png") no-repeat;
			background-size:100%;
		}
	}
	@media screen and (min-width:768px) and ( max-width:992px) {

		#section01 {
			margin: 0  auto 0 auto;
			height:auto;
			padding-bottom: 550px;
		}
		#sec01{
			position:absolute;				/* 親blockに対し中央配置 */
			top:350px;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;

			width: 100%;
			max-width: 700px;	/* ☆☆ */

			height:100%;
			max-height: 630px;	

			border: 4px solid #3A69BA;
			padding-bottom:25px;
		}

		#section01 .h2title {		/* 最新情報 Section Title */
			margin: 20px auto 0 auto;
			width: 79%;
			width: 90%;
			height:60px;
			text-align:left;
			position: relative;
			background	: url("../images/menu/arrow.png") no-repeat;
			background-position: 0px 10px;
			background-size:90%:
			border-bottom: 1px solid #BDC3C7;
		}
		#section01 h2 {
			position: absolute;
			top: 18px;
			left:10%;
			font-size:22px;
			font-weight:bold;
			color:#333;
		}
		#section01 .sh2 {
			position: absolute;
			top: 20px;
			left:30%;
			font-size:16px;
			color:#A4946C; /* Gold01 */
		}
		#section01 .cont01 .date {
			width:15%;
			color: #3A69BA; 	/* GV-blue */
			color: #B27C04;		/* Gold02 */
			font-size:14px;
			border:none;
		}
		#section01 .cont01 .textitem {	/* NEWS text */
			text-align:left;
			font-size:14px;
			line-height:22px;
			padding-left:20px;
		}
	}

	#section01 a{
		color:#333;
	    border-style:none;
		text-decoration: none;
		color: #B27C04;		/* Gold02 */
	}
	#section01 .infoitem a {
	    border-style:none;
		text-decoration: none;
	}
	#section01 a:hover{
		color: #3498DB;		/* D.blue */
	}
	#section01 .cont01 .ease a {
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
	#section01 .cont01 .ease a:hover {
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
	#section01 .cont01 .img:hover {
		-webkit-opacity: 0.5;
		-moz-opacity: 0.5;
		-o-opacity: 0.5;
		filter: alpha(opacity=50);	/* IE lt 8 */
		-ms-filter: "alpha(opacity=50)"; /* IE 8 */
		opacity: 0.5;
	}
	#section01 .cont01 .img {
		-webkit-transition: opacity 0.3s ease-out;
		-moz-transition: opacity 0.3s ease-out;
		-ms-transition: opacity 0.3s ease-out;
		-o-transition: opacity 0.3s ease-out;
		transition: opacity 0.3s ease-out;
	}