@charset "utf-8";
/* CSS Document */
/* ヘッダー */
div#headermenu {
	width:100%;
	height:60px;
	position:absolute;
	top:0;
	left:0;
	z-index: 10;
}
	div#headermenu div.center {}
		div#headermenu div.center a#logo {
			display: block;
			width: 140px;
			float: left;
		}
			div#headermenu div.center a#logo img { width:100%;}
		div#headermenu div.center div.hmenubox { display: none;}
/* サイドメニュー */
div#sideMenu { }
	/* チェックボックス */
	div#sideMenu input.check {
		display: none;
	}
	/* サイドメニューボタン */
	div#sideMenu div.menubtn {
		width:66px;
		height:66px;
		position: fixed;
		top:5px;
		right:5px;
		z-index: 30;
		background: #FF0000;
		box-sizing: border-box;
		border: #fff 3px solid;
		border-radius: 33px;
	}
		div#sideMenu div.menubtn label.menu-btn {
			display: block;
			width:56px;
			height:56px;
			position: absolute;
			top:0;
			left:2px;
		}
			div#sideMenu div.menubtn label.menu-btn:hover span.bar {
				opacity: 0.7;
			}
			div#sideMenu div.menubtn label.menu-btn span.bar {
				position: absolute;
				top:15px;
				left: 10px;
				display: block;
				width: 36px;
				height: 2px;
				background: #fff;
				-webkit-transition: all .5s;
				transition: all .5s;
				-webkit-transform-origin: left top;
				-ms-transform-origin: left top;
				transform-origin: left top;
			}
			div#sideMenu div.menubtn label.menu-btn span.bar.middle {
				top: 23px;
				opacity: 1;
			}
			div#sideMenu div.menubtn label.menu-btn span.bar.bottom {
				top: 31px;
				-webkit-transform-origin: left bottom;
				-ms-transform-origin: left bottom;
				transform-origin: left bottom;
			}
			div#sideMenu div.menubtn label.menu-btn p.menu {
				width:100%;
				height:20px;
				line-height: 20px;
				position: absolute;
				top:35px;
				left:0;
				color:#fff;
				text-align: center;
				font-size: 10px;
				letter-spacing: 1px;
				-webkit-transition: all .5s;
				transition: all .5s;
				-webkit-transform-origin: left top;
				-ms-transform-origin: left top;
				transform-origin: left top;
			}
			div#sideMenu div.menubtn label.menu-btn p.close {
				opacity: 0;
				width:100%;
				height:20px;
				line-height: 20px;
				position: absolute;
				top:35px;
				left:0;
				color:#fff;
				text-align: center;
				font-size: 10px;
				letter-spacing: 1px;
				-webkit-transition: all .5s;
				transition: all .5s;
				-webkit-transform-origin: left top;
				-ms-transform-origin: left top;
				transform-origin: left top;
			}
	/* サイドメニュー */
	div#sideMenu div#menuBox {
		width:320px;
		height:100%;
		position: fixed;
		top:0;
		right:-320px;
		padding: 80px 0 50px 0;
		box-sizing: border-box;
		background: #FF0000;
		overflow-y: scroll;
		z-index: 20;
	}
		div#sideMenu div#menuBox div.center {
			width:300px;
			height:400px;
			margin: 0px 0px 0px auto;
		}
			div#sideMenu div#menuBox div.center div.menuset {
				width:300px;
				height:100px;
				box-sizing: border-box;
				overflow: hidden;
				position: relative;
			}
				div#sideMenu div#menuBox div.center div.menuset img.firstimg {
					display: block;
					width:80px;
					height:80px;
					position: absolute;
					top:-90px;
					right:0;
					opacity: 0;
				}
				div#sideMenu div#menuBox div.center div.menuset a {
					display: block;
					width:80px;
					height:80px;
					position: absolute;
					top:10px;
					right:10px;
					display: none;
					opacity: 0;
				}
				div#sideMenu div#menuBox div.center div.menuset a.home { background: url(../images/cmn/smenu_home.png) no-repeat; background-size: 100% 100%;}
				div#sideMenu div#menuBox div.center div.menuset a.bosyu { background: url(../images/cmn/smenu_bosyu.png) no-repeat; background-size: 100% 100%;}
				div#sideMenu div#menuBox div.center div.menuset a.profile { background: url(../images/cmn/smenu_profile.png) no-repeat; background-size: 100% 100%;}
				div#sideMenu div#menuBox div.center div.menuset a.endayori { background: url(../images/cmn/smenu_endayori.png) no-repeat; background-size: 100% 100%;}
				div#sideMenu div#menuBox div.center div.menuset a.policy { background: url(../images/cmn/smenu_policy.png) no-repeat; background-size: 100% 100%;}
				div#sideMenu div#menuBox div.center div.menuset a.schedule { background: url(../images/cmn/smenu_schedule.png) no-repeat; background-size: 100% 100%;}
				div#sideMenu div#menuBox div.center div.menuset a.event { background: url(../images/cmn/smenu_event.png) no-repeat; background-size: 100% 100%;}
				div#sideMenu div#menuBox div.center div.menuset a.news { background: url(../images/cmn/smenu_news.png) no-repeat; background-size: 100% 100%;}
				div#sideMenu div#menuBox div.center div.menuset a.club { background: url(../images/cmn/smenu_club.png) no-repeat; background-size: 100% 100%;}
				div#sideMenu div#menuBox div.center div.menuset a.contact { background: url(../images/cmn/smenu_contact.png) no-repeat; background-size: 100% 100%;}
				div#sideMenu div#menuBox div.center div.menuset a.access { background: url(../images/cmn/smenu_access.png) no-repeat; background-size: 100% 100%;}
				div#sideMenu div#menuBox div.center div.menuset a.report { background: url(../images/cmn/smenu_report.png) no-repeat; background-size: 100% 100%;}
	/* -- チェックをつけた場合 */
/*
	div#sideMenu input.check:checked ~ div#menuBox {
		-webkit-transition-delay: .3s;
		transition-delay: .3s;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
		left:0px;
		z-index: 20;
	}
*/
	div#sideMenu input.check:checked ~ div.menubtn { border-color:#FF0000; }
	div#sideMenu input.check:checked ~ div.menubtn label.menu-btn span.bar.top {
		top:10px;
		left:15px;
		width: 35px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	div#sideMenu input.check:checked ~ div.menubtn label.menu-btn span.bar.middle {
		opacity: 0;
	}

	div#sideMenu input.check:checked ~ div.menubtn label.menu-btn span.bar.bottom {	
		width: 35px;
		top: 35px;
		left:15px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	div#sideMenu input.check:checked ~ div.menubtn p.menu { opacity: 0;}
	div#sideMenu input.check:checked ~ div.menubtn p.close { opacity: 1;}
/* フッター */
div#footerbox {
	width:100%;
	background: #FF0000;
	padding: 20px 0;
}
	div#footerbox div.fmenubox {display: none;}
	div#footerbox small {
		width:100%;
		display: block;
		font-size: 10px;
		color: #fff;
		margin: 0 auto 0 auto;
		text-align: center;
	}
/* 共通 */
div#contents {
	width:100%;
	position: absolute;
	top:0px;
	left:0px;
	padding-top: 50px;
	z-index: 1;
}
/* パンくずリスト */
div#breadcrumb { display: none; }
/* 2分割のパターンの場合 */
div#contentsbox01 {
	width:90%;
	margin: 20px auto 30px auto;
}
div#contentsbox01 div#leftbox {
	width:100%;
}
/* 右側 */
div#contentsbox01 div#rightbox {
	width:100%;
}
	/* 右側メニュー */
	div#contentsbox01 div#rightbox div.rmenubox { display: none;}
	/* ニュース一覧 */
	div#contentsbox01 div#rightbox div.newsyearbox {
		width:100%;
	}
		div#contentsbox01 div#rightbox div.newsyearbox h2.sponly { margin-top: 40px;}
		div#contentsbox01 div#rightbox div.newsyearbox div.yearbox {}
			div#contentsbox01 div#rightbox div.newsyearbox div.yearbox p.yearname {
				display: block;
				height:50px;
				line-height: 50px;
				border-bottom: #D3D3D3 1px solid;
				text-indent: 20px;
				text-decoration: none;
				color: #333;
				font-size: 14px;
				letter-spacing: 1px;
				cursor: pointer;
			}
			div#contentsbox01 div#rightbox div.newsyearbox div.yearbox p.yearname:hover { opacity: 0.7; }
			div#contentsbox01 div#rightbox div.newsyearbox div.yearbox div.closebox { display: none;}
				div#contentsbox01 div#rightbox div.newsyearbox div.yearbox div.closebox a {
					display: block;
					height:60px;
					padding: 10px 20px;
					border-bottom: #ccc 1px dotted;
					text-decoration: none;
					color: #666;
					box-sizing: border-box;
				}
					div#contentsbox01 div#rightbox div.newsyearbox div.yearbox div.closebox a p.newsbtn_date {
						height:20px;
						line-height: 20px;
						font-size: 12px;
						text-align: right;
					}
					div#contentsbox01 div#rightbox div.newsyearbox div.yearbox div.closebox a p.newsbtn_title {
						height:20px;
						line-height: 20px;
						font-size: 12px;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
	/* 最近のニュース */
	div#contentsbox01 div#rightbox div.newbolgbox {
		width:100%;
		margin-bottom: 20px;
	}
		div#contentsbox01 div#rightbox div.newbolgbox a {
			display: block;
			padding: 20px 20px 0 50px;
			text-decoration: none;
			color: #666;
			box-sizing: border-box;
			font-size: 12px;
			line-height: 15px;
			position: relative;
		}
			div#contentsbox01 div#rightbox div.newbolgbox a img {
				height:15px;
				position: absolute;
				left:5px;
				top:20px;
			}
	/* 住所 */
	div#contentsbox01 div#rightbox div.inatsukiinfobox {
		width:100%;
		box-sizing: border-box;
		border: #D3D3D3 1px solid;
		padding: 90px 16px 30px 16px;
		margin: 50px auto 0 auto;
		background: url(../images/cmn/logo2.png) no-repeat, url(../images/cmn/inatsuki.png) no-repeat;
		background-size: 60px 60px, 102px auto;
		background-position: left 10px top 10px, left 90px top 20px;
	}
		div#contentsbox01 div#rightbox div.inatsukiinfobox p {
			line-height: 20px;
			font-size: 12px;
			color: #666;
			font-family:"メイリオ", Meiryo,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
		}
		div#contentsbox01 div#rightbox div.inatsukiinfobox p.koumoku {
			width:38%;
			float: left;
		}
		div#contentsbox01 div#rightbox div.inatsukiinfobox p.naiyou {
			width:60%;
			margin-left: 2%;
			float: left;
		}
		div#contentsbox01 div#rightbox div.inatsukiinfobox a.accessbtn {
			display: block;
			width: 38%;
			float: left;
			margin-top: 15px;
		}
			div#contentsbox01 div#rightbox div.inatsukiinfobox a.accessbtn img { width:100%; max-width: 120px;}
		div#contentsbox01 div#rightbox div.inatsukiinfobox img.mapimg {
			display: block;
			max-width: 60%;
			float: left;
			margin: 15px auto 15px 2%;
		}
		div#contentsbox01 div#rightbox div.inatsukiinfobox p.koumoku { font-weight: bold;}
	/* バナー */
	div#contentsbox01 div#rightbox a.igisubanner {display: none;}
/* 分割なし */
div#contentsbox02 {
	width:90%;
	margin: 20px auto 30px auto;
}
/* タイトル行スタイル 共通 */
h2.h2style01 {
	width:100%;
	font-size: 14px;
	line-height: 20px;
	background: #D3151A;
	color: #fff;
	padding: 5px 10px;
	font-weight: normal;
	letter-spacing: 1px;
	box-sizing: border-box;
}
h2.h2style01.green {
	background: #009944;
}
h2.h2style02 {
	width:100%;
	font-size: 14px;
	line-height: 20px;
	background: url(../images/cmn/h2bar.png) no-repeat;
	background-position: left bottom;
	color: #666;
	padding: 5px 0 10px 0;
	letter-spacing: 1px;
	box-sizing: border-box;
}
h2.h2style03 {
	width:100%;
	font-size: 14px;
	line-height: 20px;
	background: url(../images/cmn/h2bar.png) no-repeat;
	background-position: left bottom;
	color: #666;
	padding: 5px 0 10px 0;
	letter-spacing: 1px;
	box-sizing: border-box;
	margin-top: 30px;
}