@charset "utf-8";
/*------------------------------------------------------------
	information
------------------------------------------------------------*/
.pageTitle {
	background: url(../img/jp/information/page_title_bg.jpg) no-repeat center center;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/jp/information/page_title_bg.jpg',sizingMethod='scale');
}

#conts .searchBox {
	display: none;
}

#conts .newsList {
	margin: -5px 0 35px;
	font-size: 15px;
}

#conts .newsList dt {
	padding-top: 4px;
	float: left;
}

#conts .newsList dt span {
	margin-left: 8px;
	width: 55px;
	display: inline-block;
	color: #FFF;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	background-color: #7A0000;
}

#conts .newsList dt .info {
	background-color: #011628;
}

#conts .newsList dd {
	padding: 4px 0 11px 10.5em;
}

#conts .newsList dd:last-child {
	padding-bottom: 3px;
}

#conts .newsList dd a {
	text-decoration: none;
}

#conts .newsList dd a:hover {
	text-decoration: underline;
}

#conts .pageList li {
	margin-right: 20px;
	display: inline;
	font-size: 15px;
	float: left;
}

#conts .pageList li.prev,
#conts .pageList li.next {
	display: none;
}

/*------------------------------------------------------------
	detail
------------------------------------------------------------*/
#conts h3 {
	padding-top: 20px;
	color: #011628;
	font-size: 32px;
	font-weight: normal;
	line-height: 1.8;
	border-top: 4px solid #011628;
}

#conts .date {
	margin-bottom: 33px;
	padding-bottom: 22px;
	font-size: 15px;
	line-height: 1.5;
	border-bottom: 1px solid #CCC;
}

#conts .photo {
	margin-bottom: 35px;
}

#conts p {
	margin-bottom: 30px;
	font-size: 15px;
	line-height: 2;
}

#conts .pageLink {
	padding-top: 17px;
}

#conts .pageLink li {
	font-size: 15px;
}

#conts .pageLink li .sp {
	display: none;
}

#conts .pageLink li .pc {
	display: inline-block;
}

#conts .pageLink .prev {
	float: left;
}

#conts .pageLink .prev a {
	padding-left: 15px;
	background: url(../img/common/icon18.png) no-repeat left 6px;
}

#conts .pageLink .next {
	float: right;
}

#conts .pageLink .next a {
	padding-right: 15px;
	background: url(../img/common/icon19.png) no-repeat right 6px;
}

#conts .pageLink .back {
	display: none;
}

@media all and (min-width: 0) and (max-width: 767px)  {
	.pageTitle {
		background: url(../img/jp/information/sp_page_title_bg.jpg) no-repeat center center;
		background-size: cover;
	}

	#main {
		padding: 0 0 33px;
	}
	
	.content {
		padding: 0;
	}
	
	#conts .searchBox {
		padding: 16px 15px 5px;
		display: block;
		background-color: #011628;
	}

	#conts .searchBox .sub {
		margin-bottom: 10px;
	}
	
	#conts .searchBox .customSelect {
		margin-bottom: 10px;
		width: 100%;
		color: #999;
		font-size: 17px;
		position: relative;
	}

	#conts .searchBox .customSelect .customInner {
		padding: 7px 5px 6px;
		background: #FFF url(../img/common/icon17.png) no-repeat right center;
		background-size: 24px 8px;
		border: 1px solid #CCC;
		border-radius: 5px;
	}
	
	#conts .searchBox .customSelect ul {
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		padding: 7px 10px;
		background: #FFF;
		border: 1px solid #CCC;
		border-radius: 3px;
		box-sizing: border-box;
		display: none;
		z-index: 90;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}

	#conts .searchBox .customSelect ul a {
		display: inline-block;
		float: none;
		color: #999;
		text-decoration: none;
	}
	
	#conts .searchBox input {
		padding: 0 8px;
		width: 87%;
		height: 30px;
		float: left;
		color: #999;
		font-size: 17px;
		line-height: 1.8;
		border: 1px solid #CCC;
		border-radius: 5px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-webkit-appearance: none; 
	}
	
	#conts .searchBox #searchsubmit {
		margin: 0;
		padding: 0;
		width: 30px;
		height: 30px;
		border: none;
		background: url(../img/common/btn02.png) no-repeat left top;
		background-size: 30px 30px;
		float: right;
		overflow: hidden;
		text-indent: -9999px;
	}
	
	#conts .searchBox a {
		display: block;
		float: right;
	}

	#conts .searchBox a img {
		width: 30px;
	}
	
	#conts .newsList {
		margin: 0 0 30px;
		font-size: 15px;
		border-bottom: 1px solid #CCC;
	}
		
	#conts .newsList dt {
		padding: 17px 18px 0;
		float: none;
		border-top: 1px solid #CCC;
	}
	
	#conts .newsList dt span {
		margin-left: 5px;
		min-width: 33px;
		font-size: 12px;
		text-align: center;
	}
	
	#conts .newsList dt .info {
		background-color: #011628;
	}
	
	#conts .newsList dd {
		padding: 3px 18px 13px;
		word-break: break-all;
		line-height: 2;
	}
	
	#conts .newsList dd:last-child {
		padding-bottom: 3px;
	}
	
	#conts .newsList dd a {
		text-decoration: none;
	}
	
	#conts .newsList dd a:hover {
		text-decoration: none;
	}

	#conts .wp-pagenavi {
		margin: 0 12px;
		text-align: center;
	}
	
	#conts .wp-pagenavi .pages {
		display: none;
	}

	#conts .wp-pagenavi a,
	#conts .wp-pagenavi span {
		margin: 0 2px;
		padding-top: 6px;
		display: inline-block;
		width: 25px;
		height: 19px;
		color: #011628;
		font-size: 10px;
		text-align: center;	
		text-decoration: none;
		border: 1px solid #03182A;
	}

	#conts .wp-pagenavi .previouspostslink {
		color: #CCC;
		background-color: #EEE;
		border-color: #EEE;
	}

	#conts .wp-pagenavi .nextpostslink {
		color: #FFF;
		background-color: #999;
		border-color: #999;
	}
	
	#conts .wp-pagenavi .current {
		color: #FFF;
		background-color: #03182A;
	}

	/*------------------------------------------------------------
		detail
	------------------------------------------------------------*/
	#conts h3 {
		margin: 25px 15px 0;
		padding-top: 12px;
		font-size: 21px;
		border-top: 2px solid #011628;
	}
	
	#conts .date {
		margin: 6px 15px 20px;
		padding-bottom: 17px;
		font-size: 17px;
		line-height: 1.5;
	}
	
	#conts .photo {
		margin: 0 15px 15px;
	}

	#conts .photo img {
		width: 100%;
	}
	
	#conts p {
		margin: 0 15px 25px;
		font-size: 17px;
		line-height: 2;
	}
	
	#conts .pageLink {
		padding: 7px 15px 0;
	}
	
	#conts .pageLink li {
		width: 48%;
		font-size: 15px;
	}

	#conts .pageLink .prev {
		float: left;
	}

	#conts .pageLink .next {
		float: right;
		text-align: right;
	}
	
	#conts .pageLink li .pc {
		display: none;
	}

	#conts .pageLink li .sp {
		display: block
	}
	
	#conts .pageLink li a {
		padding: 13px 0 11px;
		display: block;
		color: #011628;
		position: relative;
		text-decoration: none;
		background: #FFF;
		border-radius: 3px;
		box-shadow: 1px 1px 3px rgba(204,204,204,0.2), -1px -1px 3px rgba(204,204,204,0.2);
		-webkit-box-shadow: 1px 1px 3px rgba(204,204,204,0.2), -1px -1px 3px rgba(204,204,204,0.2);
		-moz-box-shadow: 1px 1px 3px rgba(204,204,204,0.2), -1px -1px 3px rgba(204,204,204,0.2);
	}
	
	#conts .pageLink .prev {
		float: left;
		text-align: center;
	}
	
	#conts .pageLink .prev a {
		padding-left: 20px;
		background: #FFF;
	}

	#conts .pageLink .prev a:before {
		width: 17px;
		height: 17px;
		background: url(../img/common/icon20.png) no-repeat left top;
		background-size: 17px 17px;
		position: absolute;
		top: 16px;
		left: 6px;
	  
		content: "";
	}
	
	#conts .pageLink .next {
		float: right;
		text-align: center;
	}
	
	#conts .pageLink .next a {
		padding-right: 20px;
		background: #FFF;
	}

	#conts .pageLink .next a:before {
		width: 17px;
		height: 17px;
		background: url(../img/common/icon21.png) no-repeat left top;
		background-size: 17px 17px;
		position: absolute;
		top: 16px;
		right: 6px;
	  
		content: "";
	}
	
	#conts .pageLink .back {
		padding-top: 10px;
		width: auto;
		display: block;
		clear: both;
		float: none;
		text-align: center;
	}

	#conts .pageLink .back a {
		padding: 13px 0 11px;
		display: block;
		color: #011628;
		position: relative;
		text-decoration: none;
		background: #FFF;
		border-radius: 3px;
		box-shadow: 1px 1px 3px rgba(204,204,204,0.2), -1px -1px 3px rgba(204,204,204,0.2);
		-webkit-box-shadow: 1px 1px 3px rgba(204,204,204,0.2), -1px -1px 3px rgba(204,204,204,0.2);
		-moz-box-shadow: 1px 1px 3px rgba(204,204,204,0.2), -1px -1px 3px rgba(204,204,204,0.2);
	}

}