@charset "utf-8";

/* ==========================================================================
   LEDキューブセクション
   ========================================================================== */
.header-container {
  background-color: #22ac38;
}

section h3 {
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: normal;
  color: #d14355;
  margin-bottom: 50px;
}

section h3 + p {
  display: inline-block;
  text-align: left;
}

#ledcube-player {
  position: relative;
}

#ledcube-player video {
  position: absolute;
  left: 25px;
  bottom: 130px;
}

#ledcube-light img {
  border-radius: 50%;
  transition: 0.6s;
}

.color-blue {
  box-shadow: rgba(184, 222, 255, 0.8) 0px 0px 10px 6px;
}

.color-green {
  box-shadow: rgba(195, 255, 195, 0.8) 0px 0px 10px 6px;
}

.color-pink {
  box-shadow: rgba(255, 214, 255, 0.8) 0px 0px 10px 6px;
}

#ledcube .right-box {
  width: 480px;
  margin-top: 30px;
}

#ledcube .right-box img {
  margin: 5px;
}

/* ==========================================================================
   APPLIセクション
   ========================================================================== */

#appli .box {
  width: 480px;
  margin: 0 auto;
}

#appli .post-icon {
  margin-right: 25px;
}

#appli .description {
  width: 335px;
  text-align: left;
}

#appli h4 {
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: normal;
}

#appli h4 span {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  margin-left: 10px;
}

#movie {
  position: relative;
}

#checkitout {
  position: absolute;
  left: 160px;
  top: -190px;
}

#postdoko-player {
  width: 640px;
  background-color: #b3b3b3;
  margin: 0 auto;
}

#appli .smartphone-image {
  text-align: right;
}

#appli .left-image {
  margin-right: 30px;
}

/* ==========================================================================
   ARセクション
   ========================================================================== */

#ar .flex-container {
  display: inline-block;
}

#ar .right-image {
  margin-left: 120px;
}

#ar .feel p {
  font-size: 30px;
  font-size: 3.0rem;
}

#inu-image img {
  display: block;
  position: relative;
  left: 80px;
}

#inu-image .desc {
  text-align: left;
  margin-left: 85px;
  font-size: 14px;
  font-size: 1.4rem;
}

#holding-up-image {
  position: relative;
}

#holding-up-image img {
  position: relative;
  top: -120px;
  margin-bottom: -70px;
}

#holding-up-image .desc {
  position: absolute;
  right: 0;
  bottom: 50px;
  text-align: left;
  width: 230px;
  font-size: 14px;
  font-size: 1.4rem;
}

#sumaho-de-takarasagashi {
  background-color: #cdcdcd;
  padding: 50px 45px;
  text-align: left;
}

#sumaho-de-takarasagashi h4 {
  font-size: 25px;
  font-size: 2.5rem;
}

#sumaho-de-takarasagashi .date {
  margin: 10px 0 0 25px;
}

#sumaho-de-takarasagashi h4 span {
  color: #fd0202;
}

#sumaho-de-takarasagashi .slide {
  background-color: #fff;
  height: 260px;
  width: 880px;
  padding: 10px 25px;
}

#sumaho-de-takarasagashi .slide li {
  width: 230px;
  margin: 10px;
  outline: none;
  list-style-type: none;
  transition: 1s;
  margin-top: 45px;
}

#sumaho-de-takarasagashi .slide img {
  height: auto;
  max-width: 100%;
}

#sumaho-de-takarasagashi .slide .slick-current + li {
  width: 330px;
  margin: 10px;
}

#sumaho-de-takarasagashi .slick-container {
  position: relative;
}

#sumaho-de-takarasagashi .slick-container .slick-prev:before,
#sumaho-de-takarasagashi .slick-container .slick-next:before {
  content: "";
}

#sumaho-de-takarasagashi .slick-container .slick-prev {
  position: absolute;
  left: -10px;
  width: 18px;
  height: 30px;
}
#sumaho-de-takarasagashi .slick-container .slick-next {
  position: absolute;
  right: -20px;
  width: 18px;
  height: 30px;
}


#sumaho-de-takarasagashi .description {
  width: 50%;
  margin-left: 35px;
}