.mypageModal{display:none;position:fixed;background:rgba(0,0,0,0.7);top:0;right:0;bottom:0;left:0;z-index:9999;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:scroll;color:#24243F}.mypageModal.is-show{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mypageModal__wrapper{position:relative;width:calc(100% - 40px);margin:20px 0}.mypageModal__contents{position:relative;height:100%;width:100%;background:#FFF;font-weight:300;box-sizing:border-box;border-radius:6px;margin-bottom:12px;padding:32px 20px 20px}.mypageModal__contentsHeader{margin-bottom:16px}.mypageModal__contentsHeader__description{font-size:12px;font-weight:600;line-height:1.5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:2px}.mypageModal__contentsHeader__descriptionBalloon{font-size:10px;color:#FFF;background-color:#0B41A0;border-radius:4px;padding:2px 6px;position:relative;margin-right:8px;display:block}.mypageModal__contentsHeader__descriptionBalloon::after{content:"";display:block;position:absolute;width:0;height:0;border:3px solid transparent;border-top:4px solid #0B41A0;top:6px;right:-6px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.mypageModal__contentsHeader__title{font-size:14px;line-height:1.5;color:#0B41A0;text-align:center}.mypageModal__contentsHeader__titleUnderline{font-weight:600;position:relative}.mypageModal__contentsHeader__titleUnderline::after{content:"";display:block;position:absolute;width:100%;height:6px;background:rgba(12,165,230,0.2);bottom:0;left:0}.mypageModal__contentsBody{margin-bottom:32px;overflow-y:scroll}.mypageModal__contentsBody__listItem{background-color:#F1F7FA;border-radius:6px;padding:12px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mypageModal__contentsBody__listItem:not(:last-child){margin-bottom:4px}.mypageModal__contentsBody__listItemImageWrap{margin-right:12px;height:45px}.mypageModal__contentsBody__listItemImage{width:70px;height:auto}.mypageModal__contentsBody__listItemText{padding-top:5px;font-size:12px;line-height:1.3}.mypageModal__contentsBody__listItemTextBold{font-weight:600}.mypageModal__contentsFooter__buttonWrap{position:relative}.mypageModal__contentsFooter__balloon{position:absolute;top:-15px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;border:1px solid #0CA5E6;color:#0CA5E6;background-color:#FFF;font-size:10px;font-weight:600;line-height:1.5;border-radius:10px;padding:1px 7px}.mypageModal__contentsFooter__balloon::before,.mypageModal__contentsFooter__balloon::after{content:"";position:absolute;right:0;left:0;width:0;height:0;margin:auto;border-style:solid;border-width:0 4px 4px;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.mypageModal__contentsFooter__balloon::before{bottom:-5px;border-color:transparent transparent #0CA5E6 transparent}.mypageModal__contentsFooter__balloon::after{bottom:-4px;border-color:transparent transparent #FFF transparent}.mypageModal__contentsFooter__buttonAnchor{display:inline-block;width:100%;box-sizing:border-box;color:#FFF;background-color:#0CA5E6;border:none;border-radius:4px;font-weight:600;padding:16px;font-size:16px;line-height:1;text-align:center}.mypageModal__closeButton{color:#FFF;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;line-height:1.5;font-weight:600}.include-CpModal{display:none;position:fixed;background-color:rgba(0,0,0,0.7);top:0;right:0;bottom:0;left:0;z-index:9999;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:scroll}.include-CpModal__wrapper{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;width:calc(100% - 40px);max-height:calc(100% - 40px);-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 768px){.include-CpModal__wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:end;width:auto;padding-top:12px}}.include-CpModal__content{position:relative;max-height:calc(100% - 40px);overflow-y:auto;width:100%;max-width:480px;background-color:#fff;font-weight:normal;text-align:center;box-sizing:border-box;border-radius:6px;margin-bottom:12px}@media (min-width: 768px){.include-CpModal__content{max-width:540px;margin-bottom:0}}.include-CpModal__heading{background-image:url(./bg.png);background-size:cover;background-repeat:round;padding:20px 20px 4px}@media (min-width: 768px){.include-CpModal__heading{padding:32px 32px 4px}}.include-CpModal__headingText{color:#0b41a0;font-size:10px;font-weight:700;line-height:1.5}@media (min-width: 768px){.include-CpModal__headingText{font-size:16px}}.include-CpModal__headingCampaignNum{margin:0 1px 0 2px;font-size:14px}@media (min-width: 768px){.include-CpModal__headingCampaignNum{font-size:22px}}.include-CpModal__headingEmphasizedText{display:inline;margin-bottom:8px;color:#0b41a0;font-size:16px;font-weight:700;line-height:1.5;border-bottom:2px dotted #0b41a0;padding-bottom:2px}@media (min-width: 768px){.include-CpModal__headingEmphasizedText{font-size:26px}}.include-CpModal__headingImg{margin-top:4px}@media (min-width: 768px){.include-CpModal__headingImg{width:322px;margin:4px auto 0}}.include-CpModal__bookCardImg{vertical-align:top}@media (min-width: 768px){.include-CpModal__bookCardImg--sp{display:none}}.include-CpModal__bookCardImg--pc{display:none}@media (min-width: 768px){.include-CpModal__bookCardImg--pc{display:block}}.include-CpModal__rewardAmount{font-family:StudySapuriNumber;margin-right:2px;font-size:32px;font-weight:400;line-height:1}@media (min-width: 768px){.include-CpModal__rewardAmount{font-size:52px}}.include-CpModal__body{padding:32px 20px 20px;max-width:295px;margin:0 auto}@media (min-width: 768px){.include-CpModal__body{padding:32px 20px 40px;max-width:396px}}.include-CpModal__description{color:#24243F;font-size:14px;font-weight:700;line-height:1.5}.include-CpModal__step{display:-ms-grid;display:grid;-ms-grid-columns:auto 16px auto 16px auto;grid-template-columns:auto 16px auto 16px auto;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.include-CpModal__stepItem{border:1px solid #0ca5e6;border-radius:6px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:27px}.include-CpModal__detailLink{margin-top:4px;margin-right:6px;color:#0ca5e6;font-size:12px;line-height:1.5;text-align:right;position:relative;cursor:pointer}.include-CpModal__detailLink::after{content:"";display:inline-block;position:absolute;right:-10px;top:50%;-webkit-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);width:6px;height:6px;border-top:1px solid #0ca5e6;border-right:1px solid #0ca5e6}.include-CpModal__linkColor{display:inline-block;padding:10px 0;line-height:20px;text-align:center;color:#0ca5e6}.include-CpModal__stepNumber{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;border:1px solid #0ca5e6;box-sizing:border-box;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:29px;height:30px;padding:0 1px;border-radius:50px;background-color:#0ca5e6;color:#fff;font-family:StudySapuriNumber;font-size:16px;font-weight:400;margin-bottom:-10px}.include-CpModal__stepText{color:#24243F;font-size:12px;font-weight:700;line-height:1.5;margin-top:auto;padding:0 8px 8px}.include-CpModal__stepImg{margin-top:auto;border-bottom-left-radius:6px;border-bottom-right-radius:6px}@media (min-width: 768px){.include-CpModal__stepImg--sp{display:none}}.include-CpModal__stepImg--pc{display:none}@media (min-width: 768px){.include-CpModal__stepImg--pc{display:block}}.include-CpModal__dots{position:relative;display:inline-block;top:40%;margin-top:27px;width:16px;height:3px}.include-CpModal__dotsIcon{width:3px;height:3px;background-color:#0ca5e6;border-radius:50%;position:absolute;top:0}.include-CpModal__dotsIcon:nth-child(1){left:0}.include-CpModal__dotsIcon:nth-child(2){left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.include-CpModal__dotsIcon:nth-child(3){right:0}.include-CpModal__closeButton{text-align:center;color:#fff;font-size:16px;font-weight:700;line-height:1.5;cursor:pointer;position:relative}@media (min-width: 768px){.include-CpModal__closeButton--sp{display:none}}.include-CpModal__closeButton--pc{display:none}@media (min-width: 768px){.include-CpModal__closeButton--pc{display:block;top:-12px}}.include-CpModal__closeButtonImage{display:-webkit-box;display:-ms-flexbox;display:flex;width:20px;height:20px}.include-Wrapper{position:fixed;left:0;right:0;bottom:0;z-index:25}@media (min-width: 768px){.include-Wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#e7f6ff;padding:4px 0}}.include-contents{display:block}@media (min-width: 768px){.include-contents{display:inline-block;border:1px solid #0b41a0;border-radius:4px;width:600px}}.include-closeIcon{position:relative;display:inline-block;height:100%;box-sizing:content-box}.include-closeIcon::before{content:"";display:inline-block;position:absolute;top:calc(50% - 4px);left:calc(50% - 4px);width:8px;height:8px;background:url(./close_button_gray_base.svg) no-repeat center}@media (min-width: 768px){.include-closeIcon::before{top:calc(50% - 6px);left:calc(50% - 6px);width:12px;height:12px;background:url(./close_button_gray_lg.svg) no-repeat center}}.include-openModalAriaWrapper{display:contents}.include-textSection{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-size:10px;font-weight:700;height:100%;color:#0b41a0;line-height:1.3;padding:0 8px}@media (min-width: 768px){.include-textSection{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:14px}}.include-textLine{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.include-textLine:last-child{margin-top:2px}@media (min-width: 768px){.include-textLine{margin-top:2px}.include-textLine:last-child{margin-top:0}}.include-emphasizedText{font-size:12px}@media screen and (max-width: 374px){.include-emphasizedText{font-size:10px}}@media (min-width: 768px){.include-emphasizedText{font-size:18px}}.include-imageItem{width:100%;height:100%;cursor:pointer}.include-imageItem-sp{display:block}@media (min-width: 768px){.include-imageItem-sp{display:none}}.include-imageItem-pc{display:none}@media (min-width: 768px){.include-imageItem-pc{display:block}}.include-arrowIcon{position:relative;display:inline-block;width:12px;height:100%;padding:0 12px 0 8px;cursor:pointer}.include-arrowIcon::after{content:"";display:inline-block;position:absolute;top:calc(50% - 6px);right:8px;width:8px;height:12px;background:url(/images/responsive/Sapuri_Blue/arrow_sapuriBlue_lg.svg) no-repeat center}@media (min-width: 768px){.include-arrowIcon{width:auto;padding:0}}.include-campaignObiBanner{min-height:14px;padding:2px 12px 4px;background-color:#0b41a0;text-align:center}@media (min-width: 768px){.include-campaignObiBanner{width:600px;margin:0 auto;padding:2px 0 4px}}.include-campaignObiTitle{font-size:10px;color:#fff;font-weight:700;line-height:1}@media (min-width: 768px){.include-campaignObiTitle{font-size:12px}}.include-campaignObiNum{font-size:14px;font-weight:700}@media (min-width: 768px){.include-campaignObiNum{font-size:12px}}.include-campaignObiReward{color:#FFF500}.include-campaignObiAmount{margin-right:1px;font-size:14px;font-weight:700;color:#FFF500}@media (min-width: 768px){.include-campaignObiAmount{font-size:16px}}.include-obiMoreEmphasizedText{display:inline;border-bottom:1px dashed #0b41a0;white-space:normal;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:700;line-height:1.3}@media screen and (max-width: 374px){.include-obiMoreEmphasizedText{font-size:10px}}.include-obiMoreEmphasizedText--sp{display:inline}@media (min-width: 768px){.include-obiMoreEmphasizedText--sp{display:none}}.include-obiMoreEmphasizedText--pc{display:none}@media (min-width: 768px){.include-obiMoreEmphasizedText--pc{display:inline}}@media (min-width: 768px){.include-obiMoreEmphasizedText{font-size:18px}}.include-headGridContainer{display:-ms-grid;display:grid;-ms-grid-columns:32px auto 112px 28px;grid-template-columns:32px auto 112px 28px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#e7f6ff;-ms-grid-rows:44px;grid-template-rows:44px;cursor:pointer}@media (min-width: 768px){.include-headGridContainer{width:600px;-ms-grid-columns:40px auto 101px 57px;grid-template-columns:40px auto 101px 57px;-ms-grid-rows:40px;grid-template-rows:40px;border-radius:0 0 4px 4px}}.js-includeToggleDisplay{display:none}