@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	border: 0;
}
a {
	text-decoration: none;
	color:#09f;
}
a:hover {
	text-decoration: underline;
	color:#09f;
}
a img {
	border: 0;
	text-decoration: none;
}
img {
	vertical-align: bottom;
	padding:0;
	margin:0;
	border:0;
	max-width:100%;
}
img,a img {
	border : 0;
	text-decoration: none;
}
a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}
ul,ol,dl{
	list-style:none;
}
i,em{
    font-style: normal;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center{
	text-align:center;
}
.clr{clear:both;}
body{
	font-size:14px;
	line-height:1.5em;
	color:#333;
	font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,ヒラギノ角ゴ ProN W3,Arial,メイリオ,Meiryo,sans-serif;
}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	zoom:1;
	display:block;
}
* html .clearfix{
	height:1px;
}

div.sp-only{
	display:none;
}
div.pc-only{
	display:block;
}
img.sp-only{
	display:none;
}
img.pc-only{
	display:inline;
}
br.sp-only{
	display:none;
}
br.pc-only{
	display:inline;
}
#header{
	position:fixed;
	width:100%;
	background:#fff;
	border-bottom:1px solid #ddd;
	z-index:9999;
}
#header .logo{
	float:left;
	padding:18px 18px 0 18px;
}
#header .logo img{
	height:48px;
}
#menu{
	float:right;
}
#menu .btn{
	cursor:pointer;
	margin:20px;
	position:relative;
	width:50px;
	height:39px;
}
#menu .btn span{
	display:block;
	background:#000;
}
#menu .btn span:nth-child(1){
	position:absolute;
	top:7px;
	left:0;
	right:0;
	height:2px;
	transition-duration:0.2s;
}
#menu .btn span:nth-child(2){
	position:absolute;
	top:20px;
	left:0;
	right:0;
	height:2px;
	transition-duration:0.2s;
}
#menu .btn span:nth-child(3){
	position:absolute;
	top:32px;
	left:0;
	right:0;
	height:2px;
	transition-duration:0.2s;
}
#menu .btn.on span:nth-child(1){
	background:#000;
	transform: rotate(-45deg);
	top:20px;
	transition-duration:0.2s;
}
#menu .btn.on span:nth-child(2){
	display:none;
	transition-duration:0.2s;
}
#menu .btn.on span:nth-child(3){
	background:#000;
	transform: rotate(45deg);
	top:20px;
	transition-duration:0.2s;
}
#menu .btn:hover span,
#menu .btn.on:hover span{
	background:#999;
}
#menu-inr{
	display:none;
	position:fixed;
	top:80px;
	left:0;
	right:0;
	bottom:0;
	background:transparent;
	transition-duration:1s;
	z-index:1;
}
#menu-inr.show{
	display:block;
	position:fixed;
	top:80px;
	left:0;
	right:0;
	bottom:0;
	background:#fff;
	transition-duration:1s;
}
#menu-inr .inr{
	padding:35px 80px;
	font-size:0;
}
#menu-inr .inr .mttl{
	font-size:18px;
	margin-bottom:18px;
	font-weight:bold;
	color:#019C63;
}
#menu-inr .inr li{
	width:22%;
	display:inline-block;
	height:70px;
	font-size:14px;
	vertical-align:top;
	border-top:1px solid #ddd;
	margin:0 3% 0 0;
	padding-top:15px;
}
#menu-inr .inr li a{
	display:block;
	color:#333;
	font-weight:bold;
}
#menu-inr .inr li span{
	display:block;
	margin-top:2px;
	font-size:11px;
	line-height:1.4;
	font-weight:normal;
	color:#666;
}
#footer{
	border-top:2px solid #000;
	padding-top:25px;
}
#footer .inner{
	width:1060px;
	margin:0 auto;
}
#footer .lnks{
	margin-bottom:60px;
}
#footer .lnks li{
	float:left;
	width:20%;
}
#footer .lnks li a span:before{
	content:"• ";
	display:inline;
}
#footer .lnks li:nth-child(1){
	width:28%;
}
#footer .lnks li:nth-child(1) img{
	width:85%;
}
#footer .lnks li:nth-child(2){
	width:20%;
}
#footer .lnks li:nth-child(3){
	width:15%;
}
#footer .lnks li:nth-child(4){
	width:20%;
}
#footer .lnks li:nth-child(5){
	width:17%;
}
#footer .lnks li a{
	display:block;
	color:#333;
	font-size:14px;
	line-height:1.5;
	padding:4px 0;
	white-space:nowrap;
}
#footer .lnks li a span br{
	display:none;
}
#footer .lnks li a span i{
	display:none;
}
#footer .f-logo{
	text-align:center;
}
#footer .credit{
	text-align:center;
	font-size:11px;
	color:#999;
	padding:2px 0 15px 0;
}
#footer .pt{
	z-index:1;
	position:fixed;
	bottom:15px;
	right:15px;
}
#footer .pt a{
	display:block;
	width:60px;
	height:60px;
	box-sizing: border-box;
	border-radius:30px;
	background:#fff;
	box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.1);
	text-align:center;
	padding-top:18px;
	color:#ddd;
	font-size:18px;
}
#footer .pt a:hover{
	text-decoration:none;
	color:#ccc;
	box-shadow: 0px 0px 4px 3px rgba(0,0,0,0.2);
}
#main{
	padding-top:80px;
    display:block;
}
.list_pager .pager_current {
    text-align: center;
    margin-bottom:10px;
}
.list_pager .pager {
    text-align: center;
}
.list_pager .pager .page_number {
    display: inline-block;
    padding:8px 0;
    width:38px;
    border-radius:19px;
    border:1px solid #000;
    color:#333;
    margin:0 3px;
}
.list_pager .pager .page_number.current {
    background:#000;
    color:#fff;
}
.list_pager .pager .page_number:hover {
    background:#000;
    color:#fff;
}
.list_pager .pager a.page_next,
.list_pager .pager a.page_last {
    display: none;
}
#footer .fn{
	display:none;
}




@media screen and (max-width: 769px) {
	a:hover {
		text-decoration: none;
		color:#333;
	}
	div.sp-only{
		display:block;
	}
	div.pc-only{
		display:none;
	}
	img.sp-only{
		display:inline;
	}
	img.pc-only{
		display:none;
	}
	br.sp-only{
		display:inline;
	}
	br.pc-only{
		display:none;
	}
	#header .logo{
		float:left;
		padding:13px 0 0 14px;
	}
	#header .logo img{
		height:34px;
	}
	#menu .btn{
		cursor:pointer;
		margin:15px;
		position:relative;
		width:35px;
		height:29px;
	}
	#menu .btn span:nth-child(1){
		position:absolute;
		top:4px;
		left:0;
		right:0;
		height:2px;
		transition-duration:0.2s;
	}
	#menu .btn span:nth-child(2){
		position:absolute;
		top:14px;
		left:0;
		right:0;
		height:2px;
		transition-duration:0.2s;
	}
	#menu .btn span:nth-child(3){
		position:absolute;
		top:24px;
		left:0;
		right:0;
		height:2px;
		transition-duration:0.2s;
	}
	#menu .btn.on span:nth-child(1){
		background:#000;
		transform: rotate(-45deg);
		top:14px;
		transition-duration:0.2s;
	}
	#menu .btn.on span:nth-child(3){
		background:#000;
		transform: rotate(45deg);
		top:14px;
		transition-duration:0.2s;
	}
	#menu-inr{
		display:none;
		position:fixed;
		top:60px;
	}
	#menu-inr.show{
		display:block;
		position:fixed;
		top:60px;
	}
	#menu-inr .inr{
		padding:15px;
		height:100%;
		box-sizing:border-box;
		overflow-y:scroll;
		transform: translateZ(0);
	}
	#menu-inr .inr .mttl{
		font-size:14px;
		margin-bottom:10px;
	}
	#menu-inr .inr li{
		width:100%;
		display:inline-block;
		height:auto;
		margin:0;
		padding:0;
	}
	#menu-inr .inr li a{
		padding:9px 0;
	}
	#menu-inr .inr li a br{
		display:none;
	}
	#menu-inr .inr li span{
		display:inline;
		margin-top:0;
		padding-left:5px;
	}
	#footer{
		border-top:2px solid #000;
		padding-top:20px;
	}
	#footer .inner{
		width:auto;
		margin:0;
	}
	#footer .lnks{
		margin-bottom:20px;
	}
	#footer .lnks li{
		float:none;
		width:auto;
	}
	#footer .lnks li a span:before{
		content:"";
		display:none;
	}
	#footer .lnks li:nth-child(1),
	#footer .lnks li:nth-child(2),
	#footer .lnks li:nth-child(3),
	#footer .lnks li:nth-child(4),
	#footer .lnks li:nth-child(5){
		width:auto;
	}
	#footer .lnks li:nth-child(1) img{
		width:203px;
	}
	#footer .lnks li a{
		display:block;
		font-size:13px;
		line-height:1.5;
		padding:8px 15px;
		white-space:nowrap;
		border-bottom:1px solid #ddd;
	}
	#footer .lnks li a{
		float:left;
		width:50%;
		box-sizing:border-box;
		display:block;
		font-size:12px;
		line-height:1.5;
		padding:9px 15px;
		white-space:nowrap;
		border-bottom:1px solid #ddd;
		border-right:1px solid #ddd;
	}
	#footer .lnks li:first-child a:first-child{
		float:none;
		width:100%;
		text-align:center;
	}
	#footer .lnks li:first-child a:first-child span{
		display:none;
	}
	#footer .f-logo img{
		width:175px;
	}
	#footer .credit{
		font-size:9px;
		padding:2px 0 8px 0;
	}
	#footer .pt{
		position:fixed;
		bottom:10px;
		right:10px;
	}
	#footer .pt a{
		width:40px;
		height:40px;
		border-radius:20px;
		box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
		padding-top:9px;
		font-size:12px;
	}
	#main{
		padding-top:60px;
	}
}
@media screen and (max-width: 320px) {

	#footer .lnks li a{
		font-size:11px;
		padding:10px 11px;
	}

}