@charset "utf-8";

/* --------------------------------------------------------- */
/* popup.css */
/* --------------------------------------------------------- */


#popupWrapper{position:relative;}
#popupWrapper.scriptOn{position:fixed;left:0;width:100%;top:-100%;height:100%;margin-top:0%;z-index:8;}
#popupWrapper.opened{top:0%;}

#popupWrapper.scriptOn #popupMain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;}

.popupContents{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;}

.popupBg{position:fixed;left:0;width:100%;top:0;height:0%;background-color:rgba(0,0,0,0.7);z-index:1;}
#popupWrapper.opened #popupMain .popupBg{height:100%;}

.popupContents .popupBg{opacity:0;}

.scrwrap{height:calc(80vh - 104px);padding:0 30px 30px;overflow-y:scroll;scrollbar-color:#a8c1cc #e4e4e5;}
.scrwrap::-webkit-scrollbar{width:8px;}
.scrwrap::-webkit-scrollbar-track{background-color:#e4e4e5;border-radius:3px;}
.scrwrap::-webkit-scrollbar-thumb{background-color:#a8c1cc;border-radius:3px;}

.popup{width:90%;max-width:950px;margin:0 auto;padding:52px 17px;background:#fff;position:relative;z-index:2;border:5px solid #9c0812;border-radius:20px;box-sizing:border-box;}
#popupWrapper.scriptOn .popup{display:none;}

body.popupOpen{position:fixed;width:100%;}
#popupMain .ps-container>.ps-scrollbar-y-rail{opacity:0.2;}

.popup .close{position:absolute;top:0;right:0;margin:-35px -35px 0 0;width:70px;height:70px;z-index:3;background:url(../img/popup_close.png) no-repeat center;background-size:100% 100%;cursor:pointer;}

.popup2{border-color:#64428b;}
.popup2 .close{background-image:url(../img/popup_close2.png);}
.popup2 .txt{color:#64428b;}

#popup{}/*829*/
#popup h2{width:50.905%;/*422*/margin:0 auto 4.762%;}
#popup h2 img{width:100%;max-width:none;}
#popup h2 + .txt{margin-bottom:2em;color:#9b0812;font-size:29px;font-weight:bold;line-height:140%;text-align:left;}
#popup .scrwrap > .image{width:99.397%;margin:0 auto;}
#popup .scrwrap > .image img{width:100%;max-width:none;}
#popup .scrwrap > .note{margin-top:1.5em;font-size:24px;line-height:150%;}
#popup .scrwrap > .note li{padding-left:1em;text-indent:-1em;box-sizing:border-box;}
#popup .store{margin-top:4.167%;}
.store .storeTtl{padding:1.596% 2em;font-size:26px;font-weight:bold;color:#fff;line-height:138%;text-align:center;background:#cc0000;position:relative;}

.store .flow{border:2px solid #000;border-top:none;box-sizing:border-box;background:#fff0f0;}
.flow .txt *{line-height:140%;font-weight:bold!important;}
.flow .subhead{font-size:28px;font-weight:bold;padding:3.589% 0 7.178%;text-align:center;}
.flow dl{padding:7.169% 0;background:#fff;position:relative;}
.flow dl:nth-of-type(even){background:#fff0f0;}
.flow dl dt{font-size:28px;font-weight:bold;color:#fff;background:#ff4696;width:2.134em;height:2.134em;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}
.flow dl dd{width:90.192%;/*754*/margin:0 auto;}
.flow dl .ttl{text-align:center;}
.flow dl .ttl .line{border-bottom:2px solid #000;}
.flow dl .ttl02{margin:0.5em auto;text-align:center;}
.flow dl .txtPink{color: #ff4696;}
.flow dl .note{margin-top:1em;padding-left:1em;font-size:22px;text-indent:-1em;box-sizing:border-box;}
.flow dl .note.noIndent{padding-left:0;text-indent:0;}
.flow dl .note + .note{margin-top:0;}
.flow dl .block{margin:3.5em auto 0;display:flex;justify-content:space-between;}
.flow dl .block.center{justify-content:center;}
.flow dl .block p{width:46.6%;}
.flow dl .block img{margin:0 auto;}
.flow dl .btn{width:68.762%;margin:1em auto;}
.flow dl .btn a{display:block;box-shadow:6px 6px 0 0 rgba(0,0,0,0.3);transition:ease 0.3s;}
.flow dl .btn a:hover{opacity:0.7;}
.flow dl .note02{padding-left:1em;text-indent:-1em;font-size:21px;font-weight:normal!important;box-sizing:border-box;}

.popup .txt2{font-size:22px;line-height:140%;}
.popup .txt + .txt2{margin-top:1.5em;}
.popup .liner{border:1px solid;padding:1em;box-sizing:border-box;}
.popup .note03 li{margin-top:0.25em;padding-left:1em;text-indent:-1em;box-sizing:border-box;}
.popup .note03 li:first-of-type,
.popup .note03 li.nmt{margin-top:0;}
.popup .note03 li.mt{margin-top:0.5em;}
.popup .note03 + .txt2{margin-top:1em;}
.popup .red{color:#e40003;}

#popup3 .scrwrap{height:calc(45vh - 104px);}

.popup .last-note{margin-top:4.167%;}
.popup .last-note p{padding-left:1em;text-indent:-1em;font-size:24px;box-sizing:border-box;}



@media screen and (max-width: 950px){

#popup h2 + .txt{font-size:3.474vw;}
#popup .scrwrap > .note{font-size:2.527vw;}

.flow .subhead{font-size:2.947vw;}
.flow dl dt{font-size:2.947vw;}
.flow dl .note{font-size:2.315vw;}
.flow dl .note02{font-size:2.210vw;}

.popup .txt2{font-size:2.315vw;}
.popup .last-note p{font-size:2.527vw;}

}



@media screen and (max-width: 750px){
	
.scrwrap{height:70vh;padding:0 4vw 4vw;}

.popup{width:92%;padding:6.934vw 2.267vw;}

.popup .close{margin:-5.0725% -5.0725% 0 0;width:10.145%;height:0;padding-top:10.145%;}

#popup{}/*840*/
#popup h2{width:67.919%;/*398*/margin:0 auto 5.334vw;;}
#popup h2 + .txt{margin-bottom:1em;font-size:3.334vw;}
#popup .scrwrap > .note{margin-top:0.75em;font-size:3.2vw;}
#popup .store{margin-top:5.334vw;}
.store .storeTtl{padding:2vw 0;font-size:3.467vw;}

.flow .subhead{font-size:3.734vw;padding:4vw 0 8vw;}
.flow dl{padding:8vw 0;}
.flow dl dt{font-size:3.734vw;}
.flow dl dd{width:90.122%;/*520*/}
.flow dl .note{font-size:2.934vw;}
.flow dl .block{flex-direction:column;}
.flow dl .block p{width:100%;}
.flow dl .block p + p{margin-top:3em;}
.flow dl .btn{width:calc(100% - 0.8vw);}
.flow dl .btn a{box-shadow:0.8vw 0.8vw 0 0 rgba(0,0,0,0.3);transition:ease 0.3s;}
.flow dl .btn a:hover{opacity:1;}
.flow dl .note02{font-size:2.667vw;}

.popup .txt2{font-size:2.934vw;}
.popup .last-note p{font-size:3.2vw;}
	
}