@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;}g


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



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




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

　ヘッダー

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

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


#head #logo h1{	font-size:15px; margin-top: 10px;	}
#head table{	margin:0 0 0 0;	border-collapse:collapse;	}
#head table td{	vertical-align:top;}





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

/*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{
	width:100%;
	border-bottom:0px solid #CCC;
	margin:10px 0 10px 0;
	}

.sub_navi ul{
	list-style-type:none;
	display: flex;
	flex-direction: column;
}

.sub_navi ul li a{
	font-size:16px;
	padding:12px;
	text-align: center;
}

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

　共通

----------------------------------------------------------------------------------------*/
#contents {
	margin-top:0;
}


#main1c{ margin:10px 4px;}

#main1c .page_title{
	font-size: 18px;
	padding:20px 0;
}

#main1c .page_subtitle{
	padding:14px;
	width: 100%;
	height: auto;
	line-height: unset;
	font-size: 18px;
}

#main1c .page_subtitle:after{
	border:none;
}

#main1c h3{
	font-size: 18px;
}

/*
#main1c h3:first-letter{
	font-size: 22px;
}
*/

#main1c h4{

}

.tbl_layout{
	table-layout: fixed;
}

.tbl_layout td{
	float: left;
}

.priceform{
	width: 355px !important;
}

.page_up_back{
	margin:10px 0;
}


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

　タイトル

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

.hbg{
	padding: 20px 0 20px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	margin-bottom:10px;
}
h2{margin:0 0 16px 0;}

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

	}


	




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






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

　フッター

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

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


/*フッターメニュー*/
#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: #284180;
	text-align: center;
	}

#sp_foot_menu ul li a{
	width:100%;
	display:block;
	padding:8px 0;
	font-size: 14px;
	color:#FFF;
	}

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

#foot .foot_menu2 {
    margin: 20px auto 0;
    padding: 0px 0 30px 0;
}
	
/*フッターコピーライト部分*/	
#copy{
	margin-bottom:40px;
	paddin:0 0 10px 0;
	height:auto;
	line-height:1.2em;
	}









/*　フッター固定Navi　*/
#yoyaku_cnt #foot{
	margin-bottom:0px;
	padding-bottom:0px;
}

#yoyaku_cnt #foot #copy {
	margin-bottom:0px;
	padding-bottom:0px;
}

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

.CNT img{
max-width:70%;
width:300px;
}

#Top .top_banner {
    max-width: 96%!important;
}

#Top .top_banner img{
	margin-bottom: 10px;
}

#Top .top_banner span{
	color:#c30c22;
	font-weight: bold;
	padding:10px;
	border-bottom:none;
}

#foot .top_banner {
    max-width: 96%!important;
}

#Top .top_yt{
width:100%;
padding-bottom: 56.25%;
height:0px;
position: relative;
}

.top_yt iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*　TEL ポップアップ　*/

#popup_contact .tel_list{}
#popup_contact .tel_list *{ box-sizing:border-box;}
#popup_contact .tel_list p{
    padding-top:0.5em;
    text-align: center;
    font-size: 12px;
    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.5em;
  background: #125990;
  /*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:84%;
  background:#125990;
  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 .telicon01 {
	background: #5755FF;
	margin: 6px auto 0px;
	padding: 8px 8px;
	box-sizing: border-box;
	width: 90%;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 3px;
	display: block;
	text-align: center;
}


#popup_contact .tel_list ul li .opening_hours{
  background: #125990;
  /*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: #125990;
/*  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: #ff8c00;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin: 10px auto 0 auto;
    width:76%;
    display:block;
    color:#000;
}

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





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

　TOP

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

.top_pc_only{
	display:block;
	display: none;
}

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


/*
.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_title {
	position: absolute;
	font-weight:bold;
	font-size: 24px;
	line-height:1.2;
	text-align:center;
	top:10%;
	left:0%;
	text-shadow: 
	1px 1px 1px #FFF,  
	-1px 1px 1px #FFF,  
	1px -1px 1px #FFF,  
	-1px -1px 1px #FFF;
}

#Top .mv_txt01 {
	position: absolute;
	font-weight:bold;
	font-size: 19px;
	line-height:1.2;
	text-align:center;
	width:100%;
	top:30%;
	left:50%;
	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: 18px;
}

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

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

#Top .mv_price .mv_txt01_middle {
	font-size: 22px;
}

#Top .mv_price {
	position: absolute;
	font-size: 35px;
	text-align:center;
	width:100%;
	color:#F00;
	top:30%;
	left:2%;
}

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

#Top .mv_price {
	text-shadow: none;
/*-webkit-text-stroke: 0.02em rgba(255,255,255,1.0);*/
	text-shadow: 
	1px 1px 2px #FFF,
	-1px 1px 2px #FFF,
	1px -1px 2px #FFF,
	-1px -1px 2px #FFF;
}

#Top .mv_atn {
	font-size: 11px;
	line-height:14px;
	height:35px;
	padding:5px 0 5px 0;
	bottom:-28px;
	background:#EEE;

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

/*#medama {
    display: block!important;
}

#medama{
	margin-top: 20px;
	margin-bottom: 20px;
}

#medama > iframe {
    width: 100%;
}
#medama {
height:520px;
text-align: center;
}

*/

/* 2020.10 変更（カルーセル化） */
#medama {
    display: block !important;
	/*margin-top: 20px;
	margin-bottom: 20px;*/
	/*height:580px;*/
	text-align: center;
	background: #fff;

}


#medama > iframe{
	width: 100%;
	height:450px;
}


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



.melito_head h2{
	font-size: 22px;
	color: #000;
	border-bottom: 2px solid #7DD7FF;
	overflow: visible;
	width:100%;
}

.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:first-child {
	margin: 20px 0 10px 0;
	}


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

.top_melito_datail2 .left {
	position: relative;
	width: 100%;
	}

.top_melito_datail2 .left .more-en {
    background: #284180;
    height: 100px;
    width: 100px;
    box-shadow: 1px 1px 1px #777;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 15px;
}

.top_melito_datail2 .left .more-en span {
    font-size: 18px;
}

.top_melito_datail2 .st_merit {
    box-sizing: border-box;
    width: 70%!important;
    padding-left: 10px;
}

.top_melito_datail2 .st_merit p {
    font-size: 22px!important;
}

.top_melito_datail2 .st_merit p span {
    font-size: 22px!important;
}

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


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

.top_melito_datail2 .right {
    width: 100%;
    max-width: 100%;
    margin: 10px auto 20px;
    font-size: 18px;
    display: block;
}

.top_melito_datail2 .right .pic {
    padding: 0;
    text-align: center;
    width: 100%;
    max-width: 95%;
    margin: 0 auto;
}

.top_melito_datail2 .right .toggle p {
    padding: 0 0 10px 0;
    width: auto;
    width: 95%;
    max-width: 90%;
    line-height: 1.5;
    margin: 10px auto;
}

.bnr_bottom{
	margin:20px 0;
}


#info{ width:100%;}

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


.open_toggle_btn {
	display:flex;
	align-items: center;
	box-sizing: border-box;
	width: 86vw;
	height: 50px;
	background: #FFF;
	margin: 0 auto 0px;
	padding: 0px 75px 0 0px;
	background-image: url(../img/common/icon-ya-01.png);
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: right 15px center;
	border-radius: 10px;
	/*border:1px solid #125990;*/
	border:1px solid #CCC;
}

.open_toggle_btn p {
	margin: 0;
	padding: 0px;
	font-weight:bold;
	color:#284180;
	text-align:center;
	width:100%;
}

.floatftr{
	position: fixed;
	bottom: 0;
	width: 100%;
	background:#ffffff;
	z-index:100;
/*	height: 85px;*/
/*	padding-bottom: env(safe-area-inset-bottom);*/
}

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

.floatftr li{
	list-style-type:none;
	flex-grow: 1;
	padding: 10px 2px;
	padding-top: 10px;
	color:#FFF;
	font-size:13px;
	font-weight:400;
	text-align:center;
	color:#fff !important;
}

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

.floatftr i{
	color:#fff !important;
	padding-bottom: 5px;
}

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

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

.floatftr .ftbtn2 > span{
	background:#0D418E;
	color: #FFF!important;
	margin-right:1px;
	font-size: 12px;
}



.floatftr .ftbtn3{
	background:#56c0c1;
}

.floatftr .ftbtn4{
	background: #4E5458;
	text-align: center;
	padding: 5px;
	margin-bottom:1px;
	font-size: 14px;
}


/* 代表挨拶 */
.greeting
{
    display: block;
    max-width: 92%;
    padding: 1%;
}

.greeting-text {
    text-align: left;
}

.greeting-img {
    text-align: center;
}

.greeting-text > h4
{
	font-size: 24px;
	text-align:center;
}



/*　　

　トップメリット部分

*/


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

#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_style1{
	font-size: 14px;
}
.box_style2{
	font-size: 14px;
  }



.tbl_pack{}

.tbl_pack tr{}

.tbl_pack th{
	display: block;
	border:none;
	background: #fc0;
}

.tbl_pack td{
	display: block;
	font-size: 14px;
	margin:6px 0 10px;
}

/*.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%;
	font-size: 20px;
	padding: 10px;
}

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

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

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

.td_font_color_FE0 {
    font-size: 113%;
}

.tbl_price .td_gray td {
    font-size: 21px;
    text-align: center!important;
    padding:10px 0px!important;
}

.tbl_price th {
    padding: 10px 15px 10px 15px;
    line-height: 1.2em;
    font-size: 16px;
}

.tbl_price td {
    padding: 10px 15px 10px 15px;
    font-size: 16px;
}

/* tsuika */
table{
width:100%;
}

.scroll p {
	margin:0 auto 0;
	font-size: 16px;
	width:98%;
}

.scroll{
margin:0 auto 0;
width:98%;
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;}

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

　 PP

----------------------------------------------------------------------------------------*/
#Privacy h4 {
    font-size: 18px;
    margin-top: 50px;
    margin-bottom: 20px;
    padding: 20px 0px 20px 0px;
    color: #FFF;
    background-color: #1C87DA;
    text-align: center;
    font-weight: bold;
}

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

　 特典

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

.box_tokuten{}

#main1c .box_tokuten .sub h4{
	background:#1C87DA;
	}

.box_tokuten .txt p{
	padding: 20px 20px 0px;
	box-sizing: border-box;
}

.box_tokuten .sub h4 {
    background: #1C87DA;
    text-align: center;
    padding: 50px 200px 10px 260px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 0px;
    left: -260px;
    font-weight: bold;
}

#main1c .box_tokuten .sub h4 span {
	font-size:13px;
	}

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

.box_tokuten .txt p{
}

.box_tokuten .number{font-size:30px;}
.box_tokuten .number span{font-size:30px;}
.box_tokuten .hosoku{font-size:20px;}
.box_tokuten p.size1{
	font-size:24px;
	padding: 20px 60px 0px;
	box-sizing: border-box;
}
.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 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:30px; }
.box_waribiki .size2{font-size:38px; }
	
	
/*サイズ調整*/
.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;}






/*最大割引*/
#waribiki_saidai{}
#waribiki_saidai table{

}
#waribiki_saidai table td{}

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

#waribiki_saidai .saidai,
#waribiki_saidai .number,
#waribiki_saidai .tanni{
	color:#F00;
	text-shadow: 
	2px 2px 1px #FF0,  
	-2px 2px 1px #FF0,  
	2px -2px 1px #FF0,  
	-2px -2px 1px #FF0;
	}



/*　下取り　*/

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


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

　カード

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

.select_card img {
	width:80px;
}


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

　地図・スタッフ

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

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

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

	font-size:20px;
	color:#000;
	}

#map h4 {
    box-sizing: border-box;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 15px 15px;
    color: #FFF;
    background-color: #1C87DA;
    text-align: center;
    font-weight: bold;
}

#map div#right_gaiyou table td {
    font-size: 16px;
}

#map div#right_gaiyou table th {
    width: 30%;
    font-size: 16px;
}

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


.staff_list .sub{
	margin-right: 0;
}



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

　オイル交換の重要性

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

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



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

　流れ

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

#flow{}

#flow h4 {
    font-size: 18px;
    margin-bottom: 40px;
    padding: 15px 15px;
    color: #FFF;
    background-color: #1C87DA;
    text-align: center;
    font-weight: bold;
}

#flow .flow_cnt {
	display:block;
}

#flow h3{
	margin:10px 0;
}

#flow .RD{

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

#flow .B{

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

#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{}
#flow #top_machiai ul li{width:90%;margin:0!important;}


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





/* 2020.08.26 流れイメージ図*/

/*.flow_idx{}
.flow_idx ul{
	list-style-type:none;
	padding:1em;
	}
.flow_idx ul li{
	border:1px solid #CCC;
	padding:0;

	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	
	
	

	}*/
.flow_idx ul li a{
	padding:0.8em 0.5em; 
/*	color:#26779D;
	background-repeat:no-repeat;
	background-position: right center;
	background-size:auto 100%;*/
	font-size:16px;
}
.flow_idx ul li a:hover{
	text-decoration:none;
	}
.flow_idx ul li.arrow img{
	width:auto;
	}

/*.flow_idx ul li.arrow:last-child{ display:none; }*/

/**/




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

　待合コンテンツ

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





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

　声

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

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

#Voice {
    width: 100%;
    margin: 20px auto 50px;
}

#Voice div.txt {
    width: 100%;
    margin: 0px auto 0px;
    padding:0;
}

.voice_txt {
    margin: 0 auto;
    padding: 0;
    width: 98%;
    max-width: 100%;
}

#Voice table td img{ width:70px;}


#Voice h2{
	font-size: 16px;
	padding:10px 14px;
}

#Voice h3{
	font-size: 18px;
}

#Voice h4{
	font-size: 16px;
}

#Voice table td p{
	font-size: 14px;
}

.question-wrap dt span.qa-q {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    width: 10%;
}

.question-wrap dt span.q-txt {
    /* flex-grow: 2; */
    font-size: 16px;
    width: 76%;
}

.question-wrap dt span.q-plus {
    /* flex-grow: 2; */
    width: 30px;
}

#quest{}
#quest ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:distribute;
	justify-content: flex-start;
	flex-wrap: wrap;
	}
#quest ul li{
	float:none;
	flex-basis:49%;
	height:auto;
	margin-bottom:10px;
	margin-right:2%;
	overflow:inherit;
	border: 5px solid #DDD;
}
#quest ul li:nth-child(2n){ margin-right:0;}

#quest ul li img{ 	width:100%; }
#quest ul li:hover {	border-width: 5px;}


/*
Q&A
-------------------------------------------------------------------------------------*/
#QA h2{
	font-size: 16px;
	padding:10px 14px;
}

#QA h3{font-size: 18px;}
#QA h4{font-size: 16px;}

#QA .entry p{
	font-size:14px;
	padding:4px;
	margin:8px 0;
}

/*質問一覧*/
#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{
/*	background:url(../img/qa/bg_qa_main.gif) repeat-y;*/
	padding-bottom:25px;
	/*width:640px;*/
}
.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:#003399;}
.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;
}



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

　 物件

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

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

}



	*/
	
.bukken_up .sub .pic {
	width: 96%;
	margin:0 auto 30px;
}

.bukken_up .sub .detail {
	width: 96%;
	margin:0 auto 30px;
}

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

　 その他

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

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


.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:#284180;
	border-right: 1px solid #fff;
	padding:10px 0 10px 0;
	line-height:1.5;
	font-size:14px;
	text-align:center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.navi_3c ul li:last-child{
border-right:none;
}

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




/*お問い合わせバナー */
.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;
	}


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

/*お問い合わせボタン*/
.btn_menu{}
.btn_menu:after{
	content:"";
	display:block;
	clear:both;
}

.btn_menu h5{}
.btn_menu h5 .t20{
	font-size:13px !important;
}

.btn_menu	ul{
	display: flex;
	flex-direction: column;
	}

.btn_menu ul li{
	width: 100%;
	margin-bottom: 14px;
}

.btn_menu ul li a{
	font-size: 16px;
	width: auto !important;
}

.box_form h3{
	color: #fff !important;
}




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

　 問合せフォーム

----------------------------------------------------------------------------------------*/
.box_form{}
.box_form h5{}

.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 .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%!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;

	}



/*比較コンテンツ*/
.hikaku_title h2 big {
	font-size:24px!important;
	color:#CA2029;
}

#top_hikaku {
	max-width: 98%;
}

#top_hikaku .hikaku_content02 {
	margin:0px auto 5px;
}

#top_hikaku .midashi_01 {
	font-size: 26px;
}

#top_hikaku .midashi_02 {
	font-size: 24px;
}

#top_hikaku .midashi_03 {
	display: inline-block;
	margin:0px auto 10px;
	padding:10px 25px;
	width:300px;
	height:110px;
	line-height:30px;
	font-size: 20px;
	font-weight:bold;
	color:#FFF;
	border-radius: 25px;
	background-color:#FF5A00;
	position:relative;
}


#top_hikaku .midashi_03::before{
	content:"";
	display:block;
	width:300px;
	height:3px;
	background-color:#FF5A00;
	position:absolute;
	top:-30px;
	left:0;
}

#top_hikaku .midashi_04 {
	font-size: 15px;
}

#top_hikaku .midashi_04 span::before, #top_hikaku .midashi_04 span::after {
    width: 5%;
}

#top_hikaku .hikaku_type_01 li {
	margin:0 8px 0;
	font-size:21px;
	font-weight:bold;
}

#top_hikaku .hikaku_type_01 li span {
	font-size:15px;
}

#top_hikaku .hikaku_type_02 li {
	padding:12px 0 0;
	margin:0 10px 0;
}

#top_hikaku .hikaku_type_02 li {
	font-size:18px;
}

#top_hikaku .hikaku_type_02 li span {
	font-size:13px;
	width:150px;
}


#top_hikaku .hikaku_type_02_left {
		width: 150px;
	}

#top_hikaku .hikaku_type_03 li {
	margin:0 3px 0;
	padding:20px 8px;
	width:28px;
}





.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 p {
  font-size:90%;
  }
.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%;
}

.p_link li{
width:46%;
margin:15px auto 0 auto;
font-size:18px;
}




/* トップページ特典リスト　*/
.top_tokuten_list ul li{
	width:49%;
	font-size:3.2vw;
	height:6em;

}
.top_tokuten_list ul li:nth-child(3n){ margin-right:2%;	}
.top_tokuten_list ul li:nth-child(2n){ margin-right:0; }


/* youtube動画掲載 START */

#top_movies ul {
	display: inline;
	list-style-type: none;
	margin:0 auto;
}

#top_movies ul li {
	width:100%;
	margin-top:0px;
	margin-bottom:8px;
	text-align: center;
}

#top_movies iframe {
	width:98%;
	height: auto;
	min-height: 300px;
}

#top_movies div {
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	text-align: center;
}

#top_movies p {
	max-width: none;
}

#top_movies .movie_comment {
	font-size: 12px;
	padding: 12px 4px;
}

/* youtube動画掲載 END */

.toggle_midashi01,.toggle_midashi02,.toggle_midashi03 {
	width: 96%;
	margin: 0 auto;
	}

.toggle_midashi01 h2,.toggle_midashi02 h2,.toggle_midashi03 h2 {
	font-size: 20px;
}

}

/* タブレットのみ　*/

/* 幅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 td img{
	width:24% !important;
}

.entry .tbl_kei_merit td p{
	font-size: 14px;
}


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


.flow_idx ul li a{
	background-position:right -20px center;
	font-size:3.5vw;
	padding-right:40%;
	
}



/* チラシ（画像形式）表示 */
#box_chirashi{
	margin-bottom:10px;
	}
.box_chirashi_sub{
	padding-bottom:20px;
}
.box_chirashi_sub2{}
.box_chirashi_sub h2 {}
	
.box_chirashi_sub ul{
	width:96%;
	margin:0 2%;

}
.box_chirashi_sub ul li{ width:100%;}

.box_chirashi_sub ul li object{}
.box_chirashi_sub ul li img{ }
.box_chirashi_sub ul li a:hover img{}



}



/* 
------------------------------------------------------------*/
@media only screen and (max-width: 375px){


/**/





}


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





}


}