@charset "utf-8";

/*==========================================================

	car_index　Tabletレイアウト（画面の横幅が1279pxまで）

==========================================================*/
/* 共通
--------------------------------*/
.main_inner {
    padding: 2%!important;
}
.main_inner .main	{
	position:relative;
}

/* 左カラム
----------------------------------------------------------*/
.sec_layout .main_def {
	background-color: #FFFFFF;
	
	box-shadow:rgba(0, 0, 0, 0.14) 0px 0px 3px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.14) 0px 0px 3px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.14) 0px 0px 3px 1px;
}

/* 右カラム
--------------------------------*/
.sec_layout .sub_def {
	display:none;
	position:absolute;
	top:0%;
	right:0%;
	width:35%;
	z-index:100;
	background:url(/lib/images/shop/common/bg_menu_back_opacity.png) repeat left top;
}
.sec_layout .sub_def .title_layout1 .menuBtn	{
	position:absolute;
	top:16%;
	right:6%;
	width:8.8%;
}
.sub_def .title_layout1 h2	{
	color:#FFFFFF;
}
.sub_def .shop_navi,
.sub_def .shop_stock_navi	{
	background-color:#FFFFFF;
	margin:0 2% 2% 2%;
}
.sub_def .title_layout1 {
    background: none;
    border-bottom: none;
    border-top: none;
}
.sub_def .title_layout1 h2 {
	padding: 5% 0 5% 2%;
	font-size:1.2em;
}
.sub_def .area_list li a	{
	background: url(/lib/images/shop/common/bg_arrow.png) no-repeat 2% center;
	color:#253A5C;
	text-decoration: none;
	display:block;
	padding:2% 0 2% 7%;
	font-size:0.9em;
}
#shop_index .sub_def .area_list li.shop_index a,
#shop_map .sub_def .area_list li.shop_map a,
#shop_photo .sub_def .area_list li.shop_photo a,
#shop_staff .sub_def .area_list li.shop_staff a,
#shop_fair .sub_def .area_list li.shop_fair a,
#shop_stock .sub_def .area_list li.shop_stock a,
#shop_stock_tokusen .sub_def .area_list li.shop_stock_tokusen a,
#shop_stock_tyumoku .sub_def .area_list li.shop_stock_tyumoku a,
#shop_stock_premium .sub_def .area_list li.shop_stock_premium a,
#shop_stock_guranteed .sub_def .area_list li.shop_stock_guranteed a,
#shop_stock_evalue .sub_def .area_list li.shop_stock_evalue a	{
	color:#B2C1D2;
}

/* 詳細
--------------------------------*/


#shopStockArea .stockCarArea .car-height {
	width: 24%!important;
}
.more_Btn {
	width: 24%!important;
	float:left;
}
.more_Btn img {
	width: 100%!important;
}

#shopStockArea .subTtlArea .subTtl {
	padding: 1% 0 8% 55px;	
	font-size: 1em;
}
#shopStockArea .subTtlArea .subTtl .stockListChange {
	left: 141px;
	width: 64%;	
}
#shopStockArea .subTtlArea .subTtl .stockListChange li {
	width: 18%;
}
@media screen and (max-width: 787px) {
	#shopStockArea .subTtlArea .subTtl .stockListChange li {
		width: 10%;
	}
}
#shopStockArea .subTtlArea .subTtl .btnStock {
	font-size: 0.8em;
	width:13%;
	text-align:center;
}
#afterServiceShopArea .subTtlArea .subTtl {
	padding: 1% 0 1% 40px;
}
#afterServiceShopArea .subTtlArea .areaList {
	width: 272px;
}
#afterServiceShopArea .afterShopTable .linkDetail {
	display: none;
}
#afterServiceShopArea .afterShopTable table {
	border-top: 1px solid #cccccc;
	width: 100%;
}
#afterServiceShopArea .afterShopTable td {
    border-right: medium none;
}
#afterServiceShopArea .afterShopTable .photo {
    border-right: medium none;
    float: none;
    width: auto;
}
#afterServiceShopArea .afterShopTable th,
#afterServiceShopArea .afterShopTable td {
	padding:1%;
}
#pickupArea .shopTopics .fairBlog .blogArea .blogTtl .detailLink	{
	width:26%;
	font-size:0.7em;
}
.sp_tel{
	display:none;
}
#pickupArea .shopTopics .fairBlog .photo {
	float: left;
	width: 30%;
	height:130px;
	overflow:hidden;
}

#shop_index #select_main_photo {
	/*max-height: 254px;*/
}
.onlineBnrArea .onlineBnr {
	display: block;
	padding-bottom: 10px
}
.onlineBnrArea .onlineBnrSp {
	display: none;
}

@media (max-width: 768px) {
	#shop_index #select_main_photo {
		max-height: 226px;
	}
}