#wrapper{max-width: 100% !important;padding: 0 !important;}
#pcget{
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    color: #000;
    overflow: hidden;

    & img{
        width: 100%;
        height: auto;
        display: block;
    }
    & h3,h2,h4{        z-index: 2;position: relative;}}
header{background-color: #ffffff !important;}

#pcget .kiyaku_bg1{position: fixed;top: 0;width: 100%;  transform: scale(-1, -1);z-index: -1;}
#pcget .kiyaku_bg2{position: fixed;bottom: 0;width: 100%;z-index: -1;}
/*-------------------------------------------
common
-----------------------------------------*/
#pcget .hidden,#pcget .smp{display: none;}

#pcget div.bn{ margin: 1rem 0;    }
#pcget div.bn .bar_bn{width: 600px;margin: auto;background-color: #ff163b;padding: 0.5rem 0;color: #fff;}

#pcget .wrap_900{
    max-width: 900px;
    margin: auto; 
    text-align: center;
    width: 90%;
}

#pcget .flex{display: flex;}
#pcget .flex_c{display: flex;flex-direction: column;}
    

#pcget .br_gry{
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
#pcget .btn_flex{
    display: flex;
    width: 100%;
    gap: 1.5rem;
}
#pcget .btn_more{
    display: flex;
    padding: 0.5rem;
    width: 100%;
    justify-content: center;
    align-items: center;
    border-radius: 100vw;
    position: relative;
    margin-top:0; 
    color: #ffffff !important;
    padding: 1px;/* 線の太さ */
    background: linear-gradient(to bottom, #b8b8b8, #757575);
    transition: .2s;
    box-shadow: 0 6px 8px rgb(183 144 167 / 70%);
    &:hover {
        transform: scale(1.04);
        box-shadow: none;
    }
    & p{          
        display: block;
        border-radius:100vw;
        background-color: #00a39e;
        background: linear-gradient(90deg, rgba(0, 47, 150, 1) 10%, rgba(66, 155, 245, 1) 50%, rgba(0, 47, 150, 1) 90%);
        margin: 2px;
        width: 100%;
        border: 1px solid #fff;
        padding: 0.8rem 0;
        font-size:1.1rem;
        transition: .2s;
    }
    &::after{
        position: absolute;
        right: 2em;
        bottom: 2em;
        display: block;
        content: "";
        width: .5em;
        height: .5em;
        transform: rotate(45deg);
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        transition: .2s;
    }
}

#pcget .mini{font-size: .6rem;}

#pcget ul.itemlist{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
    & img{border-radius: 14px;}
    & li a{display: flex;flex-direction: column;height: 100%;
        justify-content: space-between;border-radius: 19px;box-shadow: 0 8px 25px rgb(183 144 167 / 70%);}
        & h4{        font-size: .8rem;
        color: #222;
        font-weight: 300;
        height: 2.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    & .text{font-size: .8rem;margin: 0.5em 0;        height: 2.6rem;}
    & .pick{background-color: #ffef9e;font-size: .8rem;        border-radius: 5px;}
    & .price{color: #ff163b;font-size: 1.6em;}
    & .cart{display: flex;        background-color: #ff163b;color: #fff;        
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        padding: 0.2rem;}
        & li:hover{opacity: 0.8;}
        & .normal-price{
        display: none;
        color: #8b8b8b;
        font-size: .8rem;
        height: 1em;
        text-decoration: line-through;
    }
}
#pcget ul.itemlist_2 li{width: calc((100% - 20px) / 2);}
#pcget ul.itemlist_3 li{width: calc((100% - 40px) / 3);}

/*-------------------------------------------
#title
-------------------------------------------*/
#pcget #title{
    width: 100%;
    overflow: visible;
    position: relative;
    & .bg{position: absolute;width: 100%;z-index: 1;top: 0;}
    & h1{position: relative;
        text-align: center;
        z-index: 99;    
        margin: auto;
        padding: 10px;
        margin-right: 93px}
}
/*-------------------------------------------
#step
-------------------------------------------*/
#pcget #step{
    z-index: 2;
    position: relative;
    & .corner{        
        display: flex;
        gap: 10px;
        margin-bottom: 1rem;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;}
        & .corner .br_gry{width: calc(( 100% - 10px)/ 2);}
        & .corner .br_gry img{width: 50px;}
        & .corner .bar{    background-color: #c6c6c6;
        font-size: .6rem;
        border-radius: 90px;}
        & h3{font-size: 1rem;}
}
#pcget #step .step_text{width:100%;}

/*-------------------------------------------
#search #category
-------------------------------------------*/
#pcget #search,#pcget #category{ 
    background-color:rgb(255 219 35 / 85%);
    padding:4%;

    .icon { 
        & span {
            font-family: apple color emoji,segoe ui emoji,noto color emoji,android emoji,emojisymbols,emojione mozilla,twemoji mozilla,segoe ui symbol;
            font-size: 2rem;
        }
    }

    & a {
        &:hover {
            opacity: .8;
            color: #222 !important;
        }
    }
    
    & h2{margin-bottom: 1.5rem;text-align: center;}
    & .corner{ gap: 2rem;flex-wrap: wrap;justify-content: center;}
}

#pcget #search {
    & a{background-color: #ffffff;
        padding: 0.5rem 1rem;        
        border: 1px solid #af981f;}
    & a:hover{background-color: #fb3691;color: #fff !important;}}



/*-------------------------------------------
.itemaarea
-------------------------------------------*/
#pcget .itemaarea{
    position: relative;
    padding: 20px 0;
    padding-top: 0 !important;
    & h3{ color: #222; margin-bottom:.5rem;font-size: 1.6rem;}
    & .br_gry{
        padding:0;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
    & h2{margin-bottom:2rem;}
    /* & ul{    margin-top: 20px;} */
    & .wrap_900{     padding: 2rem 0;}}

/*bg*/
#pcget .item-bg1 {background:rgb(242 228 249 / 85%);}
#pcget .item-bg2 {background: rgb(253 242 247 / 85%);}

/*gift*/
#pcget #item_6 .wrap_900{padding: 1rem 0;}

/*other*/
#pcget #item_2{        
    background-color: #2ed9f5bf;
    backdrop-filter: contrast(1);}
#pcget #item_1{        
    background-color: #ffffffbf;
    backdrop-filter: contrast(1);}
#pcget #item_3{        
    background-color: #2ed9f5bf;
    backdrop-filter: contrast(1);}
#pcget #item_4{        
    background-color: #ffffffbf;
    backdrop-filter: contrast(1);}

#pcget #item_1{  position: relative;    }
                #pcget .bg_sakura_l{
                    position: absolute;left: 0;max-width:500px;    top: -55px;width: 40%;}
                #pcget .bg_sakura_r{
                    position: absolute;right: 0;max-width: 500px;top: 300px;width: 40%;}
                #pcget .boy{position: absolute;
                    right: -36px;
                    bottom: -21px;
                    max-width: 127px;}
                #pcget .girl{position: absolute;
                    left: -36px;
                    bottom: -21px;
                    max-width: 137px;}

/*-------------------------------------------
#kiyaku
-------------------------------------------*/
#pcget #kiyaku{       
    padding: 50px 0;
    position: relative;
    & .br_gry{
        padding: 2rem !important;
        position: relative;
        align-items: start !important;
        text-align:left !important;
        background: #fff;
        margin-top: 1rem;
    }
        & p {
            font-size: 14px !important;
            margin-bottom: .8em;
            line-height: 1.8;
        }
        & h3{text-align: left !important;
        background-color: #00a39e;
        color: #ffffff;
        font-size: 1rem;
        width: 100%;
        margin: 1rem 0;
        padding:.2rem 0 .3rem 0.5rem;}
        & h4{color: #00a39e;font-size: 1rem;}
        .red{
            color: red;
            text-decoration:underline;
        }

}
/*-------------------------------------------
#navi
-------------------------------------------*/
#pcget #navi{
    position: fixed;
    bottom: 10px;
    right: 10px;
    gap: 2px;
    align-items: flex-end;
    z-index: 99;
    & img{width: 30px;}
    & a{
    width: 100%;
    padding:5px;
    display: flex;
    background-color: #000000b9;
    color: #ffffff;
    align-items: center;
    justify-content: flex-start;
    & p{font-size: 0.8rem;margin-left: 0.5rem;}}
    & a:hover{background-color: #ffda24;}
    & a:last-of-type{  width: fit-content;padding-right: 1rem;}
}

/***************** 25.04.10 *****************/
/*title*/
#pcget .title-box {
    position: relative;
    & .title-area{
        max-width: 1080px;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        margin: 0 auto;
        z-index: 999;
        width: 90%;
    
        & .main{
            max-width: 950px;
            margin: 0 auto;
            padding:2rem 0 1rem 5rem;
            width: 90%;
            z-index: 4;
        }
        & h1{
            position: absolute;
            left: 0;
            bottom: -6rem;
            max-width: 444px;
            z-index:4;
            width: 42%;

            & img {
                width: 100%;
            }
        }
    }
    & .title-bg{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    
    & .date-area{
        background: #002f96;
        width:100%;
        z-index: 2;
        position: relative;
        & .date{
            max-width: 1080px;
            margin: 0 auto;
            width: 80%;
            

        }
    }
}
#pcget img {width: 100%;}

/* アニメーション */
@keyframes reflection {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.1;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: .3;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

#pcget .scroll{
    max-width: 750px;
    margin: 0 auto;
    width: 90%;
    box-sizing: border-box;
}
#pcget ul.itemlist {
    display: flex;
    flex-direction: row;
    z-index: 0;
    margin:1rem 0 ;
    & li {
        position: relative;
        width:calc((100% - (1rem * 2))/ 2);
        margin: 0 auto;

        & a {
            transform: scale(1);
            position: relative;
            z-index: 100;
            overflow: hidden;

            &:hover {
                transform: scale(1.05);
                box-shadow: none;
            }

            &::after {
                content: "";
                height: 100%;
                width: 30px;
                position: absolute;
                top: -180px;
                left: 0;
                background-color: #fff;
                opacity: 0;
                -webkit-transform: rotate(45deg);
                -webkit-animation: reflection 2.5s ease-in-out infinite;
            }
        }

        & .favo {
            position: absolute;
            right: 13%;
            top: 7.2%;
            z-index: 100;
        }
        & .smp-cal2 .item-btn {
            font-size: 1em;
        }
        & .item-btn {
            position: relative;
            margin-top: 3%;
            background: #cb0d1b;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 100vw;
            background: #8E7C31;
            background: linear-gradient(43deg, rgba(142, 124, 49, 1) 0%, rgba(224, 208, 140, 1) 50%, rgba(142, 124, 49, 1) 60%, rgba(224, 208, 140, 1) 100%);
            padding: .2rem;
            & p {
                padding: .3em 0;
                font-size:1rem;
                background: #d40c24;
                color: #FFF;
                width: 100%;
                border-radius: 100vw;
                border: 1px solid;
                
            }
            &::after {
                position: absolute;
                display: inline-block;
                vertical-align: middle;
                content: "";
                width: .4em;
                height: .4em;
                border-top: 2px solid #fff;
                border-right: 2px solid #fff;
                top: 0;
                bottom: 0;
                right: 1.2em;
                margin: auto;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                transition: all 0.3s ease 0s;
            }
        }
    }

}
.action-wish:after, .action-wish:before {
    font-size: 22px;
}
/*h2*/
#pcget h2 img{
    width: 70%;
    margin: 0 auto;
}
/*giftcard*/
#pcget .giftcard{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    width: 100%;
    & li {
        width: 55%;
    }
    & li:nth-of-type(2) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 1rem;
        width: 40%;
    }
    & li a {
        display: flex;
        padding: 0.5rem;
        width: 100%;
        justify-content: center;
        align-items: center;
        border-radius: 100vw;
        position: relative;
        padding: 1px;
        background: linear-gradient(to bottom, #b8b8b8, #757575);
        transition: .2s;
        margin: 0;
        box-shadow: 0 6px 8px rgb(183 144 167 / 70%);
        & p {
            display: block;
            color: #ffffff !important;
            border-radius: 100vw;
            background-color: #00a39e;
            background:linear-gradient(90deg, rgb(195 32 52) 10%, rgb(253 93 110) 50%, rgb(195 32 52) 90%);
            margin: 2px;
            width: 100%;
            border: 1px solid #fff;
            padding: .4rem 0;
            font-weight: bold;
            font-size: 1.8rem;
            font-family: lato;
            transition: .2s;
        }
        
    }
    & li a.white p {
        display: block;
        color: #de0f28 !important;
        border-radius: 100vw;
        background-color: #00a39e;
        background:linear-gradient(90deg, #ddd 10%, #fff 50%, #ddd 90%);
        margin: 2px;
        width: 100%;
        border: 1px solid #fff;
        padding: .4rem 0;
        font-weight: bold;
        font-size: 1.8rem;
        font-family: lato;
        transition: .2s;
    }
    & li a.black p {
        display: block;
        color: #fff !important;
        border-radius: 100vw;
        background-color: #00a39e;
        background:linear-gradient(90deg, #000 10%, #8d8d8d 50%, #000 90%);
        margin: 2px;
        width: 100%;
        border: 1px solid #fff;
        padding: .4rem 0;
        font-weight: bold;
        font-size: 1.8rem;
        font-family: lato;
        transition: .2s;
    }
    & li a:hover{
        transform: scale(1.04);
        box-shadow: none;
    }
    & li a::after {
        position: absolute;
        right: 2em;
        bottom: 2.1em;
        display: block;
        content: "";
        width: .5em;
        height: .5em;
        transform: rotate(45deg);
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        transition: .2s;
    }
    & li a.white::after {
        border-top: 3px solid #de0f28 ;
        border-right: 3px solid #de0f28 ;
    }
    
}
/*bg*/
#pcget .contents {
    position: relative;
    background: #FFF;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%);
    & .all-bg{
        position: fixed;
        top: 0;
        width: 100%;
        z-index: -1;
}
}
/*entry*/
#pcget .btn-entry {
    background: #8E7C31;
    background: linear-gradient(43deg, rgba(142, 124, 49, 1) 0%, rgba(224, 208, 140, 1) 50%, rgba(142, 124, 49, 1) 60%, rgba(224, 208, 140, 1) 100%);
    display: block;
    width: 60%;
    border-radius: 100px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding: .2rem;
    z-index: 2;
    box-shadow:0 25px 15px -17px rgb(65 69 70 / 50%);
    transition: .2s;
    animation: yureru-updown 2s infinite;
    &:hover {
        box-shadow:none;
        transform: translateY(3px);
        animation: none;
		transition: unset;
        & p {
            background: linear-gradient(0deg, #fb49b0 0%, #f7276c 100%);
        }
    }
    &::after {
        position: absolute;
        right: 3em;
        bottom: 3em;
        display: block;
        content: "";
        width: .7em;
        height: .7em;
        transform: rotate(45deg);
        border-top: 4px solid #fff;
        border-right: 4px solid #fff;
        transition: .2s;
    }
    & p {
        color: #fff;
        font-size: 1.8rem;
        font-weight: bold;
        padding: 1.2rem 0;
        background: #F9388E;
        background: linear-gradient(0deg, #f7276c 0%, #fb49b0 100%);
        border-radius: 100px;
        border: 1px solid;
        transition: .2s;
    }
}
@keyframes yureru-updown {
	0% {
		transform: translateY(1px);
	}
	5% {
		transform: translateY(-1px);
	}
	10% {
		transform: translateY(1px);
	}
	15% {
		transform: translateY(-1px);
	}
	20% {
		transform: translateY(1px);
	}
	25% {
		transform: translateY(-1px);
	}
	30% {
		transform: translateY(0px);
	}
}
#pcget .btn-entry.top{
    margin-top: 4rem;
}
#pcget .entry-box {
    padding:3rem 0 2rem 0;
    position: relative;
    & .entry-bg {
        position: absolute;
        top:2.8rem;
        width: 100%;
        z-index: 1;
        & .left {
            left:-7rem;
            width: 260px;
            position: absolute;
        }
        & .right {
            right:-7rem;
            width: 244px;
            position: absolute;
        }
    }
}
/*shosai*/
#pcget .shosai-area {
    margin-bottom: 5rem;
    & .midashi {
        font-size: 22px;
        text-shadow: -3px -3px 0 #fff, 0px -3px 0 #fff, 3px -3px 0 #fff, -3px 0px 0 #fff, 3px 0px 0 #fff, -3px 3px 0 #fff, 0px 3px 0 #fff, 3px 3px 0 #fff;
        font-weight: bold;
        position: relative;
        z-index: 1;
        margin-top: 4%;

        & .big {
            font-size: 2.3rem;
            display: contents;
        }
        &::before{
            position: relative;
            display: inline-block;
            vertical-align: -3px;
            content: "";
            width: 2px;
            height: 1.6rem;
            background-color:#000;
            margin: 0 15px;
            transform: rotate(-10deg);
            box-shadow: -3px -3px 2px #fff, 0px -3px 2px #fff, 3px -3px 2px #fff, -3px 0px 2px #fff, 3px 0px 2px #fff, -3px 3px 2px #fff, 0px 3px 2px #fff, 3px 3px 2px #fff;
        }
        &::after{
            position: relative;
            display: inline-block;
            vertical-align: -3px;
            content: "";
            width: 2px;
            height: 1.6rem;
            background-color:#000;
            margin: 0 14px;
            transform: rotate(10deg);
            box-shadow: -3px -3px 2px #fff, 0px -3px 2px #fff, 3px -3px 2px #fff, -3px 0px 2px #fff, 3px 0px 2px #fff, -3px 3px 2px #fff, 0px 3px 2px #fff, 3px 3px 2px #fff;
        }
    }
    & .inner {
        font-size: 1rem;
        background: #fff;
        border: 1px solid #fa42a1;
        padding:2.2rem 0 1rem 0;
        position: relative;
        margin: 4rem auto 0 auto;
        width: 80%;
        text-align: left;
        padding: 5% 4% 3.5%;

        & .title {
            background: #000;
            color: #fff;
            padding: .4rem 0;
            position: absolute;
            top: -1.7rem;
            left: 0;
            right: 0;
            width: 70%;
            margin: 0 auto;
            text-align: center;
            & p {
                font-size: 20px;
            }
        }
        & .item {
            font-size: 1.7rem;
            color: #f7286e;
            font-weight: bold;
            letter-spacing: -0.01rem;
        }
        & .txt {
            font-size: 18px;
            font-weight: bold;
            margin: 0 auto;
            padding: 0 5%;
            & .big {
                font-size: 3rem;
                display: contents;
                line-height: 0;
            }
            .period {
                color: #f7286e;
                font-size: 18px;
            }
            .small {
                font-weight: 400;
            }
            & span {
                font-size: 18px;
                display: block;
                margin-bottom: .5em;
            }
        }
    }
    
}
#pcget .midashi.linenone::after,
#pcget .midashi.linenone::before{
    display: none;
}
#pcget .card-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -3rem auto 0 auto;
    z-index: 1;
    position: relative;
    width: 100%;
    & img {
        width: 100%;
        margin: 0 -4rem;
        }
    }
    
    & .list-inner {
    display: flex;
    gap: 2rem;
    flex-direction: column;
    margin: 1rem 0 3rem 0;
    & li {
        position: relative;
        background: #002F96;
        background: linear-gradient(90deg, rgba(0, 47, 150, 1) 10%, rgba(66, 155, 245, 1) 50%, rgba(0, 47, 150, 1) 90%);
        color:#fff;
        padding:.8rem 4rem 1rem 4rem;
        & .icon{
            position: absolute;
            top: -1rem;
            left: -2rem;
            max-width: 127px;
            width: 100%;
        }
        & .title{
            font-size: 1.6rem;
            padding-bottom: .4rem;
            border-bottom: 1px solid;
            margin-bottom:1rem;
        }
        & .flex{
            display: flex;
            padding-left: 3rem;
            gap: 1rem;
            & .box{
                display: flex;
                justify-content:flex-start;
                align-items: center;
                gap: 1rem;
                width: 100%;
                & img{
                    width: 23% !important;
                }
            }
            & .box.box_02{
                & img{
                    width: 12% !important;
                }
            }
            & p {
                text-align: left;
                font-size: 1.2rem;
            }
            & .box-txt  {
                text-align: left;
                font-size: 1.2rem;
            }
            & .box-txt .big {
                font-size: 1.8rem;
                display: contents;
                line-height: 1;
            }
        }
    }
}
#pcget .card-inner img.left{
    z-index: 3;
    margin-top: 6rem !important;
    animation: floating-y-left 1s ease-in-out infinite alternate-reverse;
    width: 60%;
}
#pcget .card-inner img.right{
    width: 65%;
    animation: floating-y-right 1s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y-left {
    0% {
        transform: translateY(-3px);
    }
    100% {
        transform: translateY(3px);
    }
}
@keyframes floating-y-right {
    0% {
        transform: translateY(3px);
    }
    100% {
        transform: translateY(-3px);
    }
}
#pcget .shosai-bg {
    position: relative;
    z-index: 1;
    & .left {
        position: absolute;
        width: 258px;
        top:-9rem;
        left:-5rem;
    }
    & .right {
        position: absolute;
        width: 310px;
        top:-7rem;;
        right:-6rem;
    }
}
#pcget .pc_none{
    display: none;
}



/*****************/
#pcget .col_2{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2%;
    margin: 0 auto;
}

#pcget .col_2 li{
    width: 32%;
    position: relative;
    background: #fff;
    box-shadow: 4px 4px #c9aa4d;
    border-radius: 10px;
    margin-top: 2%;
}
#pcget .col_2 li:nth-of-type(1),
#pcget .col_2 li:nth-of-type(2),
#pcget .col_2 li:nth-of-type(3) {
    margin-top: 0;
}
#pcget .col_2 li::after{
    position: absolute;
    right: 13px;
    top: 45%;
    display: block;
    content: "";
    width: .4em;
    height: .4em;
    transform: rotate(45deg);
    border-top: 2px solid #231e1e;
    border-right: 2px solid #231e1e;
    transition: .2s;
}
#pcget .col_2 p{
    font-size: 1rem;
    text-align: center;
}
#pcget .col_2 .font_s{
    font-size: 1rem;
    text-align: start;
    line-height: 1.2;
}

#pcget .col_2 span{
    font-size: 4rem;

}
#pcget .col_2 .icon{
    display: flex;
    /* gap: 1em; */
    align-items: center;
    padding: 0% 8%;
}
#pcget .col_2 .col_1 .icon{
    display: flex;
    justify-content: center;
}
#pcget .col_2 span {
    font-size: 2rem;
}
#pcget .col_2 .col_1 .icon {
    justify-content: start;
}

/*==============================================
関連特集　ここから
================================================*/
#pcget section.event {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top:1%;
    box-sizing: border-box;
    border-radius: 0px;   
    padding: 4% 4% 0;

    & h2 {
        margin-bottom: .5em;
        text-align: center;
    }

}
#pcget section.event .bn {
    margin-bottom: 2%;
    width: 100%;
    max-width: 750px;
}
/*==============================================
関連特集　ここまで
================================================*/
#pcget .item-box{
    padding-bottom: 1rem;
}

#pcget .item-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    & li{
        width: calc(96% / 4);
        margin-bottom: 4%;

        & a{
            display: flex;
            flex-direction: column;
            background: #f2fbff;
            padding: .5rem;
            border-radius: 5px;
            box-shadow: 3px 3px 0 #d2edf3;
        }

        & .flex{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            & .flex-txt{
                display: flex;
                align-items: center;
                gap: .5rem;
                flex-direction: column;

                & p {
                    font-size: 13px;
                    font-weight: 700;
                }
            }
            .price{
                font-size: 1rem;
                font-weight: 700;
                color: red;
                .tax-price {
                    font-size: .6em;
                    margin-left: .3em;
                }
            }


        }
        & .icon{
            width: 70px;
            
        }
        & .txt{
            font-size: 1.1rem;
        }
        & .set-list{
            display: flex;
            flex-wrap: wrap;
            gap: .2rem;
            justify-content: center;
            height: 6rem;
            align-items: flex-start;
            align-content: flex-start;
            & p {
                background: #e32c4b;
                color:#fff;
                padding: .3rem .5rem;
                font-size:.7rem;
                line-height: 1;

            }
        }
    }
    
}
/*打ち消し*/
#pcget .spesicalprice,
#pcget .intax{
    display: none;
}
/*売価*/
#pcget .buy_price {
    display: flex;
    flex-direction: column;
    align-items: center;
    & .price{
        color: #eb0012;
        font-size: 1.5rem;
        display: flex;
        align-items: center;
    }
}

/* 遅延読み込みアニメーション */
@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
#pcget img.lazyload {
    opacity: 0;
}
#pcget img.lazyloaded {
    animation: fadein 1s forwards;
}