@charset "utf-8";
/* CSS Document */


@media only screen and (min-width: 1251px) {   }


@media only screen and (min-width: 1024px) and (max-width: 1250px) {   /* ---- Tablet Landscape ---- */

	
	.page_wrapper {
		width:		92%;
		max-width:	1050px;
	}		
		#keyvisual {
			width:		100%;
		}
			.subtitle_wrapper {
			}
				.subtitle {
				}
		.main_wrapper { 
		}
			.content_main_dho {
				width:			70%;
			}
			.sidebar_wrapper {
				width:			-webkit-calc(30% - 60px);
				width:			calc(30% - 60px);
				min-width:		200px;
			}
		.footer_wrapper {
		}
	.head_wrapper {
		width:		92%;
		max-width:	1050px;
	}
		.toggle_navigation {
		}
			.toggle_navigation a {
				opacity:		1;
				visibility:		visible;
			}
		.title_wrapper {
			display:		inline-block;
			position:		relative;
			width:			642px;
			width:			-webkit-calc(100% - 300px);
			width:			calc(100% - 300px);
		}
		.logo_wrapper {
		}
			#logo { 
			}
			
		.navigation_wrapper {
		}
		.fixed .navigation_wrapper {
			margin-top:		-120px;
		}	
		.fixed .navigation_wrapper.open_navigation {
			margin-top:		0px;
		}	
		.fixed.pinned .navigation_wrapper.open_navigation {
			margin-top:		0px;
		}
		.fixed.pinned .navigation_wrapper {
			margin-top:		0px;
		}
		
		.navigation_wrapper > ul > li > ul {
			display:		none;
		}
		.navigation_wrapper > ul > li:hover > ul {
			display:		block;
		}


	
}



@media only screen and (min-width: 768px) and (max-width: 1023px) {    /* ---- Tablet Portrait ---- */

	
	.page_wrapper {
		width:		100%;
	}		
		#keyvisual {
			width:		100%;
			height:		300px;
		}
			.subtitle_wrapper {
			}
				.subtitle {
				}
		.main_wrapper { 
		}
			.content_main_dho {
				width:			63%;
			}
			.sidebar_wrapper {
				width:			-webkit-calc(37% - 60px);
				width:			calc(37% - 60px);
				min-width:		200px;
			}
		.footer_wrapper {
		}
	.head_wrapper {
		width:		100%;
		left:		50%;
		margin-left:-50%;
	}
		.toggle_navigation {
		}
			.toggle_navigation a {
				opacity:		1;
				visibility:		visible;
			}
		.title_wrapper {
			display:		inline-block;
			position:		relative;
			width:			520px;
			width:			-webkit-calc(100% - 300px);
			width:			calc(100% - 300px);
		}
		.logo_wrapper {
		}
			#logo { 
			}
			
		.navigation_wrapper {
		}
		.fixed .navigation_wrapper {
			margin-top:		-160px;
		}	
		.fixed .navigation_wrapper.open_navigation {
			margin-top:		0px;
		}	
		.fixed.pinned .navigation_wrapper.open_navigation {
			margin-top:		0px;
		}
		.fixed.pinned .navigation_wrapper {
			margin-top:		0px;
		}

		.navigation_wrapper > ul > li > ul {
			display:		none;
		}
		.navigation_wrapper > ul > li:hover > ul {
			display:		block;
		}
}



@media only screen and (min-width: 1px) and (max-width: 767px) {    /* ---- Handy Landscape ---- */
	
	
	.page_wrapper {
		width:		100%;
		padding:	0px 0px 40px 0px;
	}	
	.pinned .page_wrapper {
		display:	inline-block;
		vertical-align:	top;
		width:		18%;
		overflow:	hidden;
		height:		100%;
	}
			
	.head_wrapper {
		position:	relative;
	}
	.pinned .head_wrapper {
		width:	1000px;
	}
		#keyvisual {
			width:		100%;
			height:		270px;
			margin:		0;
		}
		.pinned #keyvisual {
			width:		1000px;
		}
			.pinned .subtitle_wrapper {
				width:	1000px;
			}
				.subtitle {
				}
		.main_wrapper { 
		}
		.pinned .main_wrapper { 
			width:	1000px;
		}
			.content_main_dho {
				display:	block;
				width:		100%;
			}
			.sidebar_wrapper {
				display:	block;
				margin-left:	0px;
				margin-top:		20px;
				width:		-webkit-calc(100% - 20px);
				width:		calc(100% - 20px);
			}
		.footer_wrapper {
		}
		.pinned .footer_wrapper {
			width:	1000px;
		}
	.head_wrapper {
		width:		100%;
		left:		50%;
		margin-left:-50%;
	}
		.toggle_navigation {
			width:		70px;
		}
			.toggle_navigation a {
				opacity:		1;
				visibility:		visible;
			}
		.title_wrapper {
			display:		inline-block;
			position:		relative;
			width:			315px;
			width:			-webkit-calc(100% - 70px);
			width:			calc(100% - 70px);
		}
		.logo_wrapper {
			width:		99%;
			text-align:	center;
		}
			#logo { 
			}
		.logo_wrapper.nav_desk {
			display:	none;
		}
			
		.navigation_wrapper {
			display:	none;			
		}
		.fixed .navigation_wrapper {
			margin-top:		-160px;
		}	
		.fixed .navigation_wrapper.open_navigation {
			margin-top:		0px;
		}	
		.fixed .navigation_wrapper.open_navigation.pinned {
			margin-top:		0px;
		}
		.fixed .navigation_wrapper.pinned {
			margin-top:		0px;
		}
	
	.pinned .navigation_wrapper.nav_mob {
		display:	inline-block;
		vertical-align:	top;
		width:		82%;
		height:		100%;
		visibility:	visible;
		opacity:	1;
		margin:		0px;
	}
	
	
.navigation_wrapper > ul {
	display:		block;
}
.navigation_wrapper > ul > li {
	display:		block;
}
.navigation_wrapper > ul > li > ul {	
	position:		relative;
	display:		none;
}
.navigation_wrapper > ul > li:hover > ul {
	display:		block;
}
.navigation_wrapper > ul > li > ul > li,
.navigation_wrapper > ul > li > ul > li > ul > li {
	max-width:		inherit;
}

.navigation_wrapper > ul > li > ul > li:nth-child(even) {
	margin:			0px 0px 0px 0px;
}
.navigation_wrapper > ul > li > ul > li:nth-child(odd) {
	margin:			0px 0px 0px 0px;
}

}



@media only screen and (min-width: 1px) and (max-width: 550px) {  
		#keyvisual {
			height:		220px;
		}
}

@media only screen and (min-width: 1px) and (max-width: 450px) {  
		#keyvisual {
			height:		170px;
		}
}