@charset "utf-8";
/* CSS Document */

body{
    color: #6a5153;
}
.rf__wrapper{
    text-align: center;
}
h2 img{
    width: 360px;
}
.cp__overview h2 img{
    position: absolute;
    top: -27px;
    left: 290px;
}
.cp__overview h3{
    margin: 30px auto 10px;
    font-size: 20px;
    color: #748ca6;
    text-decoration: underline double 1.6px;
    text-underline-position: under;
}
section{
    padding: 100px 0 80px;
    margin-bottom: 0!important;
}
p{
    font-size: 18px;
    line-height: 2.8rem;
    margin: 0;
}
.mainVisual_arc{
    padding: 0;
}
.campaingn, .condition{
    background-image: url(https://edinter.itembox.design/item/campaign/2025/retronforest/bg_02_2.jpg);
    background-size: 63%;
}
.cp__overview, .cp__nov, .cp__apply, .cp__condition, .cp__winning, .cp__notice{
    width: 960px;
    background: #fffaf0;
    margin: 0 auto;
    padding: 80px 40px 40px;
    position: relative;
    border-radius: 60px;
}
.item{
    background: #fff4d6;
    padding-bottom: 0;
}
.item__detail h2{
    margin-bottom: 40px;
}
.inner__content01{
    background: #E6F3EF;
}
.inner__content03{
    background: #fce9d0;
}
.item__detail h3{
    font-size: 24px;
    line-height: 2.4rem;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 8px;
}
.item__name{
    font-size: 20px;
}
.inner__content01 h4, .inner__content02 h4, .inner__content03 h4{
    font-size: 18px;
    padding: 12px 0 8px;
}
.item__header__01, .item__sub__comment__01{
    background: #97d3dc;
}
.item__header__02, .item__sub__comment__02{
    background: #fbd375;
}
.item__header__03, .item__sub__comment__03{
    background: #f19963;
}
.item__flex{
    display: flex;
}
.teddy__left{
    background-image: url(https://edinter.itembox.design/item/campaign/2025/retronforest/bg_01.jpg);
    background-size: contain;
    align-content: end;
}
.teddy__left, .teddy__right, .ellie__left, .ellie__right, .peckys__left, .peckys__right{
    width: 50%;
}
.teddy__left img, .ellie__right img, .peckys__left img{
    vertical-align: bottom;
}
.teddy__right img{
    object-fit: cover;
}
.item__detail h5{
    font-size: 22px;
    text-decoration: underline double 1.6px;
    text-underline-position: under;
}
.sub__title01{
    color: #748ca6;
}
.sub__title02{
    color: #fbd375;
}
.sub__title03{
    color: #f19963;
}
ul{
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
li{
    width: 150px;
    font-size: 18px;
    border-radius: 8px;
    line-height: 2.4;
    color: #6a5153;
    list-style: none;
}
.teddy__list li{
    background: #97d3dc;
    margin-right: 20px;
}
.ellie__list li{
    background: #fbd375;
    margin-right: 20px;
}
.peckys__list li{
    background: #f19963;
    margin-right: 20px;
}
.educatinal__efects{
    padding: 30px 0 50px;
}
.teddy__list li:last-child, .ellie__list li:last-child, .peckys__list li:last-child{
    margin-right: 0;
}
.ellie__right{
    background-image: url(https://edinter.itembox.design/item/campaign/2025/retronforest/bg_02.jpg);
    background-size: contain;
    align-content: end;
}
.peckys__left{
    background-image: url(https://edinter.itembox.design/item/campaign/2025/retronforest/bg_03.jpg);
    background-size: contain;
    align-content: end;
}
.peckys__sound{
    display: flex;
    justify-content: space-around;
    background-color: #fce9d0;
    font-size: 18px;
}
.sound__01, .sound__02, .sound__03{
    box-sizing: border-box;
    background-color: #b3c895;
    border-radius: 5px;
    padding: 6px;
    cursor: pointer;
}
.special__offer{
    background-image: url(https://edinter.itembox.design/item/campaign/2025/retronforest/bg_01.jpg);
    background-size: 63%;
}
.cp__nov h2 img{
    position: absolute;
    top: -27px;
    left: 290px;
}
.nov__detail{
    display: flex;
}
.nov__img{
    width: 50%;
    margin-right: 28px;
}
.nov__comment{
    width: 50%;
    text-align: left;
}
.apply{
    background-image: url(https://edinter.itembox.design/item/campaign/2025/retronforest/bg_03.jpg);
    background-size: 63%;
}
.cp__apply, .cp__condition{
    position: relative;
}
.cp__apply h2 img{
    position: absolute;
    top: -27px;
    left: 290px;
}
.cp__condition h2 img{
    position: absolute;
    top: -27px;
    left: 290px;
}
.apply__comment{
    font-family: "Mochiy Pop One", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    margin-top: 20px;
    color: #f19963;
}
.apply__comment span, .cp__winning span{
    background: linear-gradient(transparent 70%, #fbd375 0%);
}
.winning{
    background-image: url(https://edinter.itembox.design/item/campaign/2025/retronforest/bg_02.jpg);
    background-size: 63%;
}
.cp__winning{
    position: relative;
}
.cp__winning h2 img{
    position: absolute;
    top: -27px;
    left: 290px;
}
.cp__winning h3 img{
    width: 260px;
    margin: 40px auto 20px;
}
.winning__comment {
    text-align: left;
}
.notice{
    background-image: url(https://edinter.itembox.design/item/campaign/2025/retronforest/bg_03.jpg);
    background-size: 63%;
}
.cp__notice h2 img{
    position: absolute;
    top: -27px;
    left: 290px;
}
.cv__btn__02 img{
    width: 440px;
    margin: 30px auto 10px
}
.cv__btn img{
    width: 380px;
    margin: 30px auto 10px
}
.box {
    height: 300px;
    background-color: #fffaf0;
    overflow: overlay;
    padding: 20px;
    text-align: left;
}
.br__sp{
        display: none;
    }

@media only screen and (max-width:768px) {
    p{
        font-size: 16px;
    }
.campaingn, .apply, .winning, .notice{
    background-size: cover;
}
.special__offer, .condition{
    background-size: 140%;
}
.cp__overview, .cp__nov, .cp__apply, .cp__condition, .cp__winning, .cp__notice{
    width: 90%;
    padding: 40px 16px 30px;
    border-radius: 20px;
}
h2 img{
    width: 280px;
}
.cp__overview h2 img, .cp__nov h2 img, .cp__apply h2 img, .cp__condition h2 img, .cp__winning h2 img, .cp__notice h2 img{
    left:50%;
    transform: translateX(-50%);
}
.item__detail h3{
    font-size: 20px;
    line-height: 2.2rem;
    padding-top: 10px;
}
.item__detail h4{
    font-size: 18px;
}
.item__detail h3{
    font-size: 20px;
}
.item__name{
    font-size: 18px;
}
.inner__content01 h4, .inner__content02 h4, .inner__content03 h4{
    font-size: 16px;
    padding-bottom: 10px;
    }
ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 40px;
}
li{
    width: 150px;
    font-size: 16px;
    border-radius: 8px;
    line-height: 2.4;
    margin: auto 2em;
    color: #6a5153;
}
.teddy__left, .ellie__right, .peckys__left{
    background-size: 170%;
}
.teddy__list li, .ellie__list li, .peckys__list li{
    margin-right: 0;
}
.peckys__sound{
    font-size: 12px;
}
.sound__01, .sound__02, .sound__03{
    padding: 2px;
}
.nov__detail{
    display: block;
}
.nov__img, .nov__comment{
    width: 100%;
}
    .nov__comment{
        text-align: center;
    }
.nov__img{
    margin: 10px auto;
}
.cv__btn__02 img{
    width: 330px;
}
.cv__btn img{
    width: 280px;
}
.br__sp{
    display: block;
}
}