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

/* =======================================
	アンカーリンクずれ調整
======================================= */
.m-txt-ttl5 > a {
    display: block; padding-top: 100px; margin-top: -100px;
}

/* =======================================
	グリッドシステムをセンタリング
======================================= */
.row-center{
text-align:center;
letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}


/* =======================================
	top news
======================================= */
.top_news{
	margin-top: 50px;
	margin-bottom: 50px;
}

/* =======================================
	top whats new
======================================= */
.whats_new >dl{
	margin-top:30px;
}
.whats_new >dt{
	color: #ff1b00;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
}
.whats_new >dd{
	color: #333;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	border-bottom: dotted 1px #666;
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:5px;
}
.whats_new >dd a {
	color: #ff1b00;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	text-decoration:none;
}
.whats_new >dd a:hover {
	text-decoration:underline;
}

/* =======================================
	top feature
======================================= */
.top_feature{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	background-image: url(../images/top_feature_bg.png);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

.top_feature_content{
	margin-top: 20px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 30px;
}
.top_feature_content h3{
	margin-top: 0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #ff1b00;
	font-size: 22px;
	line-height:30px;
	font-weight: bold;
	border-bottom: 1px dashed #999;
	font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	text-shadow:
        0 2px 0 #fff,
        2px 0 0 #fff,
        0 -2px 0 #fff,
        -2px 0 0 #fff,
        -2px -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        2px 2px 0 #fff;
}
.top_feature_content h5{
	margin-top: 0px;
	margin-bottom: 10px;
	color: #333;
	font-size: 18px;
	line-height:30px;
	font-weight: bold;
	font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	text-shadow:
        0 2px 0 #fff,
        2px 0 0 #fff,
        0 -2px 0 #fff,
        -2px 0 0 #fff,
        -2px -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        2px 2px 0 #fff;
}
.top_feature_content p{
	margin-top: 0px;
	margin-bottom: 40px;
	color: #333;
	font-size: 16px;
	line-height:24px;
	font-weight: normal;
	text-shadow:
        0 2px 0 #fff,
        2px 0 0 #fff,
        0 -2px 0 #fff,
        -2px 0 0 #fff,
        -2px -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        2px 2px 0 #fff;
}
@media (max-width: 768px) {
.top_feature_content h5{
	font-size: 16px;
	line-height:24px;
}
.top_feature_content p{
	font-size: 14px;
	line-height:24px;
}
}


.top_feature_btn{
	margin-bottom: 10px;
}





/* =======================================
	top shopmap
======================================= */
.top_shopmap{
	margin-top: 30px;
	margin-bottom: 0px;
}
.top_shopmap p{
	margin-top: 5px;
	margin-bottom: 30px;
	color: #333;
	font-size: 16px;
	line-height:24px;
	font-weight: normal;
	text-align:left;
}



#map_container {
  position: relative;
  padding-top: 50%;
}
#map {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}


/* =======================================
	top shop info
======================================= */
.top_shopinfo{
	margin-top: 10px;
	margin-bottom: 50px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.top_shopinfoimg{
	margin: 0px;
    padding: 0px;
}
.top_shopinfoimg1{
	width: 100%;
	height: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 51%;
	padding-left: 0px;
	padding-right: 0px;
	background-size: cover;
	background-image: url(../images/top_shopselectimg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/* =======================================
	top rssframe
======================================= */
.top_rssframe{
	position: relative;
	margin-top:10px;
	margin-bottom:50px;
	height: 400px;
}

/* =======================================
	hover effect
======================================= */
.top_shop_button {
	width:70%;
	margin-top:-40%;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	text-decoration: none;
	outline: none;
	transition: all .3s;
	background-color:rgba(255,255,255,0.6);
}
.top_shop_button:hover {
	box-shadow: 0 0 45px rgba(255,255,255,.8);
}
.top_shop_button h3{
	padding:5px;
	font-size:30px;
	color:#fff;
	font-weight:normal;
	background-color:#e91218;
	margin:20px;
}
.top_shop_button h4{
	font-size:20px;
	color:#333333;
	font-weight:bold;
	text-shadow:
        0 2px 0 #fff,
        2px 0 0 #fff,
        0 -2px 0 #fff,
        -2px 0 0 #fff,
        -2px -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        2px 2px 0 #fff;
}
.top_shop_button p{
	margin-top:-15px;
	font-size:20px;
	color:#e91218;
	font-weight:bold;
	text-shadow:
        0 2px 0 #fff,
        2px 0 0 #fff,
        0 -2px 0 #fff,
        -2px 0 0 #fff,
        -2px -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        2px 2px 0 #fff;
}
.top_shop_button p a{
	color:#333333;
	text-shadow:
        0 2px 0 #fff,
        2px 0 0 #fff,
        0 -2px 0 #fff,
        -2px 0 0 #fff,
        -2px -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        2px 2px 0 #fff;
}
@media (max-width: 480px) {
.top_shop_button {
	width:90%;
}
.top_shopinfoimg1{
	padding-top: 40%;
}
.top_shopinfoimg2{
	padding-top: 40%;
}
.top_shopinfoimg3{
	padding-top: 40%;
}
.top_shopinfoimg4{
	padding-top: 40%;
}
.top_shop_button h3{
	font-size:18px;
	margin:5px;
}
.top_shop_button h4{
	font-size:14px;
}
.top_shop_button p{
	margin-top:-5px;
	font-size:12px;
}
}


/* =======================================
	top sns banner
======================================= */
.top_snsbanner {
	margin-top: 30px;
	margin-bottom: 50px;
}
.top_snsbanner_bnr {
	margin-top: 20px;
	margin-bottom: 20px;
}
.top_blogbanner {
	margin-top: 20px;
	margin-bottom: 10px;
}




/* =======================================
	top banner
======================================= */
.top_banner {
	margin-top: 30px;
	margin-bottom: 50px;
}
.top_banner_bnr {
	margin-top: 20px;
	margin-bottom: 20px;
}



/* =======================================
	faq
======================================= */
dl.faq-style {
     width:100%;
     overflow: hidden;
     _zoom: 1;
	 margin-bottom:50px;
     }

 dl.faq-style dt,
 dl.faq-style dd{
     color:#333;
     font-size:16px;
	 line-height:24px;
     margin:0px;
     padding-left:50px;
     background:none no-repeat left top;
     min-width: 35px;
     min-height:40px;
     }
    
 dl.faq-style dd{
	background-repeat: no-repeat;
	background-image: url(../images/faq-a.png);
	background-position: 10px 10px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 5px;
	background-color: #fff;
     }
    
 dl.faq-style dt{
	background: url(../images/faq-q.png) no-repeat;
	background-position: 10px 10px;
	border-top: 1px dashed #efefef;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: -1px;
	font-weight: bold;
	background-color: #efefef;
}


/* =======================================
	compensation
======================================= */
.compensation_price_table{
	margin: 10px auto;
	width: 100%;
	border-collapse: collapse;
	border-right-style: hidden;
	border-left-style: hidden;
}
.compensation_price_table th.kind{
width: 50%;
padding: 15px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #efefef;
border: 1px solid #ccc;
}

.compensation_price_table td{
width: 50%;
padding: 15px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fff;
border: 1px solid #ccc;
}


.compensation_tel_table{
	margin: 10px auto;
	padding: 10px;
	text-align: center;
	background-color: #f2f2f2;
	border-radius: 10px;
}

.compensation_tel_table h3{
	font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
	color:#ff1b00;
	font-feature-settings : "palt";
}
.compensation_tel_table h4{
	font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	color:#333;
}
.compensation_tel_table p{
	font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	color:#333;
}


/* =======================================
	compensation
======================================= */
.compensation h3{
	font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	font-size:20px;
	line-height:26px;
	font-weight:bold;
	color:#ff1b00;
	margin: 0px 0px 10px 0px;
}
.compensation h4{
	font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	color:#333;
	margin: 0px 0px 10px 0px;
}
.compensation p{
	font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	color:#333;
	margin: 0px 0px 30px 0px;
}



.iframe-compensation {
    height: 0;
    margin-bottom: 1.65em;
    padding-bottom: 56.25%;
    position: relative;
}
.iframe-compensation iframe{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
@media (max-width: 768px) {
	.iframe-compensation {
    height: 200px;
    margin: 0;
    position: static;
	overflow: auto;
		-webkit-overflow-scrolling:touch;
}
	.iframe-compensation iframe{
    height: 200px;
    left: 0;
    position: static;
    top: 0;
    width: 100%;
}
}










/* =======================================
	detail car info
======================================= */
.detail_car_info {
	margin-top: 0px;
	margin-bottom: 30px;
}
.detail_car_info_box {
	padding:20px;
	border: 1px solid #b3b3b3;
}
@media (max-width: 768px) {
.detail_car_info_box {
	margin-left:20px;
	margin-right:20px;
}
}
.detail_car_info_carname h3 {
	color:#e91218;
	font-size:20px;
	font-weight:bold;
}
.detail_car_info_carname h4 {
	color:#333;
	font-size:16px;
	font-weight:bold;
}
.detail_car_info_carname p {
	color:#333;
	font-size:14px;
	font-weight:normal;
}

.detail_car_info_pricestatusbutton {
	margin-top: 10px;
	margin-left: 0px;
	padding-left:15px;
	padding-right:0px;
}
.detail_car_info_buttonmargin {
	margin-top: 20px;
}

.detail_car_info_fromshop {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
	padding:15px;
	background-color:#f2f2f2;
}
.detail_car_info_fromshop h3 {
	color:#e91218;
	font-size:18px;
	font-weight:bold;
}
.detail_car_info_fromshop h4 {
	color:#333;
	font-size:16px;
	font-weight:bold;
}
.detail_car_info_fromshop p {
	color:#333;
	font-size:14px;
	font-weight:normal;
}



/* =======================================
	detail car data
======================================= */
.detail_car_data {
	margin-top: 0px;
	margin-bottom: 30px;
}
@media only screen and (max-width:768px){
.detail_car_data  tr{
        display: block;
        margin-bottom: 1.5em;
    }
.detail_car_data  th,
.detail_car_data  td{
        display: list-item;
        border: none;
    }
}
.alt-table-responsive {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}
.table_cardata {
	color:#666;
	font-size:13px;
	table-layout: fixed;
}
.table_cardata th{
	background-color:#f2f2f2;
}
.table_cardata tr:last-child  th {
  border-bottom: 1px solid #dddddd;
}
.table_cardata tr:last-child  td {
  border-bottom: 1px solid #dddddd;
}

/* =======================================
	detail story mode
======================================= */
.detail_story_mode {
	margin-top: 20px;
	margin-bottom: 20px;
}
.detail_story_mode_leftphoto_ptn {
	margin-bottom: 30px;
}
.detail_story_mode_rightphoto_ptn {
	margin-bottom: 30px;
}
.detail_story_mode_allphoto_ptn {
	margin-bottom: 30px;
}
.detail_story_mode_alltext_ptn {
	margin-bottom: 30px;
}
@media (max-width: 768px) {
.detail_story_mode_txt{
	margin-left:20px;
	margin-right:20px;
}
}
.detail_story_mode_txt  h4{
	color:#e91218;
	font-size:20px;
	font-weight:bold;
}
.detail_story_mode_txt  p{
	color:#333;
	font-size:14px;
	font-weight:normal;
}

.detail_story_mode_txt  p a:link,.detail_story_mode_txt  p a:visited{
	color:#e91218;
	text-decoration: underline
}
.detail_story_mode_txt  p a:hover{
	color:#333;
	text-decoration: underline
}


.detail_story_mode_youtube_ptn {
	position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 30px;
}
.detail_story_mode_youtube_ptn  iframe{
	position:absolute;
    top:0;
    left:0;
    width:100% !important;
    height:100% !important
}


/* =======================================
	detail qr code
======================================= */
.detail_qr_code {
	margin-top: 20px;
	margin-bottom: 0px;
	padding:20px;
	background-color:#f2f2f2;
}
.detail_qr_code_text h3 {
	color:#333;
	font-size:18px;
	font-weight:bold;
}
.detail_qr_code_script {
	text-align:center
}

/* =======================================
	contactcar
======================================= */
.contactcar_ text{
	margin-top: 20px;
	margin-bottom: 20px;
}
.contactcar_ text p {
	color:#333;
	font-size:14px;
	font-weight:normal;
}

.form_area{
	margin-top: 20px;
	margin-bottom: 40px;
}
.form_rayout_bk10 {
	padding:20px;
	margin:0px;
	background-color:#e6e6e6;
}
.form_rayout_bk5 {
	padding:20px;
	margin:0px;
	background-color:#f2f2f2;
}
.form_rayout_datepick {
	padding:20px 0px;
	margin:0px 0px 20px 0px;
	background-color:#fff;
}
@media (max-width: 768px) {
.form_rayout_datepick {
	padding:10px 0px;
	margin:0px 0px 5px 0px;
}
}


/* =======================================
	calendar_iconinfo
======================================= */
.iconinfo img {
	padding:20px 0px;
	margin:0px 0px 20px 0px;
	text-align: left;
}


/* =======================================
	list
======================================= */
.list_searchselect{
	margin-top: 20px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color:#e6e6e6;
}
.list_modal_content{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
	border-bottom-width: 1px;
	margin-left: auto;
	margin-right: auto;
	width:90%;
}

.list_searchsort{
	margin-top: 0px;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color:#666;
}
.list_searchsort_txt{
	color:#fff;
	font-size:14px;
	font-weight:normal;
}
.list_searchsort_menu{
	margin-top:10px;
	color:#fff;
	font-size:12px;
	font-weight:normal;
}
.list_searchsort_select{
	margin-top:5px;
}


/* =======================================
	Pagenation
======================================= */
.list_pagenation_area{
	margin-top: 10px;
	margin-bottom: 20px;
	background-color:#fff;
}
#pagenation ul.pageNav01 {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
}

#pagenation ul.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

#pagenation ul.pageNav01 li span{
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #efefef;
	text-decoration: none;
	vertical-align: middle;
	color:#333;
}
#pagenation ul.pageNav01 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #efefef;
	text-decoration: none;
	vertical-align: middle;
	color:#173274;
}

#pagenation ul.pageNav01 li a:hover {
	background: #eeeff7;
	border-color: #e6e6e6;
}

/* =======================================
	list button
======================================= */
.btn-custom-red.btn-warning {
  background-color:#e91218;
  color: #fff;
  margin-top:10px;
  padding:10px;
  font-size:16px;
  border-color:#e6e6e6;
  border-radius:5px;
}
.btn-custom-red.btn-warning:hover {
  background-color:#b50f14;
  transition: all .3s;
}
.btn-custom-lred.btn-warning {
  background-color:#e31b31;
  color: #fff;
  margin-top:10px;
  padding:10px;
  font-size:16px;
  border-color:#e6e6e6;
  border-radius:5px;
}
.btn-custom-lred.btn-warning:hover {
  background-color:#be1b31;
  transition: all .3s;
}

.btn-custom-yellow.btn-warning {
  background-color:#ffd232;
  color: #333;
  margin-top:10px;
  padding:10px;
  font-size:16px;	
  border-color:#e6e6e6;
  border-radius:5px;
  font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
}
.btn-custom-yellow.btn-warning:hover {
  background-color:#d7ab00;
  transition: all .3s;
}

.btn-custom-green.btn-warning {
  background-color:#009844;
  color: #fff;
  margin-top:10px;
  padding:10px;
  font-size:16px;
  border-color:#e6e6e6;
  border-radius:5px;
  font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
}
.btn-custom-green.btn-warning:hover {
  background-color:#007344;
  transition: all .3s;
}

.btn-custom-pink.btn-warning {
  background-color:#fb90b6;
  color: #fff;
  margin-top:10px;
  padding:10px;
  font-size:16px;
  border-color:#e6e6e6;
  border-radius:5px;
  font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
}
.btn-custom-pink.btn-warning:hover {
  background-color:#f94f8b;
  transition: all .3s;
}

.btn-custom-blue.btn-warning {
  background-color:#007dba;
  color: #fff;
  margin-top:10px;
  padding:10px;
  font-size:16px;
  border-color:#e6e6e6;
  border-radius:5px;
  font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
}
.btn-custom-blue.btn-warning:hover {
  background-color:#005193;
  transition: all .3s;
}


.btn-custom-darkblue.btn-warning {
  background-color:#004fb0;
  color: #fff;
  margin-top:10px;
  padding:10px;
  font-size:16px;
  border-color:#e6e6e6;
  border-radius:5px;
  font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
}
.btn-custom-darkblue.btn-warning:hover {
  background-color:#0a3090;
  transition: all .3s;
}

.btn-custom-sky.btn-warning {
  background-color:#29a8f3;
  color: #fff;
  margin-top:10px;
  padding:10px;
  font-size:16px;
  border-color:#e6e6e6;
  border-radius:5px;
  font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
}
.btn-custom-sky.btn-warning:hover {
  background-color:#0078f1;
  transition: all .3s;
}

.btn-custom-purple.btn-warning {
  background-color:#5a6bde;
  color: #fff;
  margin-top:10px;
  padding:10px;
  font-size:16px;
  border-color:#e6e6e6;
  border-radius:5px;
  font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
}
.btn-custom-purple.btn-warning:hover {
  background-color:#2a40d4;
  transition: all .3s;
}

.btn-custom-orange.btn-warning {
  background-color:#ff6000;
  color: #fff;
  margin-top:10px;
  padding:10px;
  font-size:16px;
  border-color:#e6e6e6;
  border-radius:5px;
  font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
}
.btn-custom-orange.btn-warning:hover {
  background-color:#ff2000;
  transition: all .3s;
}

.btn-custom-white.btn-warning {
  background-color:#fff;
  color: #333;
  margin-top:10px;
  padding:10px;
  font-size:16px;
  border-color:#e6e6e6;
  border-radius:5px;
  font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
}
.btn-custom-white.btn-warning:hover {
  background-color:#999;
  transition: all .3s;
}

.btn-custom-grey.btn-warning {
  background-color:#808080;
  color: #fff;
  margin-top:10px;
  padding:10px;
  font-size:16px;
  border-color:#e6e6e6;
  border-radius:5px;
  font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
}
.btn-custom-grey.btn-warning:hover {
  background-color:#666;
  transition: all .3s;
}


@media (max-width: 768px) {
.btn-custom-red.btn-warning {
  font-size:12px;
}
.btn-custom-lred.btn-warning {
  font-size:12px;
}
.btn-custom-yellow.btn-warning {
  font-size:12px;
}
.btn-custom-green.btn-warning {
  font-size:12px;
}
.btn-custom-pink.btn-warning {
  font-size:12px;
}
.btn-custom-blue.btn-warning {
  font-size:12px;
}
.btn-custom-darkblue.btn-warning {
  font-size:12px;
}
.btn-custom-sky.btn-warning {
  font-size:12px;
}
.btn-custom-purple.btn-warning {
  font-size:12px;
}
.btn-custom-orange.btn-warning {
  font-size:12px;
}
.btn-custom-white.btn-warning {
  font-size:12px;
  letter-spacing:-0.05em;
}
.btn-custom-grey.btn-warning {
  font-size:12px;
  letter-spacing:-0.05em;
}
}


/* =======================================
	list rentacar info
======================================= */
.list_rentacar_info {
	margin: 0px 0px 50px 0px;
	padding: 0px;
}
.list_rentacar_info_box {
	margin: 0px;
	padding:0px;
	border: 1px solid #b3b3b3;
}
@media (max-width: 768px) {
.list_rentacar_info_box {
	margin-left:20px;
	margin-right:20px;
}
}
.list_rentacar_info_box h2 {
	padding:0px 15px 15px 15px;
	margin: 0px;
	background-color: #e6e6e6;
	color: #333;
	font-size:20px;
	font-weight:bold;
}
.list_rentacar_info_box h2:before {
  content: url(../images/listicon-car.png);
  position: relative;
   top: 10px;
	margin-right: 10px;
}
@media (max-width: 768px) {
	.list_rentacar_info_box h2 {
	padding:10px;
	margin: 0px;
	font-size:16px;
	font-weight:bold;
}
	.list_rentacar_info_box h2:before {
 display: none;
}
}


.list_rentacar_info_box_inner {
	margin:15px;
}
.list_rentacar_info_box_inner img {
	margin-bottom:10px;
}
.list_rentacar_info_box_inner h3 {
	font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	font-size:20px;
	line-height:28px;
	font-weight:bold;
	color:#ff1b00;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}
.rentacar_spec_table{
	margin: 10px auto;
	width: 100%;
	border-collapse: collapse;
	border-right-style: hidden;
	border-left-style: hidden;
}
.rentacar_spec_table th.kind{
width:40%;
padding: 10px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #efefef;
border: 1px solid #ccc;
}

.rentacar_spec_table td{
width: 60%;
padding: 10px;
text-align: left;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fff;
border: 1px solid #ccc;
}

.rentacar_price_title {
	padding:0px 15px 15px 0px;
	margin: 0px;
	font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	font-size:20px;
	line-height:28px;
	font-weight:bold;
	color:#ff1b00;
}
.rentacar_price_title:before {
  content: url(../images/listicon-price.png);
  position: relative;
   top: 10px;
	margin-right: 10px;
}

.rentacar_option_title {
	padding:0px 15px 15px 0px;
	margin: 0px;
	font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	font-size:20px;
	line-height:28px;
	font-weight:bold;
	color:#ff1b00;
}
.rentacar_option_title:before {
  content: url(../images/listicon-option.png);
  position: relative;
   top: 10px;
	margin-right: 10px;
}
.rentacar_option_text {
	padding:0px 15px 15px 0px;
	margin: 0px;
	font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	color:#333;
}

/* =======================================
	rentacar_price_table
======================================= */
.rentacar_price_table{
	margin: 10px auto;
	width: 100%;
	border-collapse: collapse;
}
.rentacar_price_table th{
width: 20%;
padding: 10px 0px 10px 0px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #f2f2f2;
border: 1px solid #ccc;
}

.rentacar_price_table td{
width: 20%;
padding: 10px 0px 10px 0px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fff;
border: 1px solid #ccc;
}

@media (max-width: 768px) {
.rentacar_price_table {
    border: none;
  }
.rentacar_price_table thead {
    display: none;
  }
.rentacar_price_table tr {
    display: block;
    width: 100%;
	border-top: 1px solid #ccc;
  }
.rentacar_price_table td {
    display: block;
    width: 100%;
	text-align: right;
	padding:10px;
	border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
	border-top:none;
  }
.rentacar_price_table td::before {
    content: attr(data-label);
    float: left;
    color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
  }
}

/* 2018.10.19 added */

/* 免責保証料表示用 */
.rentacar_price_table_text {
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px -10px;
	font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	color:#333;
}

/* その他備考用 */
.rentacar_price_table_bikou {
	padding:0px 0px 15px 0px;
	margin: 0px 0px 0px -10px;
	font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	color:#333;
}
/* 2018.10.19 added end */


/* =======================================
	list car info
======================================= */
.list_car_info {
	margin-top: 0px;
	margin-bottom: 30px;
}
.list_car_info_box {
	padding:20px;
	border: 1px solid #b3b3b3;
}
@media (max-width: 768px) {
.list_car_info_box {
	margin-left:20px;
	margin-right:20px;
}
}
.list_car_info_carname h3 {
	color:#db174f;
	font-size:20px;
	font-weight:bold;
	margin-top: 5px;
}
.list_car_info_carname h4 {
	color:#333;
	font-size:16px;
	font-weight:bold;
}
.list_car_info_carname p {
	color:#333;
	font-size:14px;
	font-weight:normal;
}
.list_equipment {
	color:#333;
	font-size:12px;
	font-weight:normal;
	background-color:#e6e6e6;
	padding:10px;
}
.list_moreinfobtn {
	margin-bottom: 20px;
}
@media only screen and (max-width:768px){
.list_moreinfobtn {
	margin-bottom: 0px;
}
}


/* =======================================
	shop
======================================= */
.shop_info {
	margin-top: 0px;
	margin-bottom: 30px;
}

.shop_data {
	margin-top: 0px;
	margin-bottom: 30px;
}
@media only screen and (max-width:768px){
.shop_data  tr{
        display: block;
        margin-bottom: 1.5em;
    }
.shop_data  th,
.shop_data  td{
        display: list-item;
        border: none;
    }
}

.table_shopdata {
	color:#666;
	font-size:14px;
	table-layout: auto;
}
.table_shopdata th{
	background-color:#f2f2f2;
}
.table_shopdata td h5{
	color:#ff6000;
	font-size:16px;
	font-weight:bold;
}
.table_shopdata tr:last-child  th {
  border-bottom: 1px solid #dddddd;
}
.table_shopdata tr:last-child  td {
  border-bottom: 1px solid #dddddd;
}

@media only screen and (max-width:768px){
	.table_shopdata {
	margin-top: 20px;
		list-style: none;
}
	.table_shopdata th{
	width:auto;
}
}


.shop_linkbtn{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
	background-color:#e6e6e6;
}
.shop_linkbtn_menu{
	margin-top:0px;
	color:#333;
	font-size:16px;
	font-weight:normal;
}
.shop_linkbtn_select{
	margin-top:5px;
	margin-bottom:5px;
}

.shop_aboutarea{
	margin-top: 30px;
	margin-bottom: 50px;
}

@media (max-width: 768px) {
.shop_aboutarea_txt {
	margin-left:20px;
	margin-right:20px;
}
}
.shop_aboutarea_txt{
	margin-top:20px;
}
.shop_aboutarea_txt  h4{
	color:#333;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
}
.shop_aboutarea_txt  p{
	color:#333;
	font-size:16px;
	line-height:24px;
	font-weight:normal;
}

.shop_serviceinfo{
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color:#e6e6e6;
}
.shop_serviceinfo_box h4{
color:#333;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
}
.shop_serviceinfo_table {
	color:#333;
	font-size:14px;
	font-weight:normal;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	border-left: 10px solid #e31b31;
	border-right: 5px solid #e31b31;
}
@media (max-width: 768px) {
.shop_serviceinfo_table {
	margin-left:20px;
	margin-right:20px;
}
}


.shop_map {
	margin-top: 15px;
	margin-bottom: 30px;
	position: relative;
    padding-bottom: 40%;
    height: 0;
    overflow: hidden;
}
.shop_map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


.shop_staff {
	margin-top: 0px;
	margin-bottom: 30px;
}
.shop_staff_area {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:0px;
	margin-right:0px;
}
.shop_staff_area_table{
	color: #333;
	background-color: #f2f2f2;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
	margin-bottom:20px;
}


.shop_staff_description{
	padding-left:5px;
	padding-right:5px;
}
.shop_staff_description  h4{
	color:#004fb0;
	font-size:16px;
	font-weight:bold;
}
.shop_staff_description  h5{
	color:#004fb0;
	font-size:14px;
	font-weight:normal;
}
.shop_staff_description  p{
	color:#333;
	font-size:13px;
	font-weight:normal;
}

/* =======================================
	profile
======================================= */
.profile_info {
	margin-top: 0px;
	margin-bottom: 0px;
}
.profile_info_box {
	margin-top: 20px;
	margin-bottom: 30px;
}
.profile_info_box_left {
	margin-bottom: 20px;
}


.contact_ text{
	margin-top: 0px;
	margin-bottom: 20px;
}
.contact_ text p {
	color:#333;
	font-size:14px;
	font-weight:normal;
}


.profile_common_box {
	margin-top: 20px;
}




.profile_about {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}


.profile_data {
	margin-top: 20px;
	margin-bottom: 30px;
}
@media only screen and (max-width:768px){
.profile_data  tr{
        display: block;
        margin-bottom: 1.5em;
    }
.profile_data  th,
.profile_data  td{
        display: list-item;
        border: none;
    }
}

.table_profiledata {
	color:#666;
	font-size:14px;
	table-layout: auto;
}
.table_profiledata th{
	background-color:#f2f2f2;
}
.table_profiledata td h5{
	color:#ff6000;
	font-size:16px;
	font-weight:bold;
}
.table_profiledata tr:last-child  th {
  border-bottom: 1px solid #dddddd;
}
.table_profiledata tr:last-child  td {
  border-bottom: 1px solid #dddddd;
}



/* =======================================
	voice
======================================= */
.voice_table {
	margin-top: 0px;
	margin-bottom: 40px;
}
.voice_table-title h2{
 display: inline;
 font-size:18px;
 font-weight:normal;
 color:#fff;
 background-color:#ff4f00;
 padding:10px;
 margin:0px;
}
.voice_table_box {
	padding: 15px;
	margin-top:8px;
	background-color:#f2f2f2;
}

@media (max-width: 768px) {
.voice_table-title h2 {
	margin-left:20px;
	margin-right:20px;
}
.voice_table_box {
	margin-left:20px;
	margin-right:20px;
}
}

.voice_table_box h4 {
	color:#ff1b00;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
}
.voice_table_box h5 {
	color:#333;
	font-size:16px;
	line-height:24px;
	font-weight:bold;
}
.voice_table_box p {
	color:#333;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
}



/* =======================================
	step
======================================= */
.step_table {
	margin-top: 0px;
	margin-bottom: 20px;
}
.step_table_box {
	padding: 15px;
	margin:0px;
	border: 15px solid #e6e6e6;
}
.step_table_box h3{
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	color:#ff1b00;
	border-bottom: 1px dashed #333;
}
.step_table_box h4{
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	color:#333;
}
.step_table_box p{
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	color:#333;
}

.step_table_box_devide {
	font-size:30px;
	color:#ff1b00;
	text-align:center;
}


/* =======================================
	price
======================================= */

.price_data {
	margin-top: 0px;
	margin-bottom: 20px;
}

.table_pricedata {
	color:#666;
	font-size:14px;
	table-layout: auto;
	text-align:center;
}
.table_pricedata th{
	background-color:#f2f2f2;
	width:30%;
	text-align:center;
}
@media (max-width: 768px) {
.table_pricedata th{
	background-color:#f2f2f2;
	width:100%;
}
}

.table_pricedata td h5{
	color:#ff6000;
	font-size:16px;
	font-weight:bold;
}
.table_pricedata tr:last-child  th {
  border-bottom: 1px solid #dddddd;
}
.table_pricedata tr:last-child  td {
  border-bottom: 1px solid #dddddd;
}

/* =======================================
	afterfollow price
======================================= */

.afterfollowprice_data {
	margin-top: 0px;
	margin-bottom: 10px;
}

.table_afterfollowpricedata {
	color:#666;
	font-size:14px;
	table-layout: auto;
	text-align:center;
	margin-top: 10px;
}
.table_afterfollowpricedata th{
	background-color:#f2f2f2;
	width:40%;
	text-align:center;
}

@media (max-width: 768px) {
.table_afterfollowpricedata th{
	background-color:#f2f2f2;
	width:100%;
}
}

.table_afterfollowpricedata td h5{
	color:#ff6000;
	font-size:16px;
	font-weight:bold;
}
.table_afterfollowpricedata tr:last-child  th {
  border-bottom: 1px solid #dddddd;
}
.table_afterfollowpricedata tr:last-child  td {
  border-bottom: 1px solid #dddddd;
}






/* =======================================
	reserve
======================================= */
.reserve_step_title{
	margin-bottom: 20px;
	padding: 10px;
	background-color: #ff4f00;
	border-radius: 10px;
}
.reserve_step_title h2{
	font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 0px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}
.reserve_step_title h3{
	font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	padding: 0px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.reserve_step_devide{
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #333;
}

.reserve_step_lightbox{
	margin-top: 20px;
}
.reserve_step_lightbox p{
	margin-top: 10px;
}

/* =======================================
	reserve calendar
======================================= */
ul{
	margin:0px;
	padding:0px;
}
li{
	margin:0px;
	padding:0px;
	list-style:none;
}
.calendar-table{
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color:#7e7b7c;
}
.calendar-table h4{
    font-size: 18px;
	line-height: 35px;
	font-weight: bold;
	color: #FFF;	
}

table#date {
	width: 98%;
	background-color:#b4b4b4;
}

table#date td.dayname{
	text-align: center;
	height:35px;
	font-size: 14px;
	line-height: 35px;
	color: #FFF;
}
table#date td{
	border: 1px #efefef solid;
	text-align: center;
	height:40px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	vertical-align:top;
}

table#date td a{
	display:block;
    width:100%;
     height:100%;
}

table#date td.nodate {
	background: #FFF;
}
table#date td.busy {
	background-repeat: no-repeat;
	background-image: url(../calendar-images/calendar-celbg-busy.png);
	background-color: #ff7363;
	background-position: center bottom;
}
table#date td.closed {
	background-repeat: no-repeat;
	background-image: url(../calendar-images/calendar-celbg-closed.png);
	background-color: #3861d6;
	background-position: center bottom;
}
table#date td.passed {
	background: #CCC;
}
table#date td.sunday {
	background: #FFEBFF;
}

table#date td.saturday {
	background: #DAEEFF;
}

table#date td.week {
	background: #FFF;
}

table.condition{
	text-align: center;
	margin: 0px auto 5px auto;
	padding: 0px;
	width: 90%;
	border: none;
}

@media (max-width: 767px) {
table.condition{
	text-align: center;
	margin: 0px auto 5px auto;
	padding: 0px;
	width: 80%;
	border: none;
}
table.condition img{
	margin: 0px auto 5px auto;
	width: 80%;
}
	}

table#date td.passed table.condition tr td{
	text-align: center;
	border: none;
	font-size: 10px;
	color: #666;
}
table#date td.sunday table.condition tr td{
	text-align: center;
	border: none;
	font-size: 10px;
	color: #666;
}
table#date td.saturday table.condition tr td{
	text-align: center;
	border: none;
	font-size: 10px;
	color: #666;
}
table#date td.week table.condition tr td{
	text-align: center;
	border: none;
	font-size: 10px;
	color: #666;
}






/* =======================================
	syaken price table
======================================= */
.syaken_price_table{
	margin: 10px auto;
	width: 100%;
	border-collapse: collapse;
}
.syaken_price_table th.kind{
width: 5%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #efefef;
border: 1px solid #ccc;
}
.syaken_price_table td.kind{
width: 24%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fee1fe;
border: 1px solid #ccc;
}
.syaken_price_table td{
width: 19%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fff;
border: 1px solid #ccc;
}
.syaken_price_table td.green{
width: 19%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #d5e086;
border: 1px solid #ccc;
}
.syaken_price_table td.yellow{
width: 19%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fff8b5;
border: 1px solid #ccc;
}
.syaken_price_table td.blue{
width: 19%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #d2e7fe;
border: 1px solid #ccc;
}
.syaken_price_table td.red{
width: 19%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #f9dbda;
border: 1px solid #ccc;
}
.syaken_price_table td.sky{
width: 19%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #e3ffff;
border: 1px solid #ccc;
}
.syaken_price_table td.lightyellow{
width: 19%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fffece;
border: 1px solid #ccc;
}
.syaken_price_table td.pink{
width: 19%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: bold;
background-color: #fee1fe;
border: 1px solid #ccc;
}



/* =======================================
	usedcar price table
======================================= */
.usedcar_price_table{
	margin: 10px auto;
	width: 100%;
	border-collapse: collapse;
	border-right-style: hidden;
	border-left-style: hidden;
}
.usedcar_price_table th.kind{
width: 25%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #efefef;
border: 1px solid #ccc;
}

.usedcar_price_table td{
width: 25%;
padding: 5px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fff;
border: 1px solid #ccc;
}


/* =======================================
	maintenance price table
======================================= */
.maintenance_price_table{
	margin: 10px auto;
	width: 100%;
	border-collapse: collapse;
	border-right-style: hidden;
	border-left-style: hidden;
}
.maintenance_price_table th.kind{
width: 50%;
padding: 15px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #efefef;
border: 1px solid #ccc;
}

.maintenance_price_table td{
width: 50%;
padding: 15px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fff;
border: 1px solid #ccc;
}

/* =======================================
	cleaningcoating price table
======================================= */
.cleaningcoating_price_table{
	margin: 10px auto;
	width: 100%;
	border-collapse: collapse;
	border-right-style: hidden;
	border-left-style: hidden;
	table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
}
.cleaningcoating_price_table th.kind{
padding: 15px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #efefef;
border: 1px solid #ccc;
}

.cleaningcoating_price_table td{
width: 15%;
padding: 15px;
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fff;
border: 1px solid #ccc;
}
.cleaningcoating_price_table td.grey{
background-color: #efefef;
}

@media (min-width: 768px) {
	.hidsp-txt {
		display: none;
	}
}

@media (max-width: 767px) {
.cleaningcoating_price_table thead {
    display: none;
	}
.cleaningcoating_price_table th.kind{
width: 100%;
font-size: 12px;
line-height:16px;
	display: block;
}
.cleaningcoating_price_table td{
	width: 100%;
font-size: 12px;
line-height:16px;
	display: block;
}
	.cleaningcoating_price_table td.grey{
		width: 100%;
font-size: 12px;
line-height:16px;
	display: block;
}
}




