@charset "UTF-8";

/* Common. Column Grid 1200px - 1599px (Site Default 1200px)
----------------------------------------------------------------------------- */
.container{position:relative;margin:0 auto;width:80%;*min-width:auto;max-width:80%;transition:all .3s ease}
.container:after{content:"";display:block;clear:both}

/* 1. 1 Column Grid 0px - 399px
----------------------------------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 399px){
	.container{width:100%;min-width:auto;max-width:399px;}
}

/* 2. 1 Column Grid 400px - 767px
----------------------------------------------------------------------------- */
@media screen and (min-width: 400px) and (max-width: 767px){
	.container{width:100%;min-width:auto;max-width:767px;}
}

/* 2. 2 Column Grid Infinity - 767px
----------------------------------------------------------------------------- */
@media screen and (min-width: 767px){
}
@media screen and (max-width: 766px){
	#side-wrap .subMenu .subNavi-wrap{display:block;}
	#side-wrap .subMenu .subMenu-wrap{visibility:hidden;height:0;top:-1000px;}

}

/* 3. 1 Column Grid 768px - 1024px
----------------------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px){
	.container{width:100%;min-width:auto;max-width:1024px;}


}

/* 3. 2 Column Grid Infinity - 1024px
----------------------------------------------------------------------------- */
@media screen and (min-width: 1024px){

}
@media screen and (max-width: 1023px){
	#top-wrap{width:100% !important; height: 90px;}
	#util-btn-wrap{left:auto; right: 25px; bottom: 33px}
	#container-wrap .container{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px;}
	#container-wrap #contents{margin:10px 0 50px 0;}
	#top-wrap #header-wrap #header #logo{top:15px;left:10px;transition:left .3s ease}
	#top-wrap #header-wrap #header #logo h1 a{height:55px;line-height:normal;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu{width: 100%;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li.mn_l1{padding: 30px 0; width:100%;font-size: 0.9em;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li a{padding-left:30px;text-align: left}
	.navi-right-top{display: none;}
	.btn-backlist{top:125px !important;}
	.content-title{display: none;}
	.subMenu .lm-tit{top:190px;text-align: center}
	.subMenu .lm-tit .f1{padding-left: 0}
	.subMenu .subMenu-wrap .cnavi-fix{position:relative !important;}
	#footer-wrap .footer-area{position: relative; margin:0 auto; width:100%}
	#footer-wrap .footer-area .content-area{padding: 30px 8%}
}

/* 4. 1 Column Grid 1025px - 1199px (Site Default 1200px : No Media Query)
----------------------------------------------------------------------------- */
@media screen and (min-width: 1025px) and (max-width: 1199px){
	.container{width:100%;min-width:auto;max-width:1199px;}
	.subMenu #cont-navi .home{border-left:none;}
	.subMenu .cont-ctrl-btns .bt-print{border-right:none;}


}
@media screen and (min-width: 1024px) and (max-width: 1199px){
}

@media screen and (min-width: 1024px) and (max-width: 1499px){
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li.mn_l1{padding: 100px 0; width:50%}
}

/* 4. 2 Column Grid Infinity - 1199px
----------------------------------------------------------------------------- */
@media screen and (min-width: 1199px){

}
@media screen and (max-width: 1198px){
	#top-wrap #header-wrap #header #logo h1 a img{display:none;}
	#top-wrap #header-wrap #header #logo h1 a img.logo-icon{display:block;}
	#footer-wrap .footer-area{padding: 0}
	#footer-wrap .footer-area .address a{margin-right: 10px;}
	#footer-wrap .footer-area .address a.addr{display: inline;}
	#footer-wrap .footer-area .address a.addr::after{display:block;content: ''; white-space: pre;}
}

@media screen and (min-width: 1200px) and (max-width: 1599px){

}

/* 5. 1 Column Grid 1600px - Infinity (Main only)
----------------------------------------------------------------------------- */
@media screen and (min-width: 1600px){
/* 	.container{width:100%;min-width:auto;max-width:100%;} */
/* 	#top-wrap #util-btn-wrap .bt-mnctrs-wr{display:none;} */
}