@charset "utf-8";

/* ==========================================
 
 
グローバルナビ
 
 
========================================== */


/* ---- スマホ表示 ---- */
@media screen and (max-width:767px) {
	
	#global_nav {
		max-width: 640px;
		margin: auto;
		border-bottom: solid 1px #eeeeee;
	}
	
	#global_nav ul {}
	
	#global_nav ul a {
		font-size: 1.5rem; /* カスタムCSSで上書き */
		font-weight: bold;
	}
	
	#global_nav ul a li {
		display: block;
		padding: 0.7em 1em 0.7em 1em;
		border-top: solid 1px #eeeeee;
		background: #ffffff;
	}
	
		#global_nav ul a:link { color: #333333; text-decoration: none; } /* カスタムCSSで上書き */
		#global_nav ul a:visited { color: #333333; text-decoration: none; } /* カスタムCSSで上書き */
		#global_nav ul a:hover { color: #333333; text-decoration: none; } /* カスタムCSSで上書き */

} /* ---- スマホ表示 END ---- */


/* ---- PC表示 ---- */
@media screen and (min-width:768px) {
	
	#global_nav {
		width: 100%;
		height: 50px;
		background: url('/res/images/common/global_nav_bg_edge.png') repeat-x;
	}
	
	#global_nav nav ul { 
	    display: -webkit-flex;
		display: flex;
	    width: 980px;
	    margin: 0 auto;
	    padding: 0 0 0 0;
	    background: url('/res/images/common/global_nav_bg_edge.png') repeat-x;
	}
	
	#global_nav nav ul li {
	    font-size: 1.5rem; /* カスタムCSSで上書き */
	    font-weight: bold;
	    box-sizing: border-box;
	    display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	    width: 196px;
	    height: 50px;
		line-height: 1.2;
	    text-align: center;    
	}
	            
	    #global_nav nav ul a:link { color: #ffffff; text-decoration: none; } /* カスタムCSSで上書き */
	    #global_nav nav ul a:visited { color: #ffffff; text-decoration: none; } /* カスタムCSSで上書き */
	    #global_nav nav ul a:hover { color: #cccccc; text-decoration: none; } /* カスタムCSSで上書き */
	        
	    #global_nav nav ul li.global_nav_left {
	        background: url('/res/images/common/global_nav_bg_left.png') no-repeat;
	    }
	            
	    #global_nav nav ul li.global_nav_center {
	        background: url('/res/images/common/global_nav_bg_center.png') no-repeat;
	    }
	            
	    #global_nav nav ul li.global_nav_right {
	        background: url('/res/images/common/global_nav_bg_right.png') no-repeat;
	    }
    
} /* ---- PC表示 END ---- */





/* ==========================================
 
 
パンくずリスト
 
 
========================================== */


#main_wrapper #right_column .topic_path {
	font-size: 1.2rem;
	text-align: left;
	padding: 0 20px 0 20px;
	margin: 30px 0 30px 0;
}

	#main_wrapper #right_column .topic_path i {
		font-size: 1.4em;
	}
	
	#main_wrapper #right_column .topic_path a:link { color: #444444; text-decoration: none; }
	#main_wrapper #right_column .topic_path a:visited { color: #444444; text-decoration: none; }
	#main_wrapper #right_column .topic_path a:hover { color: #999999; text-decoration: none; }



/* ==========================================
 
 
サイドメニュー
 
 
========================================== */

#mobile_side_menu {
	padding: 0 0 0 0;
}

	#mobile_side_menu h3 {
		color: #ffffff;
		font-size: 1.1em; /* カスタムCSSで上書き */
		background: #444444; /* カスタムCSSで上書き */
		margin: 30px 0 0 0;
		padding: 0.7em 1em 0.7em 1em;
	}
	
	#mobile_side_menu ul {
		list-style: none;
		margin: 0 0 30px 0;
	}
	
		#mobile_side_menu ul li {
			display: block;
		}
		
		#mobile_side_menu ul li a {
			font-size: 1.1em; /* カスタムCSSで上書き */
			font-weight: normal;
			display: block;
			width: 100%;
			background: #ffffff;
			padding: 0.7em 0;
			border-bottom: solid 1px #eeeeee;
		}
			
			#mobile_side_menu ul li a:link { color: #444444; text-decoration: none; }
			#mobile_side_menu ul li a:visited { color: #444444; text-decoration: none; }
			#mobile_side_menu ul li a:hover { color: #444444; text-decoration: none; }
		
	#mobile_side_menu .banner {
		max-width: 100%;
	}
		#mobile_side_menu .banner img {
			max-width: 100%;
		}


/* ---- PC表示 ---- */
@media screen and (min-width:768px) {
	
	#sidebar {
		padding: 30px 0 30px 0;
	}
	
		#sidebar img {
			max-width: 100%;
			height: auto;
		}
		
		/* カスタムCSSで上書き */
		#sidebar h3 {
			color: #ffffff;
			font-size: 1.6rem;
			width: 260px;
			height: 40px;
	        line-height: 40px;
	        background: url('/res/images/common/sidebar_title_bg.png') no-repeat;
			text-align: center;
			margin: 0 0 8px 0;
			padding: 0 10px 0 10px;
		}
	
		#sidebar ul {
	        list-style: none;
	        margin: 0 0 30px 0;
	    }
	    
	    	/* カスタムCSSで上書き */
		    #sidebar ul li a {
		        text-align: left;
		        display: block;
		        font-size: 1.4rem;
		        font-weight: bold;
		        height: 30px;
		        line-height: 30px;
		        background: url('/res/images/common/sidebar_menu_bg.png') left no-repeat;
		        margin: 0 0 2px 0;
		        padding: 0 0 0 20px;
		    }
		    	
		        #sidebar ul li a:link { color: #444444; text-decoration: none; } /* カスタムCSSで上書き */
		        #sidebar ul li a:visited { color: #444444; text-decoration: none; } /* カスタムCSSで上書き */
		        #sidebar ul li a:hover { color: #999999; text-decoration: none; } /* カスタムCSSで上書き */
    
} /* ---- PC表示 END ---- */




/* ==========================================
 
 
モバイルフッタメニュー
 
 
========================================== */


/* ---- スマホ表示 ---- */
@media screen and (max-width:767px) {
	
	body {
		padding-bottom: 70px; /* モバイルメニューの高さ分、サイト下に余白をあける */
	}
	
	#mobile_footer_menu {
		width: 100%;
		height: 70px;
		box-sizing: border-box;
		position: fixed;
		bottom: 0px;
		left: 0px;
		background: #ffffff; /* カスタムCSSで上書き */
		border-top: solid 1px #eeeeee; /* カスタムCSSで上書き */
		z-index: 2000;
	}
	
		#mobile_footer_menu ul {
			width: 100%;
			height: 70px;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
			#mobile_footer_menu ul li { cursor: pointer; }
	
			#mobile_footer_menu ul a {
				color: #ffffff;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 33.33333%;
				padding: 3px 0 3px 0;
				border-right: solid 1px #444444; /* カスタムCSSで上書き */
			}
			
			#mobile_footer_menu ul a.mobile_footer_menu_r { border-right: none; }
			
			#mobile_footer_menu ul a:link { color: #ffffff; text-decoration: none; }
			#mobile_footer_menu ul a:visited { color: #ffffff; text-decoration: none; }
			#mobile_footer_menu ul a:hover { color: #ffffff; text-decoration: none; }
			
			#mobile_footer_menu ul a li i { font-size: 24px; } /* アイコンのフォントサイズ */
		

} /* ---- スマホ表示 END ---- */


/* ---- PC表示 ---- */
@media screen and (min-width:768px) {
	
	#mobile_footer_menu {
		display: none; /* PCでは非表示 */
	}
	
} /* ---- PC表示 END ---- */