@charset "utf-8";
html { overflow:auto; }
body, h1, h2, h3, dl, dd, ul, form, textarea  {
	margin:0; padding:0; font-size:100%; font-weight:500; line-height:1.6;
}
body {
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	position:relative; overflow:hidden; color:#222; font-size:16px;
	font-weight:500; letter-spacing:.05em;
	-webkit-text-size-adjust:100%; box-sizing:border-box;
}
* { box-sizing:border-box; }

.inner { width:100%; max-width:1000px; margin-right:auto; margin-left:auto; }

img { max-width:100%; font-size:0; line-height:0; vertical-align:bottom; }
ul { list-style-type:none; }
fieldset { border:none; }
strong { margin:0 2px; line-height:1.8; }
em { font-style:normal; font-weight:bold; }
label { display:inline-block; padding:5px 10px 5px 0; }
table { border-collapse:collapse; border-spacing:0; }
figure { margin:0; }

input.t { width:15%; }
input.s { width:30%; }
input.m { width:60%; }
input.l { width:96%; }
textarea { width:96%; }
label input { margin:0; }

input.img_file { margin-bottom:5px; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

/*回り込み解除clearfix*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */

/* 共通 ------------------------ */
a { color:#222; text-decoration:none; }
a:not(.fade) { -webkit-transition:all .3s; transition:all .3s; }
a:active, a:hover { text-decoration:none; }
a img, img { border-width:0px; }
map area:focus, map area:active { outline:none; border:0; }
.serif {
	font-family:
		"游明朝体", "Yu Mincho", YuMincho,
		"ヒラギノ明朝 ProN W6", "HiraMinProN-W6",
		"HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right; }
.small  { font-size:0.85em; }
.bold { font-weight:bold; }
.clear { clear:both; }
.hide { display:none; }
.iblock { display:inline-block; }
.wide { width:100%; }

.sp_only { display:none; }
.font-en { font-family: 'Emblema One'; }

.red { color:#df0909; }

ul.disc, ul.square { margin-left:1.3em; }
.disc li { list-style-type:disc; }
.square li { list-style-type:square; }
.decimal li { list-style-type:decimal; }

img.middle { vertical-align:middle; }
.indent{ text-indent:-1em; padding-left:1em; }

.fleft { float:left; }
.fright { float:right; }

.shadow { box-shadow:0 0 3px rgba(0,0,0,0.3); }

.flex { display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.flex-between { justify-content:space-between; -webkit-justify-content:space-between; }
.flex-center { justify-content:center; -webkit-justify-content:center; }
.flex-start { -webkit-box-align:start; align-items:flex-start; }

.vh_ctr {
  position:absolute; top:50%; left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  }

.is-empty {
  height:0!important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  border:none !important;
}

a .scale { -webkit-transform:scale(1); transform:scale(1); -webkit-transition:transform .3s; transition:transform .3s; }
a:hover .scale { -webkit-transform: scale(1.03); transform: scale(1.03); }


.text_line { text-decoration:underline; }

/*newアニメーション*/
.newAnime { position:absolute; top:20px; right:0; margin:0; padding:8px 13px 6px; color:#fff; font-weight:bold; font-size:13px; background:#058127; line-height:1; }
.newAnime span { display:inline-block; }
.newAnime span:nth-of-type(1) {
  -webkit-animation:rotate 3s ease 2s infinite normal;
  -moz-animation:rotate 3s ease 2s infinite normal;
  animation:rotate 3s ease 2s infinite normal;
}
.newAnime span:nth-of-type(2) {
  -webkit-animation:rotate 3s ease 2.2s infinite normal;
  -moz-animation:rotate 3s ease 2.2s infinite normal;
  animation:rotate 3s ease 2.2s infinite normal;
}
.newAnime span:nth-of-type(3)  {
  -webkit-animation:rotate 3s ease 2.4s infinite normal;
  -moz-animation:rotate 3s ease 2.4s infinite normal;
  animation:rotate 3s ease 2.4s infinite normal;
}
.newAnime span:nth-of-type(4)  {
  -webkit-animation:rotate 3s ease 2.6s infinite normal;
  -moz-animation:rotate 3s ease 2.6s infinite normal;
  animation:rotate 3s ease 2.6s infinite normal;
}
@-webkit-keyframes rotate {
  100% { transform:rotateY(360deg); }
}
@-moz-keyframes rotate {
  100% { transform:rotateY(360deg); }
}
@keyframes rotate {
  100% { transform:rotateY(360deg); }
}

/* safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media, _:future, :root #top .newAnime span {
    animation:none 0 ease 0 normal;
  }
}



#article { max-width:980px; width:100%; margin:auto; }
@media screen {
  .fw { margin-left:-500%; margin-right:-500%; padding-left:500%; padding-right:500%; /*Full Width*/ }
}

form .submit { margin: 35px 0 10px; }
form .submit input {
	display:inline-block; width:300px; padding:10px; font-weight:bold; font-size:120%; font-family:inherit; border-radius:0; color:#222; background:#ffcc00; border:2px #ffcc00 solid; border-radius:1.5em;
  box-shadow:0 3px 0 rgb(0 0 0 / 5%);
   -webkit-appearance:none!important; transition:all 0.3s ease 0s; cursor:pointer;
}
form .submit input:hover { background-color:#fff;}
label { display:inline-block; padding:3px 13px 3px 0; }
select { padding:3px 8px 6px; }
input[type="text"], input[type="email"],
input[type="tel"], textarea {
  padding:4px 8px; border-radius:3px; border: 1px solid #ccc;
}


/* pagination ------------------------ */
.pagination { text-align:center; }
.pagination span.disabled { display:none; }
.pagination span.current { color:#fff; background-color:#db3d3d; }
.pagination span { padding:8px 10px; margin-right:2px; border:1px solid #db3d3d; }
.pagination a {
	padding:8px 10px; margin-right:2px; text-decoration:none; color:#db3d3d; border:1px solid #db3d3d;
}
.pagination a:hover { background:#ffd0d0; }

/* ssl_seal ------------------------ */
.ssl_seal { width:560px; margin:20px auto 0; padding:10px; text-align: center; border:1px solid #087ec9; }

#zaikoDetail .carContact #ssl_seal p {
	width:70%; margin:10px 0; float:left; text-align:left;
}


/* 600以上 */
@media screen and (min-width: 600px){
	.pc_none { display:none; }
}

/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width: 599px){
	.sp_none { display:none; }

  input.t { width:50%; }
  input.s { width:70%; }
  input.m { width:100%; }
  input.l { width:96%; }

	form .submit { margin-top:15px; text-align:center; }
	form .submit input { float:none; width:280px; padding:10px 50px 11px; }
}
