

@media screen and (min-width: 1200px) {
	#mobileMenu						{ display:none !important; }
	.poem									{display:block;}
	.m_poem							    { display:none; }
}

/* Desktop */
@media screen and (min-width: 992px) and (max-width: 1200px){
	#mobileMenu						{ display:none !important; }
	.pc_top							{ display:block; }
	.mobile_top						{ display:none; }

	.poem									{display:block;}
	.m_poem							    { display:none; }
}


/* Tablet */
@media screen and (min-width: 768px) and (max-width: 992px){
	.pc_top							{ display:none; }
	.mobile_top						{ display:block; }

	.poem									{display:none;}
	.m_poem							    { display:block; }

	#top							{ height:70px; }
	.top_menu_left					{ padding-top:10px; }
	.top_menu_right					{ padding-top:10px; text-align:center; }
	.top_menu_right img				{ height:50px;}
	#btnMobileMenu					{ height:50px;}
	#top_space						{ height:70px; }

	.subArea > li:first-child		{ display:none; }
	.subArea > li:last-child		{ padding:0px; }
}


/* Mobile HD */
@media screen and (min-width: 420px) and (max-width: 768px){
	.pc_top							{ display:none; }
	.mobile_top						{ display:block; }

	.poem								{display:none;}
	.m_poem							  { display:block; }

	#top							{ height:70px; }
	.top_menu_left					{ padding-top:10px; }
	.top_menu_right					{ padding-top:10px; text-align:center; }
	.top_menu_right img				{ height:50px;}
	#btnMobileMenu					{ height:50px;}
	#top_space						{ height:70px; }

	.subArea > li:first-child		{ display:none; }
	.subArea > li:last-child		{ padding:0px; }

	.main_1_contents > li			{ width:100% !important; }
	.main_2_contents > li			{ width:100% !important; }
	.main_3_contents > li			{ width:100% !important; }
	.main_5_contents > li			{ width:100% !important; }


	#bottom							{ font-size:13px; }
}



/* Mobile LD */
@media screen and (max-width: 420px){
	.pc_top							{ display:none; }
	.mobile_top						{ display:block; }

	.poem									{display:none;}
	.m_poem							    { display:block; }

	#top							{ height:70px; }
	.top_menu_left					{ padding-top:15px; }
	.top_menu_right					{ padding-top:20px; text-align: left !important; }
	#btnMobileMenu					{ height:40px;}
	#top_space						{ height:70px; }
	
	.subArea > li:first-child			{ display:none; }
	.subArea > li:last-child		{ padding:0px; }
	.sub_title h2					{ font-size:20px;  letter-spacing:-1px;}

	.br								{ display:inline; }
	.br420							{ display:block; }

	.photo	li						{ width:100% !important; }

	.main_1	h3						{ font-size:17px; letter-spacing:-0.5px; }
	.main_1_contents > li			{ width:100% !important;}
	.main_1_contents > li:last-child{ padding-left:0px;  }

	.main_2	h3						{ font-size:17px; letter-spacing:-0.5px; }
	.main_2_contents > li			{ width:100% !important; }
	.main_2_contents > li:last-child{ padding-left:0px; padding-top:20px;  }

	.main_3	h3						{ font-size:17px; letter-spacing:-0.5px; }
	.main_3_contents > li			{ width:100% !important; }
	.main_3_contents > li:last-child{ padding-left:0px; padding-top:20px; }

	.main_4	h3						{ font-size:17px; letter-spacing:-0.5px; }

	.main_5	h3						{ font-size:17px; letter-spacing:-0.5px; }
	.main_5_contents > li			{ width:100% !important; }
	.main_5_contents > li:last-child{ padding-left:0px; padding-top:20px; }

	#bottom							{ padding:20px 0 }
	.bottom							{ padding:0px; letter-spacing:-1px;}
	.bottom_title					{ font-size:20px; }

}

@media screen and (max-width: 320px){
	.pc_top							{ display:none; }
	.mobile_top						{ display:block; }

	.poem									{display:none;}
	.m_poem							    { display:block; }

	#top							{ height:70px; }
	.top_menu_left					{ padding-top:15px; }
	.top_menu_right					{ padding-top:20px; text-align: left;}
	#btnMobileMenu					{ height:40px;}
	#top_space						{ height:70px; }
	
	.subArea > li:first-child			{ display:none; }
	.subArea > li:last-child		{ padding:0px; }

	.main_1_contents > li			{ width:100% !important; }
	.main_2_contents > li			{ width:100% !important; }
	.main_3_contents > li			{ width:100% !important; }
	.main_4_contents > li			{ width:100% !important; }


	.br								{ display:inline; }
	.br420							{ display:block; }
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9;  /* ie8 */
} 
