@charset "utf-8";

/*==========================================================

	car_index　SPレイアウト（画面の横幅が700pxまで）

==========================================================*/

/* 左カラム
----------------------------------------------------------*/
.sec_layout .main_def {
	background-color: #FFFFFF;
}

/* 右カラム非表示
--------------------------------*/
.sec_layout .sub_def {
	display:none;
	position:absolute;
	top:33%;
	left:0%;
	width:68%;
	z-index:100;
	background:url(/lib/images/shop/common/bg_menu_back_opacity.png) repeat left top;
}
.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;
}



/* 共通
--------------------------------*/
.main_inner {
    padding: 0%!important;
}

/* 詳細
--------------------------------*/
#shop_index .shopInfoArea {
	padding: 45px 3% 3% 3%;
}
.title_layout1 .menuWrap	{
	top:100%;
	left:0%;
	background-color:#DADADA;
	width:100%;
	padding:2%;
}
.title_layout1 .menuWrap .shopMenuBtn	{
	width:40%;
	margin:1.5% 0% 0% 2%;
	float:left;
}
.title_layout1 .menuWrap .shopMenuBtn .btn	{
	width:16%;
	float:left;
}
.title_layout1 .menuWrap .shopMenuBtn .text	{
	margin:7% 0% 0% 5%;
	float:right;
	font-size:1em;
	line-height:0;
	font-weight:bold;
	color:#2899D1;
	width:78%;
}
.title_layout1 .stockCarCount {
	position: static;
	text-align: right;
	margin-right:5%;
}



#shopStockArea .stockCarArea .car-height {
	width: 49%!important;
	float:left;
}
.moreBtn{
	width: 49%!important;
	float:left;
}
.moreBtn img{
	width: 100%!important;
}
#shop_index .shopInfoArea #shopPhoto {
	float: none;
	width: auto;
	margin-top:5%;
}
#shop_index .shopInfoArea #shopInfo {
	float: none;
	width: auto
}
#pickupArea .shopTopics .fairBlog {
	float: none;
	width: auto;
}

.topicsSliderArea {
	margin-bottom:5%;
}

#pickupArea .shopTopics .topicsSliderArea {
	float: none;
	width: auto;
}
#shopStockArea .subTtlArea {
	margin-bottom: 28%;
}
#shopStockArea .subTtlArea .subTtl {
	padding: 3% 0 3% 55px;
}
#shopStockArea .subTtlArea .subTtl .stockListChange {
	width: 100%;
	top: 125%;
	left: 3.5%;
}
#shopStockArea .subTtlArea .subTtl .stockListChange li {
	width: 22.5%;
}
#shopStockArea .subTtlArea .subTtl .btnStock {
	width:30%;
	text-align:center;
}
#afterServiceShopArea .afterShopTable .photo {
	float: none;
	width: auto;
	border-right: none;
}
#afterServiceShopArea .afterShopTable .linkDetail {
	display: none;
}
#afterServiceShopArea .afterShopTable table {
	width: 100%;
	border-top: 1px solid #CCCCCC;
}
#afterServiceShopArea .afterShopTable .ttl {
	width: 30%;
}
#afterServiceShopArea .afterShopTable td {
	border-right: none;
}
#afterServiceShopArea .subTtlArea .subTtl {
	padding: 1% 0 1% 40px;
}
#afterServiceShopArea .subTtlArea .areaList {
	position: static;
	text-align: right;
	width: auto;
	padding: 1%;	
}
#afterServiceShopArea .afterShopTable th,
#afterServiceShopArea .afterShopTable td {
	padding:1%;
}
#pickupArea .shopTopics .fairBlog .blogArea .blogTtl .detailLink	{
	width:23%;
	font-size:0.7em;
}
.pc_tab_tel{
	display:none;
}
#pickupArea .shopTopics .fairBlog .photo {
	float: left;
	width: 30%;
	height:80px;
	overflow:hidden;
}
.onlineBnrArea .onlineBnr {
	display: none;
}
.onlineBnrArea .onlineBnrSp,
.onlineBnrArea .onlineBnrSp a {
	display: block;
}
#shop_index #select_main_photo {
	/*max-height: 230px;*/
	width: 100%;
}