@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:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	position:relative; overflow:hidden; color:#222222; font-size:15px;
	font-weight:500; letter-spacing:0.4px;
	-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:#222222; 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; }
.fontEn { font-family:americane, sans-serif; font-weight:700; font-style:italic; letter-spacing:1.5px; }
.meirio { font-family:"メイリオ", "Meiryo",sans-serif; font-weight:bold; }

.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; }

ul.kome li { text-indent:-1em; margin-left:1em; }
ul.kome li::before { content:"※"; }

ol.paren { padding-left:1.8em; }
ol.paren > li { list-style-type:none; counter-increment:paren; }
ol.paren > li::before { content:"(" counter(paren) ") "; display:inline-block; width:1.7em; margin-left:-1.8em; padding-left:.1em; }

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; }

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

.button {
  position:relative; display:inline-block; outline:none; border:none;
  min-width:220px; padding:.7em 3em .65em 3em; font-size:1.1em; text-align:center;
  font-weight:bold; color:#fff; background:#f1153b; cursor:pointer;
  }

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; }

.youtube_wrap { position:relative; width:100%; padding-top:56.25%; }
.youtube_wrap > iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; }

.write_lr {
-webkit-writing-mode:vertical-rl;
    -moz-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    -ms-writing-mode:vertical-rl;
    writing-mode:vertical-rl; }

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

/*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:18px 50px 16px; font-size:120%;border-radius:0; color:#FFF; background:#f4652f; border:2px #f4652f solid; -webkit-appearance:none!important
}
form .submit input:hover { color:#000; border:2px #f4652f solid; background-color:#FFF; transition:all 0.3s ease 0s;
}
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;
}

/* ZOHO */
#crmWebToEntityForm { margin:20px auto 0; width:100%;}
.zcwf_row { display:flex; margin-top:10px;}
.zcwf_col_lab { padding:10px; min-width:13.5em; text-align:center; background:#f1153b; color:#fff;}
.zcwf_col_fld { flex:1; padding:10px; margin-left:10px; position:relative; background:#eee; }
.wfrm_fld_dpNn { display:none!important; }

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

/* 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;
}

/*cookie policy*/
.alert-cookie { position:fixed; bottom:0; left:0; right:0; padding:1.3em 0; background:rgba(0,0,0,.85); z-index:1000; }
.alert-cookie .msg { flex:1; margin:0; color:#fff; font-size:13px; line-height:1.5; }

.alert-cookie a { color:#f1153b; }


.publish_bnr{
  position:relative;
  max-width:900px;
  margin:3em auto;
  text-align:center;
  font-family:'Noto Sans JP', sans-serif;
}
.publish_bnr .publish_wrap{
  position:relative;
  padding:2em 3em;
  background:repeating-linear-gradient(135deg, #f28f00, #f28f00 5px, #f39814 5px, #f39814 10px);
}
.publish_bnr .publish_ttl{
  margin:0 0 1em auto;
  font-size:1.5em;
  font-weight:800;
  color:#fff;
}
.publish_bnr .publish_ttl .big{ font-size:1.3em; }
.publish_bnr .publish_list li {
  display:flex; flex-direction:column; width:48.5%; background:#fff; }
.publish_bnr .publish_list li.all_zaiko{border:solid 3px #f1153b;}
.publish_bnr .publish_list li.web_zaiko{border:solid 3px #4db26a;}
.publish_bnr .publish_list li .zaiko_ttl{
  margin:0; padding:10px; background:#f1153b; position:relative;
  color:#fff; font-size:1.6em; font-weight:600; line-height:1.4; }
.publish_bnr .publish_list li .zaiko_ttl > span{ position:relative; display:inline-block; padding-left:1.6em; }
.publish_bnr .publish_list li .zaiko_ttl > span::before{
  content:""; position:absolute; left:0; width:1.3em; height:1.3em;
  background:url(../img/gnav_icon02.svg) no-repeat center / 100% auto; }
.publish_bnr .publish_list li .zaiko_ttl .small { display:inline-block; font-size:.75em; }
.publish_bnr .publish_list li .num{
  margin:auto 0 0; padding:.8rem 1rem 1.2rem;
  color:#f1153b; font-size:3em; font-weight:800; line-height:1; }
.publish_bnr .publish_list li .num .marker{ background:linear-gradient(transparent 75%, #ffef01 0%); }
.publish_bnr .publish_list li .num .big{ font-size:2.2em; font-family:'Noto Sans', sans-serif; }
.publish_bnr .publish_list li.web_zaiko .zaiko_ttl{background:#4db26a;}
.publish_bnr .publish_list li.web_zaiko .num{color:#4db26a;}
.publish_bnr .publish_btn{
  margin:0; padding:0.3em;
  color:#fff; font-size:1.5em; font-weight:700;  background:#f25013; }
.publish_bnr .publish_btn::after{
  content:""; display:inline-block; width:0; height:0;
  margin-left:12px;
  border-style:solid;
  border-width:9px 0 9px 15px;
  border-color:transparent transparent transparent #fff; }


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

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

	form .submit { text-align:center; }
	form .submit input { float:none; width:300px; margin:10px auto; padding:13px 50px 11px; }

  .publish_bnr{ margin:3em auto 1.5em; border-width:3px; }
  .publish_bnr .publish_wrap{ padding:1em 1.5em; }
  .publish_bnr .publish_wrap::before{ right:.25em; width:5em; }
  .publish_bnr .publish_ttl{ display:block; font-size:1em; line-height:1.4; text-align:center; }
  .publish_bnr .publish_list li .zaiko_ttl{ padding:5px; font-size:.9em; }
  .publish_bnr .publish_list li .num{ padding:0.5em; font-size:1em; }
  .publish_bnr .publish_btn{ font-size:1em; }
  .publish_bnr .publish_btn::after{ border-width:5px 0 5px 10px; }
  .publish_bnr .publish_list li .num .big { font-size:2.9em; }
}
