@charset "utf-8";
/* CSS Document */

/*===== 共通 =====*/
.inner { width:100%; padding:0 10px!important; }
#wrapper { min-width:inherit; }

ul.disc, ul.square, ul.decimal { margin-left:1.3em;}

/*.conTtl { margin-bottom:15px; font-size:18px; position:relative; }
.conTtl > span { padding:18px 10px 0 60px; background-position:left 10px bottom; background-size:40px auto; }
.conTtl > span > span { position:absolute; top:0; left:50%; margin-left:0; font-size:12px; -webkit-transform:translateX(-50%); transform:translateX(-50%); }*/


/*---- header ----*/
header { padding:8px 5px; position:relative; }
header a { text-decoration:none; }
header .logo a .lead, header .logo a:hover .lead { color:#333 !important; }
header .logo, header .lead { float:left; }
header .logo { width:38%; }
header .h_box { width:100%;}
header .h_tel { width:45%; margin-top:9px; margin-left:3%;}
header .h_tel a { display:block; background:#005aaa; padding:5% 0; font-size:.9em; color:#FFF; text-align:center; width:100%;}
header .h_tel a span.num { font-weight:bold;}

header .h_access { margin:0; background:#FFF; }
header .shopInfo { width:100%; }
header .shopInfo li { position:relative; float:left; width:100%; font-family:"Rounded Mplus 1c"; text-decoration:none; font-weight:bold;}
header .shopInfo li + li { margin-top:10px; }
header .shopInfo li h2 { padding:3px 0; font-size:16px; font-weight:bold; background:#ec1d24; text-align:center;}
header .shopInfo li h2 a { color:#FFF; }
header .shopInfo li .tel { color:#ec1d24; margin:0; font-size:18px; text-align:center;}
header .shopInfo li .tel .num { font-size:24px; font-weight:normal;}
header .shopInfo li + li h2 { background:#93c870;}
header .shopInfo li + li .tel { color:#93c870;}
header .shopInfo h2 { color:#FFF; }
header .hour { position:relative; text-align:center; margin:10px 0 8px; padding-bottom:5px; }
header .hour span { position:relative; display:inline-block; padding:0 0.5em; background-color:#FFF; }
header .hour::before { border-top:1px solid; content:"";  position:absolute; top:50%; left:0; width:100%; }

/*---- gnav ----*/
#gnav { position:absolute; top:64px; left:0; display:none; z-index:999; width:100%; margin:0; padding:0; background-color:#005aaa; }
#gnav > ul li { border-bottom:1px solid #fff; }
#gnav > ul li a { display:block; padding:15px 10px 15px 40px; color:#fff; font-size:17px; font-weight:bold; line-height:1; }
#gnav > ul li a span { display:block; margin-bottom:6px; font-size:9px; text-indent:0.2em; position:relative; }
#gnav > ul li a span:before { content:""; position:absolute; top:8px; left:-30px; width:25px; height:25px; background:url("../img/top/ico_home.svg") no-repeat center / 100% auto; }
#gnav li.stock a span:before { height:30px; background-image:url("../img/top/ico_stock.svg"); }
#gnav li.reason a span:before { background-image:url("../img/top/ico_reason.svg"); }
#gnav li.about a span:before { background-image:url("../img/top/ico_about.svg"); }
#gnav li.staff a span:before { background-image:url("../img/top/ico_staff.svg"); }
#gnav li.company a span:before { background-image:url("../img/top/ico_company.svg"); }

/* menuボタン */
.menu-button,
.menu-button span { display:inline-block; transition:all .5s; -webkit-transition:all .5s; box-sizing:border-box; }
.menu-button { display:block; position:absolute; top:0; right:0; z-index:10; min-width:55px; width:10%; height:65px; }
.menu-button span { position:absolute; left:15%; top:10px; width:70%; height:3px; background-color:#ec1d24; }

.menu-button span:nth-of-type(1) { top:5px; font-size:14px; background:none; color:#ec1d24; font-weight:bold; height:auto; text-align:center; line-height:1.5; }
.menu-button span:nth-of-type(2) { top:30px; }
.menu-button span:nth-of-type(3) { top:40px; }
.menu-button span:nth-of-type(4) { top:50px; }

.menu-button.active span:nth-of-type(2) {
  -webkit-transform:translateY(11px) rotate(-45deg);
  transform:translateY(11px) rotate(-45deg);
}
.menu-button.active span:nth-of-type(3) {
  opacity:0;
}
.menu-button.active span:nth-of-type(4) {
  -webkit-transform:translateY(-9px) rotate(45deg);
  transform:translateY(-9px) rotate(45deg);
}

/*----- footer -----*/
.flo_nav { width: 100%; -webkit-display:flex; display:flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; right:0; bottom:0; overflow:hidden; position:fixed; z-index:9999; }
#flo_contact { width:57.7%; }
#flo_stock { width:27.6%; }
#pagetop { width: 14.7%; }

footer { margin-top:40px; }
footer .inner { padding:0 !important; }
footer .f_logo { max-width:180px; margin:0 auto; }
footer .f_con1 { padding:30px 0;}
footer .f_copy { margin:0 auto;}
footer .shopInfo { margin:25px 0; }
footer .shopInfo li + li { margin-top:25px; }
footer .shopInfo li h2 { font-size:16px; font-weight:bold; background:#ec1d24; color:#FFF; text-align:center;}
footer .shopInfo li .tel { margin:10px 0 0; font-size:18px; text-align:center; line-height:1; }
footer .shopInfo li .tel .number { font-size:24px; font-weight:bold;  }
footer .shopInfo li + li h2 { background:#93c870;}
footer .shopInfo li .hour {margin:0; text-align:center;}
footer .shopInfo li .access {margin:10px 0 0; text-align:center; background:#e5e5e5;}

/*footer .f_sitemap { margin:10px 0; }
footer .f_sitemap { border-bottom:1px #FFF solid; padding:30px; }
footer .f_sitemap li { display:inline-block; width:100%; padding:7px 8px; }
footer .f_sitemap li + li { border-top:1px dotted #005aaa; }
footer .f_sitemap li a { color:#005aaa; }*/

footer .f_sitemap { margin-bottom:30px;}
footer .f_sitemap li { width:50%;}
footer .f_sitemap li a { display:block; padding:10px 0 8px 10px; color:#FFF; font-size:90%; background:#0075dd;}
footer .f_sitemap li:nth-child(4n+1) a, footer .f_sitemap li:nth-child(4n-4) a
{ background:#005aaa;}

footer .copy { text-align:center; margin:0; padding:10px 20px 60px; background:#005aaa; color:#FFF;}


/*===== トップページ =====*/


/*----- コンテンツ -----*/
#top #medama, #top #chirashi , #top #info , #top .infobox { margin-top:30px; }

#medama h2.ttl { position:relative; margin:0 auto 25px; padding:0 50px; font-size:26px; font-family:"Rounded Mplus 1c"; font-weight:bold; line-height:0.5; text-align:center; color:#005aaa;}
#medama h2.ttl span { display:block; font-size:12px; color:#888888;}
#medama h2.ttl::before, #medama h2.ttl::after {
  content:""; position:absolute; display:inline-block; top:11px; width:50px; height:50px; background-repeat:no-repeat; background-size:contain; vertical-align:middle;
}
#medama h2.ttl::before { left:40px; background-image:url(../img/top/ttl_medama_l.png); }
#medama h2.ttl::after { right:40px; background-image:url(../img/top/ttl_medama_r.png); }

#top .medamaBox ul { position:relative; margin: 20px auto 0; font-size: 14px; }
#top .medamaBox ul li { width:49%; margin-bottom:21px; background-color:#FFF; }
#top .medamaBox ul li:nth-child(2n) { margin-left:2%; }
#top .medamaBox ul li a { display: block; color: #222; text-decoration:none; position: relative; }
#top .medamaBox ul li a .newAnime { display: block; width: 55px; top: 60px; right: 0; padding: 8px 9px 6px; font-size: 13px; z-index: 99; }
#top .medamaBox ul li a figure { min-height: 35vw; }
#top .medamaBox .name { height:4em; margin:0 0 -1px; padding:0 5px; font-size: 13px; text-align:center; line-height:1.2; color:#FFF; background:#005aaa; position:relative; }
#top .medamaBox .name em {
  display:block; position:absolute; top:50%; left:50%; width:100%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  }
#top .medamaBox .name span { margin-left:4px; }
#top .medamaBox .price { margin:8px 0 0; text-align: right; font-size: 13px; line-height: 1.4; }
#top .medamaBox .price span { display: inline-block; margin-left:5px; font-weight:bold; }
#top .medamaBox .price span em { font-size:26px; }
#top .medamaBox dl { margin:10px 0 0; overflow:hidden; font-size:12px; }
#top .medamaBox dt, #top .medamaBox dd { float:left; margin-bottom:5px; }
#top .medamaBox dt { width: 50px; padding:0 5px; text-align:center; color:#FFF; background:#20a24c; }
#top .medamaBox dd { width: calc(100% - 55px); margin-left:5px; }

/*----- チラシ -----*/
#flyer h2.ttl { position:relative; margin:0 auto 25px; padding:35px 50px 0; font-size:21px; font-family:"Rounded Mplus 1c"; font-weight:bold; line-height:0.5; text-align:center; color:#5dc1cf; z-index:1; }
#flyer h2.ttl span { display:block; margin-bottom:4px; font-size:12px; color:#888888;}
#flyer { position:relative; margin-top:35px; padding-bottom:10px; background:#e1fbff; z-index:1; }
#flyer .list { position:relative; }
#flyer .list li { width:100%; padding:4px; background:#5dc1cf; overflow:hidden; }
#flyer .list li + li { margin-top:15px; background:#93c870; }
#flyer .list li figure { float:left; width:49.5%; }
#flyer .list li figure + figure { margin-left:1%; }
#flyer .list li h3 { margin-bottom:5px; font-weight:bold; text-align:center; color:#FFF; }
#flyer .bnr { margin-top:10px; }


/*----- WEB限定特典 -----*//*----- 新着情報 -----*//*----- スタッフブログ -----*/
.tokuten_con { position:relative; margin-top:35px; padding-bottom:10px; background:#ffefde; z-index:1; }
.tokuten_con::before { content:""; position:absolute; width:260px; height:155px; top:0; left:0; background-image:url(../img/top/pattern01.png); background-repeat:no-repeat; background-size:contain; vertical-align:middle; }
.tokuten_con::after { content:""; position:absolute; width:0; height:0; bottom:-55px; left:50%; margin-left:-525px; border-style:solid; border-width:0 0 125px 750px; border-color:transparent transparent #FFF transparent; z-index:-1; }
.tokuten_con .bnr { position:relative; }
.tokuten_con .bnr::after { content:""; position:absolute; width:320px; height:470px; top:-32px; left:-100px; background:url(../img/top/bg_staff01.png) no-repeat; }
.tokuten_con .bnr img { margin-top:40px; padding-left:190px; }
.tokuten_con figure { position:relative; padding:35px 10px 35px; }

#maker { position:relative; margin:20px 0; text-align:center; z-index:1; }
#maker h2 { margin-bottom:15px; font-size:21px; }
#maker li { width:10%; }
#maker li:nth-child(4) { width:11%; }
#maker li:nth-child(5) { width:7%; }
#maker li:nth-child(7) { width:8%; }
#maker li:nth-child(8) { width:14%; }

#bnr { position:relative; margin-bottom:30px; z-index:1; }
#bnr ul { width:100%; margin:25px 0 0; }
#bnr ul li { width:49%; margin-bottom:10px;}
#bnr ul li .txt { font-size:11px; text-align:center;}

#info {
    width:auto; margin:0 15px; padding:0!important; border:3px solid #93c870; border-radius:10px 0px 10px 0px ; -webkit-border-radius:10px 0px 10px 0px ;
    -moz-border-radius:10px 0px 10px 0px ;
}
#info h2.ttl {
  padding:3px 10px; background-color:#93c870; color:#fff16c; padding-left:10px;
  font-family:"Rounded Mplus 1c"; font-size:13px;
  font-weight:bold; text-align:left; border-radius:6px 0px 0px 0px ;
  -webkit-border-radius:6px 0px 0px 0px ;
  -moz-border-radius:6px 0px 0px 0px ;}

#info .scroll { height:200px; overflow:auto; }
#info .scroll p { margin:0 10px; padding:20px 0; }
#info .scroll p + p { border-top:1px dashed #93c870; }

.blog {
  width:auto; margin:20px 15px; padding:0!important;
  border:3px solid #5dc1cf; border-radius:10px 0px 10px 0px ;
  -webkit-border-radius:10px 0px 10px 0px ;
  -moz-border-radius:10px 0px 10px 0px ;
}
.blog h2.ttl {
  background-color:#5dc1cf; color:#fff16c;
  padding-left:10px; font-family:"Rounded Mplus 1c";
  font-size:13px; font-weight:bold;
  text-align:left; border-radius:6px 0px 0px 0px ;
  -webkit-border-radius:6px 0px 0px 0px ;
  -moz-border-radius:6px 0px 0px 0px ;
}
.blog .scroll { height:200px; overflow:auto; }
.blog .scroll li { margin:0 10px; padding:20px 0; }
.blog .scroll li + li { border-top:1px dashed #5dc1cf; }

#fb { margin:20px 15px; padding:0!important; }

 /*===== 中ページ =====*/
#contents + .flo_nav + footer { margin-top:40px; }
#pan { display:none; }
#pan { padding:15px 0 0; }
#pan li { display:inline-block; font-size:11px; }
#pan li:not(:last-child):after { content:">"; padding-left:8px; padding-right:3px; }
#pan.spBlock, .spBlock { display:block; }


/* ページタイトル */
.pageTtl { margin-bottom:20px; text-align:center; background:#f0f0f0; }
.pageTtl h2 { padding:20px 0; font-size:24px; line-height:1.4; font-weight:bold; position:relative; border-bottom:3px solid #005aaa; }
.pageTtl h2:before { content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#FFF; }
.pageTtl h2 span { display:block; font-size:10px; color:#ec1d24; }

.subTitle { font-size:24px; border-bottom:3px solid #ec1d24; }


.secTtl { padding-left:13px; font-size:18px; line-height:1.4; border-left:8px solid #ed9200; }

.tbl { width:100%; margin:0 auto; background-color:#fff; }
.tbl th { background-color:#ed9200; color:#fff; font-size:15px; font-weight:bold; padding:5px 10px; width:100%; display:block; }
.tbl td { border-bottom:1px dashed #d2d2d2; padding:10px; margin-bottom:8px; display:block; }
.tbl .month { border:1px solid #d2d2d2; border-radius:5px; text-align:center; padding:0 10px; margin-right:1em; margin-bottom:5px; width:60px; display:inline-block; font-size:13px; color:#ed9200; }

.dl_bu dt { background-color:#3396c4; color:#fff; font-size:14px; font-weight:bold; padding:5px 20px; text-align:center; }
.dl_bu dd { border-bottom:1px dashed #d2d2d2; padding:7px; margin-bottom:5px; }

input, input[type="text"], input[type="email"], textarea, input.m { width:100%; font-size:16px; }
.submit { text-align:center; margin:10px auto; }
.submit input { display:inline-block; max-width:300px; width:100%; margin:0 auto; padding:10px 0; color:#fff; font-size:15px; font-family:inherit; font-weight:bold; text-align:center; text-decoration:none; background-color:#ed9200; border:medium none; position:relative; -webkit-appearance:none; border-radius:0;
 }
.submit input + input { margin-top:10px; }

/*----- #about 軽未使用車とは -----*/
#about .conTtl + .lead { text-align:center; font-size:16px;}
#about .conTtl + .lead span { font-size:18px; color:#ec1d24; font-weight:bold;}

#about .pointBCon { margin-top:30px; margin-bottom:0; width:100%; border:3px solid #ec1d24; border-radius:10px 0px 10px 0px; -webkit-border-radius:10px 0px 10px 0px;}
#about .pointBCon h4.ttl { background-color:#ec1d24; color:#fff16c; padding:10px; font-size:21px; font-weight:bold; text-align:center; border-radius:6px 0px 0px 0px; -webkit-border-radius:6px 0px 0px 0px; margin:0;}
#about .pointBCon .inner { width:100%; padding:10px 30px 30px; }
#about .pointBCon ul li { width:100%; margin-bottom:10px;}

#about .pointACon { margin-top:30px; margin-bottom:0; width:100%; border:3px solid #ec1d24; border-radius:10px 0px 10px 0px; -webkit-border-radius:10px 0px 10px 0px;}
#about .pointACon h4.ttl { background-color:#ec1d24; color:#fff16c; padding:10px; font-size:21px; font-weight:bold; text-align:center; border-radius:6px 0px 0px 0px; -webkit-border-radius:6px 0px 0px 0px; margin:0;}
#about .pointACon .inner { width:100%; padding:30px; overflow:hidden;}
#about .pointACon .lead { width:100%;}
#about .pointACon figure { width:100%; margin-bottom:10px; }

#about .melit { margin-top:50px; }
  .melitTtl { display:none; }
  .melitList li { margin-bottom:30px; }
  .melitList li br { display:none; }
  .melitList .ttlType { margin-bottom:10px; padding-top:10px; font-size:20px; font-weight:bold; text-align:center; border-top:3px solid #ec1d24; }
  .melitList .ttlType figure { margin:0 auto; width:60px; }
  .melitList .unused, .melitList .used { min-height:81px; padding:15px 15px 15px 80px; position:relative; }
  .melitList .unused:before, .melitList .used:before { content:""; position:absolute; top:50%; left:15px; width:50px; height:50px; background:#fff url("../img/about/ico_car_new.png") no-repeat center center / 40px auto; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
  .melitList .used:before { background-image:url("../img/about/ico_car_used.png"); }
  .melitList .unused { color:#fff; background:#ec1d24; }
  .melitList .used { background:#e8e8e8; }


/*-----  つしまオートが選ばれる理由 -----*/
#reason #price { background:url(../img/reason/himitsu_bg.png) no-repeat top 70px left; background-size:contain;}

#reason #price .txt { margin:10px auto 30px;}
#reason #price .priceImg li { position:relative; width:100%; text-align:center; margin-bottom:10px;}


#reason #price .priceBox { margin-top:60px; width:100%; float:left; border:3px solid #ec1d24; border-radius:10px 0px 10px 0px; -webkit-border-radius:10px 0px 10px 0px;}

#reason #price .priceBox h4.ttl { background-color:#ec1d24; color:#fff16c; padding:10px; font-size:21px; font-weight:bold; text-align:center; border-radius:6px 0px 0px 0px; -webkit-border-radius:6px 0px 0px 0px; margin:0;}
#reason #price .priceBox li { padding:10px;}
#reason #price .priceBox li dl dt { min-height:30px; padding:7px 8px 7px 50px; margin-top:10px; font-size:19px; font-weight:bold; position:relative; }
#reason #price .priceBox li dl dt:before { content:""; position:absolute; top:0; left:0; width:40px; height:40px; background: url("../img/reason/icon_01.png") no-repeat center center; }
#reason #price .priceBox li dl dd { padding-left:50px; padding-bottom:20px; border-bottom:1px dashed #ec1d24;}


#reason #price .priceBox2 { margin-top:60px; width:100%; float:right; border:3px solid #93c870; border-radius:10px 0px 10px 0px; -webkit-border-radius:10px 0px 10px 0px;}
#reason #price .priceBox2 h4.ttl { background-color:#93c870; color:#fff16c; padding:10px; font-size:21px; font-weight:bold; text-align:center; border-radius:6px 0px 0px 0px; -webkit-border-radius:6px 0px 0px 0px; margin:0;}
#reason #price .priceBox2 li { padding:10px;}
#reason #price .priceBox2 li dl dt { min-height:30px; padding:7px 8px 7px 50px; margin-top:10px; font-size:19px; font-weight:bold; position:relative; }
#reason #price .priceBox2 li dl dt:before { content:""; position:absolute; top:0; left:0; width:40px; height:40px; background: url("../img/reason/icon_02.png") no-repeat center center; }
#reason #price .priceBox2 li dl dd { padding-left:50px; padding-bottom:20px; border-bottom:1px dashed #93c870;}

#reason #stock { margin:80px auto; }
#reason #stock .lead { padding:10px; background:url(../img/reason/tenji_bg.jpg) no-repeat center center; background-size:cover;}
#reason #stock .lead .txt { margin:0 auto; background-color:rgba(255,255,255,0.8); padding:20px; text-align:center; font-size:18px; line-height:33px; border-radius:10px; text-shadow:
    2px 2px white, -2px -2px white,
    2px -2px white, -2px 2px white,
    1px 2px white, 2px 1px white,
    -2px 1px white, 1px -2px white;}
#reason #stock .lead .txt .red { font-size:25px; color:#005aaa; }

#reason #stock .bnrLink { width:100%; margin-top:40px;}
#reason #stock .bnrLink li { width:100%; margin-bottom:20px;}

#reason #after .lead { position:relative; border:#005aaa 2px solid; padding:2em; font-weight:bold; font-size:16px; background:#FFF;}
#reason #after .lead::after { content:""; position:absolute; right:0; bottom:-20px; left:0; width:0px; height:0px; margin:auto; border-style:solid; border-color:#005aaa transparent transparent transparent; border-width:20px 20px 0 20px;}

  .scs { margin:50px auto; }
  .scsList > li { padding:10px; color:#fff; }
  .scsList > li.s_orange { background:#ed9200; }
  .scsList > li.s_blue { background:#2e67af; }
  .scsList > li.s_green { background:#368056; }
  .scsList > li.s_blue2 { background:#35509c; }
  .scsList > li.s_pink { background:#ea5494; }
  .scsList > li.s_red { background:#ba2222; }
  .scsList > li.s_green2 { background:#5ead80; }

  .scsList > li h5 { margin:0 auto 10px; font-size:16px; }
  .scsList > li p { margin:0 auto 10px; }

  .serviceBox h4.ttl { background-color:#005aaa; color:#fff16c; padding:10px; font-size:21px; font-weight:bold; text-align:center; border-radius:6px 0px 0px 0px; -webkit-border-radius:6px 0px 0px 0px; margin:0;}

  .serviceBox { margin-top:60px; margin-bottom:20px; width:100%; border:3px solid #005aaa; border-radius:10px 0px 10px 0px; -webkit-border-radius:10px 0px 10px 0px;}
  .serviceBox .serviceCon { padding:10px;}
  .serviceBox .serviceCon .imgBox { margin-top:30px;}
  .serviceBox .serviceCon .imgBox li { width:100%; margin-bottom:10px; }

  .miryoku { background:url(../img/reason/miryoku_ttl.png) no-repeat top center / contain; margin-top:25px;}
  .miryokuList { padding-top:60px;}
  .miryoku ul li { width:48%; padding:10px 10px 10px; }

  .plan_tbl h6 { margin:15px 0 0; padding:8px 0 4px; color:#FFF; font-size:16px; text-align:center; background:#ffc72e;}
  .plan_tbl th, .plan_tbl td { padding:10px 15px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; }
  .plan_tbl .priceList { width:100%; border:1px solid #dcdcdc;}
  .plan_tbl > div { overflow:auto; white-space:nowrap; }
  .plan_tbl > div::-webkit-scrollbar{ height:5px; }
  .plan_tbl > div::-webkit-scrollbar-track { background:#F1F1F1; }
  .plan_tbl > div::-webkit-scrollbar-thumb { background:#BCBCBC; }
  .plan_tbl > p.pc_none { margin:20px 0 0; }
  .plan_tbl td.big { font-size:18px;}

  .bankin { overflow:hidden; border:3px solid #5dc1cf;}
  .bankin h4.ttl { background-color:#5dc1cf; color:#fff16c; padding:10px; font-size:21px; font-weight:bold; text-align:center; border-radius:6px 0px 0px 0px; -webkit-border-radius:6px 0px 0px 0px; margin:0;}

  .hoken { overflow:hidden; border:3px solid #93c870;}
  .hoken h4.ttl { background-color:#93c870; color:#fff16c; padding:10px; font-size:21px; font-weight:bold; text-align:center; border-radius:6px 0px 0px 0px; -webkit-border-radius:6px 0px 0px 0px; margin:0;}

/* お客様の声 */
#enquete .maxNum { margin:30px auto 0; text-align:center; }
#enquete .maxNum span { display:inline-block; padding-left:26px; font-size:16px; position:relative; }
#enquete .maxNum span:before { content:""; position:absolute; top:15px; left:0; width:18px; height:18px; background:url(../reason/img/name_icon.svg) no-repeat center center / 18px }
#enquete .maxNum em { padding:0 5px; font-size:26px; color:#e60010; }
.enquete_list { margin:30px auto; }
.enquete_list li { width:100%; margin-bottom:20px; padding:50px 20px 20px; background:#fff; border:2px solid #ed9200; border-radius:5px; position:relative; }
.enquete_list li .date {
  position:absolute; top:0; left:0; width:100%; margin:0; padding:4px 0;
  text-align:center; color:#fff; font-size:13px; background:#ed9200;
}
.enquete_list li p { margin:0 auto; }
.enquete_list li .user .nickname { padding-left:22px; font-size:16px; line-height:1.5; background:url(../reason/img/name_icon.svg) no-repeat left center / 16px; }
.enquete_list li .user .car_name { line-height:1.5; }
.enquete_list li .user .car_name span { display:inline-block; font-size:16px; font-weight:bold; color:#ed9200; }
.enquete_list li .user .txt { margin-top:10px; }
.enquete_list li .shop { margin-top:25px; padding-top:25px; border-top:2px dashed #ddd; }

.enquete_list li .shop .response { font-weight:bold; }
.enquete_list li .shop .txt { margin-top:5px; }

/* お客様の声 */
#nousya .conBox, #enquete .conBox { padding-top:30px; padding-bottom:50px; }
.voice_list { margin:30px auto 0; -webkit-justify-content:space-between; justify-content:space-between; }
.voice_list li { position:relative; width:48%; margin-bottom:10px; }
.voice_list li:not(:nth-child(4n)) { margin-right:0; }
.voice_list li a {
  display:block; padding:10px; text-decoration:none; background:#eee; border-radius:5px;
}
.voice_list li a figure { transition:all .3s; -webkit-transition:all .3s; }
.voice_list li a:hover figure { opacity:0.7; }
.voice_list li .date {
  position:static; top:-28px; left:0; width:100%; margin:0; padding:4px 0;
  text-align:center; color:#fff; font-size:13px; background:#ed9200;
  border-radius:0;
}
.voice_list li a:focus { outline:none; }
.voice_list li img { max-width:100%; }

/* pageNav */
.pageNav { border:2px solid #ed9200; border-radius:5px; }
.pageNav li { width:50%; float:left; }
.pageNav li a {
    position:relative; display:block; padding:10px 10px 10px 30px;
    text-align:center; font-size:16px; font-weight:bold; text-decoration:none;
    transition:all .3s; -webkit-transition:all .3s; padding:4px;
}
.pageNav li a:hover { background:#ffd2a1; }
.pageNav li a.active { background:#ed9200; color:#fff; }


/*----- 会社紹介 -----*/

/* 代表挨拶 */
#greeting { margin-top:40px;}
.greeting_box { padding:10px 10px; font-size:15px; border:5px solid #005aaa;  border-radius :10px 0 10px 0; -webkit-border-radius:10px 0px 10px 0px; margin-top:30px;}
.greeting_box .txt { float:none; width:100%; line-height:2;}
.greeting_box figure { float:right;}
.greeting_box .daihyo { margin-bottom:20px; text-align:center; font-size:20px; }

/*一般事業主行動計画の公表について*/
.actionplan { margin-top: 30px; }
.actionplan .subTitle { text-align: center; font-size: 20px; }
.actionplan .details { margin-bottom: 20px; }
.actionplan .details dt,
.actionplan .details dd{ font-size: 14px!important; }
.actionplan .details dd { margin-bottom: .5em; }
.actionplan .box { margin-bottom: 1em; padding: 0 10px 10px; border: 1px solid #bbb; }
.actionplan .box h4 { margin-bottom: .5em!important; }
.actionplan .disc { list-style: disc; }

/* アクセス*/
#access { margin-top:40px;}
.access_box { margin:30px 0; }
.map_box { float:none; width:100%; margin-top:6px; }
.map_box iframe { width:100%; height:400px; }

.accinfo_box { float:none; width:100%; }
.accinfo_box > p { margin:0; }

.root { margin-top:30px; }
.root h5 { font-size:16px; margin:20px 0 0; border-bottom:1px dashed #005aaa; }

.accessImg { margin-bottom:60px; text-align:center;}
.accessImg li { position:relative; width:100%; float:none; margin-bottom:10px; }


.accinfo_box .tel { color:#ec1d24;}
.accinfo_box .tel .num { font-size:24px; font-weight:bold;}
.accinfo_box .tel .num a { color:#ec1d24;}


/* table */
.conTbl { width:100%; border-collapse:collapse; border-spacing:0; }
.conTbl tr { display:block; margin-bottom:10px; }
.conTbl tr > * { width:100%; display:block; padding:10px 16px; }
.conTbl th { color:#fff; background:#005aaa; }
.conTbl td { background:#f0f0f0; }

/*----- スタッフ紹介 -----*/
.staff_box { margin-bottom:40px; }

#staff h3.conTitle { padding:20px 0 20px; font-size:24px; font-weight:bold; font-family:"Rounded Mplus 1c"; text-align:center;}

.staff_box.hanbai .box_ttl { background:#ec1d24; color:#FFF; padding:10px; font-size:21px; font-weight:bold; text-align:center; margin-bottom:20px; }
.staff_box.seibi .box_ttl { background:#93c870; color:#FFF; padding:10px; font-size:21px; font-weight:bold; text-align:center; margin-bottom:20px; }
.staff_box.jimu .box_ttl { background:#005aaa; color:#FFF; padding:10px; font-size:21px; font-weight:bold; text-align:center; margin-bottom:20px; }

.staff_list { text-align:center; }
.staff_list li { float:none; display:inline-block; width:49%; margin-bottom:30px; }
.staff_list li .name { font-size:14px; }

.staff_list li figure { position:relative; width:40vw; height:40vw; margin:0 auto; overflow:hidden; border-radius:50%;}
.staff_list li figure img { position:absolute; left:50%; top:50%; transform:translate( 50% 50%) ; -webkit-transform:translate(-50%, -50%); max-width:inherit; max-height:100%;}

.staff_con { position:relative; width:500px; max-width:90%; margin:0 auto; padding:40px 30px 24px; background:#fff; }
.staff_con h3 { margin-bottom:18px; padding-bottom:2px; font-size:24px; font-family:"Rounded Mplus 1c"; font-weight:500; border-bottom:1px dashed #bbb; }
.staff_con .post { position:absolute; top:254px; display:inline-block; margin:0; padding:3px 10px; color:#fff; background:#533c34; }
.staff_con .shop { margin:0; font-size:16px; color:#f60; font-weight:bold; line-height:1; }
.staff_con figure { margin-bottom:18px; }

.staff_data dt { float:left; clear:left; width:100%; margin-right:10px; color:#fff; text-align:center; font-weight:bold; border-radius:3px; background:#f60; }
.staff_data > * { margin-bottom:3px; padding:2px 6px; }


/*----- お問い合わせ -----*/
#contact .tbl { margin:30px 0 15px; }
#contact .thanks .big { font-size:1em; text-align:left; }

/*----- サイトマップ -----*/
.sitemap { float:none; margin-right:90px; width:100%;}
.sitemap li { padding:10px 0 7px; border-bottom:1px dashed #e5e5e5;}
.sitemap:last-child { margin-right:0; }
.sitemap a { position:relative; display:inline-block; text-decoration:none; font-size:13px; }
.sitemap a:hover { text-decoration:underline; }
.sitemap > li > a { padding-left:35px; font-weight:bold; font-size:15px; }
.sitemap > li > a:before { content:""; position:absolute; top:-1px; left:0; width:25px; height:25px; border-radius:50%; background-color:#005aaa; background-position:top 6px left 6px; background-size:14px; background-repeat:no-repeat; }
.sitemap > li:nth-child(1) > a:before { background-image:url(../img/top/ico_home.png); }
.sitemap > li:nth-child(2) > a:before { background-image:url(../img/top/ico_stock.png); }
.sitemap > li:nth-child(3) > a:before { background-image:url(../img/top/ico_reason.png); }
.sitemap > li:nth-child(4) > a:before { background-image:url(../img/top/ico_about.png); }
.sitemap > li:nth-child(5) > a:before { background-image:url(../img/top/ico_staff.png); }
.sitemap > li:nth-child(6) > a:before { background-image:url(../img/top/ico_company.png); }

.sitemap + .sitemap > li > a { padding-left:20px; }
.sitemap + .sitemap > li > a:before { content:""; position:absolute; top:8px; left:0; width:7px; height:7px; border-radius:50%; background-color:#005aaa;  }
.sitemap ul { margin:6px 0 0 26px; }

/* プライバシーポリシー------------------------ */
#policy .add_box { margin:24px 0 60px; padding:16px; background:#fffee5;}
#policy .add_box h4 { font-size:16px; margin:0 0 8px;}

/*----- スタッフブログ -----*/
#blog.staff #contents { width:100%; }
#blog.staff #main { float:none; width:100%; margin-top:0; }
#blog.staff #main article { width:100%; padding:0; }
#blog.staff .secTtl > span { font-size:18px; min-height:35px; }
#blog.staff #side { float:none; width:100%; min-height:0; margin:50px 0 30px; }

/* コミコミカー */
#komikomi .main_box { margin:30px auto; padding-top:10px; position:relative; }
#komikomi .limit { position:absolute; top:0; left:0; width:150px; margin:0; }
#komikomi .car_img { margin-left:40px; position:relative; z-index:10; }
#komikomi .txt_box .name { margin:20px auto; font-size:24px; border-bottom:2px dashed #d2d2d2;  }
#komikomi .txt_box .price { margin:20px auto 0; }
#komikomi .main_box img { max-width:100%; }

#komikomi .table_bu { margin:0; }
#komikomi .table_bu th { padding:5px 10px; background-color:#FDA203; }
#komikomi .price_box { padding:20px; border:1px solid #ddd; }
#komikomi .price_box h5 { margin:0 auto -10px; font-size:22px; text-align:center; color:#00afec; border-bottom:2px dashed #d2d2d2; }
#komikomi .price_box li { margin:0 0 10px; padding-bottom:4px; border-bottom:1px dashed #ddd; }
#komikomi .price_box li:before { content:"・"; }
#komikomi .price_box li p { margin:4px 0 0 10px; font-size:90%; }
#komikomi .total { margin:10px 0; font-size:22px; font-weight:bold; color:#E60000; text-align:right; }
#komikomi .total span { margin:0 2px 0 6px; font-size:38px; }

#carContactBox { margin:40px auto; }
#carContactBox .tel_con { margin-bottom:20px; text-align:center; }
#carContactBox .tel_con .tel-link { margin-left:10px; font-size:24px; font-weight:bold; }
#carContactBox .zaikoCon { margin-bottom:20px; font-size:24px; font-weight:bold; }

#carContactBox .dl_bu { font-size:16px; margin:0 auto 20px; }
#carContactBox .dl_bu dt { padding:8px 20px; font-size:16px; background-color:#48c2be; }
#carContactBox .dl_bu dt span { color:#E60000; }
#carContactBox .dl_bu dd { padding:8px; }
#carContactBox .dl_bu dd input { padding:3px 5px; font-size:16px; }

.bx-controls { display:none;}