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

@media only screen and (max-width:1315px) {
	
	/*----sub navi---*/
	.header-sect .main-navi-hdr .sub-navi-hdr .but-navi-sub{width:100px; height:95px; vertical-align:top;}
		
}

@media only screen and (max-width:1260px) {
	
	/*---main navi---*/
	.header-sect .main-navi-hdr .logo-main{width:90px;}
	
	.header-sect .main-navi-hdr .but-navi-hdr .but-navi{padding:0px 10px;font-size:15px;}
	
	.header-control-panel .hlight-ctrl-hdr .but-control .ctnt-hdr{padding:0px 15px;}
}

@media only screen and (max-width:1024px) {
	
	.wrapper{width:100%;}
	
	/*---footer---*/
	.footer-sect .wrapper{padding:0px 15px;}
		.footer-sect .but-top{right:15px;}
		
	/*---content---*/
	.content-body-sect .inner-ctnt-hdr{position:relative; top:0px;}	
}

@media only screen and (max-width:1010px) {
	
	/*---main navi---*/
	.header-sect .main-navi-hdr .logo-main{width:80px;}
	
	.header-sect .main-navi-hdr .but-navi-hdr .but-navi{padding:0px 10px; font-size:13px;}
	
	.header-control-panel .hlight-ctrl-hdr .but-control .ctnt-hdr{padding:0px 10px;}
}

@media only screen and (max-width:960px) {
	
	/*----sub navi---*/
	.header-sect .main-navi-hdr .sub-navi-hdr .but-navi-sub{width:85px;}
		
}

@media only screen and (max-width:910px) {
	
	/*---main navi---*/
	.header-sect .main-navi-hdr .logo-main{width:70px;}
	
	.header-sect .main-navi-hdr .but-navi-hdr .but-navi{padding:0px 10px; font-size:12px;}
	
	.header-control-panel .but-search{width:40px; margin-right:10px;}
}

@media only screen and (max-width:875px) {
	
	/*---footer---*/
	.footer-sect .footer-quicklink-panel-hdr .footer-quicklink-panel{width:150px; margin-right:10px}
}

/*---mobile starts here---*/
@media only screen and (max-width:855px) {
	
	/*---header---*/
	.header-sect{}
	
	.header-sect .header-navi-panel{position:absolute;}
	
	.header-sect .header-navi-mobile{display:block;}
	
	/*---top navi---*/
	.header-sect .top-navi-hdr{background-color:#0faef2; height:auto;}
		.header-sect .top-navi-hdr .but-navi-hdr{width:100%; padding:20px 0px;} 
			.header-sect .top-navi-hdr .but-navi-hdr .but-navi{width:33.3%; padding:0px 10px; border-left:1px solid #ffffff; font-family:'vagrounded_ltregular', Arial, Helvetica, sans-serif; color:#baebff; font-size:14px; text-align:center; line-height:1em;}
			.header-sect .top-navi-hdr .but-navi-hdr .but-navi:first-child{border-left:0px none;}
			
			.header-sect .top-navi-hdr .but-navi-hdr .but-navi:hover{color:#ffffff;}
			.header-sect .top-navi-hdr .but-navi-hdr .but-navi.current{font-family:'vagrounded_btregular', Arial, Helvetica, sans-serif; background-color:transparent; color:#ffffff;}
				.header-sect .top-navi-hdr .but-navi-hdr .but-navi.current:after{content:''; border-left:10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f5f5f5; position:absolute; bottom:-20px; left:calc(50% - 5px); left:-webkit-calc(50% - 5px);}
				
	/*---main navi---*/
	.header-sect .main-navi-hdr{background-color:#f5f5f5;}
	
	.header-sect .main-navi-hdr .logo-main{display:none;}
			
		.header-sect .main-navi-hdr .but-navi-hdr{width:100%;}	
			
		.header-sect .main-navi-hdr .but-navi-hdr .but-navi{background-color:#f5f5f5; width:100%; height:auto; padding:20px; border-bottom:1px solid #cacaca; font-family:'vagrounded_ltregular', Arial, Helvetica, sans-serif; color:#0faef2; font-size:19px; line-height:1em; z-index:1;}
		
		.header-sect .main-navi-hdr .but-navi-hdr .but-navi.with-sub{background:url(../images/arrows/arr-sub-navi-down.png) right 20px center no-repeat; background-color:#f5f5f5; padding:20px 30px 20px 20px;}
		
		.header-sect .main-navi-hdr .but-navi-hdr .but-navi.with-sub.current{background:url(../images/arrows/arr-sub-navi-up.png) right 20px center no-repeat; background-color:#f5f5f5; color:#0faef2;}
			.header-sect .main-navi-hdr .but-navi-hdr .but-navi.with-sub.current:after{display:none;}
	
	/*----sub navi---*/
	.header-sect .main-navi-hdr .sub-navi-hdr{background-color:transparent; width:100%; padding:0px 0px 20px; position:relative; top:20px;}
		.header-sect .main-navi-hdr .sub-navi-hdr .but-navi-sub{background-color:#e9e9e9; width:100%; height:auto; padding:20px 20px 20px 30px; border-left:0px none; border-bottom:1px solid #f5f5f5; display:block;}
		.header-sect .main-navi-hdr .sub-navi-hdr .but-navi-sub:first-child{border-left:0px none;}
				.header-sect .main-navi-hdr .sub-navi-hdr .but-navi-sub .icon-hdr{display:none;}
				.header-sect .main-navi-hdr .sub-navi-hdr .but-navi-sub .title-hdr{color:#929292; font-size:19px; font-weight:normal; text-align:left;}
	
	/*----control---*/
	.header-control-panel{width:100%; margin:20px 0px;}
	
	.header-control-panel .but-search{display:none;}
	
	.header-control-panel .hlight-ctrl-hdr{background-color:transparent; width:100%;}
		.header-control-panel .hlight-ctrl-hdr .but-control{width:50%; height:auto;}
		
		.header-control-panel .hlight-ctrl-hdr .but-control .ctnt-hdr{border-left:1px solid #9b9b9b;}
			
			.header-control-panel .hlight-ctrl-hdr .but-control .ctnt-hdr .icon-hdr{height:50px; margin-bottom:15px;}
			.header-control-panel .hlight-ctrl-hdr .but-control .ctnt-hdr .title-hdr{color:#5d5d5d; font-size:17px;}
		
		.header-control-panel .hlight-ctrl-hdr .but-control.pay{display:block;}
			.header-control-panel .hlight-ctrl-hdr .but-control.pay .icon-hdr{background-image:url(../images/icons/icon-pay-blue.png);}
		
		.header-control-panel .hlight-ctrl-hdr .but-control.myacc{display:none;}
		
		.header-control-panel .hlight-ctrl-hdr .but-control.coverage{display:block;}
			.header-control-panel .hlight-ctrl-hdr .but-control.coverage .icon-hdr{background-image:url(../images/icons/icon-coverage-blue.png);}
	
	/*---search---*/
	.header-sect .header-search-panel{top:50px;}
		
	/*----content---*/
	.content-sect{padding-top:50px;}
	
	/*---promo banner---*/
	.promo-bnr-sect .promo-bnr-navi-hdr{bottom:10px;}
	
	/*----footer---*/
	.footer-sect .but-top{background-size:30%; width:45px; height:45px; top:-65px;}
}

@media only screen and (max-width:768px) {
	
	/*---footer---*/
	.footer-sect .footer-quicklink-web{display:none;}	
	.footer-sect .footer-quicklink-mobile{display:block;}

	/*---promo banner---*/
	
	.promo-bnr-sect .promo-bnr-panel-hdr .promo-bnr-panel .promo-web{display:none;}
	.promo-bnr-sect .promo-bnr-panel-hdr .promo-bnr-panel .promo-mobile{display:block;}
	
	/*---popup---*/
	.popup-content-holder{width:95%;}
	
	.popup-inner-holder{padding:40px 20px;}

}


@media only screen and (max-width:470px) {
	
	/*---footer---*/
	.footer-sect{padding:40px 0px;}
	
	.footer-sect .but-top{top:-65px;}
	
	.footer-sect .logo-ctm{background:url(../images/logos/logo-ctm.png) top left/68px 36px no-repeat; width:120px; padding-top:45px; margin-top:40px;}
	
	.footer-sect .footer-quicklink-panel-hdr{font-size:11px;}
	
	.footer-sect .footer-quicklink-panel-hdr .footer-quicklink-panel{width:120px; margin-right:0px}
	
	.footer-sect .footer-support-panel-hdr{width:140px;}
		
		.footer-sect .footer-support-panel-hdr .title{font-size:10px;}
		
		.footer-sect .footer-support-panel-hdr .info-phone{font-size:21px;}
		.footer-sect .footer-support-panel-hdr .info-opt-hr{margin-bottom:35px; font-size:10px;}
		.footer-sect .footer-support-panel-hdr .info-email{color:#0caaec; font-size:18px;}
		
		.footer-sect .footer-support-panel-hdr .social-hdr{margin-top:30px;}
			.footer-sect .footer-support-panel-hdr .social-hdr .social-icon{width:30px; height:30px}
	
	.footer-sect .footer-btm-panel-hdr{margin-top:15px;}
	
			.footer-sect .footer-btm-panel-hdr .footer-panel-corp .info-powered{font-size:13px;}
			.footer-sect .footer-btm-panel-hdr .footer-panel-corp .info-id{font-size:7px;}
		
			.footer-sect .footer-btm-panel-hdr .footer-panel-secure .secure-icon{height:20px; margin-left:5px;}
				.footer-sect .footer-btm-panel-hdr .footer-panel-secure .secure-icon.mc-secure{width:40px;}
				.footer-sect .footer-btm-panel-hdr .footer-panel-secure .secure-icon.visa-verify{width:30px;}
				.footer-sect .footer-btm-panel-hdr .footer-panel-secure .secure-icon.digicert-secure{width:30px;}
}

@media only screen and (max-width:330px) {
	
	.header-sect .top-navi-hdr .but-navi-hdr .but-navi{padding:0px 5px; font-size:13px;}
}