@charset "UTF-8";

#blockimg480 { display: none; }


/* CSS Document */



/* ************************************************** */
/* PC  Display */
/* ************************************************** */

@media screen and (max-width:1100px) {

.wrpper-main { margin: 0 5%;width: 90%; }

.footer .foot-end ul.menu { width: 90%;margin: 20px 5% 0;padding: 0; }
.footer .copyright { width: 90%;margin: 20px 5%;text-align: center; }
	
}

@media screen and (max-width:1000px) {

header.head .inner {
	width: 100%;
	margin: 0;
	float: left;
	background-position: bottom left;
}
header.head .head_nav {	background-color: initial; }
header.head { background-position: bottom right -800px; }
header.head .head_nav {
	top:0px;
	background-color: initial;
	height: auto;
}
header.head .head_nav .inner { background-color: initial; }

}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 990px */
/* **************************************************************** */

@media screen and (max-width:990px) {

header.head { background:initial; }
header.head .inner { background-size: 100%; }

}



@media only screen and (max-width:980px){

header.head { background-image: initial; }
header.head .inner { width: 100%; }

.glid-contents { width: 100%; }

.glid-sidebar { width: 100%; }

.page-wide .glid-sidebar { width: 96%; }

.glid-sidebar .widepage-widget img { width: 50%;margin: 0 25%; }

/* **** Category Page ***** */
.list .block td:nth-of-type(1) { display: none; }
.list .block td:nth-of-type(2) { width: 100%; }

/* **** Company Page ***** */
.bottomnav { display: none; }

.glid-sidebar .company-widget {
	background-color: #FFF;
	border: none;
	margin: 0;
	padding: ;
}

.glid-sidebar .company-widget h2 { display: none; }

.glid-sidebar .company-widget ul li { 
	width: auto;
	min-width: 70px;
	margin: 0 5px 20px;
	float:left;
	border: #210063 1px solid;
}


}


/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 880px */
/* **************************************************************** */
@media only screen and (max-width:880px){


.footer .foot-end ul li {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 30px;
}

}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 640px */
/* **************************************************************** */

@media screen and (max-width:640px) {

h1 { font-size: 24px;line-height: 35px; }
h2 { font-size: 22px;line-height: 35px; }
h3 { font-size: 20px;line-height: 30px; }
h4 { font-size: 18px;line-height: 30px; }
h5 { font-size: 16px;line-height: 25px; }
h6 { font-size: 16px;line-height: 25px; }

.glid-sidebar .widepage-widget img { width: 70%;margin: 0 15%; }

/* **** Company Page ***** */
.company table { border-bottom: #210063 1px solid; }

.company table th { 
	width: 100%;
	border-bottom: none;
	float: left;
}

.company table td { 
	width: 100%;
	border-top: none;
	border-bottom: none;
	border-left: none;
	float: left;
}

}

/* ************************************************** */
/* Smart-Phone Tate(Portrayte) */
/* ************************************************** */
@media only screen and (max-width:580px){

header.head { height: 60px; }
header.head .inner { height: 60px; }
header.head .logo { width: 120px;margin: 5px 20px 0 21px; }

}

/* ************************************************** */
/* Smart-Phone Tate(Portrayte) */
/* ************************************************** */
@media only screen and (max-width:480px){

.glid-sidebar .widepage-widget img { width: 90%;margin: 0 5%; }

}