.floating-menu{z-index:3}html{scroll-behavior:smooth}img{height:auto}.container{padding:0}.container #container_inner .main_pc{padding-bottom:0}.cp-main{background-color:#fdefe6;line-height:1.5}.cp-main img{width:100%}.cp-container{max-width:500px;margin:0 auto}#cp-procedure .cp-headline,#cp-fair .cp-headline,#cp-terms .cp-headline,#cp-qa .cp-headline{margin-top:48px}.cp-kv{width:100%;max-width:500px;margin:0 auto 20px}.cp-end{width:100%;max-width:350px;height:50px;margin:auto;border:2px solid #e72f82;color:#e72f82;background-color:#fff;line-height:2.5;font-size:20px;font-weight:700;text-align:center}.cp-guide__button{max-width:355px;margin:0 auto;text-align:center;font-size:16px;font-weight:700}.cp-login__button{display:table;box-sizing:border-box;margin:0 auto 16px;white-space:nowrap;text-align:center;width:80%}.cp-link{color:#3b78ff}.cp-login{font-size:20px;background:#e52a89;border:1px solid #e52a89;color:#fff !important;display:block;padding:11px 0;border-radius:5px}.cp-arrow--down,.cp-arrow--up{position:relative;display:inline-block;padding-right:16px}.cp-arrow--down::before,.cp-arrow--down::after,.cp-arrow--up::before,.cp-arrow--up::after{content:"";position:absolute;right:0;width:6px;height:6px;border-right:3px solid #3b78ff;border-bottom:3px solid #3b78ff}.cp-arrow--down::before{top:2px;transform:rotate(45deg)}.cp-arrow--down::after{top:9px;transform:rotate(45deg)}.cp-arrow--up{color:#3b78ff}.cp-arrow--up::before{top:6px;transform:rotate(225deg)}.cp-arrow--up::after{top:13px;transform:rotate(225deg)}#cp-prize-title .cp-headline,#cp-recommend .cp-headline{position:absolute;top:0;left:50%;z-index:1;transform:translateX(-50%) translateY(-50%)}#cp-prize-title{position:relative;width:100%;max-width:500px;margin:40px auto;font-family:Zen Antique Soft;scroll-margin-top:25px}#cp-prize-title h4{margin-bottom:20px;color:#333;background:linear-gradient(to right, #A58400, #D3A900, #A58400);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);display:inline-block;line-height:1.4;font-size:20px}.cp-title-wrapper{width:100%;max-width:none;aspect-ratio:750/1762;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url("/resources/b/img/kodansha-natsudensho-2026/prize_title_bg.png");background-position:center;background-repeat:no-repeat;background-size:100% auto}.cp-title-list{width:91%;max-width:500px;margin-top:0;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:22px 10px}.cp-title-list__item{min-width:0;display:flex;flex-direction:column}.cp-title-list__item a img{filter:drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3))}#cp-prize .cp-wrapper:nth-of-type(1){margin-top:20px}#cp-prize .cp-guide__button{margin-top:12px}.cp-ribbon{width:100%;height:45px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:#fff;background-color:#e755a5;clip-path:polygon(0% 0%, 100% 0%, 95% 50%, 100% 100%, 0% 100%, 5% 50%);font-family:Noto Sans JP;line-height:1.3;font-size:16px;font-weight:700;text-align:center}.cp-ribbon--high{font-size:22px}.cp-ribbon__text{width:100%;display:block;box-sizing:border-box;padding:0 5%}.cp-headline{width:100%;margin:0 auto;text-align:center}.cp-wrapper{margin-top:32px;border-radius:32px;background-color:#fff}.cp-wrapper h3{width:100%;margin:0 auto;padding:10px 0;color:#ffef00;line-height:1;font-size:20px;font-weight:700;text-align:center}.cp-wrapper h3 span{font-size:18px}.cp-wrapper .cp-content__text--emphasis{color:#e72f82;font-size:18px;font-weight:700;line-height:1.3}.cp-heading-wrapper{border-radius:32px 32px 0 0;text-align:center;background:linear-gradient(180deg, #6C59CC 0%, #E54ACB 100%)}.cp-content{padding:16px 15px 28px;border-radius:0 0 10px 10px}.cp-content__head{text-align:center}.cp-content__text{margin-top:12px;font-size:18px;font-weight:700}.cp-content__text--small{margin-top:12px;font-size:14px}.cp-content__img{width:280px;margin:12px auto 0;text-align:center;box-shadow:0px 0px 4px 0px rgba(0,0,0,.25)}.cp-content__img--small{width:200px}.cp-note{margin-top:16px}#cp-procedure .cp-wrapper{position:relative;margin-top:38px;border-radius:10px}#cp-procedure .cp-inner{padding:30px 15px 20px;border:2px solid #ecabf5;border-radius:10px;background-color:#fff}#cp-procedure .cp-inner__text--big{text-align:center;font-size:14px;font-weight:700}#cp-procedure .cp-inner__button{width:260px;margin:10px auto 0;border-radius:32px;background:linear-gradient(90deg, #F36291 0%, #A399F1 100%);box-shadow:0px 2px 4px 0px rgba(0,0,0,.3);overflow:hidden}#cp-procedure .cp-inner__button a{display:block;padding:10px 0;text-align:center;font-size:16px;font-weight:700;color:#fff;text-decoration:none}#cp-procedure .cp-inner__button a.cp-arrow--right{padding-right:0}#cp-procedure .cp-inner__button a.cp-arrow--right::after{position:relative;display:inline-block;right:auto;margin-left:6px;transform:none}#cp-procedure .cp-inner__note{margin-top:10px;font-size:13px}#cp-procedure .cp-inner__text--center{text-align:center}#cp-procedure .cp-inner__text--emphasis{color:#e00}#cp-procedure .cp-guide__button{margin-top:10px}#cp-procedure .cp-guide__button.cp-login__button{margin-top:20px}#cp-procedure .cp-arrow--down{position:relative;display:inline-block;padding-right:16px;color:#3b78ff}#cp-procedure .cp-title{position:absolute;top:-18px;left:50%;width:-moz-max-content;width:max-content;margin:0 auto;padding:10px 20px;border-radius:10px;color:#fff;background-color:#ecabf5;transform:translate(-50%, 0);line-height:1;font-size:18px;font-weight:700;text-align:center}.cp-label--pt{margin-top:18px}.cp-label--down{position:relative;display:inline-block;padding-left:16px}.cp-label--down::before{content:"";position:absolute;top:3px;left:0;width:0;height:0;border-top:12px solid currentColor;border-right:7px solid rgba(0,0,0,0);border-left:7px solid rgba(0,0,0,0)}.cp-arrow--right{position:relative;display:inline-block;padding-right:18px}.cp-arrow--right::after{content:"";position:absolute;top:50%;right:0;width:0;height:0;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);border-left:8px solid currentColor;transform:translateY(-50%)}.cp-floating-top-button{position:fixed;right:7vw;bottom:calc(10vh + 44px);z-index:2;width:180px;height:180px;display:block;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.cp-floating-top-button.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.cp-floating-top-button img{width:100%;height:100%;display:block}#cp-fair .cp-wrapper{margin-top:16px}#cp-fair .cp-inner__img{border-radius:10px;box-shadow:0px 1px 6px 0px rgba(0,0,0,.6)}#cp-fair .cp-inner__img img{border-radius:10px}#cp-recommend{position:relative;margin:70.5px auto 0;max-width:500px}#cp-recommend .cp-container{padding:0 10px;background-color:#fff}.cp__booklist{padding-top:42.5px;display:flex;justify-content:center;align-items:center}.cp__booklist--line{width:100%;overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;-moz-column-gap:10px;column-gap:10px}.cp__booklist--book{margin-bottom:32px}.cp__booklist--ranking{margin-bottom:6px;text-align:center}#cp-qa{padding-bottom:40px}#cp-terms .cp-wrapper,#cp-qa .cp-wrapper{padding:20px 15px 10px;border-radius:10px;margin-top:20px}#cp-terms .cp-title,#cp-qa .cp-title{padding:5px;color:#fff;background-color:#ecabf5;font-weight:700}#cp-terms ul,#cp-qa ul{padding:5px 0 10px}#cp-terms ul li p{margin:18px 0}@media screen and (max-width: 950px){.cp-container{padding:0 10px;margin:0 auto}#cp-prize-title h4{font-size:16px;line-height:16px}.cp-floating-top-button{right:0;bottom:calc(1vh + 44px);width:120px;height:80px}.cp-guide__button{font-size:14px}.cp-arrow--down::before,.cp-arrow--down::after{width:4px;height:4px;right:5px;border-right:2px solid #3b78ff;border-bottom:2px solid #3b78ff}.cp-arrow--down::before{top:3px}.cp-arrow--down::after{top:9px}.cp-arrow--up::before,.cp-arrow--up::after{right:5px;width:4px;height:4px;border-right:2px solid #3b78ff;border-bottom:2px solid #3b78ff}.cp-arrow--up::before{top:7px}.cp-arrow--up::after{top:13px}.cp-note,.cp-inner{line-height:normal}#cp-terms a{word-break:break-all}#cp-procedure .cp-title{line-height:.8}}@media screen and (max-width: 520px){#cp-prize-title .cp-headline,#cp-recommend .cp-headline{width:calc(100% - 20px)}}@media screen and (max-width: 374px){.cp-ribbon{font-size:14px}.cp-wrapper h3{font-size:18px}#cp-fair .cp-ribbon{font-size:13px}}