@charset "utf-8";

/*-----------------------------------------------------
Main
-------------------------------------------------------*/
#Main{
	width: 980px;
	overflow: hidden;
	margin: 0 auto;
}
@media screen and (max-width: 767px){
	#Main{
		width: auto;
	}
}

/* wrap
---------------------*/
#Main div.wrap{
	width: 1000px;
	overflow: hidden;
	margin: 0 0 40px;
}



@media screen and (max-width: 767px){
	#Main {
		width: auto;
	}

	/* h3
	---------------------*/
	#Main h3{
		margin: 0 20px 36px;
		font-size: 13px;
	}

	/* wrap
	---------------------*/
	#Main div.wrap{
		width: auto;
		margin: 0 20px;
	}
}


/*-------------------------------------
menu
---------------------------------------*/
#Main div.menu{
	width: 200px;
	float: left;
	margin: 0 0 0 20px;
}
#Main div.menu:first-child{
	margin-left:0;
}

/* label
---------------------*/
#Main div.menu label{
	width: 200px;
	height: 48px;
	overflow:hidden;
	position:relative;
	float: left;
	margin: 0 30px 0 0;
	background: #e7e7e7;
}
#Main div.menu label:after{
	width: 11px;
	height: 8px;
	position: absolute;
	top:21px;
	right:15px;
	background: url(/jp/corporate/common/images/ico_arw02.png) no-repeat 0 0;
	content:'';
}

/* select
---------------------*/
#Main div.menu select{
	width:100%;
	height: 48px;
	position:relative;
	display:block;
	margin:0;
	padding: 0 15px;
	color: #666;
	font-size:12px;
	outline:none;
	border:0;
	background:transparent;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	z-index:2;
	cursor: pointer;
}

@media screen and (min-width: 768px){
	#Main div.menu label{-webkit-transition:all 0.2s;transition:all 0.2s;}
	#Main div.menu label:hover{background: #fff;}
}

@media screen and (max-width: 767px){
	/*-------------------------------------
	menu
	---------------------------------------*/
	#Main div.menu{
		width: 100%;
		float: none;
		margin: 19px 0 0;
	}
	#Main div.menu:first-child{
		margin: 0;
	}

	/* label
	---------------------*/
	#Main div.menu label{
		width: 100%;
		height: 40px;
		float: none;
		display: block;
		margin: 0;
	}
	#Main div.menu label:first-child{
		margin: 0;
	}
	#Main div.menu label:after{
		width: 9px;
		height: 6px;
		top:18px;
		background: url(/jp/corporate/common/images/ico_arw02_sp.png) no-repeat 0 0;
		background-size: 9px 6px;
	}
	#Main div.menu select{
		height: 40px;
	}
}

/*-------------------------------------
topics
---------------------------------------*/
#Main section.topics{
	clear: both;
	padding: 60px 0 0;
}

/* p
---------------------*/
#Main section.topics p{
	position: relative;
	margin: 26px 0 0;
}
#Main section.topics p a{
	display: block;
	padding: 0 0 0 15px;
	text-align: center;
	font-family: 'Lora', serif;
}
#Main section.topics p a:after{
	width: 11px;
	height: 11px;
	position: absolute;
	top:4px;
	left:50%;
	margin: 0 0 0 -27px;
	background: url(/jp/corporate/common/images/ico_plus.png) no-repeat 100% 0;
	content:'';
}

/* no_entry */
#Main section.topics p.no_entry{
	margin: 0;
}

@media screen and (max-width: 767px){
	#Main section.topics{
		padding: 30px 0 0;
	}

	/* p
	---------------------*/
	#Main section.topics p{
		margin: 16px 0 0;
	}
	#Main section.topics p a{
		padding: 0 0 0 11px;
		font-size: 11px;
	}
	#Main section.topics p a:after{
		width: 7px;
		height: 7px;
		top:6px;
		margin: 0 0 0 -24px;
		background: url(/jp/corporate/common/images/ico_plus_sp.png) no-repeat 100% 0;
		background-size: 7px 7px;
	}

	/* no_entry */
	#Main section.topics p.no_entry{
		margin: 0 20px;
	}
}


/*-------------------------------------
pager
---------------------------------------*/
#Main ul.pager{
	margin: 30px 0 0;
	font-family: 'Lora', serif;
	text-align: center;
}
#Main ul.pager li{
	display: inline-block;
}
#Main ul.pager li a{
	padding: 0 10px;
	text-decoration: underline;
}
#Main ul.pager li span{
	padding: 0 10px;
	text-decoration: none;
}

@media screen and (min-width: 768px){
	#Main ul.pager li a:hover{
		text-decoration: none;
	}
}
@media screen and (max-width: 767px){
	/* pager
	---------------------*/
	#Main ul.pager{
		margin: 20px 20px 0;
		font-size: 12px;
	}
}