@charset "utf-8";

html{
	font-family:"Noto Sans Japanese", "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Roboto, "Droid Sans", sans-serif;
	font-size: 62.5%;
}
body{
	font-size: 1.3rem;
	text-size-adjust:100%;
	margin:0;
	text-justify:inter-ideograph;
	font-kerning:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-text-size-adjust:100%;
	color: #444;
}
/*#gNav,*/#lNav{font-family:georgia,serif;font-size: 1.6rem;}
/*header,#header{
	padding:5px 0px 0 5px;
	height:53px;
}
h1{margin:0;}*/
h2{margin:10px 0 0 15px;}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
a{
	text-decoration:none;
	color:#444;
}
li a{display:block;}
p{margin-bottom:0;}
.flex-con{display: flex;}
.jcc{justify-content: center;}
.jcfs{justify-content: flex-start;}
.fw{
	flex-wrap: wrap;
}
.fw>*{margin:0 15px 2rem;}
.fw > :last-child{margin-bottom: 0;}
.mlr15{margin: 0 15px;}
.ul{
	list-style:none;
	margin:0;
	padding:0;
}
.menu{
	display: flex;
	/*text-transform:uppercase;*/
}
/*
.ir{
	display:block;
	overflow:hidden;
}
.ir:before{
	font-size:0;
	line-height:0;
}
#logo{
	width:134px;
	height:40px;
}
#logo:before{
	content:url(../img/logo.png);
}
#gNav li{padding-right:35px;}
#gNav li:first-child,*/#lNav li:first-child{padding-left:0;}
#chk{display: none;}
.menu a{border-bottom:3px solid rgba(255,255,255,0);}
.menu a:hover,#lNav .this{border-bottom:3px solid #eb2;}
#lNav{margin:10px 0 0 15px;}
#lNav li{padding-left: 15px;}
main{margin-bottom:1.5em;}
footer,#footer{position:fixed; bottom:3px; width:100%; height:1.3em;padding: 3px;}
#copyright{color:#999; display:inline-block; text-align:right; width:100%;}

/*スライダー{*/
	/*
	#slide-00 *{outline:1px solid #0ff;}*/
	#slide-00{position:absolute; top:50px; bottom:0; margin:auto; width:100%; height:290px;}
	.slideFrame,.slideGuide{overflow:hidden; margin:0;}
	.slideGuide{width:100%; height:290px;}
	.slideGuide,.slideCell{z-index:1;}
	.slideCell{margin:0; padding:0; vertical-align:top; height:290px;}
	.slideCell,.slideCell > *{display:inline-block; position:relative;}
	.slideCell img{vertical-align:top;}
	.circle>img{border-radius:200px;}
	/*各画像の位置調整*/
	.cell1{}.a1{top:10px;left:40px;}.a2{top:45px;}
	.cell2{}.a3{top:35px;}
	.cell3{width:206px;}.en1{top:8px;}.a4{top:5px; left:5px;}.a5{top:30px; left:30px;}.a6{top:70px;}.a7{top:55px; left:8px;}
	.cell4{width:230px;}.a8{top:5px;left:60px;}.a9{top:10px;}.en2{top:30px;left:30px;width:80px;}
	.cell5{width:183px;}.a10{top:50px;}.a11{top:20px;left:30px;}.a12{top:50px;left:60px;}
	.cell6{width:340px;}.a13{left:120px;}.en3{top:25px;left:130px;}.a16{top:5px;}.a15{top:50px;left:10px;}
/*}スライダー */

@media only screen and (max-height:400px) and (orientation:landscape) {
	#slide-00{top:85px;margin:0;}
	#slide-00,.slideGuide,.slideCell{height:250px;}
	.slideCell>a{display:inline-block;}
	.slideCell>a>img{max-width:100%;}
	.a1{width:64px;}.a2{width:108px;}
	.a3{width:152px;}
	.cell3{width:166px;}.en1{width:82px;}.en4{width:90px;}.a5{width:78px;}.a6{width:92px;}.a7{width:58px;}
	.cell4{width:187px;}.a8{width:120px;}.a9{width:92px;}.en2{width:64px;}
	.cell5{width: 151px;}.a10{width:54px;}.a11{width:66px;}.a12{width:86px;}
	.cell6{width:272px;}.a13{width:86px; left:90px;}.en4{width:86px; left:100px;}.a14{width:136px;}.a15{width:92px;}.a16{width:120px;}
}
@media screen and (max-width:640px){
/*headerここから*/
/*
	header,#header{background:#eee; border-bottom:1px solid #eee;}
	#gNav{display:block; position:absolute; right:0; top:1px; width:100%; height:50px;}
	#gNav input{display:none; position:relative; left:250px;}
	#gNav input:checked +div{font-size: inherit;}*//*Android標準ブラウザのバグ対策*/
/*
	#gNav label{
		background:#eee;
		height:43px;
		position:absolute;
		right:0;
		width:43px;
	}*/
	/*収納時3本*/
/*	#gNav label:before{
		background:#999;
		box-shadow:0 12px #999, 0 24px #999;
		border-radius:3px;
		content:'';
		display:block;
		height:6px;
		position:absolute;
		right:6px;
		top:7px;
		transform:translateZ(0);
		width:32px;
	}
	#gNav input:checked +div label{
		background:#999;
		height:44px;
		position:absolute;
		right:0;
		width:44px;
	}
*/
/*展開時3本*/
/*
	#gNav input:checked +div label:before{
		background:#fff;
		box-shadow:0 12px #fff, 0 24px #fff;
		content:'';
		display:block;
		height:6px;
		position:absolute;
		right:6px;
		top:7px;
		transform:translateZ(0);
		width:32px;
	}
	#gNav ul{
		display:block;
		height:0;
		left:0;
		margin:0 auto;
		overflow:hidden;
		padding:0;
		position:relative;
		top:45px;
		transform:translateZ(0);
		z-index: 3;
	}
	#gNav input:checked +div ul{margin:0;height:25em;}
	#gNav li{
		background:#666; border-bottom:#fff 1px solid;
		opacity: .8;
		display:block; padding-right:0;
	}
	#gNav .this{border:0;}
	#gNav a{
		color:#fff;
		font-size:150%;
		padding:15px 10px;
		position:relative;
	}
	#gNav a:after{
		border-top:solid 3px #fff;
		border-right:solid 3px #fff;
		content:"";
		display:block;
		position:absolute; top:50%; right:20px;
		width:7px; height:7px;
		margin-top:-4px;
		transform:rotate(45deg);
	}
*/
/*headerここまで*/
}
@media screen and (min-width:641px){
/*	header,#header{border-bottom:1px solid #999;}
	header h1,#header h1,#gNav{display:inline-block;}
	#gNav{
		margin:0;
		width:calc(100% - 150px);
	}
	#gNav ul{
		justify-content:flex-end;
	}
	#gNav .this{border-bottom:3px solid #eb2;}
}*/

/*
	マージンを含めた1枚の横幅は190px
	スクロールバーは17px?
*/
}
/* --------------------------------
グローバルメニュー
-------------------------------- */
.cd-auto-hide-header {
	background: #eee;
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	font-family:georgia,serif;font-size: 1.6rem;
	/* Force Hardware Acceleration */
	transform: translateZ(0);
	will-change: transform;
	transition: transform .5s, -webkit-transform .5s;
}
.cd-auto-hide-header::after {
	clear: both;
	content: "";
	display: block;
}
.cd-auto-hide-header.is-hidden {
	transform: translateY(-100%);
}
@media only screen and (min-width: 641px) {
	.cd-auto-hide-header {
		background: #fff;
		height: 50px;
		border-bottom: 1px solid #999;
	}
}

.cd-auto-hide-header .logo,.cd-auto-hide-header .nav-trigger {
	position: absolute;
	top: 50%;	bottom: auto;
	transform: translateY(-50%);
}
.cd-auto-hide-header .logo {
	left: 15px;
}
.cd-auto-hide-header .logo a, .cd-auto-hide-header .logo img {
	display: block;
}

.cd-auto-hide-header .nav-trigger {
	/* vertically align its content */
	border-left: 1px solid #f2f2f2;
	color: #25283D;
	display: table;
	height: 100%;
	padding: 0 1em;
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: bold;
	right: 0;
}
.cd-auto-hide-header .nav-trigger span {
	/* vertically align inside parent element */
	display: table-cell;
	vertical-align: middle;
}
.cd-auto-hide-header .nav-trigger em, .cd-auto-hide-header .nav-trigger em::after, .cd-auto-hide-header .nav-trigger em::before {
	/* this is the menu icon */
	display: block;
	position: relative;
	height: 2px;
	width: 22px;
	background-color: #25283D;
	backface-visibility: hidden;
}
.cd-auto-hide-header .nav-trigger em {
	/* this is the menu central line */
	margin: 6px auto 14px;
	transition: background-color .2s;
}
.cd-auto-hide-header .nav-trigger em::before, .cd-auto-hide-header .nav-trigger em::after {
	position: absolute;
	content: '';
	left: 0;
	transition: transform .2s, -webkit-transform .2s;
}
.cd-auto-hide-header .nav-trigger em::before {
	/* this is the menu icon top line */
	transform: translateY(-6px);
}
.cd-auto-hide-header .nav-trigger em::after {
	/* this is the menu icon bottom line */
	transform: translateY(6px);
}
@media only screen and (min-width: 641px) {
	.cd-auto-hide-header .nav-trigger {
		display: none;
	}
}

.cd-auto-hide-header.nav-open .nav-trigger em {
	/* transform menu icon into a 'X' icon */
	background-color: rgba(255, 255, 255, 0);
}
.cd-auto-hide-header.nav-open .nav-trigger em::before {
	transform: rotate(-45deg);
}
.cd-auto-hide-header.nav-open .nav-trigger em::after {
	transform: rotate(45deg);
}

.cd-primary-nav {
	display: inline-block;
	float: right;
	height: 100%;
	padding-right: 5%;
}
.cd-primary-nav > ul {
	position: absolute;
	z-index: 2;
	top: 50px;
	left: 0;
	width: 100%;
	display: none;
	box-shadow: 0 14px 20px rgba(0, 0, 0, 0.2);
	vertical-align:text-bottom;
}
.cd-primary-nav > ul li{
	background: rgba(102,102,102,.7);
}
.cd-primary-nav > ul a {
	/* target primary-nav links */
	background: inherit;
	color: #fff;
	display: block;
	height: 50px;
	line-height: 50px;
	padding-left: 5%;
	border-top: 1px solid #f2f2f2;
}
.cd-primary-nav > ul a:hover, .cd-primary-nav > ul a.active {
	color: #eb2;
}
@media only screen and (min-width: 641px) {
	.cd-primary-nav {
		/* vertically align its content */
		display: table;
	}
	.cd-primary-nav > ul {
		/* vertically align inside parent element */
		display: table-cell;
		vertical-align: bottom;
		/* reset mobile style */
		position: relative;
		width: auto;
		top: 0;
		padding: 0;
		background-color: transparent;
		box-shadow: none;
	}
	.cd-primary-nav > ul::after {
		clear: both;
		content: "";
		display: block;
	}
	.cd-primary-nav > ul li {
		display: inline-block;
		float: left;
		margin-right: 2em;
		background: #fff;
	}
	.cd-primary-nav > ul li:last-of-type {
		margin-right: 0;
	}
	.cd-primary-nav > ul a {
		/* reset mobile style */
		color: #444;
		height: auto;
		line-height: normal;
		padding: 0;
		border: none;
		border-bottom: 3px solid #fff;
	}
	.cd-primary-nav > ul .this{border-bottom:3px solid #eb2;}
	.cd-primary-nav > ul a:hover, .cd-primary-nav > ul a.active {
		color: inherit;
		border-bottom: 3px solid #eb2;
	}
}

.nav-open .cd-primary-nav ul,
.cd-primary-nav ul:target {
	display: block;
}
@media only screen and (min-width: 641px) {
	.nav-open .cd-primary-nav ul,
	.cd-primary-nav ul:target {
		display: table-cell;
	}
}
.main{
	position: relative;
	top: 50px
}