﻿.present .present_list {
    overflow: hidden;
    padding: 0 35px;
    margin-bottom: 80px;
    width: 100%;
}
.present .present_list:last-child {
    margin: 0;
    padding: 0;
    padding: 35px;
    margin-bottom: 80px;
}
.special_present {
    background: linear-gradient(180deg, #fff 0%, #fff 40%, #FCF2D9 40%, #FCF2D9 100%);
}
.special_present .ttl {
    width: 420px;
    margin: -72px auto 25px auto;
    padding-top: 160px;
}
.support_money {
    background-color: #FCF2D9;
    line-height: 0;
    position: relative;
}
#moreover {
    background-image: url(/images/SelectableGift/top/moveover_neighborhood_decoration_02.svg),url(/images/SelectableGift/top/moveover_neighborhood_decoration_05.svg);
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: top 205px right 50px,top 46px left 70px;
}
#moreover .ttl_moreover {
    text-align: center;
    padding-top: 130px;
    line-height: 0;
}
#moreover .moreover_txt {
    width: 668px;
    margin: 80px auto 36px 26px;
    line-height: 0;
}
.support_money .support_money_inner {
    width: 100%;
    height: 100%;
    background-image: url(/images/SelectableGift/top/plus_chance.svg);
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: top 484px center;
    padding: 38px 0 80px 0;
    box-sizing: border-box;
}
.support_money .neighborhood_decoration_03 {
    position: absolute;
    top: -10px;
    right: 52px;
}
.support_money .suddenly_anim {
    position: absolute;
    left: -44px;
    bottom: -38px;
    width: 120px;
    height: 220px;
}
.support_money .suddenly_anim .suddenly {
    position: relative;
    width: 100%;
    height: 100%;
}
@keyframes suddenly {
    0% {
		opacity: 0;
	}
	10% {
		opacity: 0;
	}
    30% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -moz-transform: rotate(42deg);
        -webkit-transform: rotate(42deg);
        transform: rotate(42deg);
        transform-origin: left bottom;
        opacity: 1;
    }
}
.support_money .suddenly_anim .suddenly img {
    opacity: 0;
}
.support_money .suddenly_anim .suddenly.diagonal img {
    position: absolute;
    left: -44px;
    bottom: 0;
    animation: suddenly 0.5s forwards;
    animation-delay: 0.3s;
}

.read {
    width: 736px;
    margin: 0 0 0 auto;
}
.moreover {
    background: linear-gradient(180deg, #F25444 0%, #F25444 60%, #FCF2D9 60%, #FCF2D9 100%);
    padding: 35px 0 50px 0;
}
.moreover p {
    width: 593px;
    margin: 10px auto 0 auto;
}
.moreover .product_slide_anim {
    width: 100%;
    height: 181px;
    background-image: url(/images/SelectableGift/top/top_present_scroll_anim_img.png);
    background-repeat: repeat-x;
    background-size: cover;
    background-position: 0 0;
    animation-name: slide_img;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    will-change: transform;
}
@keyframes slide_img {
    100% {
        background-position: -1890px 0;
    }
}
.number_of_winners_txt {
    font-size: 50px;
    line-height: 88px;
    letter-spacing: 0.05em;
    font-weight: 600;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.number_of_winners_txt .number_of_winners {
    color: #F25444;
    font-weight: 600;
}
.number_of_winners_txt .number_of_winners span {
    font-size: 100px;
    font-weight: bold;
}
.top03_wrap{
    background-color: #FCF2D9;
    padding-top: 6px;
}
.top03_wrap h4 {
    width: 421px;
    margin: 0 auto 40px auto;
}
.present_list {
    overflow: hidden;
    padding: 0 35px;
    margin-bottom: 80px;
}
.present_list .present_list_hierarchy {
    float: left;
    filter: drop-shadow(2px 4px 6px rgba(187,187,187,0.3));
}
.present_list_hierarchy {
    position: relative;
    width: 324px;
    z-index: 2;
    padding-top: 20px;
    margin-bottom: 20px;
}
.present_list_hierarchy:nth-child(odd) {
    margin-right: 40px;
}
.present_list_hierarchy p {
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 2;
}
.present_list_hierarchy .appeal {
    animation: shakeAppeal 3s infinite;
}
@keyframes shakeAppeal {
    0% {
        transform: rotate(0);
    }
    6% {
        transform: rotate(8deg);
    }
    12% {
        transform: rotate(-8deg);
    }
    18% {
        transform: rotate(8deg);
    }
    24% {
        transform: rotate(-8deg);
    }
    30% {
        transform: rotate(8deg);
    }
    36% {
        transform: rotate(-8deg);
    }
    42% {
        transform: rotate(8deg);
    }
    48% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(0);
    }
}
.present_list_hierarchy:first-child .appeal {
    top: 202px;
    right: 6px;
}
.present_list_hierarchy:nth-child(2) .appeal {
    top: 130px;
    left: 22px;
}
.present_list_hierarchy:nth-child(3) .appeal {
    top: 130px;
    left: 22px;
}
.present_list_hierarchy:nth-child(4) .appeal {
    top: 142px;
    left: 22px;
}
.present_list_hierarchy:nth-child(5) .appeal {
    top: 94px;
    right: 44px;
}
.present_list_hierarchy:nth-child(6) .appeal, .present_list_hierarchy:nth-child(17) .appeal {
    top: 234px;
    right: 16px;
}
.present_list_hierarchy:nth-child(12) .appeal {
    top: 112px;
    right: 22px;
}
.present_list_hierarchy:nth-child(14) .appeal {
    top: 118px;
    right: 22px;
}
.present_list_hierarchy:nth-child(20) .appeal {
    top: 100px;
    right: 30px;
}
.present_list_hierarchy:nth-child(25) .appeal {
    top: 134px;
    left: 12px;
}
.present_list_hierarchy .appeal_popularity {
    width: 92px;
}
.present_list_hierarchy .appeal_select {
    width: 105px;
}
.present_list_hierarchy figure img {
    border-radius: 30px;
}
.realtime_inner {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -70%);
    -webkit-transform: translate(-50%, -70%);
    -ms-transform: translate(-50%, -70%);
    width: 100%;
    height: 74px;
    text-align: center;
}
.realtime_inner div {
    font-size: 22px;
}
.top03_wrap .present_list {
    height: auto;
}

