@charset "UTF-8";
/*======*/
/* 55th */
/*======*/
/* PC/SP出し分け
------------------------------ */
@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
/* wrapper
-----------------------------------*/
body {
  min-width: inherit;
}

.bg-wrap:before {
  position: fixed;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/55th/images/bg02.png) repeat, url(/55th/images/bg01.png) repeat-y center;
  background-color: #ffb347;
  z-index: -1;
}

.container {
  max-width: 430px;
  margin: 0 auto;
}
.container img {
  max-width: 100%;
  height: auto;
}

/* mv
-----------------------------------*/
.sec-mv {
  background: url(/55th/images/mv_bg01.jpg) no-repeat bottom center;
  background-size: cover;
  background-color: #a5389a;
}
.sec-mv figure {
  position: relative;
  margin-top: -10.4265402844%; /* 88/844 */
}
.sec-mv figure .tx01 {
  position: absolute;
  width: 26.7441860465%; /* 230/860 */
  top: 6.5165876777%; /* 55/844 */
  right: 5.3488372093%; /* 46/860 */
}
.sec-mv figure .tx02 {
  position: absolute;
  width: 30%; /* 258/860 */
  bottom: 8.1753554502%; /* 69/844 */
  left: 6.7441860465%; /* 58/860 */
}

/* sec01
-----------------------------------*/
.sec01 {
  background-color: #000727;
}

/* sec02
-----------------------------------*/
.sec02 {
  background: url(/55th/images/sec02_bg01.png) no-repeat center;
  background-size: cover;
  background-color: #e6196b;
}

/* sec03
-----------------------------------*/
.sec03 {
  background: url(/55th/images/sec03_bg01.png) no-repeat center;
  background-size: cover;
  background-color: #ffcc33;
}
.sec03 figure {
  position: relative;
}
.sec03 figure .slider02-dots {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.sec03 figure .slider02-dots li {
  position: absolute;
  width: 3.023255814%; /* 26/860 */
  height: 2.8384279476%; /* 26/916 */
  border-radius: 50%;
  cursor: pointer;
}
.sec03 figure .slider02-dots li:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #e6196b;
  box-shadow: 0 0 0 4px rgba(245, 187, 199, 0.8);
  z-index: 2;
}
.sec03 figure .slider02-dots li:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: ripple 1.5s ease-out infinite;
  animation: ripple 1.5s ease-out infinite;
  z-index: 1;
}
.sec03 figure .slider02-dots li button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}
.sec03 figure .slider02-dots li:nth-child(1) {
  display: none;
}
.sec03 figure .slider02-dots li:nth-child(2) {
  left: 82.0930232558%; /* 706/860 */
  top: 21.1790393013%; /* 194/916 */
}
.sec03 figure .slider02-dots li:nth-child(3) {
  left: 59.5348837209%; /* 512/860 */
  top: 29.9126637555%; /* 274/916 */
}
.sec03 figure .slider02-dots li:nth-child(4) {
  left: 53.023255814%; /* 456/860 */
  top: 43.9956331878%; /* 403/916 */
}
.sec03 figure .slider02-dots li:nth-child(5) {
  left: 45.6976744186%; /* 393/860 */
  top: 56.9868995633%; /* 522/916 */
}
.sec03 figure .slider02-dots li:nth-child(6) {
  left: 61.0465116279%; /* 525/860 */
  top: 75.327510917%; /* 690/916 */
}
.sec03 figure .slider02-dots li:nth-child(7) {
  left: 21.3953488372%; /* 184/860 */
  top: 59.7161572052%; /* 809/916 */
}
.sec03 figure .slider02-dots li:nth-child(8) {
  left: 46.6279069767%; /* 401/860 */
  top: 76.4192139738%; /* 700/916 */
}
.sec03 figure .slider02-dots li:nth-child(9) {
  left: 54.6511627907%; /* 470/860 */
  top: 92.576419214%; /* 848/916 */
}

@-webkit-keyframes ripple {
  0% {
    transform: scale(1, 1);
    background-color: rgba(245, 187, 199, 0.8);
  }
  100% {
    transform: scale(4, 4);
    background-color: transparent;
  }
}

@keyframes ripple {
  0% {
    transform: scale(1, 1);
    background-color: rgba(245, 187, 199, 0.8);
  }
  100% {
    transform: scale(4, 4);
    background-color: transparent;
  }
}
/* sec04
-----------------------------------*/
.sec04 {
  background-color: #FFF;
}
.sec04 .list-bn {
  width: 320px;
  margin: 8px auto 0;
}
.sec04 .list-bn li {
  padding-bottom: 20px;
}
.sec04 .list-bn li + li {
  padding-top: 16px;
  border-top: 1px solid #bfbfbf;
}
.sec04 .list-bn li figure a {
  display: block;
  border-radius: 8px;
  overflow: hidden;
}
.sec04 .list-bn li dl {
  color: #575757;
}
.sec04 .list-bn li dl.end {
  color: #999;
}
.sec04 .list-bn li dl span {
  background-color: #999;
  color: #FFF;
  font-size: 10px;
  line-height: 1;
  padding: 2px 4px;
  margin-right: 0.5em;
  border-radius: 2px;
}
.sec04 .list-bn li dt {
  font-size: 13px;
  font-weight: bold;
  padding: 12px 0 8px;
}
.sec04 .list-bn li dd {
  font-size: 10px;
}

/* footer
-----------------------------------*/
footer {
  background: none;
  background-color: #f0f0f0;
  padding: 20px 0 24px;
}
footer .f-logo {
  width: 218px;
  margin: 0 auto 20px;
}
footer .f-logo a {
  display: block;
}
footer .copy .tx01 {
  font-size: 12px;
  margin-bottom: 10px;
}
footer .copy .tx02 {
  font-size: 9px;
}/*# sourceMappingURL=55th.css.map */