@charset "utf-8";
/*
Theme Name: freecloudtpl_001
Theme URI: http://c-tpl.com/
Description: 10000en
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}

html {
  line-height: 1.7;
font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,"Roboto", sans-serif;
  font-weight: normal;
color:#252525;
background: #ffffff url(images/bg.png) repeat-x top;
font-size: 14px; }


body#toppage {

}

a{color:#0d3096;text-decoration:none;}
a:hover{color:#2f4ea7;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}


/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 1080px;
}

/*************
/* ヘッダー
*************/
#header{
height: 80px;
}

#header h1 {
padding: 7px 0 0;
font-size: 10px;
font-weight: normal;
}

.h_link {float:right; font-size:0.8rem;}
.h_link a{color:#ff6908;}
.h_link ul{list-style-image:url('images/liimg.png'); margin-top:8px;}

/*************
/* トップナビゲーション
*************/
ul#topnav{
margin: 15px 0 15px 80px;
width: 1080px;
height: 46px;
/* background:url(images/topnav.png) no-repeat 0 0;*/
}

ul#topnav li{float:left;list-style:none;width:180px;}

/* ul#topnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 130px;
height: 46px;
background:url(images/topnav.png) no-repeat;
}

ul#topnav a#home{background-position:0 0;}
ul#topnav a#about{background-position:-130px 0;}
ul#topnav a#menu{background-position:-260px 0;}
ul#topnav a#faq{background-position:-390px 0;}
ul#topnav a#map{background-position:-520px 0;}
ul#topnav a#blog{background-position:-650px 0;}
ul#topnav a#link{background-position:-780px 0;}

ul#topnav a#home:hover, ul#topnav li.active a#home{background-position:0 -46px;}
ul#topnav a#about:hover, ul#topnav li.active a#about{background-position:-130px -46px;}
ul#topnav a#menu:hover, ul#topnav li.active a#menu{background-position:-260px -46px;}
ul#topnav a#faq:hover, ul#topnav li.active a#faq{background-position:-390px -46px;}
ul#topnav a#map:hover, ul#topnav li.active a#map{background-position:-520px -46px;}
ul#topnav a#blog:hover, ul#topnav li.active a#blog{background-position:-650px -46px;}
ul#topnav a#link:hover, ul#topnav li.active a#link{background-position:-780px -46px;}

li.active a#home{background-position:0 -42px;}
li.active a#guide{background-position:-213px -42px;}
li.active a#faq{background-position:-429px -42px;}
li.active a#mp{background-position:-573px -42px;}
*/

/*************
メインコンテンツ
*************/
#main {
float: left;
width: 750px;
padding: 15px 0;
margin-right:20px;
display: inline;
}

#main h2{
margin-bottom: 10px;
padding: 0 10px 0px 20px;
line-height: 34px;
font-size: 20px;

color: #252525;
border-left:6px solid #ff6908;
}

#main h3 {
font-size: 1.1rem;
line-height: 30px;
padding-left: 15px;
margin-top: 10px;
letter-spacing: 0.1em;
color: #fff;
background:#013a80;
border-top-right-radius:10px;
  border-top-left-radius:10px;
}

#main p {
margin:14px 0; line-height:2em;
}

#main h4 {border-bottom:1px solid #ff7b16; color:#ff7b16; margin-top:20px; font-size:1rem;} 

/*  news */
.news_list ul{list-style-type:none; padding:0!important;}
.news_title {background:#fff!important; font-size:1.1rem!important; line-height:1.7em!important;}
.news_list .wp-post-image{float:left; margin-right:14px;}
.news_list li{margin-bottom:20px!important;}
.updated {font-size:0.8rem; color:#666; font-weight:normal;}
.news_list li p{font-size:0.9rem; line-height:1.8em;}

.news_list li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


/*　ショップリスト　*/
.notpost {text-align:center; margin:10% 20%; border:1px solid #ffa86f;
  padding:10% 5%; color:#ffa86f;}

#shop_list ul{list-style-type:none; margin:0!important;}
#shop_list li{margin-top:14px!important;}
.shopimg {float:left; margin-right:14px;}
.shop_item_inner {float:left;}
.shop_item_inner p{padding:0!important; margin-bottom:0px;}
.shopname {border-left:8px solid #ff6908; padding-left:10px; font-size:1.2rem; margin-bottom:10px;}
.shoptel {color:#ff6908;font-size:1.4rem; font-weight:bold;}
.maplink {font-size:0.8rem;}

#shop_list li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.area_child {border-bottom:1px solid #013a80!important; color:#013a80!important; padding:8px 0 8px 14px; border-left:8px solid #013a80!important;
border-right:1px solid #013a80!important; border-top:1px solid #013a80!important;  margin:20px 0;}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:13px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	margin-top:14px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.myButton:active {
	position:relative;
	top:1px;
}

.topshop_btn {
  background: #e44759;
  background-image: -webkit-linear-gradient(top, #e44759, #bb0a1e);
  background-image: -moz-linear-gradient(top, #e44759, #bb0a1e);
  background-image: -ms-linear-gradient(top, #e44759, #bb0a1e);
  background-image: -o-linear-gradient(top, #e44759, #bb0a1e);
  background-image: linear-gradient(to bottom, #e44759, #bb0a1e);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  color: #ffffff;
  font-size: 1.6rem;
  padding: 10px 0;
text-align:center;
  text-decoration: none;
display:block;
width:70%;
margin:0 auto;
}

.topshop_btn:hover {color:#fff;
  background: #b11f30;
  background-image: -webkit-linear-gradient(top, #b11f30, #9e0517);
  background-image: -moz-linear-gradient(top, #b11f30, #9e0517);
  background-image: -ms-linear-gradient(top, #b11f30, #9e0517);
  background-image: -o-linear-gradient(top, #b11f30, #9e0517);
  background-image: linear-gradient(to bottom, #b11f30, #9e0517);
  text-decoration: none;
}

/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 20px 0 0 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
color:#666;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

/* form */

hr {
background-color: #fff;
	border-top: 1px dotted #8c8b8b;
  border-bottom:none;
  border-left:none;
  border-right:none;
}

.formh3 { background:#fff8f4;
  font-size: 1rem;
line-height: 30px;
  font-weight:bold;
padding-left: 15px;
margin-top: 10px;
  color:#642902;
letter-spacing: 0.1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
  /* border-top-right-radius:10px;
  border-top-left-radius:10px; */
}

.wpcf7 {
	margin: 96px 0;
}
.asterisk {
	margin: 0 0 0 0.2em;
	color: #f5637a;
}
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"]{
	background-color: #fff;
	color: #333;
	width: 260px;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}

.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}

.wpcf7 input[type="submit"]{
	font-size: 100%;
	font-size: 1.2em;
	padding: 0.6em 2em;
	background: #ff6908;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: 1px solid #ff6908;
}

.wpcf7 input[type="reset"],.wpcf7 input[type="button"]{
	font-size: 100%;
	font-size: 1.2em;
	padding: 0.6em 1em;
	background: #eee;
	color: #333;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: 1px solid #ccc;
  margin-left:10px;
}

.wpcf7 input[type="submit"]:hover,.wpcf7 input[type="reset"]:hover,
.wpcf7 input[type="button"]:hover {
	box-shadow: 0 0 2px rgba(0,0,0,.2) inset;
}

.form_btn {text-align:center; margin-top:40px;}

.f_wrap {width:90%; margin:40px auto;}

/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.flast{margin-right:0; font-size:0.8em;}


/* ボタン */
p.button{
text-align: center;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#027dd3;}
p.button a:hover{color:#ffffff;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}


/* user voice */
.wp-caption-text.gallery-caption {text-align:left;
font-size:0.8rem; padding:10px 20px;}


/*************
サイドコンテンツ
*************/
#sidebar {
float: right;
width: 310px;
padding: 10px 0;
}

#sidebar p{margin-bottom: 20px;}

/*#sidebar h3 {
margin-top: 5px;
padding: 0 0px 0 16px;
line-height: 30px;
font-size: 14px;
font-weight: bold;
color: #252525;
border-left:5px solid #ff6908;
}*/

.side_new h3 {
padding: 0 0px 0 10px;
margin-bottom:10px;
line-height:28px;
font-size: 16px;
color: #252525;
border-left:5px solid #ff6908;
}

.side_new h4{font-weight:normal;}

.nlist {float:right; background:#ff6908; padding:1px 10px; font-size:0.8rem;
-moz-border-radius: 5px; margin-top:4px;
-webkit-border-radius: 5px;
border-radius: 5px;}

.nlist a{color:#fff;}

.side_new {border:1px solid #ccc; padding:10px 14px 14px 14px;
margin:20px 0;}

.side_new ul {border-top:1px solid #ff6908; padding-top:10px;
  padding-left: 20px;
 }
.side_new li{/* text-align:center; */
list-style-image: url("images/liimg.png");
}
.side_new img{float:left; margin-right:14px; margin-bottom:14px;}
.side_new_cont {float:left; margin-left:5px;}
.side_new p{font-size:0.8rem; margin-top:10px; margin-bottom:0!important;}
.new_date {font-size:11px; color:#666; float:right;}
.new_date2 {font-size:11px; color:#666;}
  
.side_new:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/*
#sidebar ul{
margin-left: 5px;
padding: 10px 0;
}

#sidebar li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px solid #efefef;
}

#sidebar li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

#sidebar li a:hover{background-position: 3px 50%;}
*/



/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 10px;
border-top: 1px solid #cccccc;
}

#footer .inner{
overflow: hidden;
}

#footer .box a{color:#ff6908;}
#footer .box ul{list-style-image:url('images/liimg.png');}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}

address{
padding: 20px 0 3px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}

.detailtable {
    width: 80%;
    margin: 20px auto;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #d8d8d8;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.detailtable th {
    border: 1px solid #d8d8d8;
    padding: 10px 20px;
    width: 30%;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    background-color: #f0f0ef;
}

.detailtable td {
    padding: 10px 10px 10px 20px;
    text-align: left;
    vertical-align: top;
    border-top: dotted 1px #d8d8d8;
}

/* reccomend  */
.recco_mid {color:#ff7310; font-weight:bold;}
.recco_description {font-size:0.8rem; margin:1.5rem 0;}
.recco_sub {font-size:1.1rem; font-weight:bold; margin:1rem 0;}
.recco_price_cell {}
.recco_price {text-align:right!important; font-size:1.6rem; font-weight:bold; color:#ff7310;}


@media screen and (min-width: 640px){

#click-menu{display:none!important;}
  
}
.pagination h2.screen-reader-text { display: none; }
/* pagination */
.pagination a {
	padding: 5px 10px;
	display: inline-block;
	border: solid 1px #cccccc;
	color: #666666;
	background-color: #ffffff;
	font-size: 14px;
	text-decoration: none;
}
.pagination a:hover {
	background-color: #e8e8e8;
}
.pagination span {
	padding: 5px 10px;
	display: inline-block;
}
.pagination span.current {
}
.pagination {
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
	clear: both;
	background-color: transparent;
}

/* 車種  */
.plan_midasi,.plan_midasi2 {background:#ccc; padding:14px 20px 6px 20px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ff6b0b), color-stop(0.00, #ff914a));
background: -webkit-linear-gradient(top, #ff914a 0%, #ff6b0b 88%);
background: -moz-linear-gradient(top, #ff914a 0%, #ff6b0b 88%);
background: -o-linear-gradient(top, #ff914a 0%, #ff6b0b 88%);
background: -ms-linear-gradient(top, #ff914a 0%, #ff6b0b 88%);
background: linear-gradient(to bottom, #ff914a 0%, #ff6b0b 88%);
border-top-right-radius:10px; border-top-left-radius:10px;
}
.plan_midasi img{width:200px;}
.plan_midasi2 img{width:220px;}
.plan_midasi2 {margin-top:40px;}
.plan_price {text-align:center; border:1px solid #ccc; margin:20px 0; padding:20px 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

/* plan  */
.plan_car {width:30%;  float:left; margin-left:18px;}
.plan_car img{width:100%;}

.plan_car_wrap {margin-top:20px;}
.plan_car_wrap:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.plan_car dl {
width: 100%;
border: 1px solid #f7ad7d;
border-top: 0;
line-height: 1.5;
background-color: #ffd2b5;
overflow: hidden;
}
.plan_car dt {
float: left;
width: 64px; font-size:0.8em;
padding: 8px;
border-top: 1px solid #f7ad7d;
font-weight: bold;
}
.plan_car dd {font-size:0.8em;
margin-left: 80px;
padding: 8px;
border-top: 1px solid #f7ad7d;
border-left: 1px solid #f7ad7d;
background-color: #fff0e6;
}

.contactform input.wpcf7c-conf,
.contactform textarea.wpcf7c-conf{
    border:0;
    padding:0;
    background:#fff;
}