@charset "utf-8";

#MY3000cp {
  color: #644d2b;
}
#MY3000cp .mincho {
  font-family: "Shippori Mincho", serif;
}

.pane-contents .container {
  display: block;
}

/* ======== PC ======== */
html[data-browse-mode="P"] #MY3000cp {
  margin: 0 0 20px;
}
html[data-browse-mode="P"] #MY3000cp .sp {
  display: none;
}
html[data-browse-mode="P"] #MY3000cp .mv {
  padding: 90px 0;
  margin: 0 0 80px;
  background: url(../../../img/usr/event/MY3000cp/bg_mv.jpg) no-repeat center bottom / cover;
}
html[data-browse-mode="P"] #MY3000cp .mv h1 {
  margin: 0;
  line-height: 1;
}
html[data-browse-mode="P"] #MY3000cp .mv .caution {
  width: 910px;
  margin: -10px auto 0;
  color: #231815;
  font-size: 16px;
  line-height: 1.625;
}
html[data-browse-mode="P"] #MY3000cp .btn-area {
  margin: 0 0 70px;
  text-align: center;
}
html[data-browse-mode="P"] #MY3000cp .btn-area p {
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 12px;
}
html[data-browse-mode="P"] #MY3000cp .btn-area a {
  display: block;
  width: 650px;
  margin: 0 auto;
  padding: 34px 0;
  border-radius: 60px;
  color: #FFF;
  font-size: 34px;
  background-image: linear-gradient(0deg, rgb(100,66,2) 20%, rgb(209,173,103) 100%);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .2);
  transition: .3s ease;
}
html[data-browse-mode="P"] #MY3000cp .btn-area a:hover {
  opacity: .8;
  text-decoration: none;
}
html[data-browse-mode="P"] #MY3000cp .message {
  margin: 0 0 120px;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.92;
  text-align: center;
}
html[data-browse-mode="P"] #MY3000cp .message span {
  background:linear-gradient(transparent 75%, #fae7a7 50%);
}
html[data-browse-mode="P"] #MY3000cp h2 {
  width: 1200px;
  margin: 0 auto;
  color: #FFF;
  font-size: 36px;
  text-align: center;
  letter-spacing: 1px;
  padding: 8px 0;
  background-image: linear-gradient(130deg, #836835 35%, rgb(209,173,103) 52%, #836835 65%);
}
html[data-browse-mode="P"] #MY3000cp h2 span {
  font-size: 28px;
}
html[data-browse-mode="P"] #MY3000cp h2 span:last-child {
  font-size: 24px;
}

/* ======== SP ======== */
html[data-browse-mode="S"] #MY3000cp-cp {
  margin: 0 0 10px;
}
html[data-browse-mode="S"] #MY3000cp-cp .pc {
  display: none;
}
html[data-browse-mode="S"] #MY3000cp .mv {
  padding: 30px 0;
  margin: 0 0 35px;
  background: url(../../../img/usr/event/MY3000cp/bg_mv_sp.jpg) no-repeat center bottom / cover;
}
html[data-browse-mode="S"] #MY3000cp .mv h1 {
  padding: 0;
  line-height: 1;
}
html[data-browse-mode="S"] #MY3000cp .mv h1 img {
  width: calc(100% * 744 / 750);
}
html[data-browse-mode="S"] #MY3000cp .mv .caution {
  margin: 5px 0 0;
  padding: 0 20px;
  color: #231815;
  font-size: 8px;
  line-height: 1.625;
  font-weight: 500;
  text-align: left;
}
html[data-browse-mode="S"] #MY3000cp .btn-area {
  margin: 0 0 35px;
  text-align: center;
}
html[data-browse-mode="S"] #MY3000cp .btn-area p {
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 10px;
}
html[data-browse-mode="S"] #MY3000cp .btn-area a {
  display: block;
  margin: 0 25px;
  padding: 18px 0;
  border-radius: 60px;
  color: #FFF;
  font-size: 17px;
  background-image: linear-gradient(0deg, #836835 20%, rgb(209,173,103) 100%);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .2);
}
html[data-browse-mode="S"] #MY3000cp .message {
  margin: 0 0 60px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.92;
  text-align: center;
}
html[data-browse-mode="S"] #MY3000cp .message span {
  background:linear-gradient(transparent 75%, #fae7a7 50%);
}
html[data-browse-mode="S"] #MY3000cp h2 {
  color: #FFF;
  font-size: 18px;
  text-align: center;
  letter-spacing: 1px;
  padding: 8px 0;
  background-image: linear-gradient(130deg, #836835 35%, rgb(209,173,103) 52%, #836835 65%);
}
html[data-browse-mode="S"] #MY3000cp h2 span {
  font-size: 14px;
}