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

#wrapper { position:relative; width:100%; min-width:1000px; overflow:hidden; }
.inner{ position:relative; width:1000px; margin:auto; }
.pinkBox { border: 3px solid #bf1a56; background-color: #fcf1f5; padding: 25px 20px; }

.push { display:inline-block; -webkit-transition:all .3s; transition:all .3s; -webkit-transform:scale(1); transform:scale(1); }
.push:hover { -webkit-transform:scale(0.98); transform:scale(0.98); }

.conTtl, .conTtl2  { margin-bottom:34px; padding-top:28px; text-align:center; }
.conTtl > span, .conTtl2 > span { display:inline-block; padding:0 34px; font-size:34px; font-weight:bold; line-height:1; position:relative; }
.conTtl > span:before, .conTtl > span:after, .conTtl2 > span:before, .conTtl2 > span:after {
content:""; position:absolute; top:5px; width:20px; height:20px;
border-top:3px solid #bf1956; border-right:3px solid #bf1956;
-webkit-transform:rotate(-135deg); transform:rotate(-135deg);
}
.conTtl > span:before, .conTtl2 > span:before { left:0; }
.conTtl > span:after, .conTtl2 > span:after { right:0; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.conTtl > span > span { position:absolute; top:-28px; left:50%; font-size:13px; color:#062f4f; font-family:'Work Sans', sans-serif; -webkit-transform:translateX(-50%); transform:translateX(-50%); }

.conTtl2 > span { font-size:28px; }
.conTtl2 > span:before, .conTtl2 > span:after { top:3px; }

.conTtl3 { font-size: 25px; color: #bf1956; text-align: center; }

.webtokuten { margin:55px auto; text-align:center; }
.webtokuten img { max-height:500px; }

.btn1 a { display: inline-block; margin: 0 auto; padding: 10px 30px; color: #fff; border: 1px solid #062f4f; }
.btn1.blue a { background-color: #062f4f; }
.btn1.blue a:hover { color: #062f4f; background-color: #fff; }

/* --header------------------------ */

/*
header { padding:13px 0 0; position:relative; background-image:url(../img/bg_wood.jpg); background-position:left top; }
header p { margin:0; }
header .hCon { margin-bottom:30px; }
header .headBox .lead { margin-bottom:5px; font-size:14px; text-indent:0.5em; color:#fff; }
header .logo img { width:164px; }

.shopInfo .shopCon { position:relative; margin-top:10px; padding:21px 13px 8px; text-align:center; border:3px solid #bf1956; border-top:none; background-color:#fff; }
.shopInfo .shopCon:before, .shopInfo .shopCon:after { position:absolute; content:""; top:0; border-top:3px solid #bf1956; width:15px; height:3px; }
.shopInfo .shopCon:before { left:0; }
.shopInfo .shopCon:after { right:0; }
.shopInfo .shopCon + .shopCon { margin-left:10px;  }
.shopInfo .shopCon .name { margin-top:-30px; padding:0 10px; font-size:14px; font-weight:bold; color:#85124c; text-shadow:1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; line-height: 1.4; }
.shopInfo .shopCon .addr { font-size:13px; color:#333; }
.shopInfo .shopCon .tel { margin:5px auto 3px; }
.shopInfo .shopCon .tel span { display:inline-block; padding-left:30px; font-size:26px; font-weight:bold; color:#85124c; font-family:'Work Sans', sans-serif; line-height:1; background:url("https://isobemotors.com/img/ico_tel.png") no-repeat center left; }
.shopInfo .shopCon .time { font-size:14px; line-height:1.5; }
*/

/* --gnav------------------------ */

/*
#gnav{ width:100%; background:#bf1956; }
#gnav > ul > li > a { display:inline-block; padding:25px 27px 13px; color:#fff; font-size:16px; font-weight:bold; text-align:center; line-height:1; position:relative; }
#gnav > ul > li > a span { display:block; margin-bottom:5px; font-size:11px; }
#gnav > ul > li > a:before { content:""; position:absolute; top:-16px; left:50%; width:32px; height:32px; background:#85124c url("https://isobemotors.com/img/ico_home.png") no-repeat center; border-radius:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
#gnav > ul > li.stock > a:before { height:30px; background-image:url("https://isobemotors.com/img/ico_car.png"); }
#gnav > ul > li.purchase > a:before { height:30px; background-image:url("https://isobemotors.com/img/ico_purchase.png"); }
#gnav > ul > li.reason > a:before { background-image:url("https://isobemotors.com/img/ico_reason.png"); }
#gnav > ul > li.about > a:before { background-image:url("https://isobemotors.com/img/ico_about.png"); }
#gnav > ul > li.company > a:before { background-image:url("https://isobemotors.com/img/ico_company.png"); }
#gnav > ul > li > a:hover { background-color:#85124c; }

#gnav .sub_nav { position:absolute; z-index:999; top:100%; left:80px; width:350px; }
#gnav .sub_nav li { position:relative; overflow:hidden; height:0; transition:all .3s; -webkit-transition:all .3s; margin:0 4px; }
#gnav .sub_nav li a { display:block; width:100%; box-sizing:border-box; padding:15px 0; font-size:14px; font-weight: bold; text-align:center; text-decoration:none; color:#FFF; background:#bf1956; border-top:1px dashed; transition:all .5s; -webkit-transition:all .5s; }
#gnav .sub_nav li a:hover { background:#85124c; }
#gnav > ul > li:hover .sub_nav li { overflow:visible; height:47px; }
*/

/* --contents------------------------ */
/*#contents{ padding-bottom:80px; }*/

/* --footer------------------------ */

/*店舗情報
-----------------------------------------------------------*/
.btn_line { margin-bottom:30px; }
.btn_line li { margin-bottom: 20px; }

#shopInfo { margin-top:75px; padding:45px 0 55px; background:url("https://isobemotors.com/img/bg_gr.png"); position:relative; }
  #shopInfo .shops { -webkit-align-items: flex-end; align-items: flex-end; }
  #shopInfo .shopCon { width:32%; }
  #shopInfo .shopCon .shopTtl { margin:0 auto; padding:5px 0; font-size:22px; color:#bf1956; text-align:center; }
  #shopInfo .shopCon.compact .shopTtl { font-size: 20px; line-height: 1.4; }
  #shopInfo .shopData { border:5px solid #fff; }
  #shopInfo .shopData .map { width:100%; padding-top:50%; position:relative; }
  #shopInfo .shopData .map iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

  #shopInfo .shopData figure { text-align:center; }
  #shopInfo .shopData .tel { margin:0 auto; padding:10px; font-size:21px; font-weight:bold; color:#fff; text-align:center; line-height:1;  background:#bf1956; }
  #shopInfo .shopData .tel em { margin-left:5px; font-size:34px; }
  #shopInfo .shopData > .flex { padding:10px 13px; background:#062f4f; }
  #shopInfo .shopData dl { width: 100%; color:#fff; background:#062f4f; padding: 15px 15px 5px; }
  #shopInfo .shopData dl dt { float:left; width:80px; font-weight:bold; text-align:center; background:#a81d4e; }
  #shopInfo .shopData dl dd { margin:0 0 10px 90px; }
  #shopInfo .shopData .shopImg { margin: 0; padding:0 15px 15px; text-align: center; background:#062f4f; }


.flo_nav { margin:0; position:fixed; right:0; bottom:0; z-index:9999; -webkit-transition:all .3s; transition:all .3s; }
.flo_nav li {margin-bottom:10px; text-align: right; }
.flo_nav li a { display:block; }
footer { border-top:3px solid #bf1956; /*background-image:url(https://isobemotors.com/img/bg_wood.jpg); */background-position:left top; }
footer .logo { text-align:center; /*margin:0 0 30px;*/ }
footer .inner { /*padding:40px 0 30px;*/ }
footer .fNav > ul > li { margin-bottom:8px; }
footer .fNav > ul > li > a { display:inline-block; padding:2px 8px 2px 20px; font-size:15px; font-weight:bold; position:relative; z-index:1; color:#fff; }
footer .fNav > ul > li > a:before { content:""; position:absolute; left:0; bottom:0; width:0px; height:100%; background:#bf1956; -webkit-transition:all .3s; transition:all .3s; z-index:-1; }
footer .fNav > ul > li > a:after {
content:""; position:absolute; top:12px; left:5px; width:4px; height:4px;
border-top:2px solid #bf1956; border-right:2px solid #bf1956;
-webkit-transform:rotate(45deg); transform:rotate(45deg);
-webkit-transition:all 1s; transition:all 1s;
}
footer .fNav > ul > li > a:hover { padding:2px 20px 2px 8px; color:#fff; }
footer .fNav > ul > li > a:hover:before { width:100%; }
footer .fNav > ul > li > a:hover:after { left:auto; right:8px; border-top:2px solid #fff; border-right:2px solid #fff;}

footer .fNav > ul > li > .sub { margin-left:20px; }
footer .fNav > ul > li > .sub li a { position:relative; font-size:14px; color:#fff; }
footer .fNav > ul > li > .sub li a:before { content:"・"; }

footer .linkBtn { margin:0 auto 50px; }
footer .linkBtn a { font-size:15px; padding:13px 4% 10px 21px; color:#fff !important; background-position:top 2px right 2px; background-size:auto 94%; }
footer .linkBtn a::after { font-size:14px; right:3px; }

#copy{ margin:0; padding:13px 0 8px; color:#fff; font-size:12px; text-align:center; background:#bf1956; }
#copy a { color:#fff; }
#copy a:hover { color:#333; }


/*IE*/
@media all and (-ms-high-contrast:none){
  .push img { width:100%; }
}