@media only screen and (max-width: 768px){
/* Global ----------------------------------------------------------------- */

.pc { display: none; }
.tablet { display: block; }
.smart { display: none; }
.mobile { display: block; }

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

/* Layout ----------------------------------------------------------------- */

#header-inner, nav ul, #footer-inner, #container{
	padding: 10px;
}
.alpha {
	width: 100%;
	float: none;
}
.beta {
	width: 100%;
	float: none;
}

/* Header ----------------------------------------------------------------- */
#header-inner h1 {
	width: 50%;
	float: left;
}
#header-inner div {
	width: 50%;
	float: right;
}
#header-inner h1 span {
	display: none;
}
#header-inner h1 img {
	width: 200px;
	height: 80px;
}
.mobile h2 {
	border-bottom: 1px solid #fca31e;
	background: #ff8b02;
	padding: 6px 10px;
	font-size: 0.9em;
	font-weight: bold;
	color: #FFF;
}
.mobile ul.menu {
	background: #ff9900;
	display: none;
}
.mobile .menu a {
	border-bottom: 1px solid #ffaf02;
	padding: 6px 8px 4px 8px;
	font-size: 0.84em;
	font-weight: bold;
	color: #FFF;
	display: block;
	text-decoration:none;
}
.mobile .menu ul {
	display: block;
}
.mobile .menu ul li {
	background: #f8b34b;
	padding-left: 15px;
}

/* Footer ----------------------------------------------------------------- */

footer {
	background: #eeeeee;
}
.footer-menu {
	background: #464646;
	border-top: 1px solid #ff9900;
	padding: 10px 0;
	text-align: center;
	font-size: 0.8em;
	color: #FFFFFF;
}
.footer-menu a {
	color: #FFFFFF;
	text-decoration:none;
}
.footer-menu br {
	display: none;
}
#footer-inner {
	padding: 20px 0;
}
#footer-inner p {
	margin-bottom: 0;
}
#footer-inner div {
	margin-left: 20px;
	font-size: 0.8em;
	float: left;
}
img.footer-logo {
	width: 200px;
	height: 80px;
	padding-left: 15px;
	float: left;
}

/* font ------------------------------------------------------------------- */

/* img -------------------------------------------------------------------- */

/* Table ------------------------------------------------------------------ */

/* box -------------------------------------------------------------------- */

/* Title ------------------------------------------------------------------ */
h2.midashi-news a {
	display: none;
}

/* Side ------------------------------------------------------------------- */
.side-service img{
	margin:0px 0px 5px 0px;
}
.side-service .servise-box {
	width:100%;
}
.side-service .servise-box-end {
	width:100%;
}
.service-txt{
	width:85%;
	float:right;
}
.banner li {
	width: 49%;
	float: left;
}
.banner li:nth-child(2n) {
	float: right!important;
}

/* container -------------------------------------------------------------- */
#entry-list span {
	display: block;
	float: none;
}
#entry-list p {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 6px;
	padding-bottom: 5px;
	float: none;
}
#entry-list a:hover {
	color: #FF0000;
}

/* index ------------------------------------------------------------------ */

.flexslider {
	width: auto;
	height: auto;
	margin: 0;
}
#plan img {
	width: 160px;
	height: 110px;
}
#plan > div {
	border-bottom: 2px solid #CCCCCC;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#plan div.end {
	border-bottom: none;
	padding-bottom: 0px;
}
#plan img {
	margin-bottom: 0;
}
#plan div.cont {
	border-right: 2px solid #CCCCCC;
	width: 80%;
	float: left;
}
#plan div.more {
	width: 19%;
	padding-top: 24px;
	text-align: center;
	font-weight: bold;
	float: right;
}
#plan h4 , #plan strong, #plan .midashiLink1 {
	padding: 10px 0;
	font-size: 1.4em;
	font-weight: bold;
}
.more a {
	background: #ff9900;
	padding: 2px 8px;
	font-size: 0.9em;
	font-weight: normal;
	color: #000000;
	text-decoration:none;
}
.more a:hover {
	background: #FF0000;
	color: #FFFFFF;
}
/* car-support ------------------------------------------------------------------ */
	.free-dial-wrapper {
		border:2px solid  #d7d7d7;
		padding: 15px 10px 10px 10px;
		border-radius: 8px;
		text-align: center;
		margin: 0 0 10px 0;
		/*box-shadow: 0 0 5px 0 rgba(150,150,150,0.3);*/
	}
	.free-dial {
		display: inline-block;
		padding: 0px 0px 0px 0px;
		font-size: 1.9em;
		line-height: 1.4em;
		color: #ff6600;
		font-weight: bold;
		margin-right: 5px;
	}
	.free-dial-wrapper a {
		text-decoration:none;
		color: #ff6600;
	}
	.free-dial rt {
		font-weight: normal;
		font-size: 0.1em;
	}
	.free-dial img {
		vertical-align: middle;
		width: 60px;
	}
}