@charset "utf-8";
/* CSS Document */
html,
body{
	font-size: 62.5%;
	scroll-behavior: smooth;
}

div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video{
		font-size: 1.2rem;
		color:#666;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	}
	a{
		color:#1D9492;
		text-decoration:underline;
	}
	a:hover{
		/* color:#75c7c5; */
		opacity: 0.7;
		transition:0.3s ease;

	}
	ul,li{
		list-style:none;
		margin:0;
		padding:1;
	}
.text_red{
		color: #ff0000;
	}
.text_blue{
		color: #0000ff;
	}

#wrapper{
	height:auto;
	margin:0 auto;
	box-sizing:border-box;
}
#head{
	position: sticky;
	top:0;
	background-color: #fff;
	z-index: 998;
	margin: 0 auto;
	padding:1rem 2rem;
}
#head img{
	width: 50%;
	height: auto;
}
#contact{
	display: none;
}
#gnav{
	display: none;
}

#gnav_sp{
  background-color: rgba(255, 255, 255, .9);
  position: fixed;
  top: 0;
  /* padding-top:50px; */
  padding-top:8rem;
  width: 100%;
  height: 120vh;
  left: 0;
  transform: translateX(100%); /* 追記 */
  transition: .5s;/* 追記 */
  z-index: 998;
}
#gnav_sp li{
	text-align: center;
	margin: 2rem;

}
#gnav_sp a{
	color: #666;
	line-height: 120%;
	font-size: 1.6rem;
	text-decoration: none;
	
}

#gnav_sp.active{
  transform: translateX(0); 
}


#snav{
	display: none;
}
#main{
	width:100%;
}
#totop{
	text-align:center;
	background:#00968A;
	border-radius:5px;
	width:80%;
	margin:3rem auto;
}
#totop p{
	font-size:1.5rem;
	color:#fff;
	padding:1rem 3rem;
}
#totop a{
	display: block;
}
.hrborder{
	margin:3rem 0 1rem;
	border:1px solid #00968A;
}
/*-----------------------------
		FOOTER_foot
	-------------------------------*/
	#link{
		margin:1.5rem auto;
		padding: 0 2rem;
		box-shadow: none;
	}
	#link li{
		margin:3rem;
	}
	#link img{
		width:100%;
	}
	#fnav ul{
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	#fnav li{
		margin-top: 2rem;
		text-align: left;
	}
	#fnav i{
		color: #B2589D;
	}
	#fnav a{
		font-size: 1.5rem;
		padding:0 3rem 0 1.5rem;
	}
	/*-----------------------------
		other_link
	-------------------------------*/
	#other_link{
		margin: 2rem;
	}

	#other_link ul{
		display:flex;
		justify-content: right;
	}
	#other_link li{
		margin: 1rem;
	}
	#other_link img{
		width:48px;
		height:48px;
	}
		/*-----------------------------
		FOOTER_copyright
	-------------------------------*/
	#foot p{
		text-align:center;
		margin:2rem 0;
	}
	
	


@media screen and (min-width:1025px){
	#wrapper{
		width:1030px;
		height:auto;
		margin:0 auto;
		box-sizing:border-box;
	}
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		/* font-size:12px; */
		font-size:0.12rem;
		color:#666;
		/* line-height:1.7em; */
		line-height:0.17rem;

		box-sizing:border-box;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	/*-----------------------------
		CLEARFIX
	-------------------------------*/
	.clearfix:after {
			content: " "; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
	}
	.clearfix {
			display: inline-block;
			min-height: 1%;
	}
	* html .clearfix {
			height: 1%;
	}
	/*-----------------------------
		テキスト体裁
	-------------------------------*/
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		font-size:12px;
		color:#666;
		line-height:1.7em;
		box-sizing:border-box;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	p{
		margin-bottom:1em;
		clear:both;
	}
	
	.att  {
		margin-left: -1em;
		text-indent: -1em;
	}
	p.attp{
		padding-left:1em;
	}
	.text_center{
		text-align:center;
	}
	.text_right{
		text-align:right;
	}
	
	/*-----------------------------
	その他体裁
	-------------------------------*/
	img{
		border:none;
	}
	.shadow{
		box-shadow:0 1px 2px #666;
	}
	a,
	a img{
		transition-duration:0.2s;
			transition-timing-function:ease-out;
			transition-delay:0s;
	}
	a:hover img{
		filter: alpha(opacity=60);
		-moz-opacity:0.6;
		opacity:0.6;
	}
	.att {
		padding-left:-1em;
	}
	/*-----------------------------
	ヘッダー
	-------------------------------*/
	#head{
		position: static;
		margin:30px auto;
		display: flex;
		justify-content:space-around;
	}
	#head h1{
		text-align: center;
	}
	#contact{
		display: block;
		text-align: center;
	}
	#head img{
		width: 100%;
		height: auto;
	}
	
	/*-----------------------------
		GNAV
	-------------------------------*/
	#gnav,
	#gnav ul{
		display: block;
		width:1070px;
	}
	#gnav_sp .hamburger{
		display:none;
	}
	#gnav li{
		float:left;
		margin:0 8px 0 0;
		padding:0;
		border:1px solid #00968A;
		border-radius:8px;
		box-shadow:0 1px 2px #666;
		width:140px;
		height:70px;
		position:relative;
	}
	#gnav li:hover{
		background: #defaf8;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#defaf8), to(#88CEC8));
		background: -webkit-linear-gradient(#defaf8, #88CEC8);
		background: -moz-linear-gradient(#defaf8, #88CEC8);
		background: -ms-linear-gradient(#defaf8, #88CEC8);
		background: -o-linear-gradient(#defaf8, #88CEC8);
		background: linear-gradient(#defaf8, #88CEC8);
		-pie-background: linear-gradient(#defaf8, #88CEC8);
		behavior:url(http://www.hikone.or.jp/2013html/PIE-1.0.0/PIE.htc);
		position:relative;
	}
	#gnav li:last-child{
		margin-right:0;
		padding-right:0;
	}
	#gnav li a img{
		position:absolute;
		bottom:0;
		left:0;
	}
	#gnav li a:hover img{
		filter: alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}
	#gnav a:hover{
		color:#75c7c5;
		opacity:1;
	}
	/*.gnav01{
		background-image: url(https://www.hikone.or.jp/wp/wp-content/themes/new/img/common/images/g01.png);
		background-repeat:no-repeat;
	}*/
	
	/*-----------------------------
		繧ｾ繝ｼ繝九Φ繧ｰ
	-------------------------------*/
	#contents{
		width:1030px;
		margin:30px 0;
		display:table;
	}
	#snav{
		display:table-cell;
		vertical-align:top;
		width:230px;
	}
	#main{
		/*display:table-cell;*/
		vertical-align:top;
		width:800px;
		/*padding: 0 20px;*/
	}
	#main_bk{
		border:1px solid #CCC;
		box-shadow:0 2px 3px #666;
		border-radius:8px;
		padding:30px 30px 50px 30px;
		box-sizing:border-box;
	}
	.hrborder{
		box-sizing:border-box;
	}
	#foot{
		margin-bottom:50px;
	}
	/*-----------------------------
		SNAV_time
	-------------------------------*/
	#snav_time{
		width:200px;
		border:1px solid #B2589D;
		border-radius:8px;
		margin-bottom:20px;
	}
	#snav_time h2{
		background: #f7e8f4;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f7e8f4), to(#ecc8e4));
		background: -webkit-linear-gradient(#f7e8f4, #ecc8e4);
		background: -moz-linear-gradient(#f7e8f4, #ecc8e4);
		background: -ms-linear-gradient(#f7e8f4, #ecc8e4);
		background: -o-linear-gradient(#f7e8f4, #ecc8e4);
		background: linear-gradient(#f7e8f4, #ecc8e4);
		-pie-background: linear-gradient(#f7e8f4, #ecc8e4);
		behavior:url(http://www.hikone.or.jp/2013html/PIE-1.0.0/PIE.htc);
		position:relative;
		border-radius:8px 8px 0 0;
		margin:0;
		padding:3px 0 0 0;
		text-align:center;
	}
	#snav_time_donichi{
		text-align:center;
		color:#B2589D;
		font-weight:bold;
		font-size:20px;
		line-height:1.2em;
		padding:10px 0 0 0;
		margin:0;
		box-sizing:border-box;
	}
	#snav_time_detail{
		text-align:center;
		padding:0 15px;
		box-sizing:border-box;
	}
	#snav_time_detail p{
		line-height:1.2em;
		padding:5px 0;
		margin:5px 0;
		box-sizing:border-box;
	}
	#snav_time_day{
		letter-spacing:0.2em;
	}
	#snav_time_att{
		text-align:left;
		margin-left:1em;
	}
	#snav_time_att span.att{
		color:#B2589D;
		line-height:1.2em;
	}
	#snav_time_btn{
		background: #f7e8f4;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f7e8f4), to(#ecc8e4));
		background: -webkit-linear-gradient(#f7e8f4, #ecc8e4);
		background: -moz-linear-gradient(#f7e8f4, #ecc8e4);
		background: -ms-linear-gradient(#f7e8f4, #ecc8e4);
		background: -o-linear-gradient(#f7e8f4, #ecc8e4);
		background: linear-gradient(#f7e8f4, #ecc8e4);
		-pie-background: linear-gradient(#f7e8f4, #ecc8e4);
		behavior:url(http://www.hikone.or.jp/2013html/PIE-1.0.0/PIE.htc);
		position:relative;
		border-radius:8px;
		margin:0 auto 10px;
		padding:5px 0 0 0;
		box-sizing:border-box;
		text-align:center;
		width:180px;
		height:50px;
		box-shadow:0 1px 2px #666;
	}
	/*-----------------------------
		SNAV_access
	-------------------------------*/
	#snav_access{
		width:200px;
		border:1px solid #00968A;
		border-radius:8px;
		margin-bottom:20px;
	}
	#snav_access h2{
		background: #defaf8;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#defaf8), to(#88CEC8));
		background: -webkit-linear-gradient(#defaf8, #88CEC8);
		background: -moz-linear-gradient(#defaf8, #88CEC8);
		background: -ms-linear-gradient(#defaf8, #88CEC8);
		background: -o-linear-gradient(#defaf8, #88CEC8);
		background: linear-gradient(#defaf8, #88CEC8);
		-pie-background: linear-gradient(#defaf8, #88CEC8);
		behavior:url(http://www.hikone.or.jp/2013html/PIE-1.0.0/PIE.htc);
		position:relative;
		border-radius:8px 8px 0 0;
		margin:0;
		padding:3px 0 0 0;
		text-align:center;
	}
	#snav_access ul{
		margin:20px 0;
		padding:0 15px;
		box-sizing:border-box;
	}
	#snav_access li{
		padding:5px 0;
	}
	#snav_access li img{
		vertical-align:middle;
		padding-right:10px;
	}
	#snav_access_inq{
		background: #00968A;
		border-radius:8px;
		margin:0 auto 10px;
		padding:7px 0 0 0;
		box-sizing:border-box;
		text-align:center;
		width:180px;
		height:80px;
		box-shadow:0 1px 2px #666;
	}
	/*-----------------------------
		SNAV_nurse
	-------------------------------*/
	#snav_nurse{
		width:200px;
		border:1px solid #B2589D;
		border-radius:8px;
		margin-bottom:20px;
		background:url(../img/common/images/snav_nurse_img.png) no-repeat right bottom;
		cursor:pointer;
	}
	#snav_nurse h2{
		background: #f7e8f4;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f7e8f4), to(#ecc8e4));
		background: -webkit-linear-gradient(#f7e8f4, #ecc8e4);
		background: -moz-linear-gradient(#f7e8f4, #ecc8e4);
		background: -ms-linear-gradient(#f7e8f4, #ecc8e4);
		background: -o-linear-gradient(#f7e8f4, #ecc8e4);
		background: linear-gradient(#f7e8f4, #ecc8e4);
		-pie-background: linear-gradient(#f7e8f4, #ecc8e4);
		behavior:url(http://www.hikone.or.jp/2013html/PIE-1.0.0/PIE.htc);
		position:relative;
		border-radius:8px 8px 0 0;
		margin:0;
		padding:5px 0 0 0;
		text-align:center;
	}
	#snav_nurse p{
		padding:20px 10px 10px;
		width:140px;
		box-sizing:border-box;
		line-height:1.3em;
	}
	/*-----------------------------
		SNAV_recruit
	-------------------------------*/
	/*#snav_recruittop{
		text-align:center;
		font-size:large;
		font-weight:bold;
		background:#0E947C;
		color:#fff;
		border-radius:6px 6px 0 0;
		}*/
	
	#snav_recruit{
		width:200px;
		border:1px solid #00968A;
		border-radius:8px;
		margin-bottom:20px;
		background:url(../img/common/images/snav_recruit_img.png) no-repeat right bottom;
		cursor:pointer;
	}
	#snav_recruit h2{
		background: #defaf8;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#defaf8), to(#88CEC8));
		background: -webkit-linear-gradient(#defaf8, #88CEC8);
		background: -moz-linear-gradient(#defaf8, #88CEC8);
		background: -ms-linear-gradient(#defaf8, #88CEC8);
		background: -o-linear-gradient(#defaf8, #88CEC8);
		background: linear-gradient(#defaf8, #88CEC8);
		-pie-background: linear-gradient(#defaf8, #88CEC8);
		behavior:url(http://www.hikone.or.jp/2013html/PIE-1.0.0/PIE.htc);
		position:relative;
		border-radius:8px 8px 0 0;
		margin:0;
		padding:5px 0 0 0;
		text-align:center;
	}
	#snav_recruit p{
		padding:25px 10px 10px;
		width:140px;
		box-sizing:border-box;
		line-height:1.3em;
	}
	/*-----------------------------
		SNAV_banner
	-------------------------------*/
	.snav_banner{
		margin-bottom:10px;
	}
	.snav_banner img{
		box-shadow:0 1px 2px #666;
	}
	/*-----------------------------
		SNAV_add
	-------------------------------*/
	#snav_add{
		width:200px;
		text-align:right;
		margin:20px 0;
		box-sizing:border-box;
	}
	/*-----------------------------
		PAGETOP
	-------------------------------*/
	#totop{
		width:50%;
		border-radius:8px;
		box-shadow:0 1px 2px #666;
	}
	#totop p{
		font-size:2rem;
	}
	/*-----------------------------
		FOOTER_foot
	-------------------------------*/
	#fnav ul{
		display: flex;
		flex-wrap:nowrap;
		justify-content:space-between;
	}
	#fnav a{
		font-size: 1rem;
		}
	
	/*-----------------------------
		other_link
	-------------------------------*/
	#other_link img{
		width:64px;
		height:64px;
	}
	#link{
		display: none;
	}
	
}