@charset "utf-8";
/*pages.css*/
.topic_path_content_title_box{
	background:#fff1d7;
	padding:22px 0 34px 0;
	border-bottom:6px solid #EE3434;
	position:relative;
}

	.topic_path_content_title_box > .box_inner{
		box-sizing:border-box;
		background:#fff;
		width:950px;
		height:90px;
		border-radius:20px;
		margin:0 auto;
		box-shadow:4px 4px 6px 2px rgba(0,0,0,0.08) inset;
		position:relative;
	}
	
		.topic_path_content_title_box > .box_inner .topic_path{
			font-size:0.9em;
			color:#333;
			text-align:right;
			position:absolute;
			top:20px;
			right:20px;
			z-index:2;
		}
		
			.topic_path_content_title_box > .box_inner .topic_path ul{}
			
				.topic_path_content_title_box > .box_inner .topic_path ul li{
					display:inline;
				}
				
					.topic_path_content_title_box > .box_inner .topic_path ul li:after{
						font-family: FontAwesome;
						content:"\f105";
						margin:0 0.5em 0 1em;
					}
					
					.topic_path_content_title_box > .box_inner .topic_path ul li:last-child:after{
						content:none;
					}
				
					.topic_path_content_title_box > .box_inner .topic_path ul li a{
						color:#333;
						text-decoration:none;
					}
					
					.topic_path_content_title_box > .box_inner .topic_path ul li a:hover{
						text-decoration:underline;
					}
					
		.topic_path_content_title_box > .box_inner .content_title{
			box-sizing:border-box;
			display:flex;
			align-items:flex-end;
			width:100%;
			height:100%;
			padding:0 0 0 20px;
		}
		
			.topic_path_content_title_box > .box_inner .content_title .fig{
				margin-right:20px;
			}
			
				.topic_path_content_title_box > .box_inner .content_title .fig img{
					height:75px;
					width:auto;
				}
				
			.topic_path_content_title_box > .box_inner .content_title h2{
				padding-bottom:24px;
			}
			
				.topic_path_content_title_box > .box_inner .content_title h2 img{
					height:33px;
					width:auto;
				}
				
	.topic_path_content_title_box > .box_footer{
		position:absolute;
		width:100%;
		height:94px;
		bottom:-44px;
		left:0;
	}
	
		.topic_path_content_title_box > .box_footer .fig_ribbon{
			box-sizing:border-box;
			width:950px;
			margin:0 auto;
			text-align:right;
			padding:0 10px 0 0;
		}
		
.page_content{
	padding:50px 0 0 0;
	width:900px;
	margin:0 auto;
	font-size:1.1em;
	line-height:1.8;
}

	.page_content p{
		margin-bottom:1em;
	}
	
	.page_content a{
		color:#003d84;
	}
	
	.page_content a:hover{
		color:#005bc6;
	}
	
	.anc_nav{
		font-size:1.05em;
		line-height:1.2;
		margin-bottom:2em;
	}
	
		.anc_nav ul{
			display:flex;
			justify-content:center;
		}
		
			.anc_nav ul li{
				padding:0 1em;
				border-right:1px solid #aaa;
			}
			
			.anc_nav ul li:last-child{
				padding:0 1em;
				border-right:none;
			}
			
				.page_content .anc_nav ul li a{
					display:block;
					color:#111;
					text-decoration:none;
				}
				
				.page_content .anc_nav ul li a:hover{
					text-decoration:underline;
				}
				
	.page_nav{
		margin-bottom:40px;
	}
	
		.page_nav ul{
			display:flex;
			justify-content:center;
		}
		
			.page_nav ul li{
				margin-right:10px;
			}
			
			.page_nav ul li:last-child{
				margin-right:0;
			}
			
				.page_nav ul li a{
					display:flex;
					color:#222;
					text-decoration:none;
					border:1px solid #bbb;
					border-radius:4px;
					line-height:1;
					padding:0.8em 1em 0.7em;
					transition:.3s all ease;
				}
				
				.page_nav ul li a:hover{
					color:#222;
					border:1px solid #ee3434;
				}
				
				.page_nav ul li.active a{
					background:#ee3434;
					border:1px solid #ee3434;
					color:#fff;
				}
				
	.goto_center{
		margin-bottom:90px;
	}
	
	.goto_center.content_end{
		margin-bottom:0;
	}
	
		.goto_center dl{}
		
			.goto_center dl dt{
				font-size:1.2em;
				font-weight:bold;
				color:#644132;
				text-align:center;
				margin-bottom:10px;
			}
			
			.goto_center dl dd{
				text-align:center;
			}
			
				.goto_center dl dd a{
					display:inline-block;
					position:relative;
				}
				
					.goto_center dl dd a img{
						height:100px;
						width:auto;
						transition:.3s all ease;
					}
					
					.goto_center dl dd a img[src$="_off.png"]{
						position:relative;
						top:0;
						left:0;
						z-index:1;
						opacity:1;
					}
					
					.goto_center dl dd a img[src$="_on.png"]{
						position:absolute;
						top:0;
						left:0;
						z-index:2;
						opacity:0;
					}
					
					.goto_center dl dd a:hover img[src$="_off.png"]{
						opacity:0;
					}
					
					.goto_center dl dd a:hover img[src$="_on.png"]{
						opacity:1;
					}
					
				.page_content .goto_center dl dd p{
					font-size:1.05em;
					margin:0.5em 0 0 0;
				}
	
	/*新聞広告*/
	.np_ad_box{
		width:740px;
		margin:0 auto;
		text-align:center;
	}
	
		.np_ad_box dl{}
		
			.np_ad_box dl dt{
				font-size: 1.2em;
				font-weight: bold;
				color: #644132;
				border-bottom:1px dotted #9e9e9e;
				margin-bottom:0.7em;
			}
			
			.np_ad_box dl dd{}
			
				.np_ad_box dl dd p{
					margin-bottom:0.5em;
				}
				
				.np_ad_box dl dd a{
					display:inline-block;
					transition:.3s all ease;
				}
				
				.np_ad_box dl dd a:hover{
					opacity:0.8;
				}


/*##########SP##########*/
@media screen and (max-width:479px){
	
	.topic_path_content_title_box{
		padding:5vw 2vw 4vw 2vw;
		border-bottom: 0.7vw solid #EE3434;
	}
	
		.topic_path_content_title_box > .box_inner{
			width:100%;
			height:16vw;
			border-radius:2vw;
		}
		
			.topic_path_content_title_box > .box_inner .topic_path{
				/*
				top:2vw;
				right:2vw;
				*/
				display:none;/*（仮）スマホでは非表示*/
			}
			
			.topic_path_content_title_box > .box_inner .content_title{
				box-sizing:border-box;
				display:flex;
				align-items:flex-end;
				width:100%;
				height:100%;
				padding:0 0 0 3vw;
			}
			
				.topic_path_content_title_box > .box_inner .content_title .fig{
					max-width:20%;
					margin-right:2vw;
				}
				
					.topic_path_content_title_box > .box_inner .content_title .fig img{
						height:12vw;
					}
					
				.topic_path_content_title_box > .box_inner .content_title h2{
					padding-bottom:4vw;
				}
				
					.topic_path_content_title_box > .box_inner .content_title h2 img{
						height:6vw;
					}
					
		.topic_path_content_title_box > .box_footer{
			height:auto;
			bottom:-4.9vw;
		}
		
			.topic_path_content_title_box > .box_footer .fig_ribbon{
				width:100%;
				margin:0 auto;
				text-align:right;
				padding:0;
			}
			
				.topic_path_content_title_box > .box_footer .fig_ribbon img{
					width:17%;
					height:auto;
				}
	
.page_content{
	padding:5vw 0 0 0;
	width:auto;
	margin:0 3vw;
	line-height:1.6;
}

	.page_content img{
		max-width:100%;
		height:auto;
	}

	.anc_nav{
		font-size:1em;
		margin-bottom:1em;
	}
	
		.anc_nav ul{
			flex-wrap:wrap;
			justify-content:flex-start;
		}
		
			.anc_nav ul li{
				box-sizing:border-box;
				width:50%;
				padding:0;
				margin-bottom:0.8em;
				display:flex;
				justify-content:center;
				align-items:center;
			}
			
			.anc_nav ul li:last-child{
				padding:0;
			}
			
			.anc_nav ul li:nth-child(even){
				border-right:none;
			}
			
				.page_content .anc_nav ul li a{
					text-align:center;
				}
				
	.goto_center{
		margin-bottom:8vw;
	}
	
		.goto_center dl{}
		
			.goto_center dl dt{
				font-size:1.2em;
				font-weight:bold;
				color:#644132;
				text-align:center;
				margin-bottom:10px;
			}
			
			.goto_center dl dd{
				text-align:center;
			}
			
				.goto_center dl dd a{
					display:inline-block;
					position:relative;
				}
				
					.goto_center dl dd a img{
						height:auto;
						width:auto;
						max-width:100%;
					}
					
				.page_content .goto_center dl dd p{
					font-size:1em;
					text-align:left;
				}
				
	/*新聞広告*/
	.np_ad_box{
		width:100%;
		margin:0;
	}

}