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

#header {
	width:			1020px;
}
#logo {
	display:		block;
	margin:			0px auto;
	margin-top:		-32px;
	opacity:		0.9;
	z-index:		15;
}
#title_wrapper {
}
#keyvisual {
	box-shadow:		10px 0px 20px -10px rgba(0,0,0,0.8), -10px 0px 20px -10px rgba(0,0,0,0.8);
}
#cm_navigation {
	display:			block;
	width:				1020px;
	margin:				0 auto;
}
#content_wrapper {
	width:				1020px;
}
.content_main_dho {
	width:				760px;
}
#cm_navigation > ul {
	text-align:			center;
}
#cm_navigation > ul > li > ul,
#cm_navigation > ul > li > ul > li > ul {
	display:			none;
}
#cm_navigation > ul > li:hover > ul,
#cm_navigation > ul > li > ul > li:hover > ul {
	display:			block;
}

}



@media only screen and (min-width: 768px) and (max-width: 1023px) {    /* ---- Tablet Portrait ---- */
#header {
	width:			765px;
}
#logo {
	display:		block;
	margin:			0px auto;
	margin-top:		-32px;
	opacity:		0.9;
	z-index:		15;
}
.kv_bg {
	display:	none;
}

#cm_navigation {
	display:	block;
	width:		765px;
	height:		auto;
	margin:		0 auto;
}
#content_wrapper {
	width:		765px;
}
.content_main_dho {
	width:		505px;
}
#cm_navigation > ul {
	text-align:	center;
}
#cm_navigation > ul > li {
	display:	inline-block;
}
#cm_navigation > ul > li > a {
	display:	block;
	width:		215px;
	padding:	30px 5px 0px 5px; 
	height:		55px;
	overflow:	hidden;
	text-overflow:	ellipsis;
	border-bottom-width:	1px;
}




#cm_navigation > ul > li > ul {
	display:		none;
	margin-top:		-3px;
}
#cm_navigation > ul > li:hover > ul {
	display:	block;
	margin-top:	-3px;
}







#cm_navigation > ul > li > ul.cm_subnavigation > li > ul {
	display:		none;
	position:		relative;
	margin-top:		100px;
	margin-left:	0px;
}

#cm_navigation > ul > li > ul > li > a, 
#cm_navigation > ul > li > ul > li > ul > li > a {
	width:		215px;
}

#cm_navigation > ul > li > ul.cm_subnavigation > li:hover > .cm_subnavigation {
	display:		block;
	margin-left:	0px;
	margin-left:	0px;
	margin-top:		0px;
}






}



@media only screen and (min-width: 1px) and (max-width: 767px) {  /* ---- HAndy Portrait ---- */
#page_wrapper {			
	width:		100%;
	box-shadow:	0px 0px 15px rgba(0,0,0,0.5);
}
#social_wrapper {
	display:	none;
}
#header {
	width:		100%;
}
#logo {
	height:			110px;
	width:			100%;
	border:			none;
	background-position:	center center !important;
}
#keyvisual {
	display:	none;
}
#title_wrapper {
	font-size:	smaller;
}
#content_wrapper {
	width:		92%;
	padding:	20px;
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
}
.content_main_dho {
    display:			block;
	width:				100%;
}
.sidebar_wrapper {
	display:			block;
    padding: 			0px 20px 0px 0px;
}	
.spacer_bottom {
	display:	none;
}


#cm_navigation {
	width:		100%;
	height:		auto
}
#cm_navigation > ul {
	text-align:		center;
	font-size:		larger;
}
#cm_navigation > ul > li {
	margin:		0px;
	padding:	0px;
	display:	block;
}
#cm_navigation > ul > li > a {
	border-bottom-width:	1px;
	display:		block;
	height:			auto;
	padding:		10px;  
}




#cm_navigation > ul > li > ul {
	display:	none;
	text-align:	center;
}
#cm_navigation > ul > li:hover > ul {
	display:	block;
	margin:		0px 0px 0px 0px;
	position:	relative;
	visibility:	visible;
	opacity:	1;
}




#cm_navigation > ul > li > ul.cm_subnavigation > li > ul {
	display:		none;
	position:		relative;
	margin-top:		100px;
	margin-left:	0px;
	text-align:	center;
}
#cm_navigation > ul > li > ul.cm_subnavigation > li:hover > ul {
	margin-left:	0px;
	margin-left:	0px;
	margin-top:		0px;
	display:		block;
}










}