@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 ---- */

	
	#keyvisual {
		background-position:		center center;
	}
	
	.title_wrapper {
	}
		.title_wrapper h1 {
		}
		.title_wrapper h2 {
		}
	
	.main_wrapper {
	}
		.center_wrapper {
			width:		90%;
		}
			.content_main_dho {
				-webkit-width:	calc(100% - 250px);
				-moz-width:		calc(100% - 250px);
				width:			calc(100% - 250px);
			}
			.sidebar_wrapper {
			}	
			.sidebar_wrapper:after {
			}	
	.footer_wrapper {
		padding:	45px 20px;
	}
	.placeholder {
	}
	
	.head_wrapper {
	}
		.toggle_navigation {
		}
		.logo_wrapper {
		}
			#logo {
			}
		.navigation_wrapper {
		}
			
	
	
	.navigation_wrapper > ul {
		padding:		0px 0px 0px 270px;
		margin:			0px;
	}
	.navigation_wrapper > ul > li {
	}
	.navigation_wrapper > ul > li > a {
	}	
	
	/* ----- Ende Navigation ----- */
	
	/* ----- 3.2 SubNavigation -----  */
	.navigation_wrapper > ul > li > ul {
	} 
	.navigation_wrapper > ul > li.cm_has_subnavigation > ul:before {
	}
	.navigation_wrapper > ul > li > ul > li {
	}
	.navigation_wrapper > ul > li > ul > li > a {
	}
	.navigation_wrapper > ul > li:hover > ul {
	}
	
	
	/* ----- 3.2 Sub Sub Navigation -----  */
	.navigation_wrapper > ul > li > ul > li > ul {
	} 
	.navigation_wrapper > ul > li > ul > li > ul > li {
	}
	.navigation_wrapper > ul > li > ul > li > ul > li > a {
	}
	.navigation_wrapper > ul > li:hover > ul > li > ul {
	}
	
	
	#cm_navigation li.cm_has_subnavigation > a:after {
	}
	
	
	.scrollup {
	}
	.scrollup a {
	}
	.scrollup:hover a {
	}
	
	
	
	.clearly {
	}
	
}



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

	
	
	#keyvisual {
		background-position:		center center;
	}
	
	.title_wrapper {
	}
		.title_wrapper h1 {
		}
		.title_wrapper h2 {
		}
	
	.main_wrapper {
	}
		.center_wrapper {
			width:		90%;
		}
			.content_main_dho {
				-webkit-width:	calc(100% - 250px);
				-moz-width:		calc(100% - 250px);
				width:			calc(100% - 250px);
			}
			.sidebar_wrapper {
			}	
			.sidebar_wrapper:after {
			}	
	.footer_wrapper {
		padding:	45px 20px;
	}
	.placeholder {
	}
	
	.scrollup {
		padding-right:	inherit;    
		display: 		block;
    	margin-top: 	0px;
   	 	position: 		relative;
		text-align:		center;
   	 	right: 			auto;
		padding:		20px 0px;
	}
	.scrollup a {
		box-shadow:		0px 0px 5px #000;
	}
		
	
	.head_wrapper {
		position:	absolute;
		top:		0px;
		width:		100%;
	}
		.toggle_navigation {
			display:	none;
		}
		.logo_wrapper {
			position:	relative;
			width:		100%;
			margin:		30px auto;
		}
			#logo {
				margin:		0px auto;
				width:		190px;
				height:		190px;
				background-position:	center !important;
				background-size: 		contain !important;
			}
		.navigation_wrapper {
			margin-top:		100px;
			width:			100%;
		}	
			
	
	
	.navigation_wrapper > ul {
		width:			100%;
		padding:		0px 0px 0px 0px;
		text-align:		center;
	}
	.navigation_wrapper > ul > li {
	}
	.navigation_wrapper > ul > li > a {
	}	
	
	/* ----- Ende Navigation ----- */
	
	/* ----- 3.2 SubNavigation -----  */
	.navigation_wrapper > ul > li > ul {
	} 
	.navigation_wrapper > ul > li.cm_has_subnavigation > ul:before {
	}
	.navigation_wrapper > ul > li > ul > li {
	}
	.navigation_wrapper > ul > li > ul > li > a {
		text-align:	left;
	}
	.navigation_wrapper > ul > li:hover > ul {
	}
	
	
	/* ----- 3.2 Sub Sub Navigation -----  */
	.navigation_wrapper > ul > li > ul > li > ul {
	} 
	.navigation_wrapper > ul > li > ul > li > ul > li {
	}
	.navigation_wrapper > ul > li > ul > li > ul > li > a {
		text-align:	left;
	}
	.navigation_wrapper > ul > li:hover > ul > li > ul {
	}
	
	
	#cm_navigation li.cm_has_subnavigation > a:after {
	}
	
	
	.scrollup {
	}
	.scrollup a {
	}
	.scrollup:hover a {
	}
	
	
	
	.clearly {
	}
}



@media only screen and (min-width: 1px) and (max-width: 767px) {    /* ---- Handy Landscape ---- */
	
	
	
	#keyvisual {
		background-position:		center center;
	}
	
	.title_wrapper {
	}
		.title_wrapper h1 {
		}
		.title_wrapper h2 {
		}
	
	.main_wrapper {
	}
		.center_wrapper {
			width:		90%;
		}
			.content_main_dho {
				display:		block;
				width:			100%;
			}
			.sidebar_wrapper {
				display:		block;
				width:			calc(100% - 20px);
				padding:		25px 10px;
				margin:			10px 0px 0px;
			}	
			.sidebar_wrapper:after {
				display:	none;
			}	
	.footer_wrapper {
		padding:	45px 20px;
	}
	.scrollup {
		padding-right:	inherit;    
		display: 		block;
    	margin-top: 	0px;
   	 	position: 		relative;
		text-align:		center;
   	 	right: 			auto;
		padding:		20px 0px;
	}
	.scrollup a {
		box-shadow:		0px 0px 5px #000;
	}
	.placeholder {
	}
	
	.head_wrapper {
		position:	absolute;
		top:		0px;
		width:		100%;
		height:		500px;
	}
		.toggle_navigation {
			display:	none;
		}
		.logo_wrapper {
			position:	relative;
			width:		100%;
			margin:		30px auto;
		}
			#logo {
				margin:		0px auto;
				width:		190px;
				height:		190px;
				background-position:	center !important;
				background-size: 		contain !important;
			}
		.navigation_wrapper {
			margin-top:		auto;
			width:			100%;
			position:		absolute;
			bottom:			0px;
		}	
			
	
	
	.navigation_wrapper > ul {
		width:			100%;
		padding:		0px 0px 0px 0px;
		text-align:		center;
	}
	.navigation_wrapper > ul > li {
	}
	.navigation_wrapper > ul > li > a {
	}	
	
	/* ----- Ende Navigation ----- */
	
	/* ----- 3.2 SubNavigation -----  */
	.navigation_wrapper > ul > li > ul {
		display:		none;
	} 
	.navigation_wrapper > ul > li.cm_has_subnavigation > ul:before {
	}
	.navigation_wrapper > ul > li > ul > li {
	}
	.navigation_wrapper > ul > li > ul > li > a {
		text-align:	left;
	}
	.navigation_wrapper > ul > li:hover > ul {
		display:	block;
	}
	
	
	/* ----- 3.2 Sub Sub Navigation -----  */
	.navigation_wrapper > ul > li > ul > li > ul {
	} 
	.navigation_wrapper > ul > li > ul > li > ul > li {
	}
	.navigation_wrapper > ul > li > ul > li > ul > li > a {
		text-align:	left;
	}
	.navigation_wrapper > ul > li:hover > ul > li > ul {
	}
	
	
	#cm_navigation li.cm_has_subnavigation > a:after {
	}
	
	
	.scrollup {
	}
	.scrollup a {
	}
	.scrollup:hover a {
	}
	
	
	
	.clearly {
	}
}