@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
@import url(http://fonts.googleapis.com/css?family=Playball);
/* CSS Document */

body {
	color: #5b4831;
	background: #000 url(images/--iceland.jpg) no-repeat center top fixed;background-size:cover;
	/*background-image: url(images/background.jpg);
	background-repeat: no-repeat; 
	background-position: right;*/
	line-height: 1.5em;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	border-top: #f00 5px;
	overflow-x: hidden;
}

#breadcrumb{
	width: 100%;
	background-color: #444;
}

#breadcrumb-inner{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	font-size: 9pt;
}

#breadcrumb-inner a{
	text-decoration: none;
	color: #fff;
}

#wrapper{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg_custom.png);
	background-repeat: no-repeat; 
	background-position: top right;
}

#header {
	width: 980px;
	margin: auto;

	background-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(104,0,0,0.8));
	padding-bottom:20px;
}

#header div.prologue {color: #fff; padding:0 100px; text-align:center;font-size:24px;line-height:1.6em;font-family:"游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

a:hover img {/*
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";*/
  
  background-color:#fff;
}

div#mainContent {
	width: 960px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 40px;
	text-align: center;
	background-color:rgba(255,255,255,0.2);
}

#mainContent h2{
	font-size: 24px;
}

.img{
	width: 247px;
	float: left;
}

.clear{
	clear: both;
}

#lineUp{
	width: 960px;
	margin: auto;
}

#lineUp ul li{
	display: inline;
	list-style: none;
}

.block{
	width: 232px;
	height:390px;
	float: left;
	padding-bottom: 10px;
	background-color: #ede2da;
	margin-right:10px;
	margin-bottom:8px;
	border-radius: 3px;        /* CSS3 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;
	position:relative;
	overflow:hidden;
}

.block > a {display:block;position:relative;overflow:hidden;width:232px;height:260px;}
.block > a img {width:232px;position:relative;top:-20px;}
.block.imgtopm40 > a img {top:-40px;}
.block.imgtopm10 > a img {top:-10px;}
.block:hover {box-shadow: 0 0 5px 5px rgba(255,255,255,0.5);}
.block > a:hover img {transition: all 1.0s ease;transform:scale(1.05);top:-10px;}

/*
.block > a:after {content:url(images/waku.png);position:absolute;top:0;left:0;}
.block > a:hover:after {content:url(images/waku_on.png);}
*/
.block.sold > a:hover img {top:-20px;transform:scale(1.0);}
.block.sold > a:hover:after {content:url(images/waku.png);}
.block.imgtopm40 > a:hover img {top:-50px;}
.block.imgtopm10 > a:hover img {top:-20px;}
.block.hold > a img {opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";}
.block.sold > a img {opacity: 0.2; filter: alpha(opacity=20); -ms-filter: "alpha(opacity=20)";}
.block.hidden {display:none;}

.block:nth-child(4n) {margin-right:0;}

.block .brand{
	margin-top: 10px;
	color: #705129;
	font-size: 10px;
}

.block .model{
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: bold;
}

.block .model2{
	font-size: 8px;
	line-height: 1.2;
	margin-bottom: 0px;
	height: 18px;
}

.block .model3{
	font-size: 10px;
	margin-bottom: 5px;
}


.block.used:after {content:"USED";display:block;position:absolute;color:#fff;left:-45px;top:15px;font-size:20px;font-weight:bold;transform:rotate(-45deg);background-color:#7c1818;padding:5px 0 4px;line-height:1.0em;text-align:center;width:150px;box-shadow: -1px 1px 2px rgba(0,0,0,0.5);}

.block.outlet:after {
	content:"OUTLET";display:block;position:absolute;color:#fff;left:-45px;top:20px;font-size:16px;font-weight:bold;transform:rotate(-45deg);background-color:#6b5625;padding:5px 0 4px;line-height:1.0em;text-align:center;width:150px;box-shadow: -1px 1px 2px rgba(0,0,0,0.5);}

.shopping{
	width: 152px;
	margin: 0 auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #fff;
	font-weight: bold;
	font-size: 12px;
}
.sold .shopping {color:#322;}
.hold .shopping {color:#000;}

.shopping a{
	text-decoration: none;
	width:100%;
	display:block;
	color: #870000;
}
.shopping a:hover {color:#e03a3a;box-shadow:0 0 5px rgba(255,0,0,0.9);transition:all ease 0.2s;}
.mr{
	margin-right: 10px; 
}

#subMenu{
	width: 960px;
	padding: 30px 0;
	margin: auto;
}

#subMenu ul li{
	margin-left: 0;
	padding-left: 0;
	display: inline;
	list-style: none;
}

#map{
	width: 542px;
	margin: 20px auto;
	border: 1px solid;
	border-radius: 10px;
	text-align: left;
}

#mapImg{
	width: 250px;
	margin: 5px;
	float: left;
}

#kaijou{
	width: 270px;
	padding: 5px 5px 5px 0;
	float: right;
	text-align: left;
	line-height: 1.5em;
}

#map p#place{
	font-size: 15px;
}

#footer {
	width: 100%;
	margin: 0px auto;
	padding: 0;
	text-align: center;
	background-color: #444;
}

#footer p {
	color: #FFF;
	font-family: "メイリオ", "Times New Roman", sans-serif;
	font-size:12px;
	text-align: center;
	line-height:2;
}

address {
	font-style: normal;
	color: black;
	margin: 0; 
	padding: 0; 
	font-family: "メイリオ", "Times New Roman", sans-serif;
	font-size:12px;
	text-align: center;
	line-height:1.2;
	color: #FFF;
}

a{color: #fff;}

.playball{
	font-family: 'Playball', 'cursive';
	font-size: 24px;
	width: 25em;
	margin:6px 0;
}



.css_btn_class {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #eeb44f;
	padding:10px 320px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #fae4bd 5%, #eac380 100% );
	background:-ms-linear-gradient( top, #fae4bd 5%, #eac380 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae4bd', endColorstr='#eac380');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fae4bd), color-stop(100%, #eac380) );
	background-color:#fae4bd;
	color:#f00;
	display:inline-block;
	text-shadow:1px 1px 0px #cc9f52;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fcf8f2;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fcf8f2;
 	box-shadow:inset 1px 1px 0px 0px #fcf8f2;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #eac380 5%, #fae4bd 100% );
	background:-ms-linear-gradient( top, #eac380 5%, #fae4bd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eac380', endColorstr='#fae4bd');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #eac380), color-stop(100%, #fae4bd) );
	background-color:#eac380;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

.swiper-slide a:hover{opacity: 0.9; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)";}