@charset 'UTF-8';

/* index.html
**************************************************/

/* keyvisual */
#key_visual {
  position: relative;
}

#key_visual_mobile {
  display: none;
}

#key_visual p {
  position: absolute;
  text-align: center;
  color: #ffffff;
  text-shadow: 1px 1px 2px #555555;
  line-height: 2;
  font-size: 1.6rem;
  z-index: 1;
  top: 30%;
  left: 27%;
  opacity: 0;
}

#key_visual p span {
  letter-spacing: 0;
}

/* message board */
#message_board {
  text-align: center;
  margin: 2% auto 3% auto;
  padding-bottom: 2%;
  border-bottom: 3px solid #6bc600; /* pixel */
}

#smartphone_message_board {
  display: none;
}

/* contents box */
.contents_box {
  float: left;
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 3%;
  transition-property: opacity;
  transition-duration: 0.1s;
  transition-timing-function: linear;
}

.contents_img_box {
  width: 100%;
  overflow: hidden;
}

.contents_box .contents_img_box > img {
  transition: transform 0.1s linear;
}

.contents_box:hover .contents_img_box > img {
  transform: scale(1.05);
}

#main_contents .contents_box:last-child {
  margin-right: 0;
}

.contents_box a {
  color: #000000;
}

.contents_box p {
  padding: 4% 6% 4% 6%;
  font-size: 0.9rem;
  width: 88%;
  height: 22%;
  background-color: #ffffff;
  color: #2b2b2b;
}

.contents_box h3 {
  color: #ffffff;
  text-shadow: 1px 1px 2px #555555;
  position: absolute;
  top: 5%;
  left: 5%;
}

/* shop information */
#shop_information {
  margin-bottom: 5%;
}

#shop_information p {
  padding-left: 18px;
}

#shop {
  margin-bottom: 3%;
}

#shop,
#googlemap {
  width: 100%;
}

/* news */
#information {
  height: 350px; /* pixel */
  min-height: 180px; /* pixel */
  overflow-y: scroll;
}

#information p {
  padding-left: 5%;
  text-indent: -5%;
  margin-bottom: 15px; /* pixel */
  width: 90%;
}