@charset "utf-8";

/* ---- common ----- */
#contents { font-size:15px; line-height:1.8; }

.con_box { margin-bottom:60px; }
.con_box2 { margin-bottom:80px; }

.ct-box { margin-bottom: 70px; }
.ct-box-inner { padding:60px 0 70px; }

/* table */
.infoTbl { border-collapse:separate; border-spacing:8px; }
.infoTbl tr > * { padding:10px; }
.infoTbl th { min-width:160px; color:#fff; background:#533c34; }
.infoTbl td { border-bottom:1px dashed #ddd; }

.conTbl tr > * { padding:10px; border:1px solid #ddd; }
.conTbl th { width:180px; text-align:left; background-color:#f5f5f5; }
.conTbl thead th { width:auto; }

/* pageNav */
.pageNav { margin-top:20px; border:2px solid #f5a547; border-radius:5px; }
.pageNav li { float:left; width:50%; }
.pageNav li a { position:relative; display:block; padding:10px 10px 10px 30px;
 color:#533c34; text-align:center; font-size:16px; font-weight:bold; text-decoration:none; transition:all .3s; -webkit-transition:all .3s; }
.pageNav li a:before { content:""; position:absolute; top:13px; margin-left:-30px; width:20px; height:20px;
 border-radius:50%; background:#533c34 url(../img/common/icon-arrow-wht.svg) no-repeat center center / 10px; }
.pageNav li a:hover { background:#ffe3c3; }
.pageNav li a.active { background:#f5a547; }

/* ---- contents ----- */

/* LINE@ */
.lineAt { background-color: #d8f0eb; width: 100%; margin: 0 auto; padding:20px 30px 30px; }
.lineAt .ttl { font-size: 20px; color: #533c34; margin: 0 0 0.5em; }
.lineAt .btnLine { max-width: 300px; margin:0 auto; }
.lineAt .btnLine a { position: relative; display: block; background-color: #79d569; color: #fff; padding: 10px 3em; text-align: right; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; }
.lineAt .btnLine a:before { position: absolute; content:url("../img/common/logo-lineat.svg"); top:11px; left: 30px; }
.lineAt .btnLine a:after { position: absolute; content:""; top: 18px; right:20px; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 7px; height: 7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.lineAt .btnLine a:hover { opacity: 0.7; }

/* 在庫案内
=============================================================== */
.mtype_btn { overflow: hidden; max-width: 600px; margin: 1em auto; border: 3px solid #f5a547; border-radius: 5px;}
.mtype_btn li { flex-grow: 1;}
.mtype_btn li a { display: block; padding: 0.5em 1em; color: #533c34; text-align: center; font-weight: bold; font-size: 1.142em; text-decoration: none;}
.mtype_btn li:nth-child(1) { border-right: solid 2px #f5a547;}
.mtype_btn.unused li:nth-child(1) a { color: #fff; background: #f5a547;}
.mtype_btn.used li:nth-child(2) a { color: #fff; background: #f5a547;}
#stock .lead { margin: 2.5em 0 1em; text-align: center; font-size: 1.2em; font-weight: bold; color:#4e362e;}
#stock .lead.mt-0 { margin-top: 0; }
#stock .lead .big { font-size: 1.2em; color: #da263c;}

#stock #contents { font-size:14px; line-height:1.7; }
.tokuten { margin:0 auto 50px; text-align:center; }
#stock .tokuten { margin:3em auto 2em; }
#stock .tokuten2 { margin:1em auto 2em; }
.bnr_zozei { margin:2em 0; }

.carContact .tel,
.carContact .contactBtn,
.carContact .detailBtn { float:left; margin-top:5px; }

.carContact .contactBtn { margin-right:10px;}
.carContact .contactBtn a { background:#f5a547;}
.carContact .detailBtn a { background:#7bc8b9;}
.carContact .contactBtn a, .carContact .detailBtn a { color:#fff; border:none; text-decoration:none; border-radius:3px; }

.carContact .contactBtn a,
.carContact .detailBtn a {  -webkit-transition:all .3s; transition:all .3s; }
.carContact .contactBtn a:hover,
.carContact .detailBtn a:hover{ background-color:#533c34; text-decoration:none; }
.carContact .tel { margin:0 42px 0 0; font-size:14px; font-family:inherit; }
.carContact .tel .imagetext { position:relative; top:-3px; left:3px; width:220px; }
.carContact .tel span { display:block; color:#533c34; text-align:center; font-weight:bold; }

.carContact form { width:100%; }
.contactForm {  width:600px; margin:10px auto; }
.contactForm input { border:1px solid #ccc; }

.contactForm .btn_submit { width:220px; padding:14px 0 12px; border: 0;}

/* 在庫一覧 */
.typeBtn { margin:2em 0; }
.typeBtn .typeBtnList { display: grid; grid-template-columns: repeat(7,1fr); gap: 1em; }

#stock .order { text-align:right; }

#zaikoList > li { width:100%; }
#zaikoList h3 { font-size:17px; font-weight:bold; padding:14px 30px 10px; margin-bottom:-1px; background:#f6f6f6; border:solid 1px #dcdcdc;}
#zaikoList h3+div { padding:30px 30px 25px; border:solid 1px #dcdcdc; margin-bottom:30px;}
#zaikoList > img { float:left; }
#zaikoList .Cimg { display:block; float:left; width:22%; }
#zaikoList .rBox { float:right; width:75%; }

#zaikoList .rBox .data { width:100%; margin:15px 0; text-align:center;}
#zaikoList .rBox .data th { font-size:12px; background:#f6f6f6; border:solid 1px #dcdcdc; padding:5px 0 3px;}
#zaikoList .rBox .data th.price { width:215px; background:#fff; font-size:16px; font-weight:bold; line-height:1.4; vertical-align:middle; }
#zaikoList .rBox .data th.price .red { font-size:27px; color:#da263c;}
#zaikoList .rBox .data td { border:solid 1px #dcdcdc; padding:7px 0 5px;}

/* 在庫詳細 */
#zaikoDetail .clearfix { position:relative; }
#zaikoDetail h3 {
  width:100%; padding:14px 0 9px 23px; margin-bottom:35px;
  font-size:22px; font-weight:bold; background:#f6f6f6; border:solid 1px #dcdcdc;
}
#zaikoDetail h3 span { font-size:14px; font-weight:500;}
#zaikoDetail ul { margin:0 auto 10px; }
#sliderInner { position: relative; }
#zaikoDetail #sliderPager { margin:0 -4px; }
#zaikoDetail #sliderPager li { display:inline-block; margin:0 4px 3px;}
#zaikoDetail #sliderPager li:hover { text-decoration:none; }
#zaikoDetail #sliderPager li.coupon {
  position:absolute; right:16px; bottom:45px; width:280px; padding:10px 20px;
  font-size:110%; font-weight:bold; color:#533c34; text-align:center; text-decoration:none; border-radius:3px; background:#ffe050;
  transition:all .3s; -webkit-transition:all .3s; }
#zaikoDetail #sliderPager li.coupon:hover { background:#f5a547; }
#zaikoDetail ul p { margin:5px 0 0; }

#zaikoDetail .lBox { float:left; width:640px; }
#zaikoDetail .lBox #sliderPager img { width:56px; height:42px; }

#zaikoDetail .rBox { float:right; width:320px; }

#zaikoDetail .rBox .price { text-align:right; font-size:16px; font-weight:bold; margin:5px 0 2px;}
#zaikoDetail .rBox .price .red { margin-left:10px; font-size:30px; color:#da263c; vertical-align:-2px; }
#zaikoDetail .rBox .price .red span { font-size:16px; }

#zaikoDetail .rBox .data { width:100%; margin-bottom:9px; text-align:center;}
#zaikoDetail .rBox .data:last-child { margin-bottom:10px;}
#zaikoDetail .rBox .data th { width:50%; font-size:13px; background:#f6f6f6; border:solid 1px #dcdcdc; padding:4px 0 2px;}
#zaikoDetail .rBox .data th.price { background:#fff; font-size:16px; font-weight:bold;}
#zaikoDetail .rBox .data th.price span { font-size:27px; color:#da263c;}
#zaikoDetail .rBox .data td { border:solid 1px #dcdcdc; padding:5px 0 4px;}

#zaikoDetail .slick-dotted { margin-bottom: 60px; }
#zaikoDetail .slick-dots { margin: 0; bottom: -55px; }

#zaikoDetail table.vehicle { width:100%; margin:20px auto 0; }
.subTitle + table.vehicle { margin-top:5px; }
#zaikoDetail table.vehicle tr > * { padding:5px 10px 3px; text-align:left; border:solid 1px #dcdcdc; }
#zaikoDetail table.vehicle th { font-size:13px; background:#f6f6f6;}
#zaikoDetail table.vehicle .zaiko_a { width:270px;}
#zaikoDetail table.vehicle .zaiko_b { width:60px;}
#zaikoDetail .comBox { margin-top:30px; font-size:13px;}

#zaikoDetail table.equip th { width:23%; }
#zaikoDetail table.equip td { width:10%; text-align:center; }

#zaikoDetail h4.subTitle { width:100%; margin:30px 0 10px; text-align:left; }
#zaikoDetail table.iconBox th { width:25%; }
#zaikoDetail table.iconBox td { text-align:center; }
#zaikoDetail .c_icon { padding:5px; }
#zaikoDetail .c_icon li {
  display:inline-block; padding:2px 10px; margin:4px 10px 4px 0; color:#005fa9;
  font-size:13px; border:1px solid #005fa9; border-radius:4px;
}

#stock .lineAt { background-color:#fff; max-width:580px; margin: 20px auto; padding: 10px 20px 20px; }
#stock .lineAt .txt { margin-top: 0;}
#stock .lineAt .btnLine a { padding-right: 2em; }
#stock .lineAt .btnLine a:before { left: 20px; }
#stock .lineAt .btnLine a:after { right: 15px; }

/* 在庫お問い合わせ */
#zaikoDetail .carContact { padding:20px; margin:30px 0; text-align:center; border-radius:3px; background:#fbf2e7; }
#zaikoDetail .carContact .tel span { display:block; margin-bottom:8px; font-weight:bold; color:#533c34; }


#carContactBox { padding:20px; margin:30px 0 70px; border-radius:5px; background:#fbf2e7; }
#carContactBox .lead { font-size: 18px; font-weight: bold; color: #da263c; }
#carContactBox .tel span { display:block; margin-bottom:8px; font-weight:bold; color:#533c34; }
#carContactBox .submit { margin-top:20px; }
#carContactBox .tel { margin:0 0 12px; float:none; }
#carContactBox .tel .imagetext { width:237px;}

#zaikoDetail .carContact p { width:100%; margin:0; }
#zaikoDetail .carContact .contactBtn { margin:8px 0 0; }
#zaikoDetail .carContact .contactBtn a {
  display:block; padding:10px 20px; font-size:110%; font-weight:bold;
}
#zaikoDetail .carContact.box2 .contactBtn a { width:35%; margin:0 auto; }

#zaikoDetail .subHeadline { margin-top:30px; font-size:18px; color:#533c34; }
.rowMax { margin-top:0; margin-bottom:25px; line-height:1; }
.rowMax > span { font-size:25px; font-weight:bold; }

.otherBox { margin-top:50px; }
.otherList { margin:20px 0 30px;}
.otherList li { width:25%; box-sizing:border-box; }
.otherList li a { text-decoration:none; display:block; padding:0 10px;}
.otherList li a:hover { color:#151515; text-decoration:none; }
.otherList li table { margin-top:5px; width:100%; }
.otherList li table tr > * { padding:5px 10px 3px; border:solid 1px #dcdcdc; font-size:12px;}
.otherList li table th { background:#f6f6f6;}
.otherList li table .price {padding:7px 10px 1px; font-size:13px; text-align:center; font-weight:bold; }
.otherList li table .price span { margin-left:2px; font-size:20px; color:#da263c;}
.otherList .detailBtn {
  position:relative; width:auto; display:block; margin:5px 0 0; padding:7px 10px 6px 5px; font-size:90%;
  font-weight:bold; color:#fff; text-align:center; border-radius:3px; background:#7bc8b9;
  transition:all .3s; -webkit-transition:all .3s;
}
.otherList .detailBtn:before {
 content:""; position:absolute; top:0; bottom:0; right:14px; width:20px; height:20px; margin:auto;
 border-radius:50%; background:#533c34 url(../img/common/icon-arrow-wht.svg) no-repeat center center / 10px; }
.otherList a:hover .detailBtn { background:#533c34; }



/* --- 在庫確認。来店予約・電話問い合わせボタン --- */
#zaikoDetail .contactCom { width: 100%; margin:50px auto 20px; padding: 8px 21px; text-align: center; font-weight: bold; color: #FFF; font-size: 15px;background: #ed9200; position: relative; }
#zaikoDetail .contactCom::before { content: ""; position: absolute; bottom: -8px; left: 50%; width: 0; height: 0; margin-left: -7px; border-style: solid; border-width: 8px 7px 0 7px; border-color: #ed9200 transparent transparent transparent; }
#zaikoDetail .stockBnr { margin:20px 0; }
.stockBnr li { width:32%; }
.stockBnr li a { display:block; }



/* ---- ページ送り ---- */
.pagination{ clear:both; margin:30px 0 0; text-align:center; }
.pagination a, .pagination span { display:inline-block; margin:3px; padding:5px 12px; border-radius:3px; }
.pagination a{ color:#533c34; text-decoration:none; background-color:#FFF; border:1px solid #f39930; }
.pagination a:hover{ background-color:#fff0df; border:1px solid #f39930; }
.pagination span.current{ color:#FFF; background-color:#f39930; border:1px solid #f39930; }
.pagination span.disabled { border:1px solid #d0cac8; color:#d0cac8; }


/* 選ばれる理由
=============================================================== */
.price-box { text-align:center; }
.price-box .img_list { margin-bottom:50px; }

.point_list { -webkit-justify-content:space-between; justify-content:space-between; }
.point_list li { position:relative; width:32.6%; margin-top:30px; padding:1.7143em 1.1429em 1.1429em; text-align:center; color:#fff; background:#63bfad; }
.point_list li .ttl { display:inline-block; margin:1.2em 0 .3em; font-size:1.5714rem; border-bottom:1px dashed #fff; }
.point_list li:before { content:""; position:absolute; top:-30px; left:0; right:0; width:60px; height:60px; margin:0 auto;
 border-radius:50%; border:2px solid #63bfad; background:#fff url(../img/common/sprout.svg) no-repeat center center / 36px; }

.point_list.color2 li { background:#f39930; }
.point_list.color2 li:before { border-color:#f39930; background-image:url(../img/common/logocar.svg); }

#stock100 .con_txt { float:right; width:470px; }

.btn_zaikolist { margin-top:40px; text-align:right; }
.btn_zaikolist a { padding:20px 80px 20px 66px; font-size:20px; }

.total_support { position:relative; margin-bottom:70px; text-align:center; }
.total_support .sup_ttl { position:absolute; top:0; bottom:0; left:0; right:0; width:450px; height:120px; margin:auto; text-align:center; font-size:14px; }
.total_support .sup_ttl h4 { margin:0; color:#533c34; font-size:22px; }

.support_box { overflow:hidden; width:100%; margin-bottom:20px; padding:26px; border-radius:5px; background-image:url(../img/common/ptn-stripe.svg); }
.support_box .ttl { width:100%; margin:0 0 1.2em; padding:5px 0; font-size:1.7143rem; text-align:center; color:#fff; border-radius:3px; }
.support_box .txt_box { -webkit-box-ordinal-group:3; order:2; width:49%; }
.support_box .txt_box p { margin-top:0; }
.support_box .txt_box .logo {  margin-top:2em;}
.support_box .img_box { width:48%; padding:10px; text-align:center; background:#fff; }
#support .img_box li{ text-align: center;}

/* 自動車保険 */
.smile_hoken { background-color:#c5e0f7; }
.smile_hoken .ttl { background-color:#69b9fd; }
.support_box .txt_box .norupita {margin-top: 1em;}

/* 鈑金 */
.smile_bankin { background-color:#ffdde0; }
.smile_bankin .ttl { background-color:#f68477; }

/* 保険 */
.smile_pay { background-color:#ddec9d; }
.smile_pay .ttl { background-color:#b2da32; }

.bnr-voice { margin:50px 0; text-align:center; }

/* 未使用車とは
=============================================================== */
.about_list { margin-top:50px; -webkit-justify-content:space-between; justify-content:space-between; }
.about_list > li { position:relative; width:49%; margin:28px 0 30px; padding:36px 30px 30px; background:#fff8d4; }
.about_list .ttl { position:absolute; top:-36px; left:0; width:100%; margin:0; text-align:center; font-size:22px; color:#533c34; line-height:1.2; }
.about_list .ttl span { margin-right:20px; color:#f5a547; font-size:48px; font-family:'Lora'; font-style:italic; vertical-align:-2px; }

.melit dl { margin-bottom:10px;
 display: -webkit-flex; display: flex;
 -webkit-justify-content:space-between; justify-content:space-between; }
.melit dt { width:140px; height:120px; margin-right:10px; padding-top:70px; font-size:24px; font-weight:bold; color:#533c34; text-align:center;
 background-color:#ffe050; background-repeat:no-repeat; background-position:center 16px; }
.melit dd { width:426px; padding:30px 60px; font-size:16px; }
.melit dd.new { background-color:#fff8d6; }
.melit dd.old { background-color:#e7e7e7; }

.melit .kosyo dt { background-image:url(../img/about/icon-kosho.svg); }
.melit .buhin dt { background-image:url(../img/about/icon-buhin.svg); }
.melit .tenken dt { background-image:url(../img/about/icon-tenken.svg); }
.melit .sell dt { background-image:url(../img/about/icon-sell.svg); }

dl.melit_item { -webkit-justify-content: flex-end; justify-content:flex-end; margin-bottom:16px; }
.melit_item dt { position:relative; width:425px; height:auto; margin:0; padding:0 0 4px; font-size:20px; border-bottom:3px solid #ffe050; background:#fff; }
.melit_item dt:before { content:""; position:absolute; bottom:-12px; left:0; right:0; margin:0 auto;
 width:0; height:0; border-style:solid; border-width:10px 10px 0 10px; border-color:#ffe050 transparent transparent transparent; }
.melit_item dt.old:before { border-color:#888 transparent transparent transparent; }
.melit_item dt.old { border-color:#888; }

.melit_item dt span { display:inline-block; padding:2px; padding-left:80px; background:no-repeat 0 / 70px; }
.melit_item dt.new span { background-image:url(../img/about/new.svg); }
.melit_item dt.old span { background-image:url(../img/about/old.svg); }


/* 店舗情報
=============================================================== */
.shopInfo { float:left; margin-left: -8px; }
.acc_con { float:left; width:480px; margin-top:24px; }
.acc_con.ac_car { float:right; }

.shop-list{ width: 100%; padding-top:1.5em }
.shop-list li{ width: 24%; margin-right: 1.3%; }
.shop-list li:nth-child(4n){  margin-right:0; }

.greeting { padding:15px; background:#fff8d4; }
.greeting .g_inner { padding:20px 25px; border:2px dashed #f5a547; }
.greeting figure { float:right; width:220px; margin-left:30px; }
.greeting .daihyo { margin-top:30px; font-weight:bold; }
.greeting .daihyo span { font-size:18px; }

#recruit .con_txt { float:left; width:480px; }
.entrybox { margin-top:36px; padding:20px; text-align:center; border-radius:5px; background:#d8f0eb; }
.entrybox > * { display:inline-block; }
.entrybox p { margin-right:24px; font-size:22px; font-weight:bold; color:#533c34; }
.entrybox .bnr_entry { vertical-align:middle; }

/* スタッフ紹介
=============================================================== */
.staff_list { -webkit-justify-content:space-between; justify-content:space-between; }
.staff_list li { width:220px; margin-bottom:50px; text-align:center; }
.staff_list li figure { position:relative; width:220px; height:220px; overflow:hidden; border-radius:50%; }
.staff_list li figure:before, .staff_list li figure:after { opacity:0; content:""; position:absolute; top:0; left:0; right:0; bottom:0; width:30px; height:3px; margin:auto; background:#fff; z-index:2; }
.staff_list li figure:after { width:3px; height:30px; }
.staff_list li a { display:block; color:#533c34; text-decoration:none; }
.staff_list li a:focus { outline:none; }
.staff_list li .name { margin:0; font-size:24px; line-height:1.3; }
.staff_list li .post { margin:10px 0 0; }
.staff_list li.empty { height:0; margin-bottom:0; }

.staff_list li figure:before, .staff_list li figure:after,
.staff_list li a figure, .staff_list li a figure img { transition:all .3s; -webkit-transition:all .3s; }
.staff_list li a:hover figure img { opacity:0.7; }
.staff_list li a:hover figure { background:#000; }
.staff_list li a:hover figure:before, .staff_list li a:hover figure:after { opacity:0.8; }

.staff_con { position:relative; width:460px; max-width:100%; padding:30px; color:#533c34; background:#fff; }
.staff_con h3 span { margin-left:15px; color:#7bc8b9; font-size:16px; font-family:'Lora'; }
.staff_con h3 { margin:6px 0 18px; padding-left:34px; font-size:24px; font-weight:500; border-bottom:1px dashed #533c34; background:url(../img/common/sprout.svg) no-repeat 0 14px / 24px; }
.staff_con .post { position:absolute; top:254px; display:inline-block; margin:0; padding:3px 10px; color:#fff; background:#533c34; }
.staff_con:after { content:""; position:absolute; bottom:30px; right:30px; width:60px; height:64px; opacity:0.3; background:url(../img/common/logomark.svg) no-repeat center center; }

.staff_data { margin-top:22px; }
.staff_data dt { float:left; clear:left; width:5em; margin-right:10px; text-align:center; font-weight:bold; background:#7bc8b9; }
.staff_data > * { margin-bottom:3px; padding:2px 6px; }

/* お客様の声
=============================================================== */
.voice_list { margin-top:60px; }

/* お問合わせ
=============================================================== */
#contact .infoTbl th { width:200px; }
#contact .lineAt { margin-bottom: 50px; }

#contact .heading { margin-top: 52px;}

#contact .heading span:before { content: ""; left: -1em; width: 1px; height: 100%; background-color: #000; transform: rotate(135deg);}

#contact .heading span:after { content: ""; right: -1em; width: 1px; height: 100%; background-color: #000; transform: rotate(45deg);}

.formCarInfo {
  max-width:844px; margin:1em auto;
  display:grid; grid-template-columns:240px 1fr; gap:1em; }
.formCarInfo .cname > em { font-size:1.2em; }
.formCarInfo .grade { display:inline-block; }
.formCarInfo .label { font-size:.85em; vertical-align:top; }
.formCarInfo .price { margin-left:1em; font-weight:bold; }
.formCarInfo .price em { font-size:1.8em; color:#da263c; }

.reserve-alert { margin-inline: auto; padding: 1em; max-width: 800px; background: #ffeded; border: 2px solid #be1118;}
.reserve-alert-ttl { font-size: 1.3em; text-align: center; font-weight: 700;}
.reserve-alert-txt .big { font-size: 1.2em; font-weight: 700;}

input, textarea, select, option { font-weight:500; font-family:inherit; }
input[type="checkbox"],input[type="tel"],input[type="text"], input[type="email"], textarea, textarea.required { border-radius:3px; padding:4px 8px; }
.btn_cart, .btn_del, .btn_submit { border-radius:0; }
input[type="text"], input[type="email"] { width:65%; }
select { padding:3px 8px 6px; }
textarea { width:100%; box-sizing:border-box; }
input.short { width:25%; }
input.middle { width:45%; }
input.long  { width:96%; }
input.zip   { width:4em; }
input.required, select.required, textarea.required { border-left:2px solid #C33; }
input[type="submit"], input[type="button"]  { cursor:pointer; }
input[type="text"], textarea, select { margin:3px 0; }
input[type="checkbox"],input[type="tel"]{border: 1px solid #CCC;}
input[type="tel"]{font-size: 1em;}
select[name="date"] { margin-right:20px; }
.form_tbl label { padding-right:15px; }

.submit { margin:35px 0;}
.btn_submit { position:relative; display:inline-block; width:300px; padding:18px 0 15px; font-size:15px; color:#fff; text-align:center; font-weight:bold; text-decoration:none;
 border-radius:5px; border:none; background-color:#f5a547; box-sizing:border-box; transition: all .3s; -webkit-transition: all .3s;}
.btn_submit:hover { color:#fff; background-color:#533c34; }
a.btn_submit { display:inline-block; text-decoration:none; }

.reserve_note { width: 80%; background: #fffbe9; padding: 1.3em 11px; margin: 30px auto; }
.reserve_note p { margin: 0; font-size: 1.12em ; color: #e6792b;}
.reserve_note ul li { margin-top: 0.8em; }

/* サイトマップ・プライバシーポリシー
=============================================================== */
.sitemap { width:48%; float:left; }
.sitemap:last-child { float:right; }
.sitemap li { border-bottom:1px dashed #533c34; }
.sitemap li a { position:relative; display:block; padding:10px 0 10px 25px; color:#533c34; }
.sitemap li a:before { content:""; position:absolute; top:20px; left:4px; width:0; height:0; border-style:solid; border-width:3px 0 3px 10px; border-color:transparent transparent transparent #7bc8b9; }
.sitemap li ul { padding-left:20px; }
.sitemap li ul li { border-color:#bbb; }
.sitemap li ul li:last-child { border:none; }
.sitemap li a + ul { border-top:1px dashed #533c34; }
.sitemap li ul li ul li a:before { width:8px; height:2px; border:none; background-color:#444; }

.policy { list-style-type:decimal; padding-left:1.5em; }
.policy > li { margin-bottom:20px; }
.contact_box { margin:15px 0 30px; padding:20px 30px;; border-radius:5px; background:#d8f0eb; }

/* クッキーポリシー
=============================================================== */
#csr .exp > h4 { margin-bottom:.3em; }
#csr .exp > p { margin-top:0; }
#csr .exp_term { padding:1em 1.5em; background:#fff4e2; }
#csr .subTitle { margin-top: 3em;}

/* コミコミカー
=============================================================== */
.komi_detail { margin-bottom:60px; }
.komi_main { position:relative; margin-bottom:40px }
.komi_main figure { padding-top:50px; float:left; width:472px; }
.komi_main .txt_box { float:right; width:520px; }
.komi_main h3 { margin:0 0 22px; padding:0 4px; font-size:28px; color:#533c34; border-bottom:2px solid #7bc8b9; }
.komi_main .price { margin-top:34px; text-align:right; }
.komi_main .gentei { margin:0; position:absolute; left:0; top:0; }
.komi_main .new { margin:0; position:absolute; left:135px; top:0;  }

.komi_info { float:left; width:480px; height:240px; }
.komi_info td span { color:#f3413e; font-weight:bold; }

.komi_naiyo { float:right; width:500px; padding:18px; border:1px solid #ddd; }
.komi_naiyo h4 { margin:-5px 0 15px; text-align:center; font-size:17px; border-bottom:2px solid #7bc8b9; }
.komi_naiyo table { width:100%; border-collapse:separate; border-spacing:4px; }
.komi_naiyo table tr > * { padding:4px 10px; }
.komi_naiyo table th { vertical-align:top; text-align:left; border:1px solid #ddd; background:#f5f5f5; }
.komi_naiyo table td { text-align:right; }
.komi_naiyo dt { clear:left; float:left; width:200px; text-align:left; }
.komi_naiyo dd { margin-left:200px; }
.komi_naiyo .price { margin:12px 0 0; font-size:20px; color:#f3413e; text-align:right; font-weight:bold; }
.komi_naiyo .navpack { margin:12px 0 0; font-size:15px; color:#f3413e; font-weight:bold; }
.komi_naiyo .price span { display:inline-block; margin-right:10px; padding:2px 10px; color:#fff; font-size:15px; border-radius:3px; background:#f3413e; }

/* 在庫　選ばれる理由 */
#zaikoDetail .reasonBox h3 { margin-bottom: 0; padding:.75em 0; font-size: 1.6em; line-height:1.3; text-align: center; font-weight: bold; background-color: #7bc8b9;}
#zaikoDetail .reasonBox h3 .first_row { font-weight: bold; font-size: 1rem; }
#zaikoDetail .reasonBox h3 .red { font-weight: bold; font-size: 1.6em; color: #f21457; }
#zaikoDetail .reasonBox h3 .emphasize { font-size: 120%; font-weight: bold;}
.reasonBox { margin: 50px auto 0;}
.dl-reason { border-bottom: 1px solid #dcdcdc;}
.dl-reason > dt { position: relative; padding: 1rem; border-top: 1px solid #dcdcdc; font-size: 1em; font-weight: 700;}
.dl-reason > dt:first-child { border-top: none;}
.dl-reason > dt::after { content: "";width: 6px;height: 6px;border-top: 2px solid #7bc8b9;border-right: 2px solid #7bc8b9;transform: rotate(135deg); position: absolute; top: 50%; right: 20px;-ms-transition: all .5s;transition: all .5s;margin-top: -5px;}
.dl-reason > dt.active::after { transform: rotate(-45deg);}
.dl-reason > dd { display: none; padding: 0 0 1rem;}
.dl-reason > dd > div { display: flex; width:100%; }
.dl-reason > dd > div > figure { width:25%; }
.dl-reason > dd > div > figure > img { width:100%; }
.dl-reason > dd > div > p { margin: 0 1rem; width: 75%;}

/* ZOHO */
.zcwf_lblRight .wfrm_fld_dpNn{display: none;}
.zcwf_row { display: flex; margin-bottom: .5em; }
.zcwf_col_lab { display: flex; justify-content: center; align-items: center; min-width: 200px; color: #fff; font-weight: bold; background: #533c34;}
.zcwf_col_fld { flex: 1; margin-left: .5em; padding: .625em; border-bottom: 1px dashed #ddd; position: relative;}
#calenDiv #weekDays { width: 100%; }
.g-recaptcha { margin-top:1em; }
.g-recaptcha + * { width:100%; text-align:center; }

/* reCAPTCHA非表示設定 */
.grecaptcha-badge { visibility: hidden; }