@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: #e50012;
	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: #38b377;
	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: 10px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-bottom: 40px;
	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 h2{
	margin-top: 0px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	color: #e50012;
	font-size: 26px;
	line-height:36px;
	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 h3{
	margin-top: 0px;
	margin-bottom: 20px;
	color: #333;
	font-size: 20px;
	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: 30px;
	color: #333;
	font-size: 16px;
	line-height:24px;
	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_feature_btn{
	margin-bottom: 10px;
}

@media (max-width: 768px) {
	.top_feature_content h2{
		font-size: 20px;
	line-height:28px;
	}
	.top_feature_content h3{
		font-size: 16px;
	line-height:24px;
	}
	.top_feature_content p{
	line-height:24px;
	font-size: 14px;
	}
}

/* =======================================
	top_inspection
======================================= */
.top_inspection{
	margin-top: 20px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-bottom: 40px;
	background-image: url(../images/top_inspection_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_custom
======================================= */
.top_custom{
	margin-top: 20px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-bottom: 40px;
	background-image: url(../images/top_custom_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 pickupcar
======================================= */
.top_pickupcar{
	margin-top: 0px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color:#fef4d8;
}
.carinfo{
	margin-top: 10px;
}



.carinfo_table{
	color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
	padding-top:0px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
	margin-bottom:20px;
	text-align:left;
}


.carinfo_table_img{
	margin-top:5px;
}
@media (max-width: 768px) {
.carinfo_table_img{
	margin-top:0px;
}
}


.carinfo_table_txt h3{
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
	color: #e50012;
	font-size:16px;
	font-weight:bold;
}
.carinfo_table_txt h4{
	margin-bottom:5px;
	padding:0px;
	color: #333;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
}

.carinfo_table_item {
	margin:0px;
	padding-bottom:5px;
}

.carinfo_table_pricebox {
	margin:0px;
	padding:5px;
	color: #fff;
	font-size:13px;
	line-height:20px;
	font-weight:normal;
	background-color:#808080;}
.carinfo_table_shopbox {
	margin:0px;
	padding:5px;
	color: #fff;
	font-size:13px;
	line-height:20px;
	font-weight:normal;
	background-color:#009b96;}
.carinfo_table_allpricebox {
	margin:0px;
	padding:5px;
	color: #fff;
	font-size:13px;
	line-height:20px;
	font-weight:normal;
	background-color:#666;
	}
.carinfo_table_statusbox {
	margin:0px;
	padding:5px;
	color: #fff;
	font-size:13px;
	line-height:20px;
	font-weight:normal;
	background-color:#333;
}
.carinfo_table_textbox {
	margin-top:5px;
	padding-top:0px;
	padding:0px 0px 5px 0px;
	color: #333;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	letter-spacing: 0em;
}
@media (max-width: 768px) {
.carinfo_table_pricebox {
	margin:0px;
	text-align:center;
}
.carinfo_table_shopbox {
	margin:0px;
	text-align:center;
}
.carinfo_table_textbox {
	margin:10px auto 0px;
	padding:0px;
	text-align:center;
}
}

.carinfo_btn{
	margin-top:5px;
	margin-bottom:5px;
}



/* =======================================
	top shopmap
======================================= */
.top_shopmap{
	margin-top: 60px;
	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;
}






/* =======================================
	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 rssframe
======================================= */
.top_rssframe{
	position: relative;
	margin-top:10px;
	margin-bottom:80px;
	height: 400px;
}



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



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


/* =======================================
	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:#38b377;
}

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

/* =======================================
	list button
======================================= */
.btn-custom-red.btn-warning {
  background-color:#d61518;
  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 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:#e50012;
	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: 20px;
}
@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;
}

.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: 30px;
	margin-bottom: 30px;
}
.voice_table-title h2{
 display: inline;
 font-size:18px;
 font-weight:normal;
 color:#fff;
 background-color:#e50012;
 padding:10px;
 margin-left:0px;
}
.voice_table_box {
	padding: 15px;
	margin-top:8px;
	border-top: 1px solid #e6e6e6;	
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;	
	border-bottom: 1px solid #e6e6e6;
	background-color: #fff;
}
.voice_table_box_sub {
	padding: 15px;
	margin-top:8px;
	background-color:#f2f2f2;
}
.voice_table_box_sub h4 {
	color:#e60012;
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	margin:0 0 10px 0;
}
.voice_table_box_sub p {
	color:#333;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
}

.voice_table_box h3 {
	color:#009b96;
	font-size:18px;
	line-height:26px;
	font-weight:bold;
}

.voice_table_box h4 {
	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;
}

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



/* =======================================
	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:#e50012;
	border-bottom: 1px dashed #333;
}
.step_table_box h4{
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	color:#333;
}
.step_table_box h5{
	font-size:16px;
	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:#e50012;
	text-align:center;
}

@media (max-width: 768px) {
	.step_table_box {
	padding: 5px;
	margin:0px;
	border: 5px solid #e6e6e6;
}
	.step_table_box h3{
	font-size:18px;
	line-height:26px;
	font-weight:bold;
	color:#e50012;
	border-bottom: 1px dashed #333;
}
	.step_table_box h4{
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	color:#333;
}
	.step_table_box p{
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	color:#333;
}
}

/* =======================================
	example story
======================================= */
.examplestory_table {
	margin-top: 0px;
	margin-bottom: 40px;
}
.examplestory_table_box {
	padding: 5px;
	margin:0px;
	border: 15px solid #e6e6e6;
}
.examplestory_table_box h3{
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	color:#014f99;
	border-bottom: 1px dashed #333;
}
.examplestory_table_box h4{
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	color:#333;
}
.examplestory_table_box p{
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	color:#333;
}

@media (max-width: 768px) {
.examplestory_table_box {
	padding: 5px;
	margin:0px;
	border: 5px solid #e6e6e6;
}
.examplestory_table_box h3{
	font-size:18px;
	line-height:26px;
	font-weight:bold;
	color:#014f99;
	border-bottom: 1px dashed #333;
}
	.examplestory_table_box p{
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	color:#333;
}
}



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





/* =======================================
	reserve
======================================= */
.reserve_step_title{
	margin-bottom: 20px;
	padding: 10px;
	background-color: #e50012;
	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.sunday:hover {
	background: #FFD4FF;
	cursor: pointer;
}
table#date td.saturday {
	background: #DAEEFF;
}
table#date td.saturday:hover {
	background: #BFEEFF;
	cursor: pointer;
}
table#date td.week {
	background: #FFF;
}
table#date td.week:hover {
	background: #EFEFEF;
	cursor: pointer;
}








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





/* =======================================
	price accordion
======================================= */
ul.accordion {
    width:100%;
    font-size:14px;
	list-style:none;
	margin:0;
}
ul.accordion h3{
    font-size: 18px;
    line-height:24px;
	font-weight: bold;
	border: none;
	color:#004fb0;
}

ul.accordion span { 
    display:block; 
    padding:15px; 
    background-position:97% center; 
    background-repeat:no-repeat; 
    color:#fff; 
    font-weight:normal;
    border: solid 1px #85a6d9;
}
ul.accordion span:hover { 
    background:#004fb0;
    color:#FFF;
    cursor: pointer; 
}
ul.accordion ul { 
    display:none;
	list-style:none;
}
ul.accordion > li { 
    margin-bottom: 50px;
}
ul.accordion > li > p span { 
    background:#85a6d9;
	text-align: center;
	font-size: 18px;
    line-height:24px;
	font-weight: bold;
}


ul.accordion > li > p span:before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    padding-right: 8px;
}

ul.accordion > li > p span.linkup:before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
}



ul.accordion > li > p span.open { 
    background:#004fb0;
	color:#FFF;
}
ul.accordion > li > p span.open:hover { 
    background:#004fb0;
    color:#FFF
}
ul.accordion > li > ul > li { 
    background:#FFF;
    border-bottom:1px solid #EEE;
}



ul.accordion > li > ul > li > p { 
    background:#FFF;
}
ul.accordion > li > ul > li > a { 
    background:#FFF;
}
ul.accordion > li > ul > li > ul > li { 
    background:#FFF; 
}
ul.accordion > li > ul > li > ul > li:last-child {
    border:none;
}



/* =======================================
	syaken price table
======================================= */
.syaken_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;
}

.syaken_price_table td{
text-align: center;
color:#333;
font-size: 14px;
line-height:20px;
font-weight: normal;
background-color: #fff;
border: 1px solid #b3b3b3;
padding:10px 5px 10px 5px;
}

@media (max-width: 768px) {
.syaken_price_table td{
font-size: 10px;
line-height:12px;
}
}

.color-grey-table {
 color: #333;
font-size: 14px;
line-height:20px;
}
@media (max-width: 768px) {
.color-grey-table {
font-size: 10px;
line-height:12px;
}
	}

.syaken_price_table td.block5{
width:5%;
}
.syaken_price_table td.block15{
width:15%;
}
@media (max-width: 768px) {
.syaken_price_table td.block15{
width:10%;
}
}
.syaken_price_table td.block20{
width:20%;
}

.syaken_price_table td.block25{
width:25%;
}
.syaken_price_table td.block50{
width:50%;
}
.syaken_price_table td.block75{
width:75%;
}

.syaken_price_table td.bggrey10{
color:#333;
background-color: #e6e6e6;
}
.syaken_price_table td.bggrey5{
color:#333;
background-color: #e6e6e6;
	font-weight: bold;
}
.syaken_price_table td.bggrey{
color:#103494;
background-color: #efefef;
}
.syaken_price_table td.bgwhite{
color:#333;
background-color: #fff;
font-weight: normal;
}
.syaken_price_table td.bgpink{
color:#e50012;
background-color: #ffd2e2;
font-weight: bold;
}
.syaken_price_table td.bgorange{
color:#e50012;
background-color: #ffebd8;
font-weight: bold;
}





/* =======================================
	story_common_box
======================================= */

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.story_address_table{
	height: 100%;
	margin-bottom: 10px;
	padding: 10px 10px 0px 10px;
	background-color: #fff;
	border: 10px solid #f2f2f2;
}
.story_address_table h5{
	color:#333;
	font-size:18px;
	font-weight:bold;
}
.story_address_table dl {
padding: 10px 0 0 0;
	margin:0;
}

.story_address_table dt {
padding-bottom: 5px;
color:#333;
font-size:14px;
font-weight:bold;
}
.story_address_table dd {
padding-bottom: 15px;
color:#333;
font-size:14px;
font-weight:normal;
}

@media screen and (max-width: 991px) {
	
.row-eq-height {
  display: block;
  margin-bottom: 0px;
}
}

@media screen and (min-width: 992px) {
.story_address_table dt {
clear: left;
float: left;
width: 20%;
}
.story_address_table dd {
margin-left: 25%;
}
}

/* =======================================
	top flyer
======================================= */
.top_flyer{
	margin-top: 10px;
	margin-bottom: 20px;
}
.top_flyer p{
	margin-top: 30px;
	text-align: center;
	color: #333;
	font-size: 14px;
	line-height:20px;
	font-weight: normal;
}
.top_flyer img{
	margin-top: 15px;
}

/* =======================================
step_number
======================================= */
.step_number h2 {
  position: relative;
  padding-left: 2em;
  padding-top: 0.15em;
　font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	font-size:2rem;
	line-height:30px;
	font-weight:bold;
	color:#e50012;
	font-feature-settings : "palt";
}

.step_number h2 span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 10px;
  color: #fff;
  background: #e50012;
font-size:18px;
}

/* =======================================
step_number_kotei
======================================= */
.step_number_kotei h2 {
  position: relative;
  padding-left: 3em;
  padding-top: 0.15em;
　font-family: ‘Georgia’, ‘Hiragino Maru Gothic Pro’, ‘ヒラギノ丸ゴ Pro’, ‘Meiryo’, ‘メイリオ’, ‘MS PGothic’, ‘MS Pゴシック’, sans-serif;
	font-size:2rem;
	line-height:3rem;
	font-weight:bold;
	color:#e50012;
	font-feature-settings : "palt";
}

.step_number_kotei h2 span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 10px;
  color: #fff;
  background: #e50012;
font-size:18px;
	width:50px;
	text-align: center;
}



/* =======================================
profile
======================================= */
.profile_business {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color:#e6e6e6;
}
.profile_business_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 #009b96;
	border-right: 5px solid #93d6b5;
}
@media (max-width: 768px) {
.profile_business_table {
	margin-left:20px;
	margin-right:20px;
}
.profile_memberagency_table {
	margin-left:20px;
	margin-right:20px;
}
}

/* =======================================
	employment
======================================= */
.table_employmentdata {
	color:#666;
	font-size:14px;
	table-layout: auto;
}

.table_employmentdata th{
	background-color:#f2f2f2;
	width:20%;
}
.table_employmentdata td{
	background-color:#fff;
}
@media (max-width: 768px) {
.table_employmentdata {
	list-style: none;
}
	
.table_employmentdata th{
	background-color:#f2f2f2;
	width:100%;
}
}

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

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

/* =======================================
	ol number
======================================= */
#number ol li{
list-style-type: decimal !important;
}

/* =======================================
	checkmarklist
======================================= */
.checkmarklist
,.checkmarklist li{
	padding:0px;
	margin:20px 0px;
	font-size: 18px;
	font-weight: bold;
}
 
.checkmarklist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
 
.list4 li{
	position:relative;
	padding-left:20px;
}
 
.list4 li:after, .list4 li:before{
	content:''; 
	display:block; 
	position:absolute; 
	top:4px; 
	left:8px; 
	height:11px; 
	width:4px; 
	background:#38b377; 
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.list4 li:before{
	top:8px; 
	left:3px;
	height:8px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}

@media (max-width: 768px) {
.checkmarklist
,.checkmarklist li{
	font-size: 14px;
}
}


/* =======================================
	main_panelgrid
======================================= */
.main_panelgrid{
	margin: 0px 0px 5% 0px;
	padding: 0px;
	background-color: #fff;
	height: 95%;
}
.main_panelgrid h5{
	margin: 0px auto;
	text-align: left;
	padding: 10px;
	background-color: #009b96;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}
.main_panelgrid img{
	padding: 0px;
	margin: 0px auto;
}
.main_panelgrid p{
	margin: 10px 0px 10px 5px;
	padding: 5px;
	color: #333;
	font-size: 16px;
	line-height: 26px;
	font-weight: normal;
	background-color: #fff;
}
@media (max-width: 1199px) {
.main_panelgrid h5{
	font-size: 18px;
	line-height: 28px;
}
.main_panelgrid p{
	font-size: 14px;
	line-height: 22px;
}
}



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

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



@media (max-width: 767px) {
.common_price_table th{
width: 100%;
font-size: 12px;
line-height:16px;
	display: block;
	border-bottom-style: hidden;
	border-right-style: hidden;
	border-left-style: hidden;
}
.common_price_table td{
	width: 100%;
font-size: 12px;
line-height:16px;
	display: block;
	border-bottom-style: hidden;
	border-right-style: hidden;
	border-left-style: hidden;
}

table.common_price_table tbody td::before {
	content: attr(label);
	display: inline-block;
    vertical-align: middle;
	font-weight:normal;
	font-size: 13px;
	margin:0 auto;
	width: 100%;
	text-align: center;
}
table.common_price_table thead {
	display:none;
}	
}


/* =======================================
	bodycoating mark
======================================= */
.btn_tokusei {
color: #fff;
background-color:#38b377;
border-style:none;
margin:0px 10px 0px 0px;
padding:7px;
font-size:14px;
border-radius:5px;
display: inline-block;
}
@media (max-width: 767px) {
.btn_tokusei {
font-size:12px;
}
}



/* =======================================
	car select
======================================= */
.list_searchselect_carname{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color:#ccc;
}



/* =======================================
	kaitori_form
======================================= */
.kaitori_form{
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
    border: solid 1px #999;
	text-align: left;
	font-size:16px;
	background-color: #efefef;
}