@charset "UTF-8";
.bg-color {
background-image:url("/images/yozakura_sanrio/sakura_bg1.png");
background-color: rgba(100, 90, 250, 0.3);
background-repeat: round;
}

.main{position: relative;}

.tokuten_shop{
color:#FF0000;
}

.sakura-container {
position: relative;
height: 100%;
overflow: hidden;

}


.sakura,
.sakura1
{
	position: absolute;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}



.sakura li,
.sakura1 li{
	z-index: 30;
	width: 18px;
	position: absolute;
	list-style: none;
	top: 0;
	animation: fall 20s linear infinite, rotate1 1s ease-in-out infinite alternate;
}

@keyframes fall {
	to {
		top: 100%;
	}
}
@keyframes rotate1 {
	from {
		transform: translateX(0px) rotate(0deg);
	}
	to {
		transform: translateX(200px) rotate(-80deg) rotateX(180deg);
	}
}
@keyframes rotate2 {
	from {
		transform: translateX(200px) rotate(-45deg);
	}
	to {
		transform: translateX(0px) rotate(0deg);
	}
}
.sakura li:nth-child(12) {
	left: 0;
	animation: fall 16s linear infinite, rotate1 3s ease-in-out infinite alternate;
}
.sakura li:nth-child(11) {
	left: 5vw;
	animation: fall 17s linear infinite, rotate1 2s ease-in-out infinite alternate;
}
.sakura li:nth-child(10) {
	left: 10vw;
	animation: fall 20s linear infinite, rotate1 3.5s ease-in-out infinite alternate;
}
.sakura li:nth-child(9) {
	left: 15vw;
	animation: fall 23s linear infinite, rotate2 4s ease-in-out infinite alternate;
}
.sakura li:nth-child(8) {
	left: 20vw;
	animation: fall 26s linear infinite, rotate1 4s ease-in-out infinite alternate;
}
.sakura li:nth-child(7) {
	left: 25vw;
	animation: fall 29s linear infinite, rotate2 3s ease-in-out infinite alternate;
}

.sakura li:nth-child(6) {
	left: 30vw;
	animation: fall 53s linear infinite, rotate1 3s ease-in-out infinite alternate;
}
.sakura li:nth-child(5) {
	left: 35vw;
	animation: fall 41s linear infinite, rotate1 2s ease-in-out infinite alternate;
}
.sakura li:nth-child(4) {
	left: 40vw;
	animation: fall 16s linear infinite, rotate1 3.5s ease-in-out infinite alternate;
}
.sakura li:nth-child(3) {
	left: 45vw;
	animation: fall 23s linear infinite, rotate2 4s ease-in-out infinite alternate;
}
.sakura li:nth-child(2) {
	left: 50vw;
	animation: fall 17s linear infinite, rotate1 4s ease-in-out infinite alternate;
}
.sakura li:nth-child(1) {
	left: 55vw;
	animation: fall 30s linear infinite, rotate2 3s ease-in-out infinite alternate;
}






.sakura1 li:nth-child(13) {
	left: 80vw;
	animation: fall 19s linear infinite, rotate1 3s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(14) {
	left: 75vw;
	animation: fall 20s linear infinite, rotate1 2s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(15) {
	left: 70vw;
	animation: fall 23s linear infinite, rotate1 3.5s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(16) {
	left: 65vw;
	animation: fall 26s linear infinite, rotate2 4s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(17) {
	left: 60vw;
	animation: fall 29s linear infinite, rotate1 4s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(18) {
	right: 55vw;
	animation: fall 32s linear infinite, rotate2 3s ease-in-out infinite alternate;
}

.sakura1 li:nth-child(19) {
	left: 50vw;
	animation: fall 35s linear infinite, rotate1 3s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(20) {
	left: 45vw;
	animation: fall 38s linear infinite, rotate1 2s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(21) {
	left: 40vw;
	animation: fall 41s linear infinite, rotate1 3.5s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(22) {
	left: 35vw;
	animation: fall 60s linear infinite, rotate2 4s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(23) {
	left: 30vw;
	animation: fall 47s linear infinite, rotate1 4s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(24) {
	left: 0vw;
	animation: fall 50s linear infinite, rotate2 3s ease-in-out infinite alternate;
}

.sakura1 li:nth-child(25) {
	left: 80vw;
	animation: fall 19s linear infinite, rotate1 3s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(26) {
	left: 75vw;
	animation: fall 20s linear infinite, rotate1 2s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(27) {
	left: 70vw;
	animation: fall 23s linear infinite, rotate1 3.5s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(28) {
	left: 65vw;
	animation: fall 26s linear infinite, rotate2 4s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(29) {
	left: 60vw;
	animation: fall 29s linear infinite, rotate1 4s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(30) {
	left: 55vw;
	animation: fall 32s linear infinite, rotate2 3s ease-in-out infinite alternate;
}

.sakura1 li:nth-child(31) {
	left: 50vw;
	animation: fall 35s linear infinite, rotate1 3s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(32) {
	left: 45vw;
	animation: fall 38s linear infinite, rotate1 2s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(34) {
	left: 40vw;
	animation: fall 41s linear infinite, rotate1 3.5s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(35) {
	left: 35vw;
	animation: fall 60s linear infinite, rotate2 4s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(36) {
	left: 30vw;
	animation: fall 47s linear infinite, rotate1 4s ease-in-out infinite alternate;
}
.sakura1 li:nth-child(37) {
	left: 50vw;
	animation: fall 20s linear infinite, rotate2 3s ease-in-out infinite alternate;
}


.ttl-a,
.ttl-b:before,
.ttl-d__text:before,
.ttl-e
{
  background: #111111;
}

.ttl-b,
.ttl-c,
.right-text,
.header-top__menu__list li a:hover {
  color: #2B161E;
}

.ttl-c {
  border: solid 2px #ff525d;
  background-image:repeating-linear-gradient(135deg, transparent, transparent 8px, #F1F3FF 8px, #F1F3FF 12px);
}

.l-column.goods-list .goods-list__inner {
  background: #FFF;
  box-shadow: 2px 5px 6px 1px #ebebeb;
}

.caution-container {
  background: #FFF;
}

.l-column.goods-list .col-1 .image {
  padding-right: 2rem;
  border-right: dotted 3px #ff525d;
}

.space {
  color: #ddd;
  margin: 2rem 0;
}

@media only screen and (max-width: 599px) {
  .l-column.goods-list .col-1 .image {
    border-right: none;
    padding-right: 0;
  }
}