@charset "UTF-8";
@media only screen and (max-width : 640px) {
/* ------------------------------------------------------------------------------------------------------------------------------- 
	サイト全体の設定
/* ------------------------------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------- 
	パーツのリセット・SP用調整
/* ----------------------------------------------------------- */
div {
 max-width: 100%;
}
img.size90 {
 max-width: 100%;
 height: auto;
}
img.size80 {
 max-width: 80%;
 height: auto;
}
img.size60 {
 max-width: 60%;
 height: auto;
}
.float_l {
 float:none;
 display:block;
 width:100%;
 margin-left:auto;
 margin-right:auto;
}
.float_r {
 float:none;
 display:block;
 width:100%;
 margin-left:auto;
 margin-right:auto;
}
.nosp {
 display:none;
}
table {
 font-size:16px;
 font-size:1.6rem;
}
li, ol {
 font-size:16px;
 font-size:1.6rem;
}
dt, dd {
 font-size:16px;
}
p {
 font-size:16px;
 font-size:1.6rem;
}
.sp_txt_left {
 text-align:left;
}
.sp_txt_center {
 text-align:center;
}
/* ----------------------------------------------------------- 
	デフォルトからの継承（WPのみ）
/* ----------------------------------------------------------- */
img.alignright {
 margin:0 0 10px 0;
}
img.alignleft {
 margin:0 0 10px 0;
}
.alignright {
 float: none;
}
.alignleft {
 float: none;
}
/* ----------------------------------------------------------- 
	レイアウト
/* ----------------------------------------------------------- */
body {
}
#wrp {
 width:98%;
 margin-left:auto;
 margin-right:auto;
}
.backimage2 {
 width:100%;
 min-width:300px;
 margin:0 auto;
 background:url(img/common/back2.png) repeat 0 0;
}
#header_box {
 width:100%;
 min-width:300px;
 height:auto;
}
header {
 width:100%;
 min-width:300px;
 margin-bottom:0;
}
#gnav_wrp {
 width:100%;
 min-width:300px;
 margin-bottom:0;
margin-top:0;
}
#wrp_eyecatch {
 width:100%;
 height:auto;
 min-width:300px;
 padding:0;
 line-height:0;
}
#mainimage {
 width:100%;
 height:auto;
 min-width:300px;
 padding:0;
 line-height:0;
}
.col_two article {
 float:none;
 width:96%;
 margin-left:auto;
 margin-right:auto;
}
.col_two #sidebar {
 float:none;
 width:96%;
 margin-left:auto;
 margin-right:auto;
}
.col_two #sub_contents {
 float:none;
 width:96%;
 margin-left:auto;
 margin-right:auto;
}
#sub_contents {
 width:96%!important;
 margin-left:auto;
 margin-right:auto;
}
#footer_back {
 width:100%;
 min-width:300px;
}
#pagetop {
/*
 width:100%;
 min-width:300px;
 */
}
footer {
 width:100%;
 margin-left:auto;
 margin-right:auto;
}
/* ---------------------------------------------------------- 
	ヘッダ
/* ----------------------------------------------------------- */
h1 {
	margin:0 auto;
	font-size:12px;
	font-size:1.2rem;
	height:auto;
	line-height:1.3;
	text-align:center;
	margin-bottom:10px;
}
/* ---------------------------------------------------------- 
	グローバルナビ
/* ----------------------------------------------------------- */
ul#menu-global {
 display:none;
 width:100%;
}
#toggle {
 display: block;
 position: relative;
 width:100%;/*トグルのwidth*/
 margin-left:auto;
 margin-right:auto;
 font-size:14px;
 font-size:1.4rem;
 background:#009944;/*トグルの背景色*/
}
#toggle a {
 display:block;
 position:relative;
 padding:12px 0 10px;
 color:#fff;
 text-align:center;
 text-decoration: none;
}
#toggle:before {
 display: block;
 content: "";
 position: absolute;
 top: 50%;
 left: 10px;
 width: 20px;
 height: 20px;
 margin-top: -10px;
 background: #fff;
}
#toggle a:before, #toggle a:after {
 display: block;
 content: "";
 position: absolute;
 top: 50%;
 left: 10px;
 width: 20px;
 height: 4px;
 background: #009944;/*トグルの[三]の色	*/
}
#toggle a:before {
 margin-top: -6px;
}
#toggle a:after {
 margin-top: 2px;
}
ul#menu-global {
 height:auto;
 width:100%;/*リストのwidth*/
 margin-left:auto;
 margin-right:auto;
 background:#0cad53;/*リストの背景色*/
}
ul#menu-global li {
 float:none;
 display:block;
 height:auto;
 border-bottom:solid 1px #37a065;/*リストのボーダー*/
 background:none!important;
 margin:0!important;
 padding:0!important;
 text-indent:0;
 width:100%;/*リストのwidth*/
}
ul#menu-global li a {
 height:auto;
 float:none;
 display:block;
 padding:10px 0;
 margin:0!important;
text-indent:10px;
 text-align:left;
 color:#fff;
 width:100%!important;
 background-image:none!important;
 line-height:auto;
 border:none;
}
ul#menu-global li a:hover {
 background:#009944!important;/*リストの背景色*/
 text-decoration:none;
 opacity:1.0;
}
ul#menu-global li.menu-item-33 a {
 border-left:none;
}
/* ----------------------------------------------------------- 
	アイキャッチ
/* ----------------------------------------------------------- */
#wrp_eyecatch2 h2 {
	width:100%;
	min--width:300px;
	padding:50px 0 50px 0;
}
#wrp_eyecatch2 h2 span {
 text-align:center;
 display:block;
 width:80%;
 margin:0 auto;
 padding:30px 0;
	background-color:rgba(0, 0, 0, 0.8);
}

/* ----------------------------------------------------------- 
	パンくずメニュー
/* ----------------------------------------------------------- */
.lace{
	background:#fff url(img/common/lace.png) repeat-x 0 0;
	padding-top:45px;
	padding-bottom:0;
 width:100%;
 min-width:300px;
}
#breadcrumbs {
 padding:0;
 width:100%;
 min-width:300px;
 margin-bottom:40px;
}
#breadcrumbs ol {
 width:90%;
 padding:5px 10px;
 text-align:left;
}
/* ----------------------------------------------------------- 
	フッタ
/* ----------------------------------------------------------- */
.fnav{
 width:100%;
 min-width:300px;
}

/*フッタメニュー*/
ul#menu-footer {
width:100%;
 padding:10px 0 0 0;
 margin:0 auto 20px auto;
 text-align:left;
}
ul#menu-footer li {
 display:block;
 margin:3px 10px;
 padding-left:20px;
 background:url(img/common/mark.png) no-repeat 0 center;
border:none;
text-align:left;
}
ul#menu-footer li.last {
border:none;
}
ul#menu-footer li a {
 text-decoration:none;
}
.copy {
 width:100%;
 text-align:center;
 padding:20px 0 20px 0;
}
 .addbox {
 border-left:none;
 padding:5px 0;
 margin-left:0;
 margin-right:10px;
}
.addbox p {
 color:#fff;
 font-size:12px;
 font-size:1.2rem;
}
/* ----------------------------------------------------------- 
	サイト共用パーツ設定
/* ----------------------------------------------------------- */
p.para_cap_i {
 padding:10px;
}
article h3.def {
 font-size:18px;
 font-size:1.8rem;
 padding:10px;
 letter-spacing:1px;
 margin-bottom:30px;
 background-image:none;
 color:#666;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,ffffff+20,ffffff+80,ffffff+100,f3f3f3+100 */
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top, #f3f3f3 0%, #ffffff 20%, #ffffff 80%, #ffffff 100%, #f3f3f3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f3f3f3 0%, #ffffff 20%, #ffffff 80%, #ffffff 100%, #f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f3f3f3 0%, #ffffff 20%, #ffffff 80%, #ffffff 100%, #f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f3f3f3', GradientType=0 ); /* IE6-9 */
 border-bottom:solid 1px #dedede;
}

.backimage_green{
 width:100%;
 min-width:300px;
}
/* table */
table.bu_table {
}
table.bu_table td.t_top {
	border-top:none;
}
table.bu_table th {
	display:block;
	width:94%;
	padding:5px 3%;
	font-weight:bold;
}
table.bu_table td {
	display:block;
	width:90%;
	padding:5px 3% 5px 7%;
}
table.bu_table2 {
}
table.bu_table2 td.t_top {
	border-top:none;
}
table.bu_table2 th {
	display:block;
	width:94%;
	padding:5px 3%;
	font-weight:bold;
}
table.bu_table2 td {
	display:block;
	width:90%;
	padding:5px 3% 5px 7%;
}
.h3_box{
	padding:10px;
	background:url(img/common/titleline.png) no-repeat center bottom;
}
.h3_box h3{
	padding:5px 0;
	line-height:1.3;
	font-size:21px;
	font-size:2.1rem;
}
.h3_box h3.icon01{
	background:none;
	padding:0 0 20px 0;
	min-height:0;
}
.titleline {
	padding:15px 5px;
	font-size:18px;
	font-size:1.8rem;
}
.note{
	padding:20px 0;
	width:100%;
	margin: 0 auto;
}

/* ------------------------------------------------------------------------------------------------------------------------------- 
	各ページ別設定
/* ------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------- 
	サイト共用パーツ設定
/* ----------------------------------------------------------- */
/* box */
.w100p {
 width:100%;
 min-width:300px;
 max-width:100%;
 padding:50px 0 0 0;
 background:none;
}
.w1600 {
 width:100%;
 min-width:300px;
 max-width:100%;
}
.w960 {
 min-width:300px;
 width:96%;
 margin:0 auto;
}
.w960_2 {
 min-width:300px;
 width:100%;
 margin:0 auto;
}
.w320 {
 min-width:300px;
 width:96%;
 margin:0 2%;
}
.w300 {
 min-width:300px;
 width:96%;
 margin:0 2%;
}
.w800 {
 min-width:300px;
 width:100%;
}
.w600 {
 min-width:300px;
 width:100%;
}
.w640 {
 min-width:300px;
 width:100%;
}
.w1200 {
 min-width:300px;
 width:100%;
}
.w480 {
 width:100%;
}
.w470 {
 width:100%;
}
.w440 {
 width:100%;
}
.w430 {
 width:100%;
}
.w400 {
 width:100%;
}
/* h */
article .common_title {
	background:none;
 width:100%;
 min-width:300px;
}

article h2.title01 {
 width:100%;
 min-width:300px;
}
article h2.title01_g {
 width:100%;
 min-width:300px;
}
article h2 {
}
article h3.imagetitle2 {
 background:none;
}
#heading04 {
 max-width:80%;
 padding:10px 5%;
 margin-left:auto;
 margin-right:auto;
}
article h3.midashi {
 font-size:18px;
 font-size:1.8rem;
 padding:10px;
 background:url(img/common/titleback.png) no-repeat left bottom;
}
/*
/* table */
table.res_table {
 width:100%;
}
table.res_table tbody {
 display: block;
 width:100%;
 max-width:300px;
 margin:0 auto;
 overflow-x: scroll;
 white-space: nowrap;
}
/* dl */
dl.ou {
 width:90%;
 background:none;
 border:1px solid #ebe6d8;
 margin-left:auto;
 margin-right:auto;
}
dl.ou dt {
 width:95%;
 float:none;
 clear:both;
 padding:5px 2% 5px 3%;
 border:none;
background-color: #ffe1e6;
}
dl.ou dd {
 width:93%;
 border:none;
 padding:5px 2% 5px 5%;
 margin:0;
}
section dl.ou dd a {
 color:#03C;
}
/* dl */
dl.ou2 {
 width:90%;
 background:none;
 border:1px solid #ebe6d8;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:20px;
}
dl.ou2 dt {
 width:95%;
 float:none;
 clear:both;
 padding:5px 2% 5px 3%;
 border:none;
background-color: #fbf5e4;
}
dl.ou2 dd {
 width:93%;
 border:none;
 padding:5px 2% 5px 5%;
 margin:0;
}
.mapbox {
 padding:5px;
}
.whitebox2 {
	background:#fff;
	padding:10px;
	box-shadow: 0 0 3px #ece5c7;
	-moz-box-shadow: 0 0 3px #ece5c7;
	-webkit-box-shadow: 0 0 3px #ece5c7;
	margin:0 5px 30px 5px;
	border:solid 3px #6f3100;
}
/* ----------------------------------------------------------- 
	page ホーム
/* ----------------------------------------------------------- */
.slider_pt{
	padding-top:0;
	padding-bottom:0;
}
.c1_box{
	padding:0;
}
.c1_box2{
	padding:10px;
}
.c2_title{
	font-size:18px;
	font-size:1.8rem;
	margin-left:10px;
	margin-right:10px;
	font-weight:bold;
}
.c2_box{
	padding:10px;
}
.c2_back{
 width:100%;
 min-width:300px;
 background:none;
 padding:30px 0;

}
.c3_back{
 width:100%;
 min-width:300px;
 background:none;
 padding:30px 0;
}
/* ----------------------------------------------------------- 
	page 車買取
/* ----------------------------------------------------------- */

.flowbox{
	min-width:280px;
	width:90%;
	margin:20px auto 20px auto;
	padding:20px auto;
}
.flowbox .photo{
	float:none;
	margin:0 auto 10px auto;
	padding-top:10px;
	text-align:center;
}
.flowbox .txtarea{
	float:none;
	padding:10px;
}
.flowbox .photo2{
	float:none;
	margin:0 auto 10px auto;
	padding-top:10px;
	text-align:center;
}
.flowbox .txtarea2{
	float:none;
	padding:10px;
}
.flowtitle{
	min-height:40px;
}
.flowtitle span {
	display:block;
	float:left;
}
.c3_faqbox img{
	width:40px;
	height:40px;
}
.qbox p{
	font-size:16px;
	font-size:1.6rem;
	padding:10px 0 20px 0;
	background:url(img/c3_line.png) repeat-x 0 bottom;
}
.abox p{
	padding:10px 0 10px 0;
}


table.contacttable{
	width:95%;
}
table.contacttable th{
	padding:10px 5% 10px 5%;
	font-size:12px;
	font-size:1.2rem;
	width:90%;
	display:block;
}
table.contacttable td{
	padding:3px 5%;
	font-size:12px;
	font-size:1.2rem;;
	width:90%;
	display:block;
}
table.contacttable input{
	background:fff;
	border:1px solid #efefef;
	-moz-box-shadow: 0 0 1px #ccc;
	-webkit-box-shadow: 0 0 1px #ccc;
	box-shadow: 0 0 1px #ccc;
	padding:7px;
}
table.contacttable select{
	background:fff;
	border:1px solid #efefef;
	-moz-box-shadow: 0 0 1px #ccc;
	-webkit-box-shadow: 0 0 1px #ccc;
	box-shadow: 0 0 1px #ccc;
	padding:7px;
}
table.contacttable textarea{
	width:90%;
	max-width:500px;
	background:fff;
	border:1px solid #efefef;
	-moz-box-shadow: 0 0 1px #ccc;
	-webkit-box-shadow: 0 0 1px #ccc;
	box-shadow: 0 0 1px #ccc;
	padding:7px;
}
.w_mi{
	width:70%;
}
.w_sh{
	width:40%;
}
.w_sh2{
	width:40%;
}
.w_lo{
	width:90%;
}



/* ----------------------------------------------------------- 
	endmark	
/* ----------------------------------------------------------- */

}