@charset "utf-8";


/*--------------------------------------------------------------
	SP PFA
--------------------------------------------------------------*/
#spPFA{ position: relative; }
#spPFA h1 {
margin:0;
padding:25px 0 8px 0;
text-align: center;
}
#spPFA p {
padding: 0 12px;
font-size: 13px;
text-align: center;
}

/*--------------------------------------
media Query (for smart phone)
----------------------------------------*/
	.sectionTop,
	.section {
		width: auto;
		margin: 0 auto;
	}

	#gnHeader{
		display: block !important;
	}

	#gnFooter .fb-like-box,
	#wrapperAll #headerArea,
	#wrapperAll #footerArea,
	.goPageTop {
		display: none !important;
	}

	body #wrapperAll {
		position: relative;
		margin: 0;
		width: 100%;
	}

	p.attention{
		text-align: left;
	}

	.sp_only {
		display: block;
	}

	.pc_only {
		display: none;
	}

	.middle {
		font-size: 10px;
	}

	.error {
		margin: 10px 0;
		color: #c71444;
	}

	img {max-width: 100%;}
	.sectionTop {
		margin-top: -20px;
	}

	.sectionTop .inner {
		margin: 0 12px;
	}

	.sectionTop .attention {
		margin: 15px 0;
		font-size: 108.3%;
		line-height: 1.615;
		text-align: left;
	}

	.section {
		margin: 20px 0;
		position: relative;
	}

	.section .inner {
		margin: 0 12px;
	}

	/* 絞り込みボタン */
	/* pcのCSSを取り消す */
	.section#refine {
		position:initial;
		bottom:initial;
		width:initial;
	}
	
	.section .sectionTitle {
		width: auto;
		margin: 0 0 10px;
		padding: 11px 12px;
		border-bottom: none;
		background: #343434;
	}

	.section h2	{
		padding: 0;
		margin: 0;
		border-left: none;
	}

	#mainVisual {
		height: auto;
	}



	
/*
	.lyt-btn-sns {
		float: right;
		position: fixed;
		bottom: 88px;
		right: -135px;
		width: 50px;
	}

	.lyt-btn-sns .btn-tgl {
		position: relative;
		top: 61px;
		width: 45px;
		height: auto;
		cursor: pointer;
	}
	.lyt-btn-sns .float_bolero {
		position: relative;
		top: 59px;
		width: 45px;
		height: auto;
		cursor: pointer;
	}

	.lyt-btn-sns .float_axis {
		position: relative;
		top: 58px;
		width: 45px;
		height: auto;
		cursor: pointer;
	}

	.lyt-btn-sns .float_rider {
		position: relative;
		top: 57px;
		width: 45px;
		height: auto;
		cursor: pointer;
	}

	.lyt-btn-sns .float_mode {
		position: relative;
		top: 60px;
		width: 45px;
		height: auto;
 		cursor: pointer;
	}
		
	.lyt-btn-sns .float_whatAutech {
		position: relative;
		top: 61px;
		width: 45px;
		height: auto;
		cursor: pointer;
	}

	.lyt-btn-sns .btn-tgl img,
	.lyt-btn-sns .float_rider img,
	.lyt-btn-sns .float_axis img,
	.lyt-btn-sns .float_bolero img,
	.lyt-btn-sns .float_mode img,
	.lyt-btn-sns .float_whatAutech img{
		width: 45px;
		height: 45px;
	}

	.lyt-btn-sns .container {
		position: absolute;
		top: 62px;
		left: 45px;
	}
	
	.lyt-btn-sns .btn-tgl {
		position: relative;
		top: 62px;
		width: 45px;
		height: auto;
		cursor: pointer;
	}

	.lyt-btn-sns .container ul li {
		float: left;
		margin-right: 1px;
		cursor: pointer;
	}

	.lyt-btn-sns .container ul li img {
		max-width: 50%;
		left: 0;
		width: 45px;
		height: auto;
	}

	@media screen and (max-width: 600px) {
		.lyt-btn-sns {
			margin-left: 4%;
            right: -4px;
		}
	}

	@media only screen and (min-width: 640px) {
		#container .threesixty {
			width: 300%;
		}
	}
	*/
	/*===========================================================================================*/
	/*  Map Search  */



	#mapSearchForm .attention{
		text-indent: -1.2em;
		margin-left: 1.5em;
	}

	#mapSearchForm .attention .sp_only {
		display: inline;
	}
	#mapSearchForm .attention .pc_only {
		display: none;
	}

	#mapSearch2 {
		border: solid 0px #c1c1c1;
		padding: 20px 12px;
	}
	.mapSearchPrefWrapper {
		width: auto;
		float: none;
		margin: -40px 0 10px 0;
	}
	.mapSearchHanshaWrapper {
		width: auto;
		float: none;
	}
	.mapSearchHanshaWrapper h4 img {
		width: auto;
	}
	#mapSearchPref,
	#mapSearchHansha {
		position: relative;
		display: block;
		float: none;
		padding: 12px;
		margin: 0 0 4px;
		color: #fff;
		font-size: 120%;
		line-height: 100%;
		text-decoration: none;
		text-align: left;
		width: auto;
		height: 12px;
		background: #c1c1c1 url(../IMAGES/icon_pulldown.png) right center no-repeat;
		background-image: url(../IMAGES/icon_pulldown@2x.png);
		background-size: 37px 12px;
	}
	#mapSearchHansha.dim {
		background-image: url(../IMAGES/icon_pulldown@2x.png);
		background-size: 37px 12px;
	}
	#mapSearchPref select {
		display: block;
		position: absolute;
		top : 0;
		left: 0;
		width: 100%;
		margin: 0;
		line-height: 100%;
		padding: 12px;
		border: none;
		border-radius: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		color: #fff;
		text-indent: .01px;
		text-overflow: "";
		background: #333 url(../IMAGES/icon_pulldown.png) right center no-repeat;
		background-image: url(../IMAGES/icon_pulldown@2x.png);
		background-size: 37px 12px;
	}

	#mapSearchHansha select {
		display: block;
		position: absolute;
		top : 0;
		left: 0;
		width: 100%;
		margin: 0;
		line-height: 100%;
		padding: 12px;
		border: none;
		border-radius: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		color: #fff;
		text-indent: .01px;
		text-overflow: "";
		background: #8a8a8a url(../IMAGES/icon_pulldown.png) right center no-repeat;
		background-image: url(../IMAGES/icon_pulldown@2x.png);
		background-size: 37px 12px;
	}

	#mapSearchPref select * {
		font-size: 120%;
	}
	#mapSearchHansha select * {
		font-size: 120%;
	}

	#pulldownList {
		margin-left: -245px;
	}
	
	/* recent -------------------------- */
	/*
	#recentWraper {
		display: none;
		margin: 10px 12px 40px 12px;
	}

	#recentWraper h4 {
		margin-bottom: 14px;
	}

	#recentWraper h4 img {
		height: 15px;
		width: auto;
	}

	#recentBorder {
		border: #c1c1c1 1px solid;
		background-color: #FFFFFF;
	}

	#recent li {
		display: block;
		margin: 16px 0;
	}
	#recent li:first-child {
		display: block;
		margin-top: 0;
	}
	#recent li: last-child {
		display: block;
		margin-bottom: 0;
	}
	#recent li * {
		font-size: 12px;
	}
	#recent li a {
		line-height: 25px;
		text-decoration: none;
	}
	#recent li a img {
		margin: 0 5px 0 0;
		vertical-align: middle;
	}
	#recent li .shopName {
		color: #666;
		font-size: 12px;
		font-weight: bold;
	}
	#recent li .hanshaName {
		margin-left: 1em;
	}

	#recent #recentAction{
		background: url(../IMAGES/social_icon_off.png) left center no-repeat;
		border: none;
		display: block;
	}

	#recentAction select {
		display: block;
		top : 0;
		left: 0;
		width: 100%;
		height: 18px;
		margin: 0;
		line-height: 100%;
		border: none;
		border-radius: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		color: #FFF;
		text-indent: 2em;
		text-align: right;
		text-overflow: "";
		background: #FFF url(../IMAGES/social_icon_off.png) left center no-repeat;
	}
	*/

	/* list-notes -------------------------- */

	/* gpsArea -------------------------- */
	.spButton {
		display: block;
		margin: 2px 0;
		padding: 16px 15px;
		background: #666 url(../IMAGES/sp_arrow_r.png) right center no-repeat;
	}
	.spButtonGray {
		display: block;
		margin: 10px 0;
		padding: 16px 15px;
		text-align: center;
		background: #e6e6e6;
	}
	.spButtonRed {
		display: block;
		margin: 10px 0;
		padding: 16px 15px;
		background: #c71444 url(../IMAGES/sp_arrow_r.png) right center no-repeat;
	}
	.sectionFrame {
		display: block;
		margin: 0 0 20px;
		padding: 0;
		border: #d9d9d9 1px solid;
	}
	.noTempo td {
		padding: 12px 0 12px 12px;
	}
	.detailItem {
		display: none;
	}
	/* map -------------------------- */
	.mapSearchGPS{
		display: block;
		width: 100%;
		height: 44px;
		margin: 0;
		padding: 0;
		background: #c71444 url(../IMAGES/sp_arrow_d.png) right center no-repeat;
	}
	#mapContainer{
		position: relative;
		width: auto;
		height: auto;
		margin: 0;
	}
	.mapHeader{
		position: relative;
		width: auto;
		height: 45px;
		z-index: 9;
	}
	.mapHeader .mapShowListButton{
		position: absolute;
		top: 0;
		right: 0;
		width: 49.8%;
		height: 44px;
		padding: 0;
		background: #c1c1c1;
	}
	.mapHeader .mapShowListButton.selected{
		padding-bottom: 1px;
		background: #666 url(../IMAGES/sp_tab_list_selected.png) 0 0 no-repeat;
	}
	.mapHeader .mapShowListButton.selected img{
		visibility: hidden;
	}
	.mapHeader .mapShowMapButton{
		position: absolute;
		top: 0;
		left: 0;
		width: 49.8%;
		height: 44px;
		padding: 0;
		background: #c1c1c1;
	}
	.mapHeader .mapShowMapButton.selected{
		padding-bottom: 1px;
		background: #666 url(../IMAGES/sp_tab_map_selected.png) 0 0 no-repeat;
	}
	.mapHeader .mapShowMapButton.selected img{
		visibility: hidden;
	}
	#mapCanvas{
		position: relative;
		width: 100%;
		height: 300px;
		margin-bottom: 12px;
	}

	/*
	.mapShopListContainer{
		position: relative;
		width: 100%;
		height: auto;
		display: none;
	}
	.mapShopListContainer h3{
		display: none;
	}
	#mapShopList{
		position: relative;
		margin-bottom: 12px;
		top: 0;
		width: 100%;
		height: auto;
		overflow-x: hidden;
		overflow-y: visible;
	}
	#mapContainer p.attention{
		margin: 0;
		padding: 12px;
		font-size: 10px;
		text-align: left;
	}
	#mapShopSelected{
		display: block;
		margin-top: 300px;
		margin-bottom: 22px;
		padding-bottom: 22px;
	}
	#mapShopList{
		border: none;
	}
	.map_shop_list .mapShop{
		margin: 0;
		padding: 0;
		border: none;
	}
	.map_shop_list .hanshaName{
		display: block;
		font-size: 10px;
		color: #000;
		padding: 15px 12px 10px 12px;
		border-top: #d9d9d9 1px solid;
	}
	.map_shop_list .shopTitle {
		position: relative;
		margin: 0;
		padding: 12px 22px 6px;
		border-top: #d9d9d9 1px solid;
		background: none;
	}
	.map_shop_list .shopTitle:hover,
	.map_shop_list .open .shopTitle,
	.map_shop_list .open .shopTitle:hover {
		background: none;
	}

	.map_shop_list .shopName{
		display: inline-block;
		margin-right: 4.5em;
		font-size: 14px;
		font-weight: bold;
		color: #c71444;
		margin: 0px 0px 10px;
	}
	.map_shop_list .shopTitle .shopName span{
		padding: 0 22px 0 0;
		background: url(../IMAGES/arrow_s_d_red.png) right center no-repeat;
	}
	.map_shop_list .shopTitle:hover .shopName span{
		background: url(../IMAGES/arrow_s_d_red.png) right center no-repeat;
	}
	#mapShopSelected.map_shop_list .shopTitle .shopName span{
		background: none;
	}
	#mapShopSelected.map_shop_list .shopTitle:hover .shopName span{
		background: none;
	}
	.map_shop_list .carPhotos{
		margin: 10px 0 10px;
	}
	.map_shop_list .shopDistance{
		position: absolute;
		display: block;
		padding: 0;
		font-size: 12px;
		text-align: right;
		top: 15px;
		right: 22px;
		width: 10em;
	}
	.map_shop_list .shopDetail{
		margin: 0 22px;
	}
	.map_shop_list .shopAddress {
		min-width: 12em;
		font-size: 10px;
	}
	.map_shop_list .shopTel {
		padding-bottom: 1em;
		position: relative;
		display: block;
		width: 12em;
		text-align: left;
		top: 0;
		right: 0;
		vertical-align: middle;
	}

	.map_shop_list .shopTel a {
		position: absolute;
		color: #c71444;
		font-size: 1em;
		text-decoration: none;
		height: 1.5em;
		top: 2px;
	}

	.map_shop_list .shopTel img {
		padding-right: 0.5em;
		height: 1.5em;
	}

	.map_shop_list .shopAddressInfo span,
	.map_shop_list .shopAddressInfo p {
		font-size: 10px;
	}
	.map_shop_list .shopLink{
		padding: 0 12px;
		margin: 6px 0 22px;
	}
	.map_shop_list .shopLink a{
		display: block;
		padding: 12px 16px 12px 0;
		font-size: 100%;
		text-decoration: none;
		background: url(../IMAGES/arrow_s_r_red.png) right center no-repeat;
	}
	.map_shop_list .cars {
		padding: 0;
	}
	.map_shop_list .cars .car {
		position: relative;
		padding: 12px 0;
		margin: 0;
		border-top: #d9d9d9 2px dotted;
	}
	.map_shop_list .carName {
		margin: 0 0 5px 0;
		padding: 2px 0 0 54px;
		font-size: 13px;
		line-height: 18px;
		min-height: 18px;
	}
	.map_shop_list .carSpec {
		margin-right: 120px;
		font-size: 10px;
		line-height: 1.4;
		color: #666;
	}
	.map_shop_list .carSpec img {
		display: block;
		margin: 6px 0 0 0;
	}
	.map_shop_list .carRequest {
		position: absolute;
		top: auto;
		bottom: 15px;
		right: 0;
		height: 44px;
	}
	.map_shop_list .car:first-child .carRequest {
		top: auto;
	}
	.map_shop_list .carRequest a {
		display: block;
		margin: 0;
		padding: 15px 20px 15px 0;
		text-align: center;
		width: 90px;
		height: 14px;
		background: #c71444 url(../IMAGES/sp_arrow_r.png) right center no-repeat;
	}
	*/
	/* bannerArea -------------------------- */
	/*
	#bannerArea {
		margin: 0px 12px 22px;
		padding: 0 0 22px;
	}
	#bannerArea img {
		display: block;
		width: 300px;
		margin: 0 auto 5px;
	}
	#bannerArea a.pc_only {
		display: none;
	}
	*/
/*}*/
/*--------------------------------------
media Query (Retina display)
----------------------------------------*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	/* type_radio -------------------------- */
	.mapSearchGPS{
		background-image: url(../IMAGES/sp_arrow_d@2x.png);
		background-size: 33px 13px;
	}
	#mapSearchGPS {
		background-image: url(../IMAGES/icon_gps@2x.png);
	}
	.map_shop_list .shopName a{
		background-image: url(../IMAGES/arrow_s_d_red@2x.png);
		background-size: 10px 7px;
	}
	.map_shop_list .shopLink a{
		background-image: url(../IMAGES/arrow_s_r_red@2x.png);
		background-size: 8px 11px;
	}
	.map_shop_list .carRequest a {
		background-image: url(../IMAGES/sp_arrow_r@2x.png);
		background-size: 27px 18px;
	}
	.map_shop_list .carType-1 {
		background-image: url(../IMAGES/icon_testdrive2@2x.png);
		background-size: 50px 18px;
	}
	.map_shop_list .carType-2 {
		background-image: url(../IMAGES/icon_display@2x.png);
		background-size: 50px 18px;
	}
	/* gpsArea -------------------------- */
	.spButton {
		background-image: url(../IMAGES/sp_arrow_r@2x.png);
		background-size: 27px 18px;
	}
	.spButtonRed {
		background-image: url(../IMAGES/sp_arrow_r@2x.png);
		background-size: 27px 18px;
	}
	.mapHeader .mapShowListButton.selected{
		background-image: url(../IMAGES/sp_tab_list_selected@2x.png);
		background-size: 120px 44px;
	}
	.mapHeader .mapShowMapButton.selected{
		background-image: url(../IMAGES/sp_tab_map_selected@2x.png);
		background-size: 120px 44px;
	}




.vacation01 {
	border: 3px solid #8a8a8a;
	margin: 10px;
	padding: 10px;
}

.vacation01 p {
	font-size: 13px;
	line-height: 1.5;
}

.sp_menu {
	width: 14.375%;
}

.sp_close {
	width: 13.75%;
}


/*注記を確認する*/
.notesArea {
	border-top: 1px solid #bebebe;
	margin: 10px auto 10px;
	width: 100%;
}

.notesArea .notesText {
	margin: auto;
	width: 100%;
}

.notesArea .acBtn.open {
	background-image: url("../../TOP2012/IMAGES/SUPPORT/arrow_gopen.gif");
}

.notesArea .acBtn {
	background-image: url("../../TOP2012/IMAGES/SUPPORT/arrow_gclose.gif");
	background-size: 4.84375%;
	background-repeat: no-repeat;
	background-position: 95.78125% center;
	color: #707070;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	padding: 10px 0 10px 10px;
}

.notesArea .text {
	display: none;
	line-height: 1.25em;
	padding: 0 10px 20px;
}
}