main {
overflow-x: hidden;
scrollbar-width: none;
background: url("../40th/img/topback1.webp") no-repeat top right #fff;background-size:380px 253px;}

/* SP */
@media screen and (max-width: 990px) {
 main {
width: 100%; 
padding-bottom:0;}
 .pconly {
display: none !important;}
}

/* PC */
html {
scroll-behavior: smooth; }
#pcarea {
display: flex;
 justify-content: flex-end; }

#pcarea .pcarea_right {
width: 1000px;
position: relative;}
#pcarea .pcarea_right .pcarea_right_logo {
position: fixed;
height: 100vh;
right: 0;
top: 0;
width:400px;
display: flex;
 justify-content: center;
align-items: center; }
#pcarea .pcarea_right .pcarea_right_logo img {
margin: 0 auto;
display: block; }

#pcarea .pcarea_left {
position: fixed;
 left: 0;
top: 0;
height: 100vh;
width: calc(100% - 1000px);
justify-content: center;
align-items: center;
display: flex;
background: url("../40th/img/left_back.webp") no-repeat center;
background-size: cover; }
#pcarea .pcarea_left .pcarea_left_inner {
width: 42.19%; }
#pcarea .pcarea_left .pcarea_left_inner {
width: 100%;
height: auto;
display: block; }

@media screen and (min-width: 991px) {
main {
width: 600px;}
#sp_area01 {
height: 4280px; }
}

#sp_area01 {
position: relative;
z-index: 5;
margin-top: -69px;}

.right_cake{
position: absolute;
width: 260px;
height: 363px;
top: 15%;
background: url("../40th/img/title_stampback.webp") no-repeat;
background-size: cover;
border-radius:10px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);}
.right1{
position: absolute;
width: 160px;
top:58%;
left:15%;}
.right2{
position: absolute;
width: 160px;
top: 70%;
right:5%;}
.right3{
position: absolute;
width: 160px;
top: 78%;
left:10%;}

.pcarea_right_logo{
background: url("../40th/img/right_back.webp") no-repeat right;
background-size: cover;}

#th_title{margin:200px 0 40px 0;}
#th_title h1{max-width:360px;}
#th_title p{margin:0 0 0 auto;padding-right:16px;max-width:296px;text-align:right;}
.thsub_text p{padding:8px 24px;font-size:1rem;}
.event_list img{max-width:140px;}
.event_list{padding:24px 8px;display: flex;gap: 10px;justify-content: center;}
.stamp{background: url("../40th/img/stamp_back.webp") repeat-y;}
#stamp{background: url("../40th/img/title_stampback.webp") no-repeat;}
.stamp_map{margin:16px;background: url("../40th/img/stamp_card.webp") no-repeat;background-size: contain;}
.stamp_map img{max-width:568px;}
.attention{padding:8px 24px;}
.attention h3{font-size:1.1rem;color:#f00;}
.attention ul li{list-style:none;font-size:1rem;}
.th_cakelist h3{margin:64px auto 0 auto;max-width:350px;}
.th_cakelist ul{padding:0 8px;display: grid;grid-template-columns: 1fr 1fr;place-items: center;}
.th_cakelist ul li{margin:8px;list-style:none;background-color:#fff;max-width:250px;}
h2#draw,h2#event3{margin:40px 16px 0 16px;font-size:1.2rem;}
.draw,.event3{text-align:center;}
.event3{padding-bottom:40px;}

/* Animation */
.right1,.event_list a:nth-child(1) {
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
.right2,.event_list a:nth-child(2) {
  animation: floating-y 1.4s ease-in-out infinite alternate-reverse;
}
.right3,.event_list a:nth-child(3) {
  animation: floating-y 1.6s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform: translateY(-3%);
  }
  100% {
    transform: translateY(3%);
  }
}
