@charset "UTF-8";

/* base------------------------ */
/*section { margin-top:80px; margin-bottom:80px; }*/
#wrapper { position: relative; width: 100%; min-width: 1000px; overflow: hidden; }

.bg-org { background:#fdf9ee; }
.bg-blu { background:#effffe; }


/* テーブル */
.tbl_date { width:100%; margin-top:10px; }
.tbl_date tr { display:block; margin-bottom:5px; border-bottom:2px solid #f5d825; }
.tbl_date th { min-width:65px; padding:4px 0 2px; font-weight:normal; text-align:center; background:#f5d825; }
.tbl_date td { padding:4px 10px 2px; }

.tbl { width:100%; margin-bottom:10px; border-collapse:separate; border-spacing:10px; }
.tbl > tbody > tr > * { padding:.6em .8em; }
.tbl > tbody > tr > th { width:200px; font-weight:bold; text-align:center; color:#FFF; border-radius:5px; background:#db3d3d; }
.tbl > tbody > tr > td { border-bottom:1px dashed #ddd; }

.tbl2 { width:100%; }
.tbl2 tr { display:block; margin-bottom:.5em; }
.tbl2 tr > * { padding:.4em 1em; }
.tbl2 th { width:130px; font-weight:bold; color:#FFF; border-radius:5px; background:#db3d3d; }

.dl_date { overflow:hidden; }
.dl_date > dt, .dl_date > dd { float:left; }
.dl_date > dt { width:65px; }
.dl_date > dd { padding-left:8px; border-bottom:2px solid #f5d825; }

.typeBtnList {
  margin:30px 0 50px;
  justify-content:center; -webkit-justify-content:center;
}
.typeBtnList > li + li { margin-left:10px; }
.typeBtnList > li > a { display:block; }
.typeBtnList a > img { -webkit-transform:scale(1); transform:scale(1); -webkit-transition:transform .3s; transition:transform .3s; }
.typeBtnList a:hover img { -webkit-transform:scale(0.95); transform: scale(0.95); }

.img_list { margin:30px auto 0; }
.img_list > li { width:50%; }

.bnr_list > li { width: 60%; }

/* タイトル */
.secttl { margin-bottom:.9em; text-align:center; font-size:2.125rem; line-height:1.5; }
.secttl .en { display:block; font-size:.529em; color:#db3d3d; font-family: 'Emblema One'; }
.secttl .en:before { content:"<"; margin-right:.3em; }
.secttl .en:after { content:">"; margin-left:.3em; }
.secttl .ja { position:relative; display:inline-block; padding:0 .7em; font-weight:bold; letter-spacing:.08em; }
.secttl .ja:before, .secttl .ja:after {
  content:""; position:absolute; top:0; bottom:0; width:2.824em; height:.235em; margin:auto 0;
  background:url(../img/common/line.svg) no-repeat center / 100%;
}
.secttl .ja:before { right:100%; }
.secttl .ja:after { left:100%; }

.secttl2 { margin-bottom:1em; padding:0 0 .2em; font-size:1.5rem; font-weight:bold; border-bottom:2px solid #db3d3d; }

.lead-ttl { font-size:1.25rem; font-weight:bold; }
.lead-ttl span { font-size:1.667em; color:#db3d3d; padding:0 .2em .2em;
  background:linear-gradient(transparent 60%, #ffef5c 60%);}

.subttl { margin:0 0 1em; padding:.5em 1em .4em; font-size:1.2rem; font-weight:bold; color:#db3d3d; border:1px solid #db3d3d; border-radius:5px; border-left:7px solid #db3d3d; }

/* ボタン */
.button { position:relative; z-index:2; display:inline-block; overflow:hidden;
  min-width:230px; padding:.6em 2em;
  color:#222; text-align:center; font-weight:bold;
  border-radius:1.6em; border:2px solid #ffcc00; background:#ffcc00;
  box-shadow:0 3px 0 rgb(0 0 0 / 5%);
  -webkit-transition:all .3s; transition:all .3s; }
.button:hover, a:hover .button { background:#fff; }
.button.icon:before { content:""; display:inline-block; width:1.2em; height:1.2em; margin:.3em .5em 0 0; vertical-align:top; background:no-repeat center / 100%; }

.button.arrow:before { content: ""; display:inline-block; width:5px; height:5px; margin-right:.6em; vertical-align:middle;
  -webkit-transform:rotate(45deg); transform:rotate(45deg);
  -webkit-transform-origin:top center; transform-origin:top center;
  border-top:2px solid #222; border-right:2px solid #222;
  -webkit-transition:all 0.5s; transition:all 0.5s; }

/* contact-btn */
.header-cv-reserve { margin-right: 10px; }

.g-contact-btn,
.g-reserve-btn { position:relative; z-index:2; overflow:hidden; display:inline-block; padding:.9em 1.2em .9em 1em; font-weight:bold; border-radius:5px; background:#ffcc00; box-shadow:0 3px 0 rgb(0 0 0 / 5%); }

.g-contact-btn:before,
.g-reserve-btn:before { content:""; display:inline-block; width:2.375em; height:2.375em; margin-right:.55em; vertical-align:-.75em; border-radius:50%; background:#fff url(../img/common/icon-mail-blk.svg) no-repeat center / 52%; }

.g-reserve-btn:before { background-image: url("../img/common/icon-reserve.svg"); }

.g-contact-btn:after,
.g-reserve-btn:after {
  content:""; position:absolute; top:0; left:0; z-index:-1; width:150%; height:500%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-120%) translateY(-20%) rotate(45deg);
  transform: translateX(-120%) translateY(0%) rotate(45deg);
  background: #ffdd53;
}

.g-contact-btn:hover:after,
.g-reserve-btn:hover:after {
  -webkit-transform: translateX(-20%) translateY(-25%) rotate(45deg);
  transform: translateX(-20%) translateY(-25%) rotate(45deg);
}


/* tel */
.g-tel { text-align:center; }
.g-tel-num { position:relative; display:inline-block; padding-left:.95em; font-size:1.75rem; color:#db3d3d; font-family: 'Emblema One'; line-height:1; }
.g-tel-num:before { content:""; position:absolute; top:.05em; left:0; width:.85em; height:.85em; background:url(../img/common/icon-tel.svg) no-repeat center / 100%; }
.g-tel-info { display:block; font-weight:bold; font-size:.8125rem; }


/* header------------------------ */
.header-tagline { padding:3px 0; color:#fff; font-size:.875rem; font-weight:bold; background:#db3d3d; }
.header-tagline p { margin:0 auto; }
.header-tagline span { color:#ffef5c; }

.header-wrap { padding:22px 0 12px; }
.header-tel { margin:10px 25px 0 0; }

#header .g-tel-num,
#footer .g-tel-num{
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
}

/* gnav------------------------*/
#gnav { padding:15px 0; background:#db3d3d; }
.gnav-list { max-width: 1100px; width: 100%; margin: 0 auto; }
.gnav-list > li { -webkit-box-flex:1; flex-grow:1; border-right:1px dotted #fff; }
.gnav-list > li:last-child { border-right:none; }
.gnav-list > li > a { position:relative; display:block; padding:.1em .5em .1em 3.5em; color:#fff; font-weight:bold; line-height:1.3; }
.gnav-list > li > a:before { content:""; position:absolute; top:.1em; left:.7em; width:2.1875em; height:2.1875em; border-radius:50%;
  background:#fff no-repeat center / 72%;
  -webkit-transition: all .3s; transition: all .3s; }
.gnav-list > li > a:hover:before { background-color:#ffcc00; }
.gnav-list > li span { display:block; padding-left:.1em; font-size:.75em; font-family: 'Emblema One'; font-weight:normal; }
.gnav-list > li:first-child a { padding-left:2.65em; }
.gnav-list > li:first-child a:before { left:0; }
.gnav-list > li:last-child a { padding-right:0; }

.gnav-list .top > a:before { background-image:url(../img/common/icon-home.svg); }
.gnav-list .about > a:before { background-image:url(../img/common/icon-about.svg); }
.gnav-list .stock > a:before { background-image:url(../img/common/icon-car.svg);}
.gnav-list .reason > a:before { background-image:url(../img/common/icon-star.svg); }
.gnav-list .service > a:before { background-image:url(../img/common/icon-spanner.svg); background-size: 60%; }
.gnav-list .company > a:before { background-image:url(../img/common/icon-company.svg);}


/* footer-------------------*/
#footer { border-top:3px solid #db3d3d; }
.footer-group { padding:50px 0 40px; }

.footer-siteinfo { padding-right:5%; margin-right:5%; border-right:1px solid #eee; }
.flogo { margin-bottom:28px; }

.footer-info { padding:2em; text-align:center; border-radius:10px; background:#fdf9ee; }
.footer-tel { display:inline-block; margin-bottom:0; }
.footer-contact { display: grid; grid-template-columns: repeat(2,1fr); column-gap: 1em; }
.footer-contact .g-contact-btn { width:100%; max-width:260px; }

.footer-nav { -webkit-box-flex:1; flex:1; }
.fnav-list { width:48%; }
.fnav-list li { margin-bottom:1.4em; font-size:.9375rem; }
.fnav-list li a { position:relative; display:block; padding-left:1em; font-weight:bold; }
.fnav-list li a:before { content: ""; position:absolute; top:.6em; left:0;
  width:5px; height:5px; margin-right:.6em;
  -webkit-transform:rotate(45deg); transform:rotate(45deg);
  -webkit-transform-origin:top center; transform-origin:top center;
  border-top:2px solid #db3d3d; border-right:2px solid #db3d3d; }
.fnav-list li a:hover { color:#db3d3d; }


.flo_nav { z-index:999; position:fixed; right: -5px; bottom: 80px;}
.flo_nav li { position:relative; width:100px; height:82px; border:2px solid #fff; border-radius:5px; font-size:.8rem; }
.flo_nav li > a { display:block; height:100%; text-align:center; color:#fff; padding:46px 5px 0; font-weight:bold; letter-spacing:0; border-radius:5px; background:#e60012 no-repeat center top 14px / 26px; }
.flo_nav li p { margin:0; }

.flo_nav li.pagetop a { background-color:#1bbd51; background-image:url(../img/common/icon-arrow-wht.svg); }
.flo_nav li.stock a { background-color:#db3d3d; background-image:url(../img/common/icon-search-wht.svg); }
.flo_nav li.contact a { background-color:#ffb000; background-image:url(../img/common/icon-mail-wht.svg); }
.flo_nav li.access a { background-color:#2c64e0; background-image:url(../img/common/icon-access-wht.svg); }
.flo_nav li + li { margin-top:2px; }


#copy { margin:0; padding:9px 10px 8px; font-size:12px; text-align:center; background-color:#db3d3d; color: #fff; }
#copy > a { color: #fff; text-decoration:underline; }