/*
 □-- #page
*/

#page{
	background:#14141e;
	width:100%;
	padding:0 0 50px;
	}
	#page #main_hd{}
	#page #main_hd .pageimage{
		background-size:cover !important;
		height:300px;
		position:relative;
		}
	#page #main_hd .pageimage span{
		position:absolute;
		top:100%;
		right:0;
		font-size:9px;
		padding:9px;
		color:#666;
		line-height:13px;
		}
	#page #main_hd h1{
		margin:50px 0;
		font-weight:normal;
		}
	#page #main_hd h1 img,
	#page #main_hd h1 span{
		display:block;
		text-align:center;
		color:#DDD;
		}
	#page #main_hd h1 img{
		max-width:600px;
		width:90%;
		height:auto;
		margin:0 auto;
		}
	#page #main_hd h1 span{
		font-size:14px;
		line-height:20px;
		}
	
	#page #main_in{
		max-width:720px;
		margin:0 auto;
		width:90%;
		}
	#page #main_in .pagenavi{margin:0 0 50px 0;}
	#page #main_in .pagenavi ul{width:100%;}
	#page #main_in .pagenavi ul li{
		position:relative;
		padding-bottom:15px;
		float:left;
		}
	#page #main_in .pagenavi.pagenavi-allow ul li.current{
		padding-bottom:12px;
		border-bottom:3px #c80000 solid;
		}
	#page #main_in .pagenavi-size2 ul li{width:50%;}
	#page #main_in .pagenavi-size3 ul li{width:33.3333%;}
	#page #main_in .pagenavi-size4 ul li{width:25%;}
	#page #main_in .pagenavi-size5 ul li{width:20%;}
	#page #main_in .pagenavi ul li a{
		display:block;
		text-align:center;
		border-left:1px solid #666;
		border-right:1px solid #666;
		color:#DDD;
		font-size:14px;
		line-height:24px;
		text-decoration:none;
		}
	#page #main_in .pagenavi ul li a:hover{color: #c80000;}
	#page #main_in .pagenavi.pagenavi-allow ul li.current:after{
		content: "";
		width: 0px;
		height: 10px;
		border: 10px solid transparent;
		border-top-color: #c80000;
		position: absolute !important;
		top: 60px;
		margin-left: -10px;
		left: 50%;
		}
	#page #main_in .pagenavi ul li a span{display:block;}
	#page #main_in .pagenavi ul li a span.j{display:block;}
	#page #main_in .pagenavi ul li a span.e{display:block;}
	
	#page #main_ft{
		max-width:720px;
		margin:0 auto;
		width:90%;
		text-align:center;
		}
	#page #main_ft ul{}
	#page #main_ft ul li{margin:12px 0;}
	#page #main_ft ul li a{}
	@media(min-width:1px) and (max-width:1080px){
		#page{padding-top:80px;}
		}
	@media(min-width:1px) and (max-width:740px){
		#page #main_in .pagenavi ul li{
			position:relative;
			padding-bottom:15px;
			float:left;
			}
		#page #main_in .pagenavi.pagenavi-allow ul li.current{
			padding-bottom:15px;
			border-bottom:none;
			}
		#page #main_in .pagenavi-size2 ul li,
		#page #main_in .pagenavi-size3 ul li,
		#page #main_in .pagenavi-size4 ul li,
		#page #main_in .pagenavi-size5 ul li{width:100%;}
		#page #main_in .pagenavi ul li a{
			display:block;
			text-align:center;
			border-left:1px solid #666;
			border-right:1px solid #666;
			color:#DDD;
			font-size:14px;
			line-height:24px;
			text-decoration:none;
			}
		#page #main_in .pagenavi ul li a:hover{color: #c80000;}
		#page #main_in .pagenavi.pagenavi-allow ul li.current:after{display:none;}
		}
	@media(min-width:741px) and (max-width:1080px){
		#page #main_hd .pageimage{height:240px;}
		}
	@media(min-width:481px) and (max-width:740px){
		#page #main_hd .pageimage{height:180px;}
		}
	@media(min-width:1px) and (max-width:480px){
		#page #main_hd .pageimage{height:120px;}
		#page #main_hd h1{
			margin:50px 0 20px;
			font-weight:normal;
			}
		#page #main_in .pagenavi{margin:0 0 30px;}
		}