@charset "utf-8";
/* ヤマハ発動機ボートショー2018スペシャルサイトのCSSです */

/* 会場アクセス*/

#keyimg {
  background: url("../img/keyimg_access_pc_001.jpg") no-repeat center center;
  background-size: cover;
}

.tomap {
  margin-top:20px;
}
.tomap .uk-button {
  margin-bottom: 1rem;
}
.tomap .uk-button span{
  font-size: 0.875rem;
}
/* map-lead */
#map-lead {
  background: rgb(233,246,253);
  background: -moz-linear-gradient(top, rgba(233,246,253,1) 0%, rgba(211,238,251,1) 100%);
  background: -webkit-linear-gradient(top, rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%);
  background: linear-gradient(to bottom, rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%);
}
#map-lead h2 {
  margin: 0 auto 40px;
  text-align: center;
}
.map-lead-note {
  padding: .5rem;
  border: 2px dotted #E40A16;
  background-color: #fbfbfb;
  margin-bottom: 20px;
}
.map-lead-note > p:first-of-type {
  white-space: nowrap;
}
.map-lead-note span + span {
  margin-left: -10px;
  margin-right: 10px;
  white-space: nowrap;
}
#map-lead p {
  margin-bottom: 0;
  margin-top:0;
}
#map-lead p small {
  color: #1674b2;
}
.map {
  border: 1px solid #ccc;
}
.add {
	border-left: #66acf6 6px solid;
	padding-left:1rem;
}
#map1 {
  top: -20%;
  left: 10%;
  z-index:99;
}
/* sites */

#sites{
background: rgb(252,252,252);
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(244,244,244,1) 100%);
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(244,244,244,1) 100%);
background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(244,244,244,1) 100%);
}
#sites h2 {
  border: none;
  color: #333;
  padding-bottom: 0;
  margin-bottom: 20px;
}

#pacifico, #bayside {
  margin-bottom: 40px;
}
#ymcy {
  margin: 20px 0 0;
  padding: .5rem;
  border: 2px dotted #E40A16;
  background-color: #fff0f0;
  border-radius: 4px;
}
#ymcy > div:first-child {
  padding: 0;
}
#pacifico > p:last-child, #bayside > p:last-child {
  margin-top: 40px;
}


@media all and (min-width:960px) and (max-width:1200px){}
@media print, screen and (max-width: 960px){}
@media print, screen and (min-width: 960px){}
@media print, screen and (max-width: 640px){
#keyimg {
  background: url("../img/keyimg_access_sp_001.jpg") no-repeat center center;
  background-size: cover;
}
.map-lead-note p {
  margin-top: 0;
}
#sites h2 {
  font-size: 1.3rem;
}
#sites h4 {
  font-size: 1.1rem;
}
}