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


スマホページ用


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


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


/* ●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;
	}

#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;
	}

.qa_logo_height #logo .sp_only{
	padding-bottom:10px;
}

#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;}


.p-sub{
	font-size: 14px;
	padding: 6px 0;
}



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

　ヘッダー

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

#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{
	margin-top: 10px;
	padding-top:0px;
}

#head #logo .logo_wrap p {
	width:48%;
	padding:0px 0 1% 1%;
}

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


#head #logo h1 {
	width:48%;
	margin-top: 0px;
	padding:0 1% 1%;
	font-size:10px;
	text-align: left;
}

#head #logo a {
	display: flex;
    align-items: end;
    justify-content: center;
}
#head table{	margin:0 0 0 0;	border-collapse:collapse;	}
#head table td{	vertical-align:top;}





#head .bgtel{
	padding:0 0.7em; 
	clear:both;
  
	}

#access-toggle-btn {
	display:none;
}


/*TOP3枚画像　2015.3　追加*/
.top_3pic{ margin-top:-10px;
	}
/*
.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 .open_time span{ }
#head .bgtel_btm{
  margin-left:0px;
  }











/**/


/*サブナビ*/
.sub_navi{
	margin:10px 0 10px 0;
	}
.sub_navi ul li{
	float:left;
	margin-left:5px;
	margin-bottom:5px;
}


.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:0px 4px;}

.tbl_layout{
	table-layout: fixed;
}

.tbl_layout td{
	float: left;
}

.priceform{
	width: 355px !important;
}



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

　タイトル

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

.hbg{
	background:#00349A;
	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{
	clear:both;
	padding:7px;
	font-size:22px;
	/*background:url(../img/common/bg_h3.gif) repeat-x 0 bottom;*/
	height:auto;
	line-height:inherit;
	margin:4px 0px 10px 0px;
	color:#000;
	}

#main1c h3 .pAb{ display:none;}	
	
	
#main1c h3.img{
	clear:both;
	margin:20px 0 5px 0;
	font-size:inherit;
	background:none;
	height:auto;
	line-height:normal;
	text-indent:0px;
	padding:0;
}
#main1c h3.type_a{
	clear:both;
	padding:0 0 0 15px;
	font-size:28px;
	background:url(../img/common/bg_h3.gif) repeat-x;
	height:70px;
	line-height:70px;
	margin:4px 1px 10px 1px;
	font-weight:bold;
	font-size:26px;
	color:#000;
	}

#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;
}




/* 開閉パネル */
.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;}

.head_waribiki_saidai{padding: 0 4px;}

.head_waribiki_saidai a {
	padding:5px 10px;
}

.head_waribiki_saidai .price {
	display: block;
	height:56px;
}

.head_waribiki_saidai .price li {
	margin-bottom:5px;
	list-style-type: none;
	font-size:20px;
}

.head_waribiki_saidai .price li img {
	width:34%;
}

.head_waribiki_saidai .price li:first-child {
	width:100%;
}

.head_waribiki_saidai .price li:nth-child(2) {
	margin:-4px 0 0 0;
	width:100%;
	text-align: center;
}

.head_waribiki_saidai .price .number {
	font-size:28px;
}

.bnr_head_tokuten{padding: 0 4px;}


.bnr_head_tokuten a {
	padding:5px 10px;
}

.bnr_head_tokuten .price {
	display: block;
	height:56px;
	
}

.bnr_head_tokuten .price li {
	margin-bottom:5px;
	list-style-type: none;
	font-size:22px;

}

.bnr_head_tokuten .price li img {
	width:34%;
}

.bnr_head_tokuten .price li:first-child {
	width:100%;
}

.bnr_head_tokuten .price li:nth-child(2) {
	margin:-4px 0 0 0;
	width:100%;
	text-align: center;
}

.bnr_head_tokuten .price .number {
	font-size:36px;
}


/*
.bnr_head_tokuten ul {
	display:block;
}

.bnr_head_tokuten li {
	list-style-type: none;
	font-size:26px;
}

.bnr_head_tokuten li img {
	width:50%;
	margin-bottom: 6px;

}

.bnr_head_tokuten li:first-child {
	width:100%;
}

.bnr_head_tokuten li:nth-child(2) {
	width:100%;
}
*/

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

　フッター

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

.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:15px;
	padding:8px;
	}


/*フッターメニュー*/
/*フッターメニュー*/
#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:#00349A;
	}

#sp_foot_menu ul li a{
	width:100%;
	display:block;
	padding:10px 0;
	color:#FFF;
	text-align:center;
	font-size: 16px;
	}

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


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

/*　フッター固定Navi　*/
#foot{ padding-bottom:70px; }
.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;}

.CNT{
margin-bottom:28px;
}
	
	

/*　TEL ポップアップ　*/

#popup_contact .tel_list{}
#popup_contact .tel_list *{ box-sizing:border-box;}
#popup_contact .tel_list p{
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}
#popup_contact .tel_list ul{
	list-style-type:none;
	}
#popup_contact .tel_list ul li{
	margin-bottom:1em;
	text-align: left;
  }
#popup_contact .tel_list ul li a{
  padding-top:0.6em;
  background: #2f9912;
  background: -moz-linear-gradient(top, #2f9912 0%, #219900 100%);
  background: -webkit-linear-gradient(top, #2f9912 0%,#219900 100%);
  background: linear-gradient(to bottom, #2f9912 0%,#219900 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f9912', endColorstr='#219900',GradientType=0 );
  color:#FFF;

  display:flex;
align-items: center;
flex-direction:column;
/*justify-content: center;*/
  }
#popup_contact .tel_list ul li span{
   font-weight:bold;
}
#popup_contact .tel_list ul li .tenpo_name{
  text-align:center;
  width:88%;
  background:#352207;
  border:0;
  line-height:1.2em;
  padding:0.4em;
  font-size: 3vw;
  display:block;
  margin:10px auto 0 auto;
  
  }

#popup_contact .tel_list ul li .tel_no{
  /*width:100%;*/
  /*padding:0.5em;*/
  /*margin-left:10%;*/
  font-size:4.6vw;
  }



#popup_contact .tel_list ul li .opening_hours{
  background: #2f9912;
  background: -moz-linear-gradient(top, #2f9912 0%, #219900 100%);
  background: -webkit-linear-gradient(top, #2f9912 0%,#219900 100%);
  background: linear-gradient(to bottom, #2f9912 0%,#219900 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f9912', endColorstr='#219900',GradientType=0 );
  color:#FFF;
  padding-bottom: 10px;
    font-size: 3.8vw;
}

#popup_contact .popup_contact_back {
background: #2f9912;
  background: -moz-linear-gradient(top, #2f9912 0%, #219900 100%);
  background: -webkit-linear-gradient(top, #2f9912 0%,#219900 100%);
  background: linear-gradient(to bottom, #2f9912 0%,#219900 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f9912', endColorstr='#219900',GradientType=0 );
  color:#FFF;
  padding-bottom:10px;
}

#popup_contact .caution {
    color:#de0000;
    border:#de0000 solid 2px;
    font-size:16px !important;
    font-weight:bold;
    padding:4px 0;
    margin-bottom:8px;	
}

#popup_contact .caution2 {
	line-height: 1em;
	margin:5px 0;
}

#popup_contact .tel_title_1{
	padding:5px 5px;
	background: #006AC6;
	text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin: 10px auto 0 auto;
    width:84%;
    display:block;
    color:#fff;
}

#popup_contact .tel_title_2{
	padding:5px 5px;
	background: #0093D0;
	text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin: 10px auto 0 auto;
    width:84%;
    display:block;
    color:#fff;
}

#popup_contact .time_dayoff {
	margin-top:10px;
}



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

　TOP

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

.top_pc_only{  display:block;}

#Top .other_banner2 img {
	width:100%;
	margin:0 auto;
}

.top_banners{
	padding: 0 4px;
}

#Top .top_pc_only{ display:block;}


/*
.main_pic_left img{ width:30%;}
#main_pic .left li:nth-child(3) img{ display:none;}
.main_pic_left{
	background:none;
	width:100%;
 	height:auto;
	padding:10px 5px!important;
	}
.main_pic_left p,
.main_pic_left p span{
	line-height:1.1em !important;
}
.main_pic_left img,
.main_pic_left table{ display:none;}
*/


#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{}
#Top #main_pic .left{ width:100%;}
#Top #main_pic .right{ width:100%;}

#Top #main_pic{}
#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;}	


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

#Top .mv_txt01 {
	position: absolute;
	font-weight:bold;
	font-size: 20px;
	line-height:1.2;
	text-align:left;
	top:34%;
	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: 25px;
}

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

#Top .mv_txt01 .mv_txt01_smaller {
	font-size: 16px;
}

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

#Top .mv_txt01 .mv_logo {
	max-width:35%;
}

#Top .mv_price {
	position: absolute;
	font-size: 25px;
	color: #F00;
	top: 85%;
	left: 58%;
}


#Top .mv_price span {
/*
	font-size: 32px;
	font-family: Roboto,"Helvetica Neue";
*/
    font-size: 35px;
    font-family: Impact,Charcoal;
}

#Top .mv_txt01 .mv_txt01_smaller {
	font-size: 10px;
}

#Top .arrow_box {
	display: inline-block;
	padding:4px;
	margin-bottom:6px;
}

.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: 4.7vw;
	color: #000;
	border-bottom: 2px solid #00349A;
	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 .pic img{
	width:100%;
	}

.top_melito_datail2 .left,
.top_melito_datail2 .right{
  padding: 0 4px;
  margin:0;
 }

.top_melito_datail2 .left {
	position: relative;
	}

.top_melito_datail2 .left .sankaku {
	position: absolute;
	font-size: 24px;
	color:#FFFF00;
	top:20px;
	right:10px;
	}


#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{
/*	background:#CF5300;*/
/*	background:#a00f16;*/
	padding:8px 0 4px 0;
	
	}
#top_melito .melito_sub{
	margin:2% !important;
	width:96% !important;
	}
	
.st_merit p{
	color:#FF0;
	font-weight:bold;
	font-size:15px;
	line-height:1.2em;
	margin-bottom:6px !important;
}

.st_merit p span{ line-height:1.2em;}

#top_machiai{margin-bottom:30px;}

#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;
	}
  	
.top_melito_datail .txt,
.top_melito_datail .pic{
	/*padding:0 10px;*/
	}


/* 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;  
  }

.btn_txt2{ margin-bottom:10px;}
.btn_txt2 p{font-size:15px;}

.btn_txt2 a{
	display:block;
	background: #ffe530;
	border: 2px solid #F90;
	border-radius: 4px;
	color:#000 ;
	padding: 12px 0px;


	}


/*　車検用バナー　*/
.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{
}

 .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;
}


#Price .tbl_price_wrap h3 {
	font-size: 13px;
	text-align: left;
	padding:20px 0 20px 12px; 
}

#Price .tbl_price_wrap h3 span{
	font-size: 11px;
}

#Price .tbl_price_wrap h3:hover {
	opacity:1.0;
}

#Price .tbl_price_wrap h3:after {
	right: 20px;
	width:10px;
	height:10px;
}

#Price .tbl_price_wrap .right p {
	width:100%;
}

#Price .bnrbox{
	padding: 10px;
	text-align: center;
	margin-bottom: 10px;
}

#Price .bnrbox_txt_waribiki {
	font-size:22px;
}

#Price .bnrbox_txt_waribiki span:nth-child(even) {
	font-size:28px;
}


.tbl_price_title{
	flex-wrap: wrap;
	}
.tbl_price_title div{
	width: 98%;
	margin:0 auto;
	}
.tbl_price_title div.right{
	width: 90%;
	text-align: center;
	}

.tbl_price{
	width: 100%;
}
.tbl_price_up_txt{
	text-align: left;
	font-size: 13px;
}

.price_chui{
	font-size: 12px;
	line-height: 1.5em;
}

.td_font_color_FE0 {
    font-size: 113%;
}

.tbl_price_menu {
	width: 100%;
}

#tbl_price_example {
	width: 100%;
}

.tbl_price_wrap .txt_red{
	font-size: 16px;
}

#option .left {
	width:100%;
}

#option .tbl_option_time {
	width:auto;
}

#option .tbl_option_time img {
	width:auto;
}

#option .option_h3 {
	font-size:16px;
	text-align: left;
	background:#0088BB;
	color: #fff;
	border: none;
	border-radius: 8px;
	padding: 14px;
}

#option .option_h3:after {
	right:20px;
	color: #fff;
}

#option .option_h3.toggle-open{
	background: #00349A;
}


/* 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;
}
/* tsuikaend */


/*　総額で他社を圧倒　*/

#sogaku{
	width:100%;
	background:#E30960;
	padding:10px 0 20px 0;
	margin-bottom:20px;} 

#sogaku table{
	width:96%;
	background: #FFF;
	padding:7px;
	margin-top:8px;
	/*border-collapse:collapse;*/
	}

#sogaku table th,
#sogaku table td{
	padding:3px;
	border-bottom:#999 1px dotted;
	}

#sogaku table th{
	width:35%;
	font-size:12px;
	font-weight:bold;}

#sogaku table td{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	line-height:1.1em;}

#sogaku .tasha{
	background:#FF9933;
	color:#FFF;}

#sogaku .nara{
	background:#3366FF;
	color:#FFF;}

#sogaku .hoshi{
	width:18px;}

#sogaku .zero{
	background:#CCFFFF;}
	
#sogaku .kingaku{
	background:#FFFFCC;
	}
#sogaku .tasha,
#sogaku .kingaku{
	white-space: nowrap;
	}

#sogaku .komoku{
	text-align:left;}

#sogaku .tenpo_name_sub{ font-size:14px;}




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

　 特典

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

#tokuten .txt span{font-size: 28px !important;}
#tokuten h4 span{font-size: 22px !important;}
#tokuten .txt{padding: 10px;}

/* サイズ調整 */
.box_tokuten p{font-size:20px;}

.box_tokuten .txt p{
	padding: 0px;
	margin: 10px;
	font-size: 18px;
}

.box_tokuten .number{font-size:30px;}
.box_tokuten .number span{font-size:30px;}
.box_tokuten .hosoku{font-size:20px;}
.box_tokuten .size1{font-size:30px;}
.box_tokuten .size2{font-size:38px; }


.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;
}

/*
.box_tokuten{
  
	padding:5px;
	margin-bottom:15px;
	}
.box_tokuten table th,
.box_tokuten table td{ padding:8px; }
.box_tokuten table th{ background-color:#E4007F; color:#FF0; font-size:43px; text-align:center; line-height:1.1em;}
.box_tokuten table th.icon{ color:#306; line-height:inherit; padding:8px 0 ; font-size:18px;}
.box_tokuten table th.icon img{  width:40px;} 
.box_tokuten table td{ background:#FFF; }

.box_tokuten table td .hosoku{ font-size:14px; color:#000;}
.box_tokuten table tr.line{}
.box_tokuten table tr.line th,
.box_tokuten table tr.line td{
	border-width:0;
	background:#C8F03C;
	padding:0;
	height:10px; }
.box_tokuten table td.txt{ padding-left:18px;}
.box_tokuten table td.txt span,
.box_tokuten table td.txt p{ line-height:1.3em; margin:0; padding:0;}

.box_tokuten hr{
	margin-top:10px;
	margin-bottom:10px;	
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #FFF;
	}


.box_tokuten table{ width:100%;}
.box_tokuten table th{ width:82%;}
.box_tokuten table th.icon{width:18%;}
.box_tokuten table td{ width:100%;}
*/

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

　 割引

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

/*割引**/
.box_waribiki{
	/*background:#4DC1E8;
	padding:5px 0;
	margin-bottom:10px;*/
	}
.box_waribiki p{
	text-align: center;
}

.box_waribiki div{
	padding: 10px;
}

.box_waribiki table{ /*margin:2%; width:96% !important;*/}
.box_waribiki table tr{ display:block;  background-color:#ffde5b;}
.box_waribiki table th,
.box_waribiki table td{ padding:8px; line-height:1.5em; font-size:16px;}
.box_waribiki table th.icon{ 
	line-height:1.1em; 
	width:11%;
	padding:8px 0;
	background: #ffde5b;
}
.box_waribiki table th{ float:left; /*background:inherit !important;*/}
.box_waribiki table td{ padding:8px; display:block; background:#FFF !important;  clear:both;}
.box_waribiki table th.icon{}
.box_waribiki table th.icon div{ color:#fff; top:13px; left:10px;}
.box_waribiki table th.icon div p{
	top:-10px;
	left:-20px;
}
.box_waribiki table th.icon img{ width:40px;} 


.box_waribiki table{ width:100%;}
.box_waribiki table th{ width:82%;}
.box_waribiki table td{ width:100%;}


.box_waribiki table td{ background:#FFF; }
.box_waribiki table td .number{ color:#A59F58; font-size:30px; line-height:1.2em;}
.box_waribiki table td .number span{font-size:20px;}
.box_waribiki table td .hosoku{ font-size:14px; color:#000;}
.box_waribiki table tr.line{}
.box_waribiki table tr.line th,
.box_waribiki table tr.line td{
	border-width:0;
	/*background:#4DC1E8;*/
	padding:0;
	height:10px; }
	
.box_waribiki .size1{font-size:26px; }
.box_waribiki .size2{font-size:32px; }
	
	
/*サイズ調整*/
.box_waribiki table th .size1{font-size:18px; letter-spacing:-0.0em;}
.box_waribiki table th .size2{font-size:22px; letter-spacing:-0.0em;}
.box_waribiki table td div{ position:relative;}
.box_waribiki table td div p.hosoku_pic{ position:absolute; 
right:0; top:0;}

.box_waribiki .number{font-size: 54px;}
.box_waribiki .hosoku{font-size: 18px;}



/*最大割引*/
#waribiki_saidai{
	margin-bottom: 40px;
}
#waribiki_saidai table{

}
#waribiki_saidai table td{}

#waribiki_saidai .hosoku1{ color:#000; font-size:5vw; }
#waribiki_saidai .saidai{ font-size:6vw;}
#waribiki_saidai .number{  font-size:30px;}
#waribiki_saidai .tanni{ font-size:6vw;}
#waribiki_saidai .hosoku2{ color:#000; font-size:4vw;}

#waribiki_saidai .saidai,
#waribiki_saidai .number,
#waribiki_saidai .tanni{
	color:#F00;
	text-shadow:none;
	}








/*　下取り　*/

#shitadori{}
.shitadori_list{
/*	padding:0 10px 40px 10px;*/

}
.shitadori_list p.catch{ padding:0 0 2% 0;	}

.shitadori_list .sub p{
	float:none;
	margin-left:0px;
	margin-bottom:2%;
	}


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

　カード

----------------------------------------------------------------------------------------*/
#card{}

#card p{
	font-size: 16px;
}

.select_card{
	max-width: 920px;
	width: 100%;
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 20px 0;
}


.select_card img {
	width:64px;
}


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

　地図・スタッフ

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

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

#map h2{
	padding:10px;
	background:#00349A;
	color: #fff;
	font-size:20px;
	text-align: left;
	}

#map .left_map .btn_map_up{
	display: flex;
	justify-content: center;
	margin:8px 0;
	}
#map .left_map .btn_map_up a{
	background:#008DF3;
	border-radius: 8px;
	padding:10px;
	color:#FFF;
	font-size:15px;
	
	}	
#map .left_map .btn_map_up a:hover{
	background:#0061a7;
	transition:0.4s;
}


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



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



/*電話個別*/		
.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 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;}


.staffWrap {
	display: block;
	margin:50px 0;
}

.staffName{
	text-align: center;
}

.staffDetail{
	width: 90%;
}





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

　オイル交換の重要性

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

#oil{}
#oil .sub{
	margin-bottom:30px;
}

#oil .sub h2{
	background:#F3E308;
	color:#000000;
	font-size:22px;
	padding:10px;
	text-indent:0;
	
	}
#oil h3{
	clear:both;
}
#oil h4{
/*
	background:#E0E0E0;
	color:#000000;
	font-size:18px;
	padding:5px;
	text-indent:0;
	margin-top:20px;
	margin-right:20px;
*/
}
#oil p{
	margin:6px 10px 0 10px;
	}
#oil .sub img{
	border:solid #FFF;
	border-width:0 15px 15px 15px;
	/*margin:0 0px 10px 10px;*/
}

.compari h3 {
	font-size: 16px!important;

}

.compari .hbg {
	font-size: 17px;
}

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

　流れ

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

#flow{}

#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%;}

#flow .flow_tenken{}
#flow .flow_tenken table{}
#flow .flow_tenken table th{}
#flow .flow_tenken table td{}
#flow .flow_tenken table td.txt{}
#flow .flow_tenken table td.pic p{ width:49%;}	

#flow #top_machiai{}
#flow #top_machiai ul{}


/*車検実績*/
#result{}
#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%;}



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

　待合コンテンツ

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


#top_machiai ul li {
	margin:0 2% 20px 2%;
}


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

　声

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

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

#voice h3{
	background: #00349A;
	font-size: 16px;
	color: #fff;
	text-align: center;
}
#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:#fff5d8!important;
	margin:0 0 10px!important;
	padding:6px;
}
#voice .voice_txt .txt p{
	font-size:14px;
	line-height: 1.4em;
}

.voice_txt{
	border-collapse:collapse;
	background:none;
	}

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





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


/*質問一覧*/

.qa-head{
	border-bottom:1px solid #999;
	text-align: center;
	margin: 10px auto 10px;
}

#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;}

.qa_txt table.qaQ{ margin:0 0 10px 0;}
.qa_txt table.qaQ th{ text-align:left; padding-left:5px; vertical-align:middle;}
.qa_txt table.qaQ td.txt{ padding:1%; font-weight:bold;}
.qa_txt table.qaA{ margin:0; background:#fff;}
.qa_txt table.qaA th{  text-align:left; padding-left:5px; vertical-align:middle;}
.qa_txt table.qaA td.txt{ padding:1%; color:#000;}
.qa_txt table th img { vertical-align:middle;}

.q_no{ font-size:15px !important; color:#FF3366 !important; line-height:1.3em; 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;
}

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

　 事例

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

.arrow > img
{
    width:80px;
}


#JireiSp .ichiran {
	display:flex;
	justify-content:space-around;
	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;
}



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

　 物件

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

.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:33%;
	background:#00349A;
	padding:10px 0 10px 0;
	line-height:1.3;
	text-align:center;
}
.navi_3c ul li a{
	color:#FFF;
}
.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{}
.tbl_simple th,
.tbl_simple td{
	padding:8px 10px;
	font-size:14px;}


/* TOPページ地域コンテンツ SP */

#top_area_ct{
  padding: 0 10px;
}


.tac-h2{
  font-size: 120%;
  padding: 14px 0;
}

.tac-h3{
  font-size: 90%;
}

.tac-article{
  padding: 0.5em 0.5em;
  margin: 1.4em 0 2em;
}

.tac-article p{
  font-size: 90%;
  line-height: 1em;
}


/* END TOPページ地域コンテンツ SP */

/*お問い合わせバナー */
.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_w .open_time{
	font-size:14px;
	font-weight:bold;
	line-height:1.2em;
	margin:5px 0 10px;
	}

.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{}
.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 #00349A;
	margin:5px;
	}
.btn_menu:after{
	content:"";
	display:block;
	clear:both;
}
.btn_menu h5{
	background:#00349A !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%} 
.btn_menu ul li a{}





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

　 問合せフォーム

----------------------------------------------------------------------------------------*/
.box_form{}
.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{}
.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 table .icon {
    display: block;
    text-align: left !important;
    float: left !important;
    margin-right: 5px;
}

/*エラー*/	
.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 select{width:80px;}


.box_form input[type="text"]{ width:100%;}
.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;}


/*　独自　*/

/*　コミコミカー、下取り　*/
.bnr_komikomi{ paddin:10px 0;}
.bnr_komikomi p{ float:none; width:100%; margin-bottom:2px;}
.bnr_komikomi p img{ width:100%;}




/*車検索窓*/
.car_search{}
.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%;
font-size:92%;
}

.p_link li{
width:46%;
margin: 10px 0;
font-size: 82%;
padding: 16px 6px;
}

.Price_wrap .p_link li{
width:22%;
margin:15px auto 0 auto;
}

.p_link_qa {
	margin-top:0;
}

.p_link_qa li {
	margin-top:0;
}

.jump_price_example {
	text-align: center;
}

#coating h3{
	font-size: 16px;
	text-align: left;
	padding-left:18px;
}
#coating h4{
    padding: 10px 50px 10px 18px;
    text-align: left;
}

#coating h5 {
}

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

.keeper_menu dd img {
	width:80%;
}

#crystal img,#diamond img,#doubledia img {
	/*width:80%;*/
}

/*

#top_jirei_box h2{}

#top_jirei_box{
	border:5px solid #EEE;
	padding:1%;
	margin-bottom:20px;

}

#top_jirei{
	clear:both;
	zoom:100%;
}
#top_jirei:after{
    content: "";
    display: block;
    clear: both;
	}


#top_jirei .sub{
	float:left;
	background:#F7F7F7;
	width:47%;
	margin-right:1%;
	padding:1%;
	}


	
#top_jirei .sub .pic{ float:left; width:58%;}
#top_jirei .sub .detail{ float:right; width:42%;}

#top_jirei .sub h4{ font-size:13px; background:#A7CED8; margin-bottom:2px;}
#top_jirei .sub .detail p{ font-size:13px; }
#top_jirei .sub a:hover{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;	

	}
	
#top_jirei .sub img{ width:100%;}

*/



#top_jirei_box2 h2{
	text-align:center;
	background: #a7ced8;
/* 	background:url(../img/common/bg_h3.gif); */
	padding:10px;
	}

#top_jirei_box2{

/* 	border:5px solid #EEE; */
	padding:10px;
	margin:10px auto;
	width:100%;
	max-width:950px;
	background: #eaeaea;
	
}

#top_jirei2{
	clear:both;
	zoom:100%;
}
#top_jirei2:after{
    content: "";
    display: block;
    clear: both;
	}


#top_jirei2 .sub{
	float:left;
	background:#F0F0F0;
	width:48%;
	margin-right:1%;
	padding:1%;
	
	}


	
#top_jirei2 .sub .pic{ width:100%;overflow: hidden;}
#top_jirei2 .sub .detail{ width:80%;}

#top_jirei2 .sub .pic img{ height: 100px;width:auto;margin:0 auto;}

#top_jirei2 .sub .detail img {margin:10px auto;}
#top_jirei2 .sub a:hover{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;	

	}

#top_jirei2 .sub h4{
	font-size:11px;
	background:#A7CED8;
	margin-bottom:2px;
	padding:10px 10px 22px 10px;
	min-height:1em;
	position: relative;
	height: 1em;
	line-height: 1.8;
	overflow: hidden;
}

#top_jirei2 .sub h4:before,
#top_jirei2 .sub h4:after {
  position: absolute;  
  background: #A7CED8;
}
#top_jirei2 .sub h4:before {
  content: "...";
  bottom: 0;
    right: 11px;
    font-size: 13px;
}
#top_jirei2 .sub h4:after {
  content: "";
  height: 100%;
  width: 100%;
}

#top_jirei2 .sub .detail .detail_name {
	font-size:14px;
	line-height: 1.1;
	min-height:2em;
	margin:8px 0;
	*background: #F0F0F0;
	position: relative;
	width: 100%;
	height: 2em;
	overflow: hidden;
}
#top_jirei2 .sub .detail .detail_name:before,
#top_jirei2 .sub .detail .detail_name:after {
  position: absolute;  
  background: #F0F0F0;
}
#top_jirei2 .sub .detail .detail_name:before {
  content: "...";
  bottom: 0;
  right: 0;
}
#top_jirei2 .sub .detail .detail_name:after {
  content: "";
  height: 100%;
  width: 100%;
}



/*
#top_jirei_box2 h2{}

#top_jirei_box2{
	border:5px solid #EEE;
	padding:1%;
	margin-bottom:20px;

}

#top_jirei2{
	clear:both;
	zoom:100%;
}
#top_jirei2:after{
    content: "";
    display: block;
    clear: both;
	}


#top_jirei2 .sub{
	float:left;
	background:#F7F7F7;
	width:47%;
	margin-left:2%;
	padding:1%;
	}


	
#top_jirei2 .sub .pic{ float:left; width:58%;}
#top_jirei2 .sub .detail{ float:right; width:42%;}

#top_jirei2 .sub h4{ font-size:13px; background:#A7CED8; margin-bottom:2px;}
#top_jirei2 .sub .detail p{ font-size:13px; }
#top_jirei2 .sub a:hover{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;	

	}
	
#top_jirei2 .sub img{ width:100%;}
*/

/* TOP SP 動画掲載 START */

#videoTop {
	display: inline;
    width: auto;
}

#videoTop li {
	margin-bottom:10px;
}

#videoTop li video {
	width:100%;
}

/* TOP SP 動画掲載 END */

.link_other {
	margin:0;
}

.link_other .top_bnrimg {
	width: 94%;
	margin:6px auto;
}

.link_other .top_bnrimg a {
}

}

.dont_copy{
	font-size: 12px;
	margin: 8px 0;
}

/* タブレットのみ　*/

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

	
/* タブレットのみ　*/

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



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



.pack_hikaku{ padding:10px;}
.pack_hikaku{ margin:5px; width:100%;}
.pack_hikaku td div{ padding:5px;}



}




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



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





/*
#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;}











/**/
.tbl_kei_merit{
	width:100%;
	}
.tbl_kei_merit td{
	display:block;
	vertical-align:top;
	clear:both;
	
	}
.tbl_kei_merit img{ float:left; width:40% !important; height:auto !important;}


/*
#bnr_tokuwari{ width:100%;}
#info{ width:100%;}
*/



.pack_hikaku table td{ display:block; width:100%;}




#bukken .bukken_up .detail th{
	width:33%;
	}

#bukken .bukken_up .btn_map_detail a{
	display:block;
	background:#EC8E31;/*01B710*/
	color:#FFF;
	width:100%;
	text-align:center;
	float:none;
	padding:4px;
	font-weight:bold;
	font-size:14px;
	text-decoration:underline;
	
	}




}




/* 幅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;}







}


}