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


スマホページ用


-------------------------------------------------------------------------------------*/

@media only screen and (max-width:768px){
#contents {
	padding:0;
}
}

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
#head_menu img{
    width: 160px !important;
}

.gnavs{
    margin-left: 10px;
}
.cvtel2{
    display: flex;
    flex-flow: column;
}

.cvtel2 a p{
    font-size: 16px;
}
.cvtel2 a span{
    font-size: 16px;
}

.cvyyk{margin-right: 15px;}
.cvyyk p{
    width: 180px;
    font-size: 16px;
}

}


/* ●px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width:768px){

*{box-sizing: border-box;}
body{
	text-align:center;
	background:url(../img/common/bg.png) ;
	position:static;
	padding-top: 0!important;
	}

#bg{
	background:none;
	}


/*表示・非表示*/
.sp_none{ display:none !important;}
.sp_only{ display:block;}

body,
#container,
.content{ padding:0 !important; margin:0 !important;}

#container{
overflow: hidden;
}

#head_menu{ display:none;}


/*幅関係*/

/*ロゴ幅調整　計960px*/

#bg,
#container,
#head div#logo,
#head .tenpo_two #logo,
#head div#right,
#head .tenpo_two #right,
#head .bgtel,
#head #right .left{
	width:100% !important;
	}

#logo {
	margin:20px auto 10px auto;
}

.sp-logo-row{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 80px;
}

.sp-logo-row img{
	flex: 1 1 0;
	min-width: 0;
	height: 80px;
	object-fit: contain;
}

/* KeePerロゴ（縦長で大きく見えるため縮小） */
.sp-logo-row img:last-child{
	height: 56px;
}

.splogo{
	display: flex;
	justify-content: center;
	margin: 20px 0;
}

.splogo img{
	width: 90%;
}


#main{
	width:96%;
	margin:2%;
	
	}
body img{ width:100%; height:auto;}


.sp_on{display:block;}	
.sp_w50 img{ width:49%;}
.img85 img{ width:85%;}


#side,
#main{
   float:none;
}

body .main{ padding:5px !important; margin:0 !important; width:95% !important;}

.fas{
	display: block;
	margin-bottom: 4px;
}


/*----------------------------------------------------------------------------------------

　ヘッダー

----------------------------------------------------------------------------------------*/

#head{ background:none; }
#head *{ text-align:center; }

.btn_access{ display:none;}
#head .bnrimg{ display:none; }

.btn_access_all{ margin-bottom:5px; padding:0 1em;}

#head .clrFix .right,
#head #fontSize,
#head .upMenu{
	display:none;
	}

#head #logo,
#head #right{ float:none;}


#head #logo{
	padding-top:0px;
}
#head #logo img{
	width:40%;
	}


#head h1{	
	font-size:0.75rem; 
	margin:10px auto 20px auto;
	font-weight: 400;
	color:#000;
	background: none;
	padding:0 20px;

}
#head table{	margin:0 0 0 0;	border-collapse:collapse;	}
#head table td{	vertical-align:top;}


#head .bgtel{
	padding:0 0.7em; 
	clear:both;
  
	}/*
.top_3pic:after{
    content: "";
    display: block;
    clear: both;
	}
.top_3pic ul{ list-style-type:none;}
.top_3pic ul li{ float:left; width:33%; padding-right:1px;}
*/

/* 2018-04 renew */

#head .bgtel table{
  width:100% !important;

  }
#head .bgtel table tr{
  display:block;
  float:left;
  margin-bottom:4px;
  }

#head .bgtel table tr.count1{ width:100%;  margin-right:1%;}
#head .bgtel table tr.count2{ width:48%;  margin-right:2%;}
#head .bgtel table tr.count3{ width:32%;  margin-right:1%;}

#head .bgtel table td{
  display:block;
  width:100% !important;
  padding:0;
  }
#head .tel{
  background:none;
  padding:0;
 
}
#head .tel a{
  display:block;
  background: url(../img/smartphone/bg-tel.png) no-repeat 0 center;
  background-size:auto 100%;
  font-size:4vw;
  color:#FFF;
  padding:1em 0em 0.8em 2.4em;
  line-height:1em;
}
#head .tel a:hover{
      filter:alpha(opacity=70);
     -moz-opacity:0.70;
     opacity:0.70;
     text-decoration:none;
		  
  }


#head .icon_tenpo{   display:none !important;  }
#head .tel a span.span_tel{ display:none;}
#head .tel a span.span_tenpo_name{ text-align:left;}


#head .open_time{
  text-align:left;
  padding-left:2px;
  line-height:1.2em;
  height:2.3em;
  overflow:hidden;
  }
#head .open_time,
#head .open_time *{
	font-size:14px !important;
	color:#000;
}
#head .bgtel_btm{
  margin-left:0px;
  }


/**/


/*サブナビ*/
.sub_navi{
	margin:10px 0 10px 0;
	}

.sub_navi ul li a{
	
	font-size:13px;
	padding:8px 8px;

	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;

	}

/*
#header,
#header2{
   position:inherit;
   height:auto;
   background:none;
}

*/

.sp_header{
	text-align:center;

	}

.sp_tel{
	text-align:center;
	font-weight:bold;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	color:#000000;
	margin-top:3px;
	padding:3px;
	
	
	}


.bnr p{ margin-bottom:0.2em;}
/*----------------------------------------------------------------------------------------

　共通

----------------------------------------------------------------------------------------*/

#main1c{ margin:10px 10px 0 10px;}

.tbl_layout{
	table-layout: fixed;
}

.tbl_layout td{
	float: left;
}

.priceform{
	width: 355px !important;
}


/*----------------------------------------------------------------------------------------

　タイトル

----------------------------------------------------------------------------------------*/

/*.hbg{
	background:url(../img/bg/bg.jpg);
	padding: 20px 0 20px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}*/
h2{margin:0 0 16px 0;}

/*ページサブタイトル*/	
h3{
	clear:both;
	font-size:20px;
	margin:4px 1px 10px 1px;
	font-weight:bold;
	font-size:26px;

	}

#main1c h2{	margin:10px 0 10px 0px; /*padding-top:20px;*/ width:100%; overflow:hidden;}
#main1c h3 .pAb{ display:none;}
#main1c h4{
/*	background-color:#EEE;*/
	padding:8px;
}

.title:before,
.title:before{
	content: attr(data-label);
}
.title,
.title{
	margin:0 ;
	font-size:20px;
	color:#FFF;
	background:url(images/sp/bg_h2.png) repeat-x center center;
	text-align:center;
	padding:6px 5px !important;
	}
#main h2,#main h3,#main h4,
#main h5,#main h6{
	width:auto;
	height:auto;
	line-height:inherit;
	}

#main h2 {
	margin:0 0 5px 0;
	padding:5px;
	background:url(images/sp/bg_h2.png) repeat-x center center;
}

#main h3 {
	margin:0 0 5px 0;

   padding:5px;
   color:#333;

	background: -moz-linear-gradient(top,  #ffffff 0%, ##CEDFF1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#CEDFF1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,##CEDFF1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,##CEDFF1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,##CEDFF1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,##CEDFF1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='##CEDFF1',GradientType=0 ); /* IE6-8 */
	
	border:1px solid #AABBE5;
	
}

#main h4 {
   margin:0 0 5px 15px;
   padding-left:20px;
   font-size:14px;
   background:url(images/h4_bg.jpg) no-repeat;
  
}

#main h5 {
   margin-bottom:2px;
   font-size:13px;
}

#main h6 {
   margin-bottom:2px;
   font-size:13px;
}


.topbnr{
	width: 90%;
}


/* 開閉パネル */
.panel{ background:#FFF; display:none; padding:10px;}
.panel ul{margin:0;	padding:0 0 0 0px;}
.panel ul li{
float: none;
clear:both;
width:100%;
height:auto;
}

.panel ul li a,
.panel ul li.current-menu-item li a{
	display: block;
	width:100%;
	text-align:left;
	background:#fff;
	padding:8px 3px !important;
	
	font-weight:bold;
}

.panel ul li a span{padding-left:1em;}

.panel ul li.current-menu-item a,
.panel ul li a:hover,
.panel ul li.current-menu-item a,
.panel ul li a:active,
.panel ul li li.current-menu-item a,
.panel ul li.current-menu-item li a:hover,
.panel ul li.current-menu-item li a:active{

	background:#faf4f3 !important;


}
.panel ul li li{
	float:left;
	border:0;
}

.panel ul li li a,
.panel ul li.current-menu-item li a,
.panel ul li li.current-menu-item a{
	background:#fff url(images/sub1.png) no-repeat 20px 50%;}

.panel ul li li.current-menu-item a,
.panel ul li li a:hover,
.panel ul li.current-menu-item li a:hover{background:#faf4f3 url(images/sub1.png) no-repeat 20px 50%;}

.panel ul li li:last-child a{background:#fff url(images/subLast.png) no-repeat 20px 50%;}
.panel ul li li:last-child.current-menu-item a,
.panel ul li li:last-child a:hover,
.panel ul li.current-menu-item li:last-child a:hover{background:#faf4f3 url(images/subLast.png) no-repeat 20px 50%;}
.panel ul li li a span{padding-left:35px;}


/*----------------------------------------------------------------------------------------

　フッター

----------------------------------------------------------------------------------------*/

.pagetop{ text-align:center; padding:10px;}
.pagetop img{ width:auto;}


#contents_foot{ text-align:right;}
#foot{ background:none;}


.foot_t_sub{
	width:90%;
	font-size:17px;
	padding:3px;
	}


/*フッターメニュー*/
/*フッターメニュー*/

.floatftr{
	position: fixed;
	bottom: 0;
	width: 100%;
	/*height: 100px;*/
	background:#ffffff;
	-webkit-box-shadow: 0px -3px 4px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px -3px 4px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px -3px 4px 0px rgba(0, 0, 0, 0.15);
}

.floatftr .fas{
	margin-top: 6px;
}


.floatftr ul{
	display:flex;
	justify-content:space-between;
}

.floatftr li{
	list-style-type:none;
	width:50%;
	padding: 12px 0;
}

.floatftr a{
	color: #fff !important;
	text-decoration: none;
	font-size: 0.8rem;
}

.floatftr a .fas{
	font-size:1.2rem;
}

.floatftr i{
	color:#fff !important;
}

.floatftr .ftbtn1{
	background:#1ca935;
	margin-right: 1px;
}

.floatftr .ftbtn2{
	background:#AB130A;
	margin-right: 1px;
}

.floatftr .ftbtn3{
	background:#AB130A;

}

.floatftr .ftbtn4{
	background:#AB130A;
	text-align: center;
	padding: 5px;
	margin-bottom:1px;
	font-size: 12px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.floatftr p{
	font-size:10px;
	margin:0 0 10px 0;
}


#foot_menu{
	display:none;
	}


#sp_foot_menu{
	clear:both;
	zoom:100%;
	padding-bottom:15px;
	
}

#sp_foot_menu ul{
	width:100%;
	padding:0;
	}

#sp_foot_menu ul li{
	width:100%;
	display:block;
	margin:0 0 1px 0;
	background:#00499b;
	}

#sp_foot_menu ul li a{
	width:100%;
/*	display:block;*/
	padding:8px 0;
	color:#FFF;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	}

#sp_foot_menu ul li img{
  vertical-align:bottom;
}
  
#sp_foot_menu ul li.navi-1{
	width:100%;
}

#sp_foot_menu i{
	position: relative;
	font-size: 24px;
	margin-right: 8px;
}

	
/*フッターコピーライト部分*/	
#copy{
	padding:0 0 10px 0;
	height:auto;
	line-height:1.2em;
	font-size: 8px;
	}

.dont_copy{
	font-size: 8px;
}

/*　フッター固定Navi　*/
/*#foot{ padding-bottom:80px; }
.sp_foot_contact{
	padding: 0 !important}
.sp_foot_contact{
	background-color:#fff;
	width:100%;
	right:0;
	bottom:0px;
	text-align:center;
	position:fixed;
	z-index:100;

}

.sp_foot_contact ul{
	display:flex;
	list-style-type: none;
	}
.sp_foot_contact ul li{
	padding:0 !important;
	
	}
.sp_foot_contact ul li img{vertical-align:middle;}		
.sp_foot_contact ul li.btn_foot-contact{ width:46%; background:#04b31d;}
.sp_foot_contact ul li.btn_foot-list{  width:40%; background:#ffa316;}
.sp_foot_contact ul li.btn_foot-pagetop{ width: 14%; background:#facd89;}
.sp_foot_contact ul li a{padding:0;}*/

/* フッターメニュー */

#foot{padding-bottom:100px;margin-top:20px;}
.footer-menu-sp{right:0;bottom:0;width:100%;position:fixed;z-index:100;}
.ft-a .ft-top{display:block;text-align:center;padding:12px 8px;color:#fff;font-size:12px;font-weight:bold;text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.1)}
.ft-a .ft-bottom{display:grid;grid-template-columns:1fr 1fr}
.ft-a .ft-bottom a{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 8px;text-decoration:none;font-weight:bold;font-size:13px;color:#fff;text-align:center;line-height:1.3}
.ft-a2 .ft-top{background:#2c2420}.ft-a2 .btn-tel{background:#2b7f41}.ft-a2 .btn-rsv{background:#fabe00;}

/* CTAアイコン：単色SVG(#4B4B4B)を白くして使う 2026-07-28 */
.ft-a .ft-bottom a img{
	width:17px;
	height:17px;
	flex:0 0 auto;
	filter:brightness(0) invert(1);
}

.CNT{
margin-bottom:50px;
}
	
	
/* ============ MODAL ============ */
.footer-modal-wrap{position:relative;/*width:375px;*/min-height:580px;background:rgba(0,0,0,0.5)!important;display:flex;align-items:center;justify-content:center;margin:0 auto!important;max-width:none!important;border-radius:8px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,0.5)!important;}
.footer-modal-wrap .bg-placeholder{position:absolute;inset:0;background:#e0e0e0;opacity:0.3}
.footer-modal-box{position:relative;z-index:1;width:340px;border-radius:12px;overflow:hidden}

/* M-1 */
.md1 .footer-modal-box{background:#fff;text-align:center;}
.md1 .md-notice{background:#f5f3f0;border-left:4px solid #c43e3e;padding:10px 14px;font-size:11px;color:#c43e3e;font-weight:bold}
.md1 .md-shops{padding:16px}
.md1 .md-shop-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;overflow:hidden}
.md1 .md-shop-item:last-child{margin-bottom:0}
.md1 .md-shop-name{background:#00499b;color:#fff;padding:8px 14px;font-size:13px;font-weight:bold}
.md1 .md-shop-body{padding:12px 14px}
.md1 .md-tel{font-size:22px;font-weight:bold;color:#2c2420;text-align:center;margin-bottom:4px}
.md1 .md-tel-icon{color:#c43e3e;margin-right:4px}
.md1 .md-hours{font-size:11px;color:#666;text-align:center}
.md1 .md-net-wari{background:#00499b;color:#fff;text-align:center;padding:10px;font-size:13px;font-weight:bold}
.md1 .md-caution{padding:10px 14px;font-size:10px;color:#888;background:#fafafa}
.md1 .md-banner{padding:12px 14px}
.md1 .md-close{display:block;text-align:center;padding:12px;background:#f5f5f5;color:#666;font-size:12px;font-weight:bold;cursor:pointer;border-top:1px solid #eee}
.md1 .md-tel-name {font-size: 14px;color:#00499b;}
.mfp-close {display: none!important;}

/*----------------------------------------------------------------------------------------

　TOP

----------------------------------------------------------------------------------------*/

.top_pc_only{  display:block;}
#Top .top_pc_only{ display:block;}

#info .left img{ display:none;}
#info .left{ display:block;} 


#main_pic .left,
#main_pic .right .ct_jisseki,
#main_pic .right .ct_crame,
#main_pic .right .ct_saitan,
#main_pic .right .ct_shikamo{ display:none; }
#Top #main_pic .right{ width:100%;}
#Top #main_pic .top_price{
	background:url(../img/smartphone/bg_top_price_sp.png) no-repeat 5px bottom !important;
  background-size:100% auto !important;
	height:auto;
  position:relative;
  padding:8% 0 12% 0;
	}
#Top #main_pic .price{
  position:absolute;
  font-size:9vw;
	padding:0;
  right:5%;
  border:12px;
	}
#Top #main_pic .price a{ color:#F00;}	

/* ===== SP/トップページ/FV ===== */
  .b-fv {
    position: relative;
    background: #1b3a1d;
    color: #fff;
  }
  /*.b-fv .dummy-img { height: 360px; }*/
  .b-fv .overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: rgba(0,0,0,0.35);
    padding: 16px;
  }
  .b-fv .overlay h2 { font-size: 26px; margin-bottom: 8px; letter-spacing: 2px; }
  .b-fv .overlay .sub { font-size: 13px; margin-bottom: 16px; opacity: 0.95; }
  .b-fv .overlay .scroll-hint { position: absolute; bottom: 12px; font-size: 10px; letter-spacing: 2px; }

  .fv-pre{ display:block;}
  .fv-pre .catch-area{ padding: 3vw 3vw;}
  .fv-pre .catch-area p{ margin-bottom: 0.5em ; }
  .fv-pre .catch-area p.copy-1{ font-size: 3.4vw; }
  .fv-pre .catch-area p.copy-2{ font-size: 3.5vw;}
  .fv-pre .catch-area p.copy-3{ font-size: 3.0vw; }
  .fv-pre .gallery{ grid-template-columns:1fr 1fr}
  .fv-pre .grid-img{aspect-ratio:16/9;border-left:none;border-bottom:2px solid #333}
  .fv-pre .grid-img:nth-child(2n){border-right:none}

/* メインビジュアル */
#Top .mv_txt {
	position: relative;
	margin:0 auto 0;
	width: 100%;
}

#Top .mv_txt01 {
	position: absolute;
	font-weight:bold;
	font-size: 22px;
	line-height:1.2;
	text-align:left;
	top:33%;
	left:4%;
	text-shadow: 
	1px 1px 1px #FFF,  
	-1px 1px 1px #FFF,  
	1px -1px 1px #FFF,  
	-1px -1px 1px #FFF;
}

#Top .mv_txt01 .mv_txt01_big {
	font-size: 32px;
}

#Top .mv_txt01 .mv_txt01_small {
	font-size: 18px;
}

#Top .mv_txt01 .mv_txt01_black {
	color:#222;
}

#Top .mv_price {
	position: absolute;
	font-size: 35px;
	color:#F00;
	top:80%;
	left:49%;
}

#Top .mv_price span {
	font-size: 120%;
	font-family: Impact,Charcoal;
}

.top_banners {
	width: 100%;
	}


.top_3pic {
	margin-top:10px;
	padding-top:3px;
	width:100%;
	background:#222;
	}

#medama{ display:none; 	}

.melito_head{
	max-width: 340px;
	width: 100%;
	padding:10px 0px 5px;
}

.melito_head h2{
	font-size: 22px;
	color: #000;
	border-bottom: 2px solid #29e;
	overflow: visible;
}

.top_melito_datail table th{
	width: 30% !important;
}
.top_melito_datail table th .pic{
	width:50%;
}
.top_melito_datail table th .pic img{
	width:100% !important;

}

.top_melito_datail2 {
	width: 100%;
}

.top_melito_datail2 h3{
	font-size: 16px;
}


.top_melito_datail2 .pic img{
	width:100%;
	}

/* SP：当店の特徴カード（案D：カード化＋右端の丸アロー） 2026-07-28 */
.top_melito_datail2 .left {
	position: relative;
	margin:0.35em 0.6em;
	background:#fff;
	border:1px solid #e0e5ea;
	border-radius:8px;
	box-shadow:0 1px 2px rgba(16,24,32,.06);
	-webkit-tap-highlight-color:rgba(13,63,191,.08);
	}

/* 押した時に少し沈ませる */
.top_melito_datail2 .left:active{
	background:#fbfcfd;
	box-shadow:none;
	transform:translateY(1px);
	}

/* 旧「▼」は隠す */
.top_melito_datail2 .left .sankaku{
	display:none;
	}

/* 丸アロー：円 */
.top_melito_datail2 .left::after{
	content:"";
	position:absolute;
	right:12px;
	top:50%;
	margin-top:-16px;
	width:32px;
	height:32px;
	border-radius:50%;
	background:#0d3fbf;
	}

/* 丸アロー：Ｖ字（円は .left::after で後から描かれるので z-index で前面に出す） */
.top_melito_datail2 .left .st_merit::after{
	content:"";
	position:absolute;
	z-index:1;
	right:23px;
	top:50%;
	margin-top:-5px;
	width:8px;
	height:8px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	transform:rotate(45deg);
	transition:transform .25s ease, margin-top .25s ease;
	}

/* 開いている時：アローを上向きに */
.top_melito_datail2 .left.is-open .st_merit::after{
	margin-top:-1px;
	transform:rotate(-135deg);
	}

@media (prefers-reduced-motion: reduce){
	.top_melito_datail2 .left .st_merit::after{ transition:none;}
	}

/* st_merit：上下余白を詰め、アローぶんの余白を右に確保 */
.top_melito_datail2 .left .st_merit{
	padding-top:10px;
	padding-bottom:10px;
	padding-right:56px;
	margin-bottom:0;
	}



#main_pic .left{
	width:100%;
	margin:3px 0 0 3px;
	}
#main_pic .left ul li{
	float:left;
	list-style-type:none;
	width:33%;
	height:auto;
	}

#Top #main_pic .left{
	width:100%;
	margin:3px 0 0 3px;
	}
#Top #main_pic .left ul li{
	float:left;
	list-style-type:none;
	width:33%;
	height:auto;
	}


#top_col_left,
#top_col_right{
	float:none;
	width:100%;
	}

#top_col_left{
	clear:both;	
}

#top_col_right{
	margin:0 0 0 10px;
	display:none;
	}


#info{ width:100%;}

#info div#info_main,
#info div#info_main table{ width:100% !important;}/*　　

　トップメリット部分

*/


.st_merit,
top_melito_datail,
#top_melito .sub .title,
#top_melito .melito_sub a,
#melito .sub,
#melito .sub a,
.top_melito_datail table th{
	width:100% !important;
	}

	
.st_merit,
#melito .sub a,
#top_melito .melito_sub a{
	height:auto	;
	}


#top_melito .sub .title,
#top_melito .melito_sub,
#melito .sub,
#melito .st_merit{
	float:none;
	}
	
.st_merit{
	height: auto;
}

.st_merit p{
	padding: 0 6px;
	margin-bottom: 2px !important;
}
.st_merit span{
	font-size: 16px !important;
}


#top_melito{ display:none; }
/*
#top_melito{ padding:5px 0 5px 0;}
#top_melito .melito_sub a{ background:#EC830D; }
*/

/* メリット詳細用　*/

.top_melito_datail{
	float:none;
	padding-bottom:15px;
  margin:0;
  padding:0;
  background:none;
	}
/*
.top_melito_datail table{
	display:block; width:100% !important;}		
.top_melito_datail table th,
.top_melito_datail table td{
	display:block;
	padding:5px;
	}
*/

.top_melito_datail .pic img{
	padding:1px;
	border:5px solid #EEE;
	}

/* 2018-4 renew ver */

.top_melito_datail{
  display:block;/* no flex */
}

.top_melito_datail .st_merit{
  background-color:#a00f16;
  background-image:url(../img/smartphone/bg_st_merit.png) ;
  background-repeat:no-repeat ;
  background-position:center  bottom;
  padding-bottom: 30px;
}

.top_melito_datail .st_merit:hover{
  cursor:pointer;
  
  }
.box_style2{
  margin:0.3em;
  }


/*.top_melito_datail .pic{ display:none;}*/
.top_melito_datail h3{ font-size:20px !important; text-align:left;}
.top_melito_datail .txt{ font-size:90%; }


.clear{ clear:both;}


/*　メリット用バナー(管理画面にも)　*/
.bnr1 a,
.bnr2 a{
	width:100%;
	}

.btn_txt1 a{
	width:100%;
  background-position:left center;
  text-align:center;
  font-size:4vw;
  padding-left:0;
  padding-right:0;  
  }


/*　車検用バナー　*/
.bnr_shaken_link img{ width:100%; }
.bnr_shaken_link span.box_number{
	position:relative;
	display:block;
	}
.bnr_shaken_link a{
	color:#FF0004;
	}

.bnr_shaken_link span.number{
	position:absolute;
	top:18%;
	right:5px;

	font-weight:bold;
	
	text-shadow:
    #FFF 2px 0px,  #FFF -2px 0px,
    #FFF 0px -2px, #FFF 0px 2px,
    #FFF 2px 2px , #FFF -2px 2px,
    #FFF 2px -2px, #FFF -2px -2px,
    #FFF 1px 2px,  #FFF -1px 2px,
    #FFF 1px -2px, #FFF -1px -2px,
    #FFF 2px 1px,  #FFF -2px 1px,
    #FFF 2px -1px, #FFF -2px -1px;

	}
.bnr_shaken_link span.number{ font-size:7vw;}
.bnr_shaken_link span.en{ font-size:4vw;	}
 .price_box table{
	border-collapse:collapse;
  width:100%;
	margin-bottom:5px;
}

.price_box table th,
.price_box table td{
	width: 177.5px;
	font-weight:bold;
	border:1px solid #000;
	text-align:center;
	}

.price_box tbody th{
	background:#FFE27D;
	color:#000;
  line-height:2.5em;
	font-size:14px;
}

.price_box tbody td{
  font-size:18px;
}


.price_box table thead{
 background:#ff6600;
 color:#fff;
}

.price_box .saidaith{
  background:#ff0000;
  color:#fff;
  line-height:3.5em;
}

.price_box .saidaitd{
  font-size:20px;
  background:#ffff99;
  color:#ff0000;
  line-height:3.5em;
}
.tbl_price{
	width: 100%;
}
.tbl_price_up_txt{
	text-align: left;
	font-size: 13px;
}

.tbl_price th{
	font-size: 14px;
}

.pricetd2{
	font-size: 12px !important;
}

.cell_hide td:first-child{
	font-size:12px;
}

.tbl_price td{
	font-size: 12px;
}

.tbl_price_wrapper {
    border: 1px solid #b1b1b1;
    padding: 10px 6px;
    border-radius:8px;
    margin-bottom: 20px;
}

.tbl_price_wrapper table{
    width:100%;
}

.tbl_chui{
	font-size: 12px;
	text-align: left;
}

.priceNotice{
	font-size: 12px;
}

.price_chui{
	font-size: 12px;
	text-align: left;
}

.td_font_color_FE0 {
    font-size: 113%;
}

/* tsuika */
table{
width:100%;
}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}/*----------------------------------------------------------------------------------------

　 特典

----------------------------------------------------------------------------------------*/


.hoshou{
	width:100%;
	background:none;
	}
.hoshou table{
	width:90%;
	margin:0 auto;
	}
.hoshou table th img{ width:30%;}

.hoshou h4{
	background: none !important;
	font-size:30px;
}/*----------------------------------------------------------------------------------------

　カード

----------------------------------------------------------------------------------------*/

.select_card img {
	width:80px;
}


/*----------------------------------------------------------------------------------------

　地図・スタッフ

----------------------------------------------------------------------------------------*/
#map{
	width: 100%;
}
#map .left_map,
#map .right_gaiyou{
	width:100%;
	}

#map div#right_gaiyou{
  	width:100%;
}

#map h2{
	clear:both;
	padding:7px;
	background:url(../img/common/bg_h3.gif) repeat-x 0 bottom;
	height:auto;
	line-height:inherit;

	margin:4px 0px 10px 0px;

	/* 店舗名見出しを1行に収める 2026-07-28 */
	font-size:14px;
	color:#000;
	}


#company table.pic_kujo td{
	line-height:1.1em;
	font-size:13px;}


/*当社紹介
-------------------------------------------------------------------------------------*/
#company{width:100%;}
#company #gaiyou .pic,
#company #gaiyou .gaiyou{ width:100%}
#company #gaiyou .pic{ margin-bottom:3px;  }

/* 店舗案内・当社について：表の見出し列を縮小 2026-07-28 */
#map div#right_gaiyou table th,
#company #gaiyou .gaiyou table th{
	font-size:13px;
	padding:6px;
	}


/*電話個別*/		
.tel_sub{
	background:url(../img/smartphone/bg_tel_yoyaku_sub_sp.png) no-repeat;
	background-size:100% auto;
	
	width:320px;
	height:85px;


	}
.tel_sub p{
	padding:32px 20px 0 0;
	font-size:20px;
	font-weight:bold;
	text-align:right;
	color:#000;
	}

.map_canvas_size{ width:100%; height:250px;}


/*スタッフ*/
#staff{width: 100%;}
#staff table.staff_tbl{ width:100%;}
#staff table.staff_tbl th{
	padding:4px;
	line-height:inherit;
	}

#staff table.staff_tbl th.name span{}
#staff table.staff_tbl th.name span.position{display:none;}
#staff table.staff_tbl td.pic{ width:30%;}
#staff table.staff_tbl td.in_tbl{ width:70%;}
#staff table.staff_tbl td.in_tbl table{ margin: 0 0 0 10px; border-width:0 0 0 0px; width:100%;}
#staff table.staff_tbl td.in_tbl th{ background:none; text-align:left;}
#staff table.staff_tbl td.in_tbl td{ padding:2px 3px; display:block;}
#staff table.staff_tbl td.in_tbl td.sub_t{ width:100%; font-size:13px; font-weight:bold !important; color:#733C3D;}

.staff_list .sub:nth-child(2n){ margin-right:0;}

.staff_list {
	/*text-align: center;*/
}

.staff_list .sub {
	width: 49%;
}
#flow p{

	font-size: 16px;
	line-height: 1.3em;
}

#flow .RD{

	font-size: 14px;
	color: #ff0000;
}

#flow .B{

	font-size: 16px;
	font-weight: bold;
}

#flow h3.img{
	margin-bottom:5px;
  }

#flow table{ width:100%;}
#flow table td{
  display:block;
  width:100%;}
#main1c #result h3{	font-size:23px;}
#main1c #result h3 span{ font-size:13px;}

#flow  #result td{ display:block; width:32%; float:left;}
#result td h5{
	font-size:14px;}
#result td p{
	font-size:12px;
	margin-bottom:20px;
	}

#flow  #result td.fukidashi{ width:100%;}
.fdmenu{
	display: flex;
	flex-direction: column;
}

.fdmenulist{
	width:100%;
}

.fdmenulist ul{
	width: 100%;
	margin:0;
}

.fdmenulist li{
	font-size: 14px;
	width: 50%;
}

.fdmenulist a{
	width: 100%;
	border:none;
	display: flex;
	flex-direction: column-reverse;
}
.fd-menu01{
    display: flex;
 	flex-wrap: wrap;
}

.fdinfo{
	display: block;
	width: 100%;
	padding:0;
}

.fdinfo p{
	font-size: 14px;
	text-align: left;
}

.fdinfo a{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	height: auto;
}

/*----------------------------------------------------------------------------------------

　待合コンテンツ

----------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------

　 事例

----------------------------------------------------------------------------------------*/

.arrow > img
{
    width:80px;
}


#JireiSp .ichiran {
	display:flex;
	justify-content:space-around;
	flex-direction: row-reverse;
	border-bottom:1px solid #999;
	background:#F9F9F9;
	padding:10px 0 0 0;
}

#JireiSp .ichiran img {
	padding:0 0;
}

#JireiSp h3 {
	font-size:24px!important;
}

#JireiSp .ichiran_sub_pic {
	width:35%;
	padding:0 5px;

/*	border:1px solid #F00;*/
}

#JireiSp .ichiran_txt {
	width:60%;
/*	border:1px solid #00F;*/
	text-align:left;
}

#JireiSp .ichiran_txt dt {
	font-weight:bold;
	color:#06D;
}

#JireiSp .ichiran_txt dd {
	font-size:90%;
}

#JireiSp .cell_bg_eee {
	font-size:88%;
	text-align: center;
}


/* 2024.12　ポインター追加　*/
#JireiSp .ichiran{
  position: relative;
}
#JireiSp .ichiran_txt{
 z-index: 2;
 padding-right: 14%;
}
#JireiSp .ichiran .icon_pointing{
  position: absolute;
  bottom: 5px;
  right: 0;
  width: 14%;
  z-index: 0;
  display: none;
}
#JireiSp .ichiran .icon_pointing img{
 vertical-align: bottom;
 }
#JireiSp .detail table td{ 
  word-break: break-all; /* 改行を許可 ※飾り文字対策（2024.12.12より追加）*/
}
/*
#JireiSp .ichiran .ichiran_sub_pic{
  min-height: 80px;
}
*/


/*----------------------------------------------------------------------------------------

　声

----------------------------------------------------------------------------------------*/

/*
-------------------------------------------------------------------------------------*/

#voice {
	width: 100%;
}
#voice table td img{ width:70px;}
#voice .voice_txt{
	width: 96% !important;
	margin:2%;
	margin-bottom: 1%;
	}
#voice .voice_txt td{
	display: block !important;
	width: 100% !important;
	padding:0 1%;
	
}
#voice .voice_txt .icon_hito{
	text-align: center;
	margin-bottom:3px;
}
#voice .voice_txt .line{
	display:none !important;
}
#voice .voice_txt .txt{
	background:#F4F3E0!important;
	margin:0% 0 20px 0!important;
	padding:10px;
	font-size:14px;
}
.voice_txt{
	border-collapse:collapse;
	background:none;
	}

#voice .voice_txt_ver2 img{ width:100%;}

.hbg_voice {
	width: 100%;
	height: auto;
}

#voice h3 {
	font-weight: 200!important;
	padding:20px 0!important;
}

.hbg_voice:after {
	border-width: 40px 15px 35px 0px;
}


/*
Q&A
-------------------------------------------------------------------------------------*/


/*質問一覧*/
#QA {
	width: 100%;
}

#QA .qa_menu table,
#QA .qa_txt table{
border-collapse: collapse;
width: 100%;
}


.qa_menu{
	margin:0 0 10px 0;}

.qa_menu table {
margin:0px 0 0 0;
border-collapse:collapse;
}

.qa_menu table td{ padding:1%; }
.qa_menu table td img { vertical-align:bottom;}
.qa_menu table tr.bgWT td{ background-color:#FFFFFF;}

/* Q&A：色を使わず、罫線・余白・Q/Aラベルで区別する 2026-07-28 */
.qa_txt{
	margin:0 0 12px 0;
	padding-bottom:0;
	background:#fff;
	border:1px solid #e3e7ec;
}
.qa_txt > p{ margin:0;}

.qa_txt table.qaQ{
	margin:0;
	background:#f4f5f7;
	border-bottom:1px solid #e3e7ec;
}
.qa_txt table.qaQ th{
	width:15%;
	text-align:center;
	padding:12px 0;
	vertical-align:top;
}
.qa_txt table.qaQ td.txt{
	padding:12px 12px 12px 0;
	font-weight:bold;
	line-height:1.6;
}

.qa_txt table.qaA{ margin:0; background:#fff;}
.qa_txt table.qaA th{ display:none;}
.qa_txt table.qaA td.txt{
	position:relative;
	padding:12px 12px 14px 15%;
	color:#3c4650;
	line-height:1.85;
}
.qa_txt table.qaA td.txt::before{
	content:"A";
	position:absolute;
	left:0;
	top:12px;
	width:15%;
	text-align:center;
	font-family:"Century Gothic";
	font-size:13px;
	font-weight:bold;
	line-height:1.85;
	color:#9aa4ae;
}
.qa_txt table th img { vertical-align:middle;}

.q_no{ font-size:13px !important; font-weight:bold; color:#5c6873; line-height:1.6; font-family:"Century Gothic";}
.q_no_b{ font-size:24px !important; color:#FF3366 !important; font-family:"Century Gothic";}


#QA .qa_menu .icon{  width: 20%;}
#QA .qa_menu .txt{  width: 60%;}
#QA .qa_menu .btn_a { width: 20%;}

#QA .qa_txt .icon{  width: 15%;}
#QA .qa_txt .txt{  width: 85%;}

#QA .qa_menu .icon img{width: 70%;}
#QA .qa_txt .icon img{width: 60%;}

#QA .txt{
font-size: 14px;
}

#QA h3 {
	font-weight: 200!important;
	padding:20px 0!important;
}


/*----------------------------------------------------------------------------------------

　 物件

----------------------------------------------------------------------------------------*/
/*

.pt15{ padding-top:15px !important;}
.mb5{ margin-bottom:5px;}
.mb20{ margin-bottom:20px;}
.mb15{ margin-bottom:15px;}
.clrFix{
	clear:both;
	zoom:100%;
	}
.clrFix:after{
	content:"";
	display:block;
	clear:both;
}
.clrFix .left{ float:left;}
.clrFix .right{ float:right;}	
.clear{ clear:both;}


#bukken{
	padding:10px 0 0 0;
	margin:0;
	
	}
	
#bukken .imgBnr{  display:none;}


.btn_back{ width:30%; }

#searchBox{
	border:3px solid #EEE;
	padding:8px;
}
#searchBox h3{ font-size:13px; text-align:center;
	padding:5px !important;
	line-height:normal;
	height:auto;
}
#searchBox .left,
#searchBox .right{
	width:100%;
	margin-right:0px;
	padding-left:5px;
	}

.selecter .right{
	display:none;
	}


#searchBox input{ margin-right:5px;}


#searchBox label.ck_all{ display:none;}


#searchBox label{
  display:block;
  margin-right:5px;
}
#searchBox .left h3:hover{
  cursor:pointer;
  }

#searchBox .left h3:after {content:"▼";}


.select_navi input{display:none}
.select_navi label{
	cursor:pointer;
	display:block;
	float:left;
	width:24%; margin-right:1%;
	background:#1C98FF;
	color:#FFF;
	line-height:1.1em;
	padding:5px 0;
	text-align:center;
	font-weight:bold;
	}

.select_navi .check_on{
	 filter:alpha(opacity=70);
     -moz-opacity:0.70;
     opacity:0.70;
	
	}
	
	
	
	
#bukken .sub{ width:100%; height:auto;}

#bukken .list{
	margin:0 0 0 5px;
	}
#bukken .sub{
	padding:5px;
	background-color:#FFF;
	border:1px solid #DDD;
	margin-bottom:20px;
	float:left;
	margin-right:10px;
	}

#bukken .ml0{
	margin-left:0 !important;}
#bukken .sub h3{
	font-size:13px;
	border-bottom:1px solid #CCC;
	line-height:1.2em;
	height:auto;
	padding:5px;
}

#bukken .sub h3 table{width:100%;	border-collapse:collapse;}
#bukken .sub h3 table td{ vertical-align:middle;}
#bukken .sub h3 table .name{ text-align:left; font-size:14px;}


.icon{ text-align:right;}	
.icon span{
	text-align:center;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-indent:0;
	padding:0;
	line-height:16px;
}
.icon span.icon_osusume{
	background:#090;}
.icon span.icon_shubetsu{
	background:#F00;
	}


#bukken .sub .pic{
	float:left;
}
#bukken .sub .pic p{
	border:solid 1px #DDD;
	height:auto;
	overflow:hidden;
	}

#bukken .sub .pic p img{padding:5px;}

#bukken .sub p.btn{
	border:solid 0px #DDD;
	height:auto;
	text-align:center;

	}
#bukken .sub p.btn img{	width:50%;
}


#bukken .sub .detail{
	width:100%;
	float:none;
}

#bukken .sub .btn_detail{}
#bukken .sub .btn_detail p{
  display:flex;
  margin:auto;
}
#bukken .sub .btn_detail p a{ width:49%; margin-right:1%;}
#bukken .sub .btn_detail p img{ width:100%;}


#bukken table.tbl_simple{}	
#bukken table.tbl_simple th{
	background-color:#EEE;
	color:#333;
	text-align:center;
	border:1px solid #DDD;
	padding:5px;
}
#bukken table.tbl_simple td{
	background-color:#FFF;
	vertical-align:top;
	border:1px solid #DDD;	
	padding:5px;	
	}


#bukken .bukken_up .sub ul{
	}
#bukken .bukken_up .sub ul li{
	float:none;
	margin-right:0px;
	border:0px solid #EEE;
	}	
#bukken .sub .pic{
  float:none;
}
#bukken .sub .pic p{
	border:solid 0px #DDD !important;
	}
#bukken .sub .pic p img{padding:0px !important;}


.bukken_contact_btn{
  clear:both;
  padding-top:1em;
  }
.bukken_contact_btn ul{
  display:flex;
  background:#FFDC85;
  padding:10px 10px 4px 10px;
  }
.bukken_contact_btn ul li{
  width:37%;
  margin-right:1%;
  }
.bukken_contact_btn ul li.uketsuke{
  width:24%;
  text-align:center;

  }
 
  


#bukken .bukken_up{margin:0;}
#bukken .bukken_up .sub{
	width:auto;
	padding:5px;
	background-color:#FFF;
	border:1px solid #DDD;
	margin-bottom:20px;
	margin-left:0;
	float:none;
	clear:both;
	zoom:100%;
	height:auto;
	}
#bukken .bukken_up .sub:after{
	content:"";
	display:block;
	clear:both;
	}	
#bukken .bukken_up .pic{ width:100%;}
#bukken .bukken_up .detail{ width:100%;}

#bukken .bukken_up  .sub h3{
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
	padding-bottom:5px;
	clear:both;
	zoom:100%;
	}
#bukken .bukken_up .sub h3:after{
	content:"";
	display:block;
	clear:both;
	}


#bukken .bukken_up .sub .detail{
	float:right;
	}
#bukken table.tbl_simple{
	margin-bottom:5px;}	
#bukken table.tbl_simple th{
	background-color:#EEE;
	color:#333;
	text-align:center;
	border:1px solid #DDD;
}
#bukken table.tbl_simple td{
	background-color:#FFF;
	vertical-align:top;
	border:1px solid #DDD;	
	}
	
	
#bukken ul{
	list-style-type:none !important;
	}

.pNum{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:24px;
	color:#C00;
	font-weight:bold;
	line-height:1.1em;
}
.pNum span{ font-size:15px;	}
.pNum span.hontai{ font-size:13px; line-height:1em;}	


.paging{
	text-align:center;
	clear:both;
	padding:10px;
	}
.paging span,
.paging a{
	margin:0 0 5px 5px;
	padding:5px;
	}
.paging span{
	border:solid #DDD 2px;
	font-weight:bold;
	}
.paging a{
	border:solid #DDD 1px;

}


	*/
	


	

/*----------------------------------------------------------------------------------------

　 その他

----------------------------------------------------------------------------------------*/

/*
.bg_green,
.bg_green2{
	width:100%;
	margin:0;
	padding:5px;
	clear:both;
	}
.bg_green{
	background:#e7f0f8;	
	font-size:14px;
}

.bg_green2{
	background:#e7f0f8;	
	font-size:13px;
	font-weight:bold;
}
*/

.fl{ float:left; }
.fr{ float:right; }


/*
汎用セレクタ
---------------------------------------------*/
.padding1em {padding:0 1em;}
.mb5{ margin-bottom:5px;}


#ctmn .navi_3c{ margin-top:10px; }


.navi_3c{ margin-bottom:10px; }
.navi_3c ul{
	list-style-type:none;
	display:flex;
	justify-content: space-between;
}
.navi_3c ul li{
	width:25%;
	background:#00499b;
	padding:10px 0 10px 0;
	line-height:1.3;
	text-align:center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-left: 2px solid #fff;
}
.navi_3c ul li:first-child{
	border:none;
	}
.navi_3c ul li a{
	color:#FFF;
	font-size:12px;
}
.navi_3c ul li img{ vertical-align:bottom; margin-bottom: 10px;}

.navi_4c ul li{
	width:25%;
	}


.navi_3c .btn_top a{
	box-sizing:border-box;
  width:100%;

	float:left;
	display:inline-block;
	/*clear:both;*/

	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:#000;
	padding:4px 3px;
	margin-bottom:3px;
	background-color:#FC0;
	border:1px solid #EEE;

}
.navi_3c .btn_top_c2 a{
  width:50%;
}
.tbl_simple th,
.tbl_simple td{
	padding:8px 10px;
	font-size:14px;}


/*お問い合わせバナー */
.bnr_contact_f{ clear:both;}
.bnr_contact_f .bg_tel_no{
	border:solid 3px #059c20;
	width:355px;
	padding-bottom:10px;	
}
.bnr_contact_f .bg_tel_no h4{
	background:#059c20 !important;
	color:#FFF; font-weight:bold;
	text-align:center;
	font-size:18px !important;
	padding:8px !important;
	margin:0 0 10px 0 !important;
	line-height:1em !important;
	}
.bnr_contact_f .icon_tenpo{
	padding-top:4px;}
.bnr_contact_f .icon_tenpo p{
	background-color:#C00;
	color:#FFF; font-weight:bold;
	text-align:center;
	font-size:14px;
	padding:0px 2px 0 2px;
	line-height:32px;
	margin-left:6px;
	}

.bnr_contact_f .tel{
	text-align:center;
	font-weight:bold;
	margin-bottom:0;
	margin-left:6px;
	}
.tenpo2 .bnr_contact_f .tel{
	text-align:left;}

.bnr_contact_f .tel a{
	color:#333!important;
}
.bnr_contact_f table td img{ display:none;}


.bnr_contact_w{ clear:both;}
.bnr_contact_w .bg_tel_no{
	border:solid 3px #059c20;
	width:355px;
	padding-bottom:10px;	
}
.bnr_contact_w .bg_tel_no h4{
	background:#059c20 !important;
	color:#FFF; font-weight:bold;
	text-align:center;
	font-size:18px !important;
	padding:8px !important;
	margin:0 0 10px 0 !important;
	line-height:1em !important;
	}
.bnr_contact_w .icon_tenpo{
	padding-top:4px;}
.bnr_contact_w .icon_tenpo p{
	background-color:#C00;
	color:#FFF; font-weight:bold;
	text-align:center;
	font-size:14px;
	padding:0px 2px ;
	line-height:32px;
	}

.bnr_contact_w .tel{
	text-align:center;
	font-weight:bold;
	margin-bottom:0;
	}
.tenpo2 .bnr_contact_w .tel{
	text-align:left;}
.bnr_contact_w .open_time{
	font-size:14px;
	font-weight:bold;
	line-height:1.2em;
	margin:5px 0 10px;
	}

.bnr_contact_w table td img{ display:none;}


/*番号1番*/
.tel_no1 td{
	padding-bottom:2px !important;
}

.tel_no1 .icon_eigyo{
	background-color:#666;
	color:#FFF; font-weight:bold;
	text-align:center;
	font-size:13px;
	padding:0px 2px !important;
	line-height:20px;
}
.tel_no1 .icon_tenpo p{
	background-color:#600;
	color:#FFF; font-weight:bold;
	text-align:center;
	font-size:11px !important;
	padding:0px 2px !important;
	line-height:20px;
	}
.tel_no1 .open_time{
	font-size:15px;
	font-weight:bold;
	}


.sub_navi{
	width:100%;
	border-bottom:0px solid #CCC;
	}
.sub_navi ul{
	list-style-type:none;}
.sub_navi ul li{
	float:left;
	margin-left:5px;
	margin-bottom:2px;
}

.sub_navi ul li a{
	display:block;
	padding:3px 5px;

	border-width:1px 1px 1px 1px;
	
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px; 

	color:#000;
	font-weight:bold;

	
	}

.sub_navi ul li a:hover {
	text-decoration:none;
     filter:alpha(opacity=70);
     -moz-opacity:0.70;
     opacity:0.70;	
}


/*物件用*/
.tel_box_list_up{ display:none;}


/*お問い合わせボタン*/
.btn_menu{
	border:solid 2px #C00;
	margin:5px;
	}
.btn_menu:after{
	content:"";
	display:block;
	clear:both;
}
.btn_menu h5{
	background:#C00 !important;
	color:#FFF !important;
	padding:10px;
	text-align:center;
	font-size:13px !important;
	
	}
.btn_menu h5 .t20{
	font-size:13px !important;
}
	
.btn_menu	ul{
	list-style-type:none;
	padding:15px 0;
	}
.btn_menu ul li{ float:left; margin:0 0 0 2%; width:30%}
.box_form h5{
	font-size:18px;
	color:#000;
	background:url(../img/h5.png) no-repeat 0px 15px;
	padding:10px 0 0px 28px;
	margin-bottom:8px;
	}
.box_form table{ width:100% !important; }
.box_form table table{width:100%;}

.box_form table .icon{
	display:block;
	text-align:left !important;
	float:left  !important;
	margin-right:5px;
	}


.box_form th,
.box_form td{
	display:block;
	width:100% !important;
	}

.box_form td{

	clear:both;
	zoom:100%;

}

.box_form td:after{
    content: "";
    display: block;
    clear: both;
	}


.box_form th img{ width:auto;}

.box_form table table{ margin:0;}
.box_form table table th,
.box_form table table td{
	vertical-align:middle;
	padding:0 0px 3px 0px;
	border:0;
	}
	

.box_form table .sub_tbl table th{
	float:none;
	background:#FFF;
	font-size:13px;
	text-align:left !important;
	}
.box_form table th.icon.box_form table td{ width:65%;}


/*エラー*/	
.box_form .err_txt{ font-size:11px; color:#FF0000;}

/* input関連*/
label:hover{ cursor:pointer;}
input[type="radio"]{cursor:pointer;}

.box_form input[type="text"],
.box_form select,
.box_form textarea{
	font-size:1.0em;
	margin:0 0 3px;

}

.box_form label{
	display:inline-block;}

.box_form input[type="text"]{ width:100%!important;}
.box_form select{ width:50%;}

.box_form textarea{
	width:98%;
	height:5em;
	}

	
.box_form input.sizeS{ width:30%;}
.box_form input.sizeM{ width:50%;}
.box_form input.sizeL{ width:95%;}
.box_form input.calendar{ width:100% !important;}

	

.box_form .btn{ text-align:center; padding:10px;}
.box_form .btn input{
	text-align:center;
	border:solid 1px #FFF;
	padding:20px 90px;
	margin:0 auto 20px auto;
	font-size:30px;
	font-weight:bold;
	color:#FFF;

	}


.checklist .left,
.checklist .right{ width:100% !important; float:none; text-align:left;}
.car_search{
  padding:5px 10px 20px 10px;
  }
.car_search input{
  width:100%;
  margin-bottom:0.2em;
  }  
.car_search input[type="text"]{
  
  
	border:0;
	padding:3px;
	font-size:1.0em;
	color:#333;
	border:solid 1px #AAA;
	margin:0 0 3px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#666;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
  }


.p_link{
display:flex;
justify-content: space-around;
flex-wrap: wrap;
list-style-type:none;
margin:15px auto 0 auto;
width:95%;
}

/* 店舗リンクボタン：テキスト幅に合わせて縮小 2026-07-28 */
.p_link li{
width:auto;
margin:12px auto 0 auto;
padding:0;
}

.p_link li a{
padding:12px 22px;
}


.web_title {
	font-size:14px;
}

.frame {
	width: 97%;
}

.TB{
	display:grid;
	grid-template-columns:1fr;
	gap:0%;
	padding:3%;
}

.TB .side {
	height: 250px;
}

.TB .side h2 {
	font-size: 1.4rem;
    line-height: 1.2;
    margin: 10px 0 26px;
}

.TB .side p {
	font-size: 0.9rem;
    color: var(--sub);
    line-height: 1.6;
}

.TB .row {
	display: grid!important;
    grid-template-columns: 1fr 112px;
    gap: 10px;
    padding: 12px;
}

/* 車種名を10文字まで1行に収める 2026-07-28 */
.TB .row .info{
	width: 100%;
}

.TB .row .info .car{
	font-size: 16px;
}

.TB .row .info .menu{
	font-size: 12.5px;
}


#coating h3{
	font-size: 16px;
	text-align: left;
	padding-left:18px;
}
#coating h4{
    padding: 10px 50px 10px 18px;
    text-align: left;
}
.coating_content01_img img {
	width:100% !important;
}

.keeper_menu dd img {
	width:80%;
}


/* ============ WAITING ROOM ============ */
.wt1 .wt-gallery .wt-img img {
	height: auto;
	
}

/* 特典／割引　*/
  
  .b-discount-grid  {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .b-discount-grid  .item {
    /*background: #fff8e1;
    border: 2px solid #ffb300;*/
    padding: 14px;
    text-align: center;
  }
  .b-discount-grid  .item h3 { /*color: #c8102e;*/ margin-bottom: 4px; font-size: 13px; }
  .b-discount-grid  .item .big { font-size: 28px; font-weight: bold; color: #c8102e; margin: 6px 0; }
  .b-discount-grid  .item .desc { font-size: 14px; color: #555; }

  .b-tokuten-grid  {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .b-tokuten-grid  .item {
    background: #fff;
    border: 1px solid #ddd;
    border-left: 4px solid #00499b;
    padding: 12px;
  }
  .b-tokuten-grid  .item .label {
    /*background: #ffb300;
    color: #0e2a47;*/
    display: inline-block;
    padding: 2px 8px;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 4px;
  }
  .b-tokuten-grid  .item .ttl { font-size: 13px; font-weight: bold; margin-bottom: 4px; }
  .b-tokuten-grid  .item .desc { font-size: 14px; color: #555; }

  /* 特典見出し：管理画面のインライン font-size(28px/36px) を上書き 2026-07-28 */
  .b-tokuten-grid .item .desc span[style*="font-size"] {
  	font-size: 20px !important;
  }

/* オプション */

.b-option-tabs {
    display: flex;
    gap: 0;
    overflow-x: auto;
    border-bottom: 2px solid #0e2a47;
    margin-bottom: 14px;
    white-space: nowrap;
  }
  .b-option-tabs button {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom: none;
    padding: 8px 14px;
    font-size: 11px;
    font-weight: bold;
    color: #555;
    cursor: pointer;
  }
  .b-option-tabs button.active {
    background: #0e2a47;
    color: #fff;
    border-color: #0e2a47;
  }
  .b-option-card .pic {
  	display: block;
  }
  .b-option-grid {
    display: flex;
    flex-direction: column;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .b-option-grid .item {
    background: #fff;
    border: 1px solid #ddd;
    padding: 12px;
  }
  .b-option-grid .item .ttl { font-size: 12px; font-weight: bold; color: #0e2a47; margin-bottom: 4px; }
  .b-option-grid .item .desc { font-size: 11px; color: #555; margin-bottom: 6px; }
  .b-option-grid .item .price-row {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #eee;
    padding-top: 6px;
    font-size: 11px;
  }
  .b-option-grid .item .price-row .price { font-weight: bold; color: #c8102e; }

  /* メニューボタン：2列→1列。メニュー名を左・価格を右に横並び 2026-07-28 */
  .c-price-tabs-wrap .tabs {
  	display: block;
  	border-right: none;
  	margin-top: 12px;
  }

  .c-price-tabs-wrap .tabs button {
  	width: 100%;
  	margin-bottom: 0;
  	padding: 13px 14px;
  	flex-direction: row;
  	justify-content: space-between;
  	align-items: center;
  	gap: 10px;
  	font-size: 13px;
  }

  .c-price-tabs-wrap .tabs button .price-label {
  	font-size: 12px;
  	white-space: nowrap;
  }

  .c-price-tabs-wrap .panel {
  	display: block;
  }

  /* 料金・コース特徴の見出し 2026-07-28 */
  .c-price-tabs-wrap .panel h3 {
  	font-size: 16px;
  }

  .c-price-tabs-wrap .panel .top-row {
  	display: block;
  }

  .dsp_machiai .mock-frame {
  	width: 90%;
  }

  .anqs {
  	width: 90%!important;
  }

  /* 見出しを1行に収める 2026-07-28 */
  .anqs .anqs-header {
  	padding: 20px 16px;
  }

  .anqs .anqs-header h2 {
  	font-size: 16px;
  }

  .anqs .anqs-header p {
  	font-size: 0.9rem;
  }

  .anqs .anqs-more {
  	font-size: 1rem;
  }

  .anqd {
  	width: 90%!important;
  }

  .anqd .anqd-header h2 {
  	font-size: 1.2rem;
  }

  .anqd .anqd-header p {
  	font-size: 0.9rem;
  }


 .price_panel_img img {
 	width: 100%!important;
 }

 .page-header {
 	min-height: 120px;
    padding: 20px 16px;
 }
 .page-header-eyebrow { font-size: 11px; letter-spacing: .28em; margin-bottom: 10px; }
 .page-header-text { font-size: 21px; letter-spacing: .06em; }
 .page-header-rule { margin-top: 10px; }

 .page-sub-h {
 	font-weight: 200;
 	padding: 18px;
 	font-size: 24px;
 }


 /* KV */

 .KVsp {
	width: 100%;
	position: relative;
}

.KVsp_txt_top {
	background: rgba(0, 0, 0, 0.6);
	padding: 10px;
	color: #fff;
	font-size:14px;
}

.KVsp_txt_bottom{
	font-size:12px;
}

.KVsp_img_top,
.KVsp_img_bottom{
	display: flex;
	width: 100%;
	padding: 0;
	list-style: none;
}
.KVsp_img_wrap img{
	display:block;
	width:100%;
	height:auto;
}

.KVsp_txt_area-result_wrap {
	display: flex;
}

.KVsp_txt_name {
	font-weight: bold;
	font-size:15px;
	letter-spacing:0.1em;
	padding:14px 10px;
}

.KVsp_anniversary {
	width: 70%;
}

.KVsp_anniversary img {
	width: 100%;
}

.KVsp_txt_main {
	position: absolute;
	top:14%;
	left:70%;
}

.KVsp_txt_bottom {
	background: rgba(0, 0, 0, 0.6);
	padding: 10px;
	color: #fff;
}


/* サブメニュー */

.p_image_link {
	grid-template-columns: 1fr;
	gap: 14px;
	max-width: 420px;
	margin: 40px auto;
}

.p_image_link a {
	margin: 0;
	min-height: 96px;
	padding: 18px 16px;
}

.p_image_link .pl-eyebrow { letter-spacing: .24em; margin-bottom: 6px; }
.p_image_link .pl-price .pl-main,
.p_image_link .pl-price-ex .pl-main { font-size: 24px; }
.p_image_link .pl-off .pl-main { font-size: 22px; }
.p_image_link .pl-sub .pl-lead   { font-size: 22px; }
.p_image_link .pl-sub .pl-num    { font-size: 34px; }
.p_image_link .pl-sub .pl-pct    { font-size: 19px; }
.p_image_link .pl-sub .pl-offtxt { font-size: 26px; }
.p_image_link a.pl-nav { min-height: 96px; }
.p_image_link .pl-nav .pl-main { font-size: 21px; }

#Price {
	width: 100%;
}

/* 料金表タブ（基本メニュー／プレミアムメニュー）SP調整 2026-07-28 */
.price_tab_menu ul{
	gap: 8px;
}

.price_tab_menu ul li{
	padding: 12px 8px;
	font-size: 15px;
	border-radius: 10px 10px 0 0;
}

}


/* タブレットのみ　*/

/* 幅600px以下から  
------------------------------------------------------------*/
@media only screen and (max-width: 600px){

	
/* タブレットのみ　*/

	
#head #logo img{
width:70%;
}


/*ページによって微調整*/
#main1c h2 img{ width:600px;}}


/* 幅414px以下から iphone6& plus
------------------------------------------------------------*/
@media only screen and (max-width: 414px){


	#head #logo img{
	width:40%;
	}


/*
#head .tel{
	background:url(../img/common/icon_tel_mini.png) no-repeat 0 4px ;
	font-size:34px;
	padding:0 0 0 33px;	
	}
*/


/*ページによって微調整*/
#main1c h2 img{ width:500px;}
#main1c #contact h2 img{ width:360px;}

#main1c #afterfollow h2 img,
#main1c #wake h2 img{ width:340px;}

#main1c #flow h2 img,
#main1c #bukken h2 img{ width:420px;}}


/* 幅320x以下から ヘッダー等微調節 iphone5
------------------------------------------------------------*/
@media only screen and (max-width: 320px){


/*
#head .tel{
	background:url(../img/common/icon_tel_mini.png) no-repeat 0 4px ;
	font-size:27px;
	}
*/


/*ページによって微調整*/
#main1c h2 img{ width:450px;}
#main1c #contact h2 img{ width:340px;}

#main1c #afterfollow h2 img,
#main1c #wake h2 img{ width:320px;}

#main1c #flow h2 img,
#main1c #bukken h2 img{ width:400px;}


/*お問い合わせバナー */
.bnr_contact_w .bg_tel_no{
	width:300px;
}

.tenpo2 .bnr_contact_w .tel{
	font-size:21px;}


}


}