/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* start editing from here */
a {
	text-decoration: none;
}
.txt-rt {
	text-align: right;
}/* text align right */
.txt-lt {
	text-align: left;
}/* text align left */
.txt-center {
	text-align: center;
}/* text align center */
.float-rt {
	float: right;
}/* float right */
.float-lt {
	float: left;
}/* float left */
.clear {
	clear: both;
}/* clear float */
.pos-relative {
	position: relative;
}/* Position Relative */
.pos-absolute {
	position: absolute;
}/* Position Absolute */
.vertical-base {
	vertical-align: baseline;
}/* vertical align baseline */
.vertical-top {
	vertical-align: top;
}/* vertical align top */
.underline {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	margin: 0 0 20px 0;
}/* Add 5px bottom padding and a underline */
nav.vertical ul li {
	display: block;
}/* vertical menu */
nav.horizontal ul li {
	display: inline-block;
}/* horizontal menu */
img {
	max-width: 100%;
}
/*end reset*/
body {
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-size: 100%;
	background: #ffffff;
}
.wrap {
	margin: 0 auto;/*width:80%;*/
}
/* start header */
.header_bg {
	background: #000000;
}
.header {
	padding: 2%;
}
.cssmenu {
	float: right;
}
.cssmenu > ul > li {
	display: inline-block;
	position: relative;
}
.cssmenu > ul > li.active a {
	color: #ffffff;
}
.cssmenu > ul > li img {
	vertical-align: middle;
}
.cssmenu > ul > li > a {
	/*font-family: 'Source Sans Pro', sans-serif;*/
	text-transform: uppercase;
	display: block;
	font-size: 16px;
	color: #C4C4C4;
	line-height: 1.8em;
	padding: 14px 20px;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.cssmenu > ul > li > a:hover {
	color: #ffffff;
}
.cssmenu > ul > li > ul {
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	background: #5C5C5C;
	color: #fff;
	text-align: left;
	position: absolute;
	top: 55px;
	left: 50%;
	margin-top: 22px;
	margin-left: -90px;
	width: 180px;
	-webkit-transition: all .3s .1s;
	-moz-transition: all .3s .1s;
	-o-transition: all .3s .1s;
	transition: all .3s .1s;
}
.cssmenu > ul > li:hover > ul {
	opacity: 1;
	top: 65px;
	visibility: visible;
}
.cssmenu > ul ul > li {
	position: relative;
}
.cssmenu ul ul a {
	border-bottom: 1px solid rgb(34, 33, 33);
	text-transform: uppercase;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	color: #ffffff;
	font-size: 14px;
	background: #000000;
	padding: 12px;
	display: block;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.cssmenu ul ul a:hover {
	background-color: #f0f0f0;
}
.cssmenu ul ul ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: -16px;
	left: 206px;
	padding: 8px;
	background-color: #fafafa;
	text-align: left;
	width: 160px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.cssmenu ul ul > li:hover > ul {
	opacity: 1;
	left: 190px;
	visibility: visible;
}
.cssmenu ul ul a:hover {
	background: #FFFFFF;
	color: #000000;
}
/* display with 840px  */
.top-nav {
	display: none;
}
.nav_bg {
	background: #464646;
}
.clearfix {
	height: 40px;
	width: 100%;
	font-size: 11pt;
	position: relative;
	z-index: 9999;
}
.clearfix ul {
	padding: 0;
	margin: 0 auto;
	display: none;
	background: #f0f0f0;
}
.clearfix li {
	display: block;
}
.clearfix a {
	color: #555555;
	font-size: 15px;
	text-transform: uppercase;
	display: block;
	width: 100%;
	text-indent: 10px;
	text-align: left;
	text-decoration: none;
	line-height: 40px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.clearfix li a {
	border-bottom: 1px solid rgba(90, 85, 73, 0.17);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.clearfix li:last-child a {
	border-right: 0;
}
.clearfix a:hover, .clearfix a:active {
	background: #424242;
	color: #ffffff;
}
.clearfix a#pull {
	font-size: 20px;
	display: block;
	width: 100%;
	position: relative;
	color: #FFFFFF;
	background-color: #202227;
}
.clearfix a#pull:after {
	background: url('../images/nav-icon.png')no-repeat;
	width: 30px;
	content: "";
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 10px;
}
.navbar-header .sp_menu {
	visibility: hidden;
	display: none;
	height: 0;
	width: 0;
}
/* start main */



.title_border01 {
	border-top: #458acf solid 10px;
}
.title_border02 {
	border-top: #68c3a3 solid 10px;
}
.title_border03 {
	border-top: #808080 solid 10px;
}
.title_border04 {
	border-top: #f02475 solid 10px;
}
.title_border05 {
	border-top: #f89406 solid 10px;
}
.title_border06 {
	border-top: #59abe3 solid 10px;
}
.title_border07 {
	border-top: #f4b350 solid 10px;
}
.title_border08 {
	border-top: #3498db solid 10px;
}
.title_border09 {
	border-top: #555555 solid 10px;
}
.title_border10 {
	border-top: #329A99 solid 10px;
}
.title_border11 {
	border-top: #4db848 solid 10px;
}
.title_border12 {
	border-top: #b9a46d solid 10px;
}
.tab_tit01 {
	color: #ffffff;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 1.8%;
	text-align: center;
	/*width: 20%;*/
	background: #458acf;
	float: left;
}
.tab_tit02 {
	color: #ffffff;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 1.8%;
	text-align: center;
	/*width: 20%;*/
	background: #68c3a3;
	float: left;
}
.tab_tit03 {
	color: #ffffff;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 1.8%;
	text-align: center;
	/*width: 20%;*/
	background: #808080;
	float: left;
}
.tab_tit04 {
	color: #ffffff;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 1.8%;
	text-align: center;
	/*width: 20%;*/
	background: #f02475;
	float: left;
}
.tab_tit05 {
	color: #ffffff;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 1.8%;
	text-align: center;
	/*width: 20%;*/
	background: #f89406;
	float: left;
}
.tab_tit06 {
	color: #ffffff;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 1.8%;
	text-align: center;
	/*width: 20%;*/
	background: #59abe3;
	float: left;
}
.tab_tit07 {
	color: #ffffff;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 1.8%;
	text-align: center;
	/*width: 20%;*/
	background: #f4b350;
	float: left;
}
.tab_tit08 {
	color: #ffffff;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 1.8%;
	text-align: center;
	/*width: 20%;*/
	background: #3498db;
	float: left;
}
.tab_tit09 {
	color: #ffffff;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 1.8%;
	text-align: center;
	/*width: 20%;*/
	background: #555555;
	float: left;
}
.tab_tit10 {
	color: #ffffff;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 1.8%;
	text-align: center;
	/*width: 20%;*/
	background: #329A99;
	float: left;
}
.tab_tit11 {
	color: #ffffff;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 1.8%;
	text-align: center;
	/*width: 20%;*/
	background: #4db848;
	float: left;
}
.tab_tit12 {
	color: #ffffff;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 1.8%;
	text-align: center;
	/*width: 20%;*/
	background: #b9a46d;
	float: left;
}
.inq_box {
	display: none;
	height: 0;
	width: 0;
}
.font_wt {
	font-weight: normal;
	font-size: 0.9em;
}
.tit_txt {
	display: block;
	float: left;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	padding: 25px 0 0 20px;
}
.main_bg {
	background: #ffffff;
}
.main {
	margin: 0 auto;
	width: 80%;
	padding: 4% 0 2%;
}
.main h4 {
	font-weight: bold;
}
.clf:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.main02 {
	margin: 0 auto;
	width: 60%;
	padding: 5% 0 4%;
}
.grids_1_of_3 {
	padding: 0 2% 6%;
	text-align: center;
}
.grid_1_of_3 {
	display: block;
	float: left;
	margin-left: 4%;
}
.grid_1_of_3:first-child {
	margin-left: 0;
}
.images_1_of_3 {
	width: 30.333%;
}
.images_1_of_3 img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
}
.images_1_of_3 h3 {
	color: #000000;
	text-transform: uppercase;
	margin-top: 0.8em;
	margin-bottom: 0.4em;
	font-size: 2em;
	font-weight: normal;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	line-height: 1.8em;
	letter-spacing: 1px;
	/*	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;*/
	transition: 0.9s;
}
.images_1_of_3 h3:hover {
	color: #6f533c;
}
.images_1_of_3 a:hover {
	text-decoration: none;
}
.images_1_of_3 p {
	color: #000000;
	line-height: 1.8em;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-size: 1.2em;
}
/* start top_mid_bg */
.top_grid_bg {
	background: url('../images/bg1.jpg') no-repeat;
	background-size: 100%;
}
.top_grid {
	padding: 6% 2%;
}
.top_grid_text {
	float: left;
}
.top_grid_text h2 {
	color: #ffffff;
	font-size: 2em;
	font-weight: normal;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	letter-spacing: 1px;
}
.top_grid_btn {
	float: right;
}
.top_grid_btn .btn {
	padding: 12px 30px;
	border: 1px solid #ffffff;
	display: block;
	font-size: 1em;
	text-transform: uppercase;
	color: #ffffff;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.top_grid_btn .btn:hover {
	background: #ffffff;
	color: #000000;
}
/* top_grid_portolio */
.top_grid_gallery {
	margin-top: 4%;
}
.top_grid_portfoli {
	margin-right: 3.6666666%;
}
.da-thumbs li, .da-thumbs li img {
	display: block;
	position: relative;
}
.da-thumbs li {
	overflow: hidden;
}
.da-thumbs li article {
	position: absolute;
	background-image: url(../images/image_hover.png);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
}
.da-thumbs li article.da-animate {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/* Initial state classes: */
.da-slideFromTop {
	left: 0px;
	top: -100%;
}
.da-slideFromBottom {
	left: 0px;
	top: 100%;
}
.da-slideFromLeft {
	top: 0px;
	left: -100%;
}
.da-slideFromRight {
	top: 0px;
	left: 100%;
}
/* Final state classes: */
.da-slideTop {
	top: 0px;
}
.da-slideLeft {
	left: 0px;
}
.da-thumbs li article a {
	color: #fff;
	padding: 20px;
	display: block;
}
.da-thumbs {
	text-align: center;
}
.da-thumbs li article h3 {
	color: #fff;
	font-size: 1.5em;
	text-transform: capitalize;
	padding: 80px 0 20px 0;
}
.da-thumbs li article em {
	margin-bottom: 10px;
	color: #fff;
	display: block;
}
.da-thumbs li article span {
	display: inline-block;
}
span.link_post {
	display: block;
	width: 35px;
	height: 35px;
	background-color: #febd17;
	cursor: pointer;
	background-image: url(../images/link_post_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
span.zoom {
	overflow: hidden;
	display: block;
	width: 35px;
	height: 35px;
	background-color: #febd17;
	cursor: pointer;
	background-image: url(../images/zoom_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.portfolio_2col article h3 {
	padding-top: 70px !important;
}
/* Image Grid */
.image_grid {
	float: left;
	overflow: hidden;
	position: relative;
}
.image_grid li {
	float: left;
	line-height: 18px;
	color: #686f74;
	list-style: none;
	overflow: hidden;
	text-align: center;
}
/* start mid_grid_bg */
.mid_grid_bg {
	background: #ffffff;
}
.mid_grid {
	padding: 0 0 6%;
}
.mid_grid h2 {
	color: #202227;
	font-size: 2.5em;
	letter-spacing: 1px;
}
.mid_grid h3 {
	color: #777777;
	font-size: 1.5em;
	margin: 2% 0;
}
.mid_grid h3 a {
	color: #202227;
	text-transform: uppercase;
}
.mid_grid h3 a:hover {
	color: #555555;
}
.mid_grid .btn {
	margin-top: 8px;
	padding: 12px 30px;
	border: 1px solid #ffffff;
	background: #202227;
	display: inline-block;
	font-size: 1em;
	text-transform: uppercase;
	color: #ffffff;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.mid_grid .btn:hover {
	background: #000000;
}
.mid_grid_left {
	float: left;
	width: 56.333333%;
	margin-right: 4%;
}
#small-dialog .mid_grid .mid_grid_left h2 {
	text-align: left;
	font-weight: normal;
}
.mid_grid_right {
	float: right;
	width: 38.333333%;
}
/* start btm_grid */
.btm_grid_bg {
	margin-bottom: 50px;
}
.btm_grid {
/*padding:6% 2%;*/
}
.btm_grid h2 {
	color: #ffffff;
	font-size: 2em;
	letter-spacing: 1px;
}
.btm_grid h3 {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1em;
	margin: 8% 0 4%;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.btm_grid h3:hover {
	color: rgba(255, 255, 255, 0.69);
}
.asset h3:hover {
	color: #000000;
}
.asset h3:hover {
	color: #000000;
}
.btm_grid p {
	margin-top: 10%;
	color: rgba(255, 255, 255, 0.69);
	line-height: 1.6em;
	font-size: 1em;
}
.span_of_3 {
	width: 700px;
	margin: 0 auto;
}
.span1_of_4 {
	width: 22%;
	float: left;
	margin-right: 4%;
}
.span1_of_4:nth-child(4) {
	margin-right: 0;
}
.span1_of_3 {
	width: 30.333%;
	float: left;
	margin-right: 4%;
}
.span1_of_3:nth-child(3) {
	margin-right: 0;
}
.span_of_3 h3.style {
	opacity: 0.5;
}
.span_of_3 h4 {
	position: relative;
	display: inline-block;
}
.span_of_3 h4.divider {
	position: absolute;
	background: url('../images/divider.png') no-repeat;
	width: 40px;
	height: 10px;
}
/* start contents */
.contents_bg {
/*	background: #f6f6f6;*/
}
/*.contents{
	padding:6% 8%;
	text-align: center;
}*/
.contents {
	padding: 6% 20%;
	text-align: center;
}
.contents p {
	/*padding: 2% 8%;*/
	text-align: left;
	font-size: 1.2em;
}
.contents .contact-form {
	text-align: left;
	width: 100%;
	margin: 0 auto;
}
.contents .contact-form .submit {
	text-align: center;
}
.contents h2 {
	color: #6f533c;
	font-size: 30px;
	margin-bottom: 20px;/*    */
}
.contents .inner_wrap {
	margin-bottom: 30px;
}
.contents .inner_wrap h2 {
	color: #ffffff;
	/**/
	font-size: 30px;
	margin-bottom: 20px;
}
.privacy h2 {
	text-align: left;
}
.privacy p {
	padding-bottom: 30px;
}
.privacy p.contactBar {
	padding-bottom: 0px;
}
.contents .inner_wrap p {
	color: #000000;
	font-size: 1.2em;
	line-height: 1.8em;
}
.contents h3 {
	color: #000000;
	font-size: 24px;
}
.contents_text {
	margin: 4% 0;
	background: #ffffff;
	padding: 4% 8%;
	position: relative;
}
.contents_text h4 {
	color: #BBBBBB;
	font-size: 2em;
}
.contents_text:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 20px solid #FFFFFF;
	border-bottom: 0 solid rgba(0, 0, 0, 0)!important;
	border-right: 15px solid rgba(0, 0, 0, 0)!important;
	border-left: 15px solid rgba(0, 0, 0, 0)!important;
	left: 50%;
	bottom: -20px;
	margin-left: -10px;
}
.client_btn {
	margin-bottom: 4%;
}
.client_btn a {
	display: inline-block;
	font-size: 1.2em;
	padding: 8px 28px;
	color: #ffffff;
	background: #34BCEB;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
}
.client_btn a:hover {
	background: #159ECD;
}
.client_pic ul li {
	display: inline-block;
	margin-right: 10px;
}
.client_pic ul li a img {
	margin-bottom: -4px;
}
.client_pic ul li a.active {
	border-bottom: 5px solid #FEBD17;
}
.client_pic ul li a {
	display: block;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.client_pic ul li a:hover {
	border-bottom: 5px solid #FEBD17;
}
/* start clients */
.clients_bg {
	background: #ffffff;
}
.clients {
	padding: 6% 2%;
	text-align: center;
}
.clients_txt {
	padding-bottom: 4%;
}
.clients h2 {
	color: #2E2E2E;
	font-size: 1.8em;
	text-transform: uppercase;
	padding: 15px 0 0px 0px;
	float: left;
}
.clients h3 {
	float: right;
	width: 82%;
	background: url(../images/hd-bg.png) 0% 73% repeat-x;
	display: inline-block;
	padding: 10px;
	height: 15px;
	margin-top: 12px;
}
/* start tooltip */
.tool_tip1 {
	margin: 4% 0;
}
.tt-wrapper {
	padding: 4% 0 10% 0;
}
.tt-wrapper li:first-child {
	margin-left: 0;
}
.tt-wrapper li {
	float: left;
	margin-left: 4%;
	width: 16.77777%;
}
.tt-wrapper li a {
	display: block;
	outline: none;
	position: relative;
	height: 60px;
}
.tt-wrapper li .tt-sample {
	background-position: 0px 0px;
}
.tt-wrapper li a span {
	text-transform: uppercase;
	width: 100px;
	height: auto;
	line-height: 20px;
	padding: 10px;
	left: 50%;
	margin-left: -64px;
	font-weight: normal;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	border: 4px solid #000;
	background: #000000;
	text-indent: 0px;
	border-radius: 5px;
	position: absolute;
	pointer-events: none;
	bottom: 100px;
	opacity: 0;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tt-wrapper li a span:before, .tt-wrapper li a span:after {
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.1);
}
.tt-wrapper li a span:after {
	bottom: -14px;
	margin-left: -10px;
	border-top: 10px solid #000;
}
.tt-wrapper li a:hover span {
	opacity: 0.9;
	bottom: 70px;
}
/* start products */
.products_bg {
	background: #f1f1f1;
}
.products {
	padding: 6% 2%;
	text-align: center;
}
.products h2 {
	background: #000000;
	font-size: 1.4em;
	color: #ffffff;
	padding: 10px;
	display: inline-block;
	text-transform: uppercase;
}
.products_of_3 {
	display: block;
	margin-top: 4%;
}
.product1_of_3 {
	float: left;
	width: 25.3333%;
	padding: 2%;
	margin-right: 4%;
	background: #ffffff;
}
.product1_of_3 h3 {
	font-size: 1.2em;
	color: #000000;
	margin: 4% 0;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.product1_of_3 h3:hover {
	color: #febd17;
}
.product1_of_3 h4 {
	font-size: 1.2em;
	color: #28AAD6;
}
/* start footer_top */
.footer_top_bg {
	background: #febd17;
}
.footer_top {
	padding: 6% 2%;
	text-align: center;
}
.footer_top h2 {
	color: #FFFFFF;
	font-size: 2.5em;
}
.footer_top h2 a {
	color: #FFFFFF;
	text-decoration: underline;
}
.footer_top h2 a:hover {
	text-decoration: none;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
/* start footer */
.footer_bg {
	background: #13253b;
	color: #FFFFFF;
}
.footer {
	padding: 6% 2%;
}
.span1_of_4 {
	float: left;
	width: 22%;
	margin-right: 3%;
}
.span1_of_4 h2 {
	font-size: 1.2em;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 8%;
}
.f_nav1 li {
	display: inline-block;
}
.f_nav1 li a {
	display: block;
	color: #ABABAB;
	line-height: 1.8em;
	font-size: 1em;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.f_nav1 li a:hover {
	color: #ffffff;
}
.f_nav2 li {
	margin: 10px 5px 0 0;
	display: inline-block;
	background: #222222;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
}
.f_nav2 li:hover {
	background: #333333;
}
.f_nav2 li a {
	display: block;
	color: #ABABAB;
	font-size: 1em;
	padding: 10px;
}
p.f_para {
	color: #ABABAB;
	line-height: 1.8em;
	font-size: 1em;
}
/*search*/
.search {
	margin-top: 8%;
	position: relative;
	background: #ffffff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.search input[type="text"] {
	/*font-family: 'Source Sans Pro', sans-serif;*/
	padding: 10px 16px;
	outline: none;
	color: #5a5a5a;
	background: none;
	border: none;
	width: 68.33333%;
	line-height: 1.5em;
	position: relative;
	font-size: 1em;
}
.search input[type="submit"] {
	background: url('../images/search1.png') no-repeat 8px 12px;
	padding: 10px 0px;
	border: none;
	cursor: pointer;
	width: 14.33%;
	line-height: 1.5em;
	outline: none;
	position: absolute;
}
.search input[type="submit"]:hover {
	background: url('../images/search1_h.png') no-repeat 8px 12px;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.footer_btm {
	margin-top: 4%;
	border-top: 6px solid #222222;
	padding-top: 4%;
}
.copy {
	float: left;
}
.copy p {
	font-size: 1em;
	text-transform: uppercase;
	color: #B9B9B9;
}
.copy p span {
	color: #ffffff;
}
.copy p a {
	color: #ffffff;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.copy p a:hover {
	color: #B9B9B9;
}
/*---top-social-icons-----*/
.social-icons {
	float: right;
}
.social-icons li {
	float: left;
	margin-right: 10px;
	display: inline-block;
}
.social-icons li a {
	height: 16px;
	width: 18px;
	display: block;
	background: url(../images/social_icons.png);
}
.social-icons li:first-child a {
	background: url(../images/social_icons.png) 0% 0%;
}
.social-icons li:first-child a:hover {
	background: url(../images/social_icons.png) 0% 90%;
}
.social-icons li:nth-child(2) a {
	background: url(../images/social_icons.png) 8% 0%;
}
.social-icons li:nth-child(2) a:hover {
	background: url(../images/social_icons.png) 8% 90%;
}
.social-icons li:nth-child(3) a {
	background: url(../images/social_icons.png) 24% 0%;
}
.social-icons li:nth-child(3) a:hover {
	background: url(../images/social_icons.png) 24% 90%;
}
.social-icons li:nth-child(4) a {
	background: url(../images/social_icons.png) 32% 0%;
}
.social-icons li:nth-child(4) a:hover {
	background: url(../images/social_icons.png) 32% 90%;
}
.social-icons li:nth-child(5) a {
	background: url(../images/social_icons.png) 40% 0%;
}
.social-icons li:nth-child(5) a:hover {
	background: url(../images/social_icons.png) 40% 90%;
}
.social-icons li:nth-child(6) a {
	background: url(../images/social_icons.png) 49% 0%;
}
.social-icons li:nth-child(6) a:hover {
	background: url(../images/social_icons.png) 49% 90%;
}
.social-icons li:nth-child(7) a {
	background: url(../images/social_icons.png) 56% 0%;
}
.social-icons li:nth-child(7) a:hover {
	background: url(../images/social_icons.png) 56% 90%;
}
.social-icons li:nth-child(8) a {
	background: url(../images/social_icons.png) 66% 0%;
}
.social-icons li:nth-child(8) a:hover {
	background: url(../images/social_icons.png) 66% 90%;
}
.social-icons li:nth-child(9) a {
	background: url(../images/social_icons.png) 74% 0%;
}
.social-icons li:nth-child(9) a:hover {
	background: url(../images/social_icons.png) 74% 90%;
}
.social-icons li:nth-child(10) a {
	background: url(../images/social_icons.png) 83% 0%;
}
.social-icons li:nth-child(10) a:hover {
	background: url(../images/social_icons.png) 83% 90%;
}
.social-icons li:nth-child(11) a {
	background: url(../images/social_icons.png) 92% 0%;
}
.social-icons li:nth-child(11) a:hover {
	background: url(../images/social_icons.png) 92% 90%;
}
.social-icons li:nth-child(12) a {
	background: url(../images/social_icons.png) 100% 0%;
}
.social-icons li:nth-child(12) a:hover {
	background: url(../images/social_icons.png) 100% 90%;
}
/* start portfolio */
.grids_1_of_3_btm {
	text-align: center;
	margin-bottom: 4%;
}
/* start service*/
.ser-main {
	display: block;
	margin: 2% 0 0;
}
.ser-grid {
	float: right;
}
.ser-grid-list:nth-child(4n) {
	margin-right: 0;
}
.new-car {
	display: block;
	margin: 2% 0 0;
	width: 73%;
	float: left;
}
.bn_area {
	display: block;
	margin: 4% 0 0;
	width: 27%;
	float: left;
}
.bn_area li {
	margin-bottom: 20px;
}
.new-car-list:nth-child(3n) {
	margin-right: 0;
}
.new-car-list {
	float: left;
	width: 32%;
	margin-right: 1%;
	margin-bottom: 3%;
}
.new-car-list img {
	margin-top: 15px;
}
.new-car-list p {
	margin: 2% auto;
	width: 86%;
	border-bottom: #606060 solid 1px;
}
.ser-grid-list {
	float: left;
	width: 24.2%;
	margin-right: 1%;
}
.ser-grid-list img {
	margin-top: 15px;
}
.list_icon_new_j img {
	margin-top: -15px;
}
.ser-grid-list p {
	margin: 6% auto;
	width: 86%;
}
.ser-para {
	margin: 2% 0;
}
.trade_flow .ser-grid-list p {
	margin: 6% auto;
	width: 95%;
}
.stock_wrap {
	margin-top: 3%;
}
.stock_wrap .ser-grid-list {
	/*padding-bottom: 1%;*/
	margin-bottom: 2%;
	background-color: #f9f9f9;/* box-shadow *//*box-shadow:rgba(51, 51, 51, 0.12) 0px 1px 6px 3px;
-webkit-box-shadow:rgba(51, 51, 51, 0.12) 0px 1px 6px 3px;
-moz-box-shadow:rgba(51, 51, 51, 0.12) 0px 1px 6px 3px;*/
}
.stock_wrap img {
	margin-top: 0px;
}
.recospec {
	margin: 0 auto;
	width: 90%;
}
.recospec h3 {
	font-size: 14px;
	border-bottom: #333 dotted 1px;
	padding-bottom: 10px;
	font-weight: bold;
}
.recospec h4 {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}
.recospec h5 {
	margin-top: 0;
	font-size: 11px;
	border-bottom: #333 dotted 1px;
	padding-bottom: 10px;
}
.recospec dt {
	display: block;
	float: left;
	font-size: 10px;
	padding-top: 2px;
}
.recospec dd {
	display: block;
	float: left;
	font-size: 13px;
}
.recospec dt {
	padding-right: 5px;
	font-weight: normal;
}
.recospec dd {
	padding-right: 15px;
}
.recospec .spec {
	margin-bottom: 15px;
}
.recospec .spec a {
	color: #333333;
}
.recospec .spec a:hover {
	color: #a5a5a5;
	text-decoration: none;
	/*text-transform: uppercase;*/
	transition: all 0.1s ease 0s;
}
.recospec li {
	display: block;
}
.recospec li.icon {
	float: left;
}
.recospec li.price {
	float: right;
	font-size: 18px;
}
.recospec .cf:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
h2.style {
	color: #606060;
	font-size: 3em;
	letter-spacing: -1px;
}
p.para {
	color: #555555;
	line-height: 1.8em;
	font-size: 1em;
	background-image: url(../images/up_arrows.png);
	background-position: left 0.5em;
	background-repeat: no-repeat;
	padding-left: 1.8em;
}
.btn_s {
	padding: 12px 30px;
	border: 1px solid #ffffff;
	background: #202227;
	display: inline-block;
	font-size: 1em;
	text-transform: uppercase;
	color: #ffffff;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.btn_s:hover {
	background: #000000;
}
/* start staff */
.staff h3 {
	margin-top: 4%;
	color: #000000;
	font-size: 1.5em;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.staff h3:hover {
	color: #79C378;
}
/* start blog */
.blog {
	padding: 2%;
}
.blog_list {
	margin-top: 2%;
}
.blog_list h5 {
	text-transform: capitalize;
	line-height: 1.5em;
	font-size: 1.4em;
	color: #202227;
}
.blog_list h5 a {
	color: #febd17;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.blog_list h5 a:hover {
	color: #202227;
}
.blog_para {
	margin: 2% 0;
}
.blog_para p a {
	float: left;
	margin-right: 4%;
}
.blog_para p a img {
	margin-top: 10px;
}
.read_more1 {
	margin-top: 2%;
}
/***Contact*/
.map {
	margin: 2% 0;
}
.col {
	display: block;
}
.contact-form {
	position: relative;
}
.contact-form div {
	padding: 5px 0;
}
.contact-form span label {
	color: #555555;
	display: block;
	font-size: 1.2em;
	padding-bottom: 5px;
}
.contact-form input[type="text"], .contact-form textarea {
	border: 1px solid #e7e7e7;
	color: rgba(85, 81, 81, 0.84);
	padding: 8px;
	display: block;
	width: 98%;
	outline: none;
	-webkit-appearance: none;
}
.contact-form textarea {
	resize: none;
	height: 120px;
}
.contact-form input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: none;
	padding: 12px 30px;
	border: 1px solid #ffffff;
	background: #6f533c;
	display: inline-block;
	font-size: 1em;
	text-transform: uppercase;
	color: #ffffff;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.contact-form input[type="submit"]:hover {
	background: #333333;
}
.contact-form input[type="submit"] {
	font-size: 1em;
	padding: 12px 30px;
	text-transform: uppercase;
	transition: all 0.9s ease 0s;
	background: none repeat scroll 0 0 #555555;
	border: 1px solid #555555;
	border: medium none;
	border-radius: 5px;
	color: #ffffff;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	padding: 8px 0;
	text-align: center;
	width: 150px;
}
.contact a {
	color: #56422f;
}
.submit {
	text-align: center;
}
/* start feature */
.top_grid_bg1 {
	background: #ffffff
}
.top_grid_btn1 {
	float: right;
}
.top_grid_btn1 .btn {
	padding: 12px 30px;
	border: 1px solid #202227;
	display: block;
	font-size: 1em;
	text-transform: uppercase;
	color: #202227;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.top_grid_btn1 .btn:hover {
	background: #202227;
	color: #ffffff;
}
.image_grid:nth-child(4) {
	margin-right: 0;
}
.pt0 {
	padding-top: 0;
}
.pt163 {
	padding-top: 163px;
}
.pb10 {
	padding-bottom: 10%;
}
/*在庫情報*/

.gallery, .parts-img {
	display: block;
	height: 0;
	margin: 0 0 15px;
	overflow: hidden;
	padding-bottom: 70%;
	position: relative;
	width: 100%;
}
.gallery img, .parts-img img {
	height: auto;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.gallery .newicon {
	background-image: url("../images/new_icon.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 83px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 121px;
	z-index: 2;
}
.recospec dd.pr0 {
	padding-right: 0;
}
/*会社概要*/	
	
	
.corp_tit {
	color: #333333;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 5px;
	float: left;
}
.corp_subtit {
	color: #333333;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 18px;
	font-weight: normal;
	clear: both;
	float: left;
	margin: 0;
}
.greeting {
	display: block;
	margin: 2% 5% 0 0;
	width: 65%;
	float: left;
}
.greeting p {
	font-size: 1em;
	line-height: 1.6em;
}
.graph {
	display: block;
	margin: 2% 0 0;
	width: 30%;
	float: left;
}
.pd0 {
	padding: 0;
}
.w80 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.mt4 {
	margin-top: 4%;
}
#table a {
	color: #428bca;
	text-decoration: none
}
#table a:hover, #table a:focus {
	color: #428bca;
	text-decoration: underline
}
/*個人情報保護*/

.p_list ul li {
	list-style-type: square;
	padding-left: 0.5em;
	list-style-position: outside;
	margin-left: 2em;
	line-height: 1.6em;
	padding-bottom: 0.5em;
}
/*アクセス*/
.access_staff {
	color: #F45E60;
}
.fs12 {
	font-size: 12px;
}
.ggmap {
	position: relative;
	padding-bottom: 55%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe, .ggmapr object, .ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 90%;
}
.mapwrap {
	width: 100%;
	margin: 30px auto;
}
.map_left {
	width: 55%;
	margin-right: 5%;
	float: left;
}
.map_right {
	width: 40%;
	float: right;
	padding-top: 5%;
}
.map_right h2 {
	font-weight: bold;
}
.pb50 {
	padding-bottom: 50px;
}
/*ショールーム*/

.filter_outer {
	display: block;
	height: 35px;
	margin: 20px 0 60px;
	position: relative;
	text-align: center;
}
.filter_holder {
	display: inline-block;
}
.filter_holder a {
	color: #707070;
}
.filter_holder ul {
	display: inline-block;
	list-style: none outside none;
}
.filter_holder ul li {
	cursor: pointer;
	display: block;
	float: left;
	line-height: 35px;
	margin: 0 5px 0 0;
	text-align: left;
}
.filter_holder ul li.active span, .filter_holder ul li:hover span {
	background-color: #68c3a3;
	color: #fff;
}
.filter_holder ul li span {
	background-color: #f6f6f6;
	border-radius: 2px;
	color: #707070;
	display: inline-block;
	line-height: 35px;
	padding: 0 17px;
	position: relative;
	transition: all 0.2s ease-in-out 0s;
}
h2.showroom_tit {
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	color: #333333;
	margin-bottom: 20px;
}
h3.showroom_tit {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	color: #333333;
	margin-bottom: 20px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb120 {
	margin-bottom: 120px;
}
.indoorview {
	padding: 1%;
	background-color: #f6f6f6;
	border-radius: 2px;
	margin-bottom: 2%;
}
.indoorview img {
	float: left;
	padding-right: 1%;
}
.indoorview p {
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	padding-top: 5px;
}
/*納車*/

.mb30 {
	margin-bottom: 30px;
}
.mb60 {
	margin-bottom: 60px;
}
.delivery_txt p {
	width: 78%;
	padding-right: 2%;
	padding-top: 4%;
}
.delivery_txt p.pt0 {
	padding-top: 0;
}
p.w100 {
	width: 100%;
}
.delivery_txt img {
	width: 20%;
	float: right;
}
/*車種別*/

.bn_list {
	padding: 0;
	margin: 0;
}
.bn_list li {
	display: block;
	float: left;
	width: 30%;
	margin-right: 5%;
}
li.mr0 {
	margin-right: 0;
}
body .bn_list_wrap {
	margin: 0 auto;
	padding: 2% 0 0;
}
.car_area {
	width: 100%;
}
#main_wrap .car_kind {
	position: relative;
	padding-bottom: 40%;
	padding-top: 163px;
	overflow: hidden;
	height: 600px;
}


.cayenne_sp{
	display:none;}

.porche_sp{
	display:none;}




.bg_gr {
	background: #f9f9f9;
	padding-top: 2%;
	padding-bottom: 3%;
}
.tit_wrap ul li {
	display: block;
	float: left;
}
.ser-grid-list02 {
	float: left;
	margin-right: 1%;
	width: 24.2%;
}
.mr0 {
	margin-right: 0;
}
.reverse_imported .gallery {
	display: block;
	height: 0;
	margin: 0 0 10px;
	overflow: hidden;
	padding-bottom: 50%;
	position: relative;
	width: 100%;
}
body .bn_mt0, .mt0 {
	margin-top: 0;
}
.reverse_imported h3 {
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	padding: 10px 0;
	margin-bottom: 30px;
	padding: 1.6%;
}
h3.sr3 {
	background: #808080; /* Old browsers */
	background: -moz-linear-gradient(top, #808080 0%, #cacaca 50%, #808080 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #808080), color-stop(50%, #cacaca), color-stop(100%, #808080)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #808080 0%, #cacaca 50%, #808080 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #808080 0%, #cacaca 50%, #808080 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #808080 0%, #cacaca 50%, #808080 100%); /* IE10+ */
	background: linear-gradient(to bottom, #808080 0%, #cacaca 50%, #808080 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080', GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 2px #000;
	/* box-shadow */
	box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px 0px;
}
h3.car3 {
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top, #333333 0%, #666666 50%, #333333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(50%, #666666), color-stop(100%, #333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #333333 0%, #666666 50%, #333333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #333333 0%, #666666 50%, #333333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #333333 0%, #666666 50%, #333333 100%); /* IE10+ */
	background: linear-gradient(to bottom, #333333 0%, #666666 50%, #333333 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333', GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 2px #000;
	/* box-shadow */
	box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px 0px;
}
/*バジェットローン*/

.loantxt ul {
	width: 55%;
	margin-top: 5%;
}
ul.list-note-01 {
	width: 100%;
}
h3.heading-l3-01 {
	font-weight: bold;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 18px;
	/*border-bottom: #808080 1px dotted;*/
	padding-bottom: 10px;
}
.seg1 {
	height: 120px;
}
ul.list-01 {
	margin-bottom: 5%;
}
ul.list-01 li {
	margin-bottom: 10px;
	list-style: square;
	margin-left: 2%;
}
 . pb100 {
 padding-bottom:100px;
}
/*トップページ*/
#feed-tube #youtube1-4 h3.movie-title a:hover {
	color: #428bca;
	text-decoration: none;
}
.moreinfo a:hover {
	color: #428bca;/*text-decoration: none;*/
}
/*ローン*/

.loantxt {
	width: 100%;
	margin: 30px auto 0;
}
.loantxt img.loancar {
	float: right;
	width: 40%;
}
.loantxt img.factcar {
	float: right;
	width: 40%;
	margin-left: 5%;
}
.loantxt img.loancar02 {
	float: right;
	width: 40%;
	padding-top: 5%;
}
.loantxt p.loan01 {
	padding-top: 5%;
	width: 55%;
}
.loanwrap {
	width: 730px;
	margin: 60px auto;
}
.loanwrap_sp {
	visibility: hidden;
	display: none;
	margin: 0;
	height: 0;
}
.filter_outer02 {
	display: block;
	height: 35px;
	margin: 0px 0 60px;
	position: relative;
}
.filter_outer03 {
	display: block;
	height: 35px;
	margin: 0px 0 60px;
	position: relative;
}
.filter_holder02 {
/*display: inline-block;*/
}
.filter_holder02 a {
	color: #707070;/*	font-size: 16px;
	font-weight: bold;*/
}
.filter_holder02 ul {
	display: inline-block;
	list-style: none outside none;
}
.filter_holder02 ul li {
	cursor: pointer;
	display: block;
	float: left;
	line-height: 35px;
	margin: 0 5px 0 0;
	text-align: left;
}
.filter_holder02 ul li.active span, .filter_holder02 ul li:hover span {
	background-color: #59abe3;
	color: #fff;
	/*	font-size: 16px;
	font-weight: bold;*/
	display: inline-block;
}
.filter_holder02 ul li span {
	background-color: #f6f6f6;
	border-radius: 2px;
	color: #707070;
	display: inline-block;
	line-height: 35px;
	padding: 5px 20px;
	position: relative;
	transition: all 0.2s ease-in-out 0s;
	width: 300px;
	text-align: center;
}
.filter_holder03 {
/*display: inline-block;*/
}
.filter_holder03 a {
	color: #707070;/*	font-size: 16px;
	font-weight: bold;*/
}
.filter_holder03 ul {
	display: inline-block;
	list-style: none outside none;
}
.filter_holder03 ul li {
	cursor: pointer;
	display: block;
	float: left;
	line-height: 35px;
	margin: 0 5px 0 0;
	text-align: left;
}
.filter_holder03 ul li.active span, .filter_holder03 ul li:hover span {
	background-color: #f89406;
	color: #fff;
	/*	font-size: 16px;
	font-weight: bold;*/
	display: inline-block;
}
.filter_holder03 ul li span {
	background-color: #f6f6f6;
	border-radius: 2px;
	color: #707070;
	display: inline-block;
	line-height: 35px;
	padding: 5px 20px;
	position: relative;
	transition: all 0.2s ease-in-out 0s;
	width: 300px;
	text-align: center;
}
ul.list-feature-01 li.list-content .title img, ul.list-merit-01 li.list-content .title img {
	float: left;
	margin-right: 10px;
	margin-top: -2px;
	vertical-align: top;
}
ul.list-feature-01 li.list-content, ul.list-merit-01 li.list-content {
	margin-bottom: 13px;
	padding: 0;
}
#content-main {
	width: 100%;
}
.heading-l2-01 {
	background: none repeat scroll 0 0 #f6f6f6;
	border-radius: 3px;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 17px;
	padding: 9px 8px;
	color: #333333;
}
.heading-l5-01 {
	background: none repeat scroll 0 0 #f6f6f6;
	border-radius: 3px;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 17px;
	padding: 9px 8px;
	color: #333333;
}
.heading-l2-01 span:before {
	background: none repeat scroll 0 0 #59abe3;
	border-radius: 3px;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}
.heading-l5-01 span:before {
	background: none repeat scroll 0 0 #b9a46d;
	border-radius: 3px;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}
.heading-l3-01 {
	background: none repeat scroll 0 0 #f6f6f6;
	border-radius: 3px;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 17px;
	padding: 9px 8px;
	color: #333333;
}
.heading-l3-01 span:before {
	background: none repeat scroll 0 0 #59abe3;
	border-radius: 3px;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}
.heading-l2-01 span:before {
	background: none repeat scroll 0 0 #59abe3;
	border-radius: 3px;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}
.heading-l2-01 span:before {
	background: none repeat scroll 0 0 #b9a46d;
	border-radius: 3px;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}
.heading-l3-01 span:before {
	background: none repeat scroll 0 0 #59abe3;
	border-radius: 3px;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}
.heading-l3-01 span.fact_ser:before {
	background: none repeat scroll 0 0 #f89406;
	border-radius: 3px;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}
.heading-l4-01 {
	background: none repeat scroll 0 0 #f6f6f6;
	border-radius: 3px;
	font-family: "小塚ゴシック", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 17px;
	padding: 9px 8px;
	color: #333333;
}
.heading-l4-01 span:before {
	background: none repeat scroll 0 0 #4db848;
	border-radius: 3px;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}
.heading-l4-01 span:before {
	background: none repeat scroll 0 0 #4db848;
	border-radius: 3px;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}
body #privacy_wrap .heading-l2-01 span:before {
	background: none repeat scroll 0 0 #808080;
	border-radius: 3px;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}
body #privacy_wrap .heading-l5-01 span:before {
	background: none repeat scroll 0 0 #808080;
	border-radius: 3px;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}
body #privacy_wrap .heading-l3-01 span:before {
	background: none repeat scroll 0 0 #808080;
	border-radius: 3px;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}
body #privacy_wrap .heading-l4-01 span:before {
	background: none repeat scroll 0 0 #808080;
	border-radius: 3px;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
}
.heading-l2-01 span {
	display: block;
	padding: 3px 0 1px 15px;
	position: relative;
}
.heading-l3-01 span {
	display: block;
	padding: 3px 0 1px 15px;
	position: relative;
}
.heading-l4-01 span {
	display: block;
	padding: 3px 0 1px 15px;
	position: relative;
}
.heading-l5-01 span {
	display: block;
	padding: 3px 0 1px 15px;
	position: relative;
}
.lay-column2 {
	/*	margin-left: -24px;*/

	width: 100%;
}
.lay-column2, .lay-column3, .lay-column4 {
	overflow: hidden;
}
.lay-column2 .col {
	/*	margin-left: 24px;*/
	width: 47%;
	margin-right: 6%;
	float: left
}
.lay-column2 .col:nth-child(2n) {
	width: 47%;
	margin-right: 0;
}
.lay-column2 .col, .lay-column3 .col, .lay-column4 .col {
	display: inline;
	float: left;
	overflow: hidden;
}
ul.list-01 li span.bullet01 {
	display: block;
	height: 9px;
	left: 3px;
	padding: 0;
	position: absolute;
	top: 0.4em;
	width: 8px;
}
/***** Media Quries *****/

.staff_wrap {
	width: 80%;
	margin: 0 auto;
	padding-top: 60px;
}
.staff_txt {
	float: left;
	width: 50%;
	margin-right: 5%;
}
.staff_img {
	float: right;
	width: 45%;
}
.ser-main .staff_wrap h3 {
	line-height: 1.2em;
	margin-bottom: 5%;
	margin-top: 5%;
	font-size: 30px;
	font-family: '小塚ゴシック', 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', 'sans-serif'
}
.form_thanks {
	width: 400px;
	height: 400px;
	margin: 200px auto 0;
}
/*買取*/

.contact_wrap {
	border: #b9a46d solid 8px;
	border-radius: 15px;
	text-align: center;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-bottom: 5%;
}
.contact_wrap:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.post .contact_wrap h3 {
	font-family: '小塚ゴシック', 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', 'sans-serif';
	font-size: 36px;
	line-height: 1.2em;
	margin: 5% 0;
}
.post .contact_wrap ul {
	display: block;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.post .contact_wrap li {
	display: block;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 18px;
	float: left;
	margin-right: 5%;
	text-align: center;
	width: 30%;
	padding: 2%;
	    text-shadow: 1px 1px 2px #333;  
}
.contact_wrap li:hover {
	opacity: 0.8;
}
.contact_wrap li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-family: '小塚ゴシック', 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', 'sans-serif';
}


.contact_wrap li img {
	width:14%;
	margin-right:4%;
	vertical-align: middle;
	 margin-bottom:0;
}


.contact_wrap li.trade-tel {
	background: #4472b9;
}



.contact_wrap li.trade-tel:hover {
	opacity: 1;
}
.contact_wrap li.trade-mail {
	background: #626262;
}
.contact_wrap li.trade-line {
	margin-right: 0;
	background: #45af35;
}




@media only screen and (max-width: 1366px) {
.wrap {
/*width:95%;*/
}
#fwslider .title {
	margin-left: 8%;
}
#fwslider .description {
	margin-left: 8%;
}
.image_grid {
	width: 21.333%;
}
.tool_tip > ul > li {
	width: 16.33333%;
}
.recospec h5 {
	margin-top: 0;
	font-size: 10px;
}
.point_txt {
	font-size: 11px;
}
}

@media only screen and (max-width: 1334px) {
#main-header .container {
	width: 100%;
}
#main-header .logowrap {
	width: 40%;
}
#masthead-container {
	width: 100%;
}
#main-header .contactwrap {
	width: 60%;
	float: right;
/*padding-top:2%;*/}
#masthead {
	float: right;
}
body p.para {
	background-image: url("../images/up_arrows.png");
	background-size: 5px auto;
	background-position: left 0.2em;
	background-repeat: no-repeat;
	color: #555555;
	font-size: 0.7em;
	line-height: 1.2em;
	padding-left: 1.8em;
}
body.home #promoArea {
	padding-top: 0px;
	position: relative;
}
body #fNaviFrame {
	font-size: 12px;
}
body #fNaviArea {
	margin: 0 auto;
	width: 550px;
}
body .footer_nav li {
	line-height: 1.6em;
	padding-right: 2em;
}
body #main-header, body #main-nav {
	position: static;
}
body .home #promoArea {
	padding-top: 0px;
	position: static;
}
body .home .contact {
	visibility: hidden;
	display: none;
	height: 0;
	width: 0;
}
body .list_icon_new_j img {
	margin-top: -5px;
}
body #main_wrap .car_kind {
	height: 500px;
	overflow: hidden;
	padding-bottom: 40%;
	padding-top: 163px;
	position: relative;
}
body #slider1 .wrapper {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #000000;
	background-image: url("../images/promo01.jpg");
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% auto !important;
	height: 500px;
	position: relative;
}
body #slider2 .wrapper {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #000000;
	background-image: url("../images/promo02.jpg");
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% auto !important;
	height: 500px;
	position: relative;
}
body #slider3 .wrapper {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #000000;
	background-image: url("../images/promo03.jpg");
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% auto !important;
	height: 500px;
	position: relative;
}
body #slider4 .wrapper {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #000000;
	background-image: url("../images/promo04.jpg");
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% auto !important;
	height: 500px;
	position: relative;
}
body #slider5 .wrapper {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #000000;
	background-image: url("../images/promo05.jpg");
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% auto !important;
	height: 500px;
	position: relative;
}
body #main_wrap .car_kind {
	height: auto;
	overflow: hidden;
	padding-bottom: 0%;
	padding-top: 0px;
	position: relative;
}
body .pt163 {
	padding-top: 0px;
}
.filter span {
	font-size: 12px;
}
body .filter_holder02 ul li.active span, body .filter_holder02 ul li:hover span {
	background-color: #59abe3;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
}
.filter_holder02 ul li span {
	background-color: #f6f6f6;
	border-radius: 2px;
	color: #707070;
	display: inline-block;
	line-height: 35px;
	padding: 5px 20px;
	position: relative;
	text-align: center;
	transition: all 0.2s ease-in-out 0s;
	width: 220px;
}
.call h1 a {
	color: #FFFFFF;
}
body .filter_holder02 a {
	/*color: #707070;*/
	font-size: 12px;
	font-weight: normal;
}
body .filter_holder03 ul li.active span, body .filter_holder03 ul li:hover span {
	background-color: #f89406;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
}
.filter_holder03 ul li span {
	background-color: #f6f6f6;
	border-radius: 2px;
	color: #707070;
	display: inline-block;
	line-height: 35px;
	padding: 5px 20px;
	position: relative;
	text-align: center;
	transition: all 0.2s ease-in-out 0s;
	width: 220px;
}
body .filter_holder03 a {
	/*color: #707070;*/
	font-size: 12px;
	font-weight: normal;
}
body .loanwrap {
	margin: 60px auto;
	width: auto;
}
body #fNaviArea {
	width: 750px;
	margin: 0 auto;
	padding-left: 5%;
}
.recospec h5 {
	font-size: 10px;
}
.filter_holder ul li span {
	padding: 0 6px;
}
.point_txt {
	font-size: 11px;
}








}

@media only screen and (max-width: 1280px) {
.wrap {
/*		width:95%;*/
}
.image_grid {
	width: 21.333%;
}
.tool_tip > ul > li {
	width: 16.33333%;
}
.cssmenu > ul > li > a {
	padding: 14px 16px;
}
.contents {
	padding: 6% 20%;
	text-align: center;
}
.recospec h4 {
	font-size: 14px;
}
.recospec dl {
	display: block;/*height:30px;*/
}
.recospec dd {
	font-size: 11px;
	padding-right: 8px;
}
.recospec h5 {
	display: block;
	height: 30px;
	font-size: 10px;
}
.recospec dt {
	padding-top: 4px;
}
.recospec dd {
	float: none;
	font-size: 13px;
}


/*買取*/

.post .contact_wrap li {

	font-size: 14px;
}


}

@media only screen and (max-width: 1024px) {
.staff_wrap {
	margin: 0;
	padding: 0;
	width: 100%;
}
.staff_txt {
	float: left;
	width: 100%;
	margin-right: 0;
	margin-bottom: 5%;
}
.staff_img {
	float: right;
	width: 100%;
}
body #topic_main {
	width: 100%;
}
body #side {
	width: 100%;
}
.recospec dt {
	padding-top: 1px;
}
.recospec dd {
	float: left;
	font-size: 13px;
}
#main-header .container {
	width: 100%;
}
#main-header .logowrap {
	width: 40%;
}
#masthead-container {
	width: 100%;
}
.contactwrap {
	padding-top: 2%;
}
body #masthead {
	display: none;
	height: 0;
	width: 0;
}
#masthead-container {
	width: 50%;
	float: right;
}
body #masthead-container .inq_box {
	display: inline;
	height: auto;
	width: 100%;
	float: right;
}
body #masthead-container .inq_box .inq {
	float: right;
	width: 24%;/*padding-top: 3px;*/
}
.mr4 {
	margin-right: 6%;
}
/*.contact {
	visibility: hidden;
	width: 0;
	height: 0;
}*/
.contents {
	padding: 6% 20%;
	text-align: center;
}
.wrap {
/*		width:95%;*/
}
.tool_tip > ul > li > ul {
	margin-left: -50px;
}
.clients h3 {
	width: 76%;
}
.cssmenu > ul > li > a {
	padding: 14px 10px;
}
.search input[type="text"] {
	width: 60.33333%;
}
.search input[type="submit"] {
	background: url('../images/search1.png') no-repeat 4px 12px;
}
.search input[type="submit"]:hover {
	background: url('../images/search1_h.png') no-repeat 4px 12px;
}
.images_1_of_3 h3 {
	font-size: 1.5em;
}
.contents {
	padding: 6% 5%;
}
p.para {
	background-image: url("../images/up_arrows.png");
	background-position: left 0.5em;
	background-repeat: no-repeat;
	color: #555555;
	font-size: 0.8em;
	line-height: 1.2em;
	padding-left: 1.8em;
}
body #feed-tube #youtube1-4 h3.movie-title {
	color: #555555;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 6% auto;
}
#feed-tube #youtube1-4 .duration {
	color: #999;
	font-size: 11px;
	margin-right: 25px;
}
.duration, .viewcount {
	font-size: 10px;
}
body #feed-tube #youtube1-4 .duration {
	color: #999;
	font-size: 12px;
	margin-right: 2px;
}
body #slider1 .wrapper {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #000000;
	background-image: url("../images/promo01.jpg");
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% auto !important;
	height: 340px;
	position: relative;
}
body #slider2 .wrapper {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #000000;
	background-image: url("../images/promo02.jpg");
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% auto !important;
	height: 340px;
	position: relative;
}
body #slider3 .wrapper {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #000000;
	background-image: url("../images/promo03.jpg");
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% auto !important;
	height: 340px;
	position: relative;
}
body #slider4 .wrapper {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #000000;
	background-image: url("../images/promo04.jpg");
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% auto !important;
	height: 340px;
	position: relative;
}
body #slider5 .wrapper {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #000000;
	background-image: url("../images/promo05.jpg");
	background-origin: padding-box;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% auto !important;
	height: 340px;
	position: relative;
}
.map_left {
	display: none;
	height: 0;
	width: 0;
}
.map_right {
	width: 100%;
	float: none;
}
.stock_wrap .ser-grid-list {
	float: left;
	margin-right: 4%;
	width: 48%;
}
.stock_wrap .ser-grid-list:nth-child(2n), .stock_wrap .ser-grid-list:nth-child(4) {
	margin-right: 0;
}
.topics_wrap .ser-grid-list {
	float: left;
	margin-right: 4%;
	width: 48%;
}
.topics_wrap .ser-grid-list:nth-child(2n), .topics_wrap .ser-grid-list:nth-child(4) {
	margin-right: 0;
}
body #feed-tube .ser-grid-list {
	float: left;
	margin-right: 4%;
	width: 48%;
}
body #feed-tube .ser-grid-list:nth-child(2n), body #feed-tube .ser-grid-list:nth-child(4) {
	margin-right: 0;
}
#main-header .container {
	width: 100%;
}
#main-header .logowrap {
	width: 40%;
	float: left;
}
.recospec h4 {
	font-size: 14px;
}
.recospec dd {
	font-size: 12px;
	padding-right: 8px;
}
.recospec h5 {
	font-size: 12px;
}






/*買取*/



.post .contact_wrap h3 {
	font-family: '小塚ゴシック', 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', 'sans-serif';
	font-size: 20px;
	line-height: 1.2em;
	margin: 5% 0;
}
.post .contact_wrap ul {
	display: block;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.post .contact_wrap li {
	display: block;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 18px;
	float: none;
	margin-right: 5%;
	text-align: center;
	width: 100%;
	padding: 2% 0 2% 5%;
	text-shadow: 1px 1px 2px #333;
	margin-bottom:3%;
	text-align-last:center;
}
.contact_wrap li:hover {
	opacity: 0.8;
}
.contact_wrap li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-family: '小塚ゴシック', 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', 'sans-serif';
}


.contact_wrap li img {
	display:none;
	
}



}

@media only screen and (max-width: 800px) {
.contents {
	padding: 6% 20%;
	text-align: center;
}
.wrap {
/*		width:95%;*/
}
.search input[type="text"] {
	padding: 8px 16px;
}
.logo {
	text-align: center;
	float: none;
}
.cssmenu {
	float: none;
	text-align: center
}
.cssmenu {
	display: none;
}
.top-nav {
	display: block;
}
.footer_top h2 {
	font-size: 2em;
}
.span1_of_4 {
	float: left;
	width: 45.333333%;
	margin: 4% 4% 0 0;
}
.span1_of_4:nth-child(2), .span1_of_4:nth-child(4) {
	margin-right: 0;
}
.search input[type="text"] {
	width: 75.33333%;
}
.footer_btm {
	text-align: center;
}
.social-icons {
	float: none;
	margin-bottom: 4%;
}
.social-icons li {
	float: none;
}
.copy {
	float: none;
}
.ser-grid-list {
	float: left;
	width: 45.33333%;
	margin-right: 4%;
}
.ser-grid-list:nth-child(2), .ser-grid-list:nth-child(4) {
	margin-right: 0
}
.da-thumbs li article h3 {
	font-size: 1em;
	padding: 30px 0 20px 0;
}
h2.style {
	font-size: 2em;
}
body .span_of_3 .span1_of_3 {
	border-radius: 50%;
}
.contents {
	padding: 6% 5%;
}
body #masthead-container .inq_box .inq {
	padding-top: 0;
}
}

@media only screen and (max-width: 640px) {
body #main-header .contactwrap {
	float: right;
	width: 30%;
	padding-top: 2%;
}
.pt163 {
	padding-top: 0;
}
.wrap {
/*		width:95%;*/
}
.contents h2 {
	font-size: 2em;
}
.contents_text h4 {
	font-size: 1.5em;
}
.clients h2 {
	font-size: 1.5em;
}
.clients h3 {
	width: 66%;
}
.clients_txt {
	padding-bottom: 10%;
}
.images_1_of_3 {
	width: 99.333%;
}
.grid_1_of_3 {
	margin-left: 0%;
}
.da-thumbs li article h3 {
	font-size: 1em;
	padding: 10px 0 10px 0;
}
.contents {
	padding: 6% 5%;
}
.tit_txt {
	padding: 0 0 20px;
}
.stock_wrap .ser-grid-list {
	padding-bottom: 5%;
	margin-bottom: 8%;
}
h2.corp_tit {
	font-size: 30px;
}
.greeting {
	width: 100%;
	float: none;
}
.wrap .graph {
	float: none;
	width: 200px;
	height: auto;
	margin: 15px auto 0;
}
.tit_txt {
	padding-bottom: 0;
}
}

@media only screen and (max-width: 480px) {
body #main-header .contactwrap {
	float: right;
	width: 40%;
	padding-top: 2%;
	padding-right: 2%;
}
.wrap {
/*		width:95%;*/
}
.images_1_of_3 {
	width: 99.333%;
	margin-top: 4%;
}
.images_1_of_3 h3 {
	margin: 0;
}
.grid_1_of_3 {
	margin-left: 0%;
}
.mid_grid h2 {
	font-size: 1.5em;
}
.mid_grid h3 {
	font-size: 1em;
}
.span1_of_4 {
	margin-top: 4%;
	width: 99.3333%;
	float: none;
	margin-right: 0%;
}
.contents_text h4 {
	font-size: 1em;
}
.clients h3 {
	width: 50%;
}
.tool_tip > ul > li > ul {
	width: 99.33333%;
}
.span1_of_4 {
	float: none;
	width: 99.333333%;
	margin: 4% 0% 0 0;
}
.span1_of_4 h2 {
	margin-bottom: 4%;
}
.search input[type="text"] {
	width: 80.33333%;
}
.ser-grid-list {
	float: left;
	width: 99.33333%;
	margin-right: 0%;
}
.ser-grid-list p {
	margin: 4% 0;
}
.contents {
	padding: 6% 5%;
}
body .gallery-entry {
	border: 1px solid #ccc;
	display: block;
	float: left;
	height: auto;
	margin: 0 1% 10px 0;
	padding: 0;
	position: relative;
	width: 100%;
}
body .gallery-entry .gallery-thumbnail {
	display: block;
	height: 200px;
	margin: 0;
	overflow: hidden;
	width: 100%;
}
body .single-entry .thumb-row .item-thumb {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0px 0px 10px;
	float: none;
}
body .single-entry .thumb-row .item-thumb img {
	width: 100%;
	height: auto;
	margin: 0px;
}
}

@media only screen and (max-width: 320px) {
.wrap {
/*		width:95%;*/
}
.top_grid_text {
	float: none;
	text-align: center;
}
.top_grid_btn {
	float: none;
	text-align: center;
	margin: 4% 0;
}
.mid_grid_left {
	float: none;
	width: 99.333333%;
	margin-right: 0%;
}
.mid_grid_right {
	margin-top: 4%;
	float: none;
	width: 99.333333%;
}
.clients h3 {
	display: none;
}
.search input[type="text"] {
	width: 74.33333%;
}
.client_pic ul li {
	display: inline-block;
	margin-right: 4px;
	width: 17.3333%;
}
body #masthead-container .inq_box .inq {
	float: left;
	width: 30%;
	padding-top: 3px;
}
}