{"version":3,"sourceRoot":"","sources":["../../_scss/style.scss","../../_scss/_foundation/_normalize.scss","../../_scss/_common/_base.scss","../../_scss/_foundation/_variables.scss","../../_scss/_foundation/_mixin.scss","../../_scss/_common/_content.scss","../../_scss/_block/_modal.scss"],"names":[],"mappings":"CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oEAOA;AAAA;AAAA,oECPA,4EAUA,KACC,iBACA,8BAUD,KACC,SAOD,KACC,cAQD,GACC,cACA,eAWD,GACC,uBACA,SACA,iBAQD,IACC,gCACA,cAUD,EACC,+BAQD,YACC,mBACA,0BACA,iCAOD,SAEC,mBAQD,cAGC,gCACA,cAOD,MACC,cAQD,QAEC,cACA,cACA,kBACA,wBAGD,IACC,eAGD,IACC,WAUD,IACC,kBAWD,sCAKC,oBACA,eACA,iBACA,SAQD,aAGC,iBAQD,cAGC,oBAOD,gDAIC,0BAOD,wHAIC,kBACA,UAOD,4GAIC,8BAOD,SACC,2BAUD,OACC,sBACA,cACA,cACA,eACA,UACA,mBAOD,SACC,wBAOD,SACC,cAQD,6BAEC,sBACA,UAOD,kFAEC,YAQD,cACC,6BACA,oBAOD,yCACC,wBAQD,6BACC,0BACA,aAUD,QACC,cAOD,QACC,kBAUD,SACC,aAOD,SACC,aD/UD;AAAA;AAAA,oEAIA;AAAA;AAAA,oEElBA,KACC,gBACA,sDACA,gBACA,iBACA,YACC,kBACA,qCAFD,YAGE,mBAKH,KACC,kBACA,UACA,sDACA,MCCO,0BDCP,cACA,sBACA,kBAGD,YAEC,iBACA,iCAGD,QACC,kBACA,UACA,WACA,UACA,sBEjBA,YAfA,4BFmCA,qCARD,QASE,WAED,YACC,MAED,sBACC,kBACA,QACA,OACA,QACA,YACA,cACA,UACA,qCARD,sBASE,QACA,OACA,QACA,cACA,aAED,0BACC,YACA,YACA,SACA,UACA,KCrCO,QDsCP,qCAND,0BAOE,YACA,aAOJ,MACC,eACA,MACA,QACA,WACA,YACA,SACA,aACA,sBACA,kBACA,kBACA,UACA,aACA,uBACA,mBACA,gBACA,aACC,mBACA,UEzFD,4BF4FC,0BAIF,UACC,WACA,SACA,eACA,kBACA,cAIA,wBACC,kBACA,SACA,gBACA,gBACA,gBACA,iBACA,MC1EI,KD2EJ,kBACA,sBACA,aACA,uBACA,mBACA,MCvGM,KCfP,4BFyHC,qCAhBD,wBAiBE,cACA,SACA,YACA,gBACA,gBACA,kBAED,8BACC,MC1GO,QD2GP,sBAED,0BEjID,kBACA,MACA,OACA,WACA,YACA,cACA,eACA,YF6HC,oCACC,kBAKH,SACC,kBACA,UACA,WACA,WACA,YACA,qBACA,mBACA,sBACA,0BACA,8BACA,+BACA,gCACA,6CACA,kCACA,eE9IA,YFgJA,qCAjBD,SAkBE,YAED,aACC,MACA,qCAFD,aAGE,MEtJF,YFwJE,eAGF,gBACC,kBACA,eACA,YACA,WACA,OACA,QACA,cACA,iBACA,kBACA,MCrKM,KDsKN,qCAXD,gBAYE,YAGF,eACC,MC3KM,KD4KN,WCnKQ,QDsKR,sBACC,MChLK,KDsLN,uBACC,gBAGF,cACC,kBACA,OACA,QACA,cACA,UACA,WACA,WCjMM,KDkMN,kBACA,qBACA,mBACA,sBACA,qCAZD,cAaE,UACA,YAIH,6BACC,SAID,6BACC,SAID,6BACC,YAKD,oCACC,SACA,0CAID,oCACC,UAED,oCACC,YACA,0CAMA,qCADD,UAEE,eACA,SACA,UACA,WACA,YACA,cACA,cACA,kBACA,UACA,eACA,YExPD,YAfA,4BF0QC,iBEnOD,kBACA,WACA,MACA,OACA,UACA,YACA,mBACA,WDrBW,QDmPT,wBAED,gBEvOD,kBACA,WACA,MACA,OACA,UACA,YACA,mBACA,WDrBW,QDuPT,yBAED,gBACC,WAED,iBACC,UACA,oBAKH,KACC,kBACA,cACA,UACA,WACA,qCALD,KAME,WACA,SACA,WAED,YACC,UACA,iBACA,cAIF,UACC,mBACA,kBACA,qCAHD,UAIE,oBAGF,WACC,kBACA,cACA,cACA,WACA,kBACA,qCAND,WAOE,cACA,eACA,eAIF,QACC,gBACA,MCpUO,KDqUP,iBACA,kBACA,WCvTO,KDwTP,qCAND,QAOE,iBAED,wBACC,YACA,mBACA,cACA,qCAJD,wBAKE,WAED,4BACC,WACA,YAED,0BACC,kBAGF,yBACC,gBACA,mBACA,UACA,aACA,eACA,uBACA,qCAPD,yBAQE,eAGF,8BACC,kBACA,WACA,SEvWD,4BFyWC,qCALD,8BAME,UACA,aAED,oCACC,WAED,kCACC,WACA,YACA,KCpXK,KDuXP,4BElXA,kBACA,MACA,OACA,WACA,YACA,cACA,eACA,YF8WA,sBACC,MC3XM,KD4XN,qBE3XD,4BF6XC,qCAJD,sBAKE,gBAED,4BACC,MC3XG,QD8XL,yBACC,YACA,YACA,mBACA,MCzXM,KD0XN,gBACA,WCjXU,QDkXV,qBACA,aACA,uBACA,mBACA,kBE/YD,4BFiZC,qCAbD,yBAcE,gBAED,+BACC,MCtYK,KDuYL,gBACA,WCxZK,KD2ZP,6BACC,kBACA,UACA,gBACA,gBACA,YCrVQ,+BDsVR,qCAND,6BAOE,iBAGF,yBACC,kBACA,cACA,gBACA,YC/VY,+BDgWZ,2BACC,iBACA,MC5ZK,KD8ZN,qCATD,yBAUE,cACA,gBAGF,0BACC,YACA,mBACA,aACA,cACA,gBACA,YC/WY,+BDgXZ,sCACA,4BACC,iBACA,MC7aK,KD+aN,8BACC,cACA,KCjbK,KDmbN,qCAhBD,0BAiBE,YAGF,qBACC,SACA,iBACA,gBACA,iBAED,cACC,gBACA,gBAIF,gBACC,YACA,mBACA,UACA,qBACA,aACA,eACA,uBACA,oCACC,kBACA,WACA,YACA,cACA,kBE/dD,4BFieC,2CACC,kBACA,WACA,WACA,YACA,iBACA,oCACA,gBACA,gBACA,MC3dK,KD4dL,kBACA,aACA,mBACA,uBAED,wCACC,WC/cQ,QDgdR,+CACC,YACA,kBACA,sBAGF,wCACC,WCtdO,QDudP,+CACC,YACA,kBACA,sBAGF,2CACC,qFACA,kDACC,YACA,gBAGF,0CACC,WAGF,0CEvgBA,kBACA,MACA,OACA,WACA,YACA,cACA,eACA,YFqgBD,mBACC,YACA,mBACA,UACA,aACA,eACA,uBACA,qCAPD,mBAQE,YACA,eAED,2CACC,UACA,iBACA,qCAHD,2CAIE,WACA,mBAED,+CACC,WACA,YAKH,QACC,kBACA,cACA,UACA,gBACA,kBACA,sBE/iBA,4BFijBA,qCARD,QASE,WAED,qBACC,kBACA,YACA,mBACA,UACA,aACA,eACA,uBACA,gBACA,qBAGA,sCACC,kBACA,WACA,YACA,kBACA,kBErkBF,4BF0kBG,iEACC,yBAID,iEACC,yBAGF,4CACC,KC/iBG,QDgjBH,gDACC,WACA,YACA,cACA,KCpjBE,QDujBJ,4CACC,WAED,6DE3lBF,kBACA,MACA,OACA,WACA,YACA,cACA,eACA,YF2lBD,UACC,eACA,SACA,QACA,WACA,kBACA,gBACA,MC9mBO,KD+mBP,kBACA,sBACA,kBACA,WClmBO,KDmmBP,kCACA,UEnnBA,4BAeA,YFumBA,qCAhBD,UAiBE,SACA,aAED,cACC,mBACA,UAED,wBACC,kBACA,kBACA,gBAED,yBACC,cACA,UACA,aACA,eACA,uBACA,qBACA,4CACC,kBACA,WACA,aACA,UE9oBF,4BFgpBE,8CACC,cACA,MCnoBI,KDsoBJ,kDACC,MCnnBK,QDunBN,kDACC,MCznBM,QD6nBP,sDACC,WACA,iBACA,KC7nBE,QDgoBJ,kDACC,WAED,qEEpqBF,kBACA,MACA,OACA,WACA,YACA,cACA,eACA,YFoqBD,WACC,eACA,QACA,YACA,YACA,YACA,YACA,cACA,gBACA,MCzqBO,KD0qBP,qBACA,aACA,uBACA,mBACA,kBACA,kBACA,sBACA,sBACA,UElrBA,YAfA,4BFosBA,6CACA,mCACA,mBACC,WACA,kBACA,SACA,UACA,wBACA,yBACA,8BACA,6BACA,+BACA,kBAED,qCAnCD,WAoCE,YACA,YACA,YACA,iBAED,eACC,mBACA,UAED,iBACC,WACA,MC/sBM,KDgtBN,qCAHD,iBAIE,UACA,MCltBK,MDqtBP,gBACC,kBACA,WACA,YACA,aACA,uBACA,mBACA,wBACC,kBACA,WACA,kBACA,WACA,YACA,sDACA,sBACA,qCARD,wBASE,WACA,aAMJ,SACC,eACA,SACA,YACA,YACA,YACA,YACA,cACA,gBACA,MCrvBO,KDsvBP,qBACA,aACA,uBACA,mBACA,kBACA,kBACA,sBACA,6CACA,sBACA,UE/vBA,YAfA,4BFixBA,mCACA,iBACC,WACA,kBACA,SACA,UACA,wBACA,yBACA,8BACA,6BACA,+BACA,kBAED,qCAnCD,SAoCE,YACA,YACA,YACA,gBACA,mBAED,aACC,mBACA,UAED,eACC,WACA,MC5xBM,KD6xBN,qCAHD,eAIE,UACA,MC/xBK,MDkyBP,cACC,kBACA,WACA,YACA,aACA,uBACA,mBACA,sBACC,kBACA,QACA,WACA,kBACA,WACA,YACA,2DACA,sBACA,qCATD,sBAUE,WACA,aAMJ,QACC,eACA,aACA,QACA,MC9zBO,KD+zBP,qBACA,WACA,YACA,kBACA,sBACA,WCp1BO,KDq1BP,gCEr0BA,YAfA,4BFu1BA,eACC,YAED,eACC,kBACA,YACA,SACA,OACA,WACA,iBACA,kCACA,eACA,gBACA,kBAED,cACC,WC/0BQ,QDg1BR,qBAED,UACC,cACA,MC71BM,KD+1BP,gBACC,qBAIF,EACC,iBACA,kBACA,aACC,SAIF,aACC,kBAGD,IACC,cACA,qCAFD,IAGE,cAIF,IACC,aACA,qCAFD,IAGE,eAIF,EACC,eACA,MCr4BQ,QDs4BR,aEh5BA,4BFk5BA,QACC,MC33BQ,QD63BT,MEr5BA,4BFu5BC,YACC,WACA,qCAFD,YAGE,WAMJ,gBAEC,aAGD,UACC,0BACA,MACA,OAGD,QACC,MC/4BS,QDk5BV,KACC,MC16BK,QD26BL,gBAGD,SACC,kBACA,UACA,kBACA,gBACA,gBACA,YCh3BS,+BDi3BT,qCAPD,SAQE,UAIF,iBACC,wBACA,qBACA,gBACA,yBACA,YACA,gBACA,aACA,aG18BD,aACC,kBACA,SACA,qBACA,WACA,8DACA,sBDWA,YCTA,qCARD,aASE,SACA,YACA,sBACA,8DACA,uBAED,yBACC,+DACA,iCACA,qCAHD,yBAIE,sBAGF,gBACC,oBACA,kBACA,MACA,OAIF,WACC,eACA,+CACA,qCAHD,WAIE,gBAED,6BACC,kBACA,WACA,cACA,aACA,MFxBM,KEyBN,WFzCM,KE0CN,kBACA,qCARD,6BASE,WACA,mBAED,oCACC,WACA,kBACA,QACA,SACA,wBACA,yBACA,sBACA,kBAGF,0BACC,kBACA,gBACA,UACA,iBACA,gBACA,iBACA,kBACA,qCARD,0BASE,kBAGF,+BACC,UACA,cACA,UACA,aACA,eACA,qCAND,+BAOE,YAED,oCACC,UACA,YACA,kBACA,qCAJD,oCAKE,WACA,gBACA,aACA,eACA,uBACA,+CACC,eAGF,yCACC,UACA,mBACA,kBACA,mBACA,iCACA,qCAND,yCAOE,UACA,gBACA,mBAGF,yCACC,iBACA,qCAFD,yCAGE,UACA,iBACA,iBAOL,WACC,kBACA,WACA,cACA,eACA,sBACA,qCAND,WAOE,WACA,eACA,cACA,gBAED,mBACC,WACA,kBACA,MACA,OACA,WACA,YACA,mDACA,sBDzHD,WC4HA,sBACC,kBACA,gBACA,UACA,WACA,YACA,kBACA,+BACA,cACA,yDACA,0BACA,qCAXD,sBAYE,gBACA,UACA,YACA,2BAED,2DAEC,aAGF,+BACC,kBACA,mBACA,UACA,aACA,eACA,uBACA,qCAPD,+BAQE,mBACA,WAED,oCACC,aACA,cACA,kBACA,mDACA,sBACA,kBACA,sBACA,qCARD,oCASE,WACA,mBACA,aACA,aACA,eACA,+CACC,eAGF,yCACC,UACA,mBACA,UACA,sBACA,qCALD,yCAME,UACA,iBAED,gDACC,WACA,SACA,mBACA,sBACA,mBACA,uCACA,iCAKF,yCACC,gBACA,gBACA,MFvNI,KEwNJ,kBACA,qCALD,yCAME,UACA,gBACA,iBAED,gDACC,kBACA,gBACA,YFtJK,+BEuJL,MFvNI,QEwNJ,kBACA,cACA,qCAPD,gDAQE,kBACA,iBAGF,+CACC,iBACA,cAIH,qCACC,WACA,mBACA,kBACA,mDACA,sBACA,kBACA,sBACA,aACA,eACA,qCAVD,qCAWE,WACA,mBACA,aACA,aACA,eACA,gDACC,eAGF,0CACC,UACA,gBACA,UACA,sBACA,qCALD,0CAME,UACA,iBAED,iDACC,WACA,SACA,mBACA,sBACA,mBACA,uCACA,iCAKF,0CACC,UACA,SACA,iBACA,gBACA,MF9RI,KE+RJ,qCAND,0CAOE,UACA,kBAED,iDACC,eACA,MF3QO,QE4QP,eACA,gBACA,cACA,qCAND,iDAOE,kBAGF,iDACC,WACA,kBACA,UACA,aACA,eACA,qCAND,iDAOE,WACA,sBAED,sDACC,UACA,YACA,aACA,kBACA,WF5SE,KE6SF,kBACA,qCAPD,sDAQE,qBACA,iBACA,kBAED,0DACC,YACA,YACA,cACA,UACA,cACA,qCAND,0DAOE,WAQP,gCACC,gBACA,aACA,yBACA,WFtVM,KEuVN,kBACA,qCAND,gCAOE,gBACA,mBAED,oCACC,gBACA,UACA,iBACA,gBACA,MFxUO,QEyUP,kBACA,qCAPD,oCAQE,gBACA,kBAGF,mCACC,kBACA,mBACA,qCAHD,mCAIE,mBAED,sCACC,iBACA,UACA,iBACA,iBACA,qCALD,sCAME,kBAIH,sCACC,WACA,mBACA,yBACA,kFAEC,kBACA,iBACA,iBACA,sBACA,qCAND,kFAOE,YACA,kBAQJ,yBACC,kBACA,WF9YM,KE+YN,sBACA,kBACA,oCACC,SAED,6BACC,kBACA,aACA,iBACA,gBACA,kBACA,eDzZF,4BC2ZE,qCARD,6BASE,iBACA,kBAED,mCACC,MFxYM,QE0YP,kCACC,kBACA,0CACC,kBACA,WACA,QACA,kBACA,WACA,YACA,yDACA,sBACA,qBACA,qCAVD,0CAWE,QACA,WACA,YACA,kBAGF,yCACC,kBACA,WACA,QACA,kBACA,WACA,YACA,yDACA,sBACA,qBACA,qCAVD,yCAWE,QACA,WACA,YACA,kBAKF,yCACC,kBACA,iDACC,yBAED,gDACC,yBAKJ,8BACC,kBACA,aACA,iBACA,0BACA,aACA,qCAND,8BAOE,aACA,kBAED,iCACC,SACA,mBACA,oCACC,eAOL,aACC,eACA,+CACA,qCAHD,aAIE,gBAED,uBACC,8DACA,sBAED,iCACC,kBACA,WACA,cACA,aACA,MFxeM,KEyeN,WFzfM,KE0fN,kBACA,kBACA,wCACC,WACA,kBACA,QACA,SACA,wBACA,yBACA,sBACA,kBDpfF,WCufC,qCApBD,iCAqBE,WACA,cACA,mBAGF,iCACC,kBACA,iBD/fD,WCggBC,qCAHD,iCAIE,WAGD,+CACC,kBACA,mBAED,0CACC,kBACA,UACA,aACA,eACA,uBAGA,iDACC,YACA,YACA,YACA,gBACA,aACA,uBACA,mBACA,WFxhBI,KEyhBJ,yBACA,kBACA,eD1iBH,4BC4iBG,qCAbD,iDAcE,YACA,UACA,YACA,4DACC,UAGF,0DACC,WACA,oBAED,0DACC,MF1iBG,KE2iBH,WFjiBO,QEmiBR,uDACC,WAKJ,+BACC,kBACA,iBDrjBD,WCujBC,qCAJD,+BAKE,WAED,uCACC,mBACA,YACA,YACA,MF1kBK,QE2kBL,gBACA,qBACA,kBACA,aACA,uBACA,mBACA,oBACA,WFtkBK,KEukBL,0CDtlBF,4BCwlBE,6CACC,MF1kBI,KE2kBJ,WFvlBI,QE0lBN,mCACC,mBACA,UACA,eACA,gBACA,MFnlBK,KEslBP,+BACC,iBACA,gBACA,kBACA,qCAJD,+BAKE,kBAGF,wBACC,kBACA,YACA,YACA,mBACA,YACA,iBACA,gBACA,MFtmBM,KEumBN,qBACA,aACA,uBACA,mBACA,kBACA,sBACA,sBD7mBD,YAfA,4BC+nBC,6CACA,mCACA,qCApBD,wBAqBE,YACA,iBACA,iBACA,WACA,aAED,gCACC,WACA,kBACA,SACA,UACA,uBACA,wBACA,yBACA,kBAED,8BACC,WACA,MFroBK,KEsoBL,qCAHD,8BAIE,UACA,MFxoBI,ME2oBN,6BACC,kBACA,oCACC,WACA,kBACA,QACA,WACA,YACA,iBACA,yDACA,qBAIH,sBACC,gBACA,kBACA,0BACC,gBACA,UACA,eACA,gBACA,iBAED,+BACC,SACA,UACA,aACA,eACA,oCACC,YACA,mBACA,qCAHD,oCAIE,UACA,oBAED,kDACC,gBACA,qCAFD,kDAGE,mBAGF,4CACC,WACA,aACA,MFvqBE,QEwqBF,eACA,gBACA,qBACA,aACA,uBACA,mBACA,WF/rBG,KEgsBH,sBACA,mBACA,0CDjtBJ,4BCmtBI,qCAfD,4CAgBE,YACA,iBACA,2CAED,kDACC,MF1sBE,KE2sBF,WFvtBE,QE+tBR,YACC,+CAGD,YACC,eACA,qCAFD,YAGE,gBAED,4BACC,kBACA,UACA,iBACA,iBACA,kBACA,qCAND,4BAOE,iBACA,mBAGF,iCACC,aACA,eACA,sCACC,YACA,mBACA,WF7uBK,KE8uBL,mBACA,qCALD,sCAME,WACA,mBAED,oDACC,gBACA,qCAFD,oDAGE,mBAGF,4CACC,qBACA,kDACC,WAGF,2CACC,WACA,qBACA,iCACA,4BAED,2CACC,aACA,iBACA,MFxxBI,KEyxBJ,kBAMJ,QACC,eACA,WFjyBO,KEkyBP,qCAHD,QAIE,gBAED,uBACC,YACA,cACA,qCAHD,uBAIE,WAED,2BACC,gBACA,UACA,eACA,gBACA,kBACA,qCAND,2BAOE,kBAIH,aACC,WACA,gBACA,iCACA,kBACA,sBAED,YACC,cACA,YACA,YACA,iBACA,gBACA,qBACA,aACA,uBACA,mBACA,MFvzBM,KEwzBN,kIAEA,yBACA,WFjzBU,QEkzBV,kBD30BD,4BC60BC,kBACC,WAKH,MACC,kBACA,cACC,WACA,eACA,MACA,OACA,WACA,YACA,mDACA,sBD90BD,WCi1BA,eACC,eACA,SACA,OACA,kBACA,WACA,YACA,iBACA,gBACA,MF11BM,KE21BN,WF32BM,KE42BN,8BACA,aACA,uBACA,mBACA,YDh2BD,WCk2BC,YACA,eDl3BD,4BCo3BC,qCApBD,eAqBE,WACA,YACA,kBACA,kBAED,qBACC,WFz3BI,QE43BN,WACC,kBAED,gBACC,eACA,MACA,OACA,WACA,aACA,aACA,uBACA,mBACA,2BACC,6BACA,cACA,YACA,qCAJD,2BAKE,0BACA,SACA,cAGF,2BACC,6BACA,cACA,YDx4BF,YC04BE,qCALD,2BAME,6BACA,cACA,aAGF,uBACC,kBACA,WACA,cACA,aACA,MFr5BK,KEs5BL,WFt6BK,KEu6BL,kBACA,kBACA,8BACC,WACA,kBACA,QACA,SACA,wBACA,yBACA,sBACA,kBDj6BH,WCm6BG,kCAED,qCArBD,uBAsBE,WACA,mBACA,mBAGF,sBACC,kBACA,WD76BF,WC+6BE,2BACC,WACA,SACA,iBACA,iBACA,qCALD,2BAME,kBAED,kCACC,gBACA,iBACA,iBACA,gBACA,qCALD,kCAME,gBACA,kBAGF,mCACC,mBACA,iBACA,iBACA,gBACA,qCALD,mCAME,kBAGF,mCACC,mBACA,YACA,iBACA,MF98BG,KE+8BH,kBACA,sCAED,iCACC,UACA,gBACA,cACA,gBACA,qCALD,iCAME,UACA,eAIH,4CACC,mBACA,YACA,iBACA,MFj+BI,KEk+BJ,kBACA,iDACA,cAED,8BACC,mBACA,UACA,aACA,eACA,mBACA,uBACA,qCAPD,8BAQE,mBACA,WAED,sCACC,iBACA,qCAFD,sCAGE,kBAGF,wCACC,yBACA,qCAFD,wCAGE,0BAGF,mCACC,iBACA,gBACA,MFrgCI,QEsgCJ,qCAJD,mCAKE,kBAGF,uCACC,cACA,uEACC,qBACA,2BACA,8BACA,qCAJD,uEAKE,sBACA,2BAGF,wEACC,mBACA,YACA,iBACA,MF3gCI,QE4gCJ,gBACA,YACA,0BACA,qCARD,wEASE,kBAED,8EACC,MF5hCC,KE6hCD,gBAED,iFACC,MF/hCA,QEgiCA,oBAIH,sCACC,UACA,gBACA,YACA,YACA,eACA,gBACA,MF5jCG,KE6jCH,aACA,eACA,mBACA,uBACA,yBACA,kBACA,eDlkCJ,4BCokCI,qCAhBD,sCAiBE,WACA,eACA,aACA,YACA,kBAED,4CACC,MF7jCE,KE8jCF,WFpjCM,QEsjCP,+CACC,oBAQN,QACC,cACA,eACA,+CACA,qCAJD,QAKE,oBAIF,UACC,UACA,iBACA,mBACA,iBACA,WFvmCO,KEwmCP,qCAND,UAOE,WACA,gBAKD,6BACC,kBACA,WACA,cACA,aACA,MFpmCM,KEqmCN,WFrnCM,KEsnCN,kBACA,qCARD,6BASE,WACA,mBAED,oCACC,WACA,kBACA,QACA,SACA,uBACA,wBACA,sBACA,kBAGF,2BACC,kBACA,SACA,UACA,iBACA,gBACA,iBACA,kBD7nCD,WC+nCC,qCATD,2BAUE,kBAKH,WACC,eACA,+CACA,qCAHD,WAIE,gBAED,6BACC,kBACA,WACA,mBACA,aACA,MFhpCM,KEipCN,WFjqCM,KEkqCN,kBACA,kBACA,oCACC,WACA,kBACA,QACA,SACA,uBACA,wBACA,sBACA,kBD5pCF,WC+pCC,qCApBD,6BAqBE,WACA,mBACA,mBAGF,2BACC,kBACA,iBDvqCD,WCyqCC,qCAJD,2BAKE,WAED,+BACC,mBACA,UACA,iBACA,gBACA,MFjrCK,KEkrCL,qCAND,+BAOE,kBAGF,kCACC,yBACA,sBACA,0EAEC,YACA,iBACA,iBACA,gBACA,sBAIH,2BACC,iBACA,gBACA,kBACA,qCAJD,2BAKE,kBAIF,oBACC,kBACA,YACA,aACA,sBACA,YACA,eACA,gBACA,MFptCM,KEqtCN,kBACA,qBACA,aACA,uBACA,mBACA,kBACA,sBACA,sBD5tCD,YAfA,4BC8uCC,6CACA,mCACA,qCArBD,oBAsBE,YACA,YACA,iBACA,iBACA,WACA,aAED,4BACC,WACA,kBACA,SACA,UACA,uBACA,wBACA,yBACA,kBAED,0BACC,WF1uCS,QE4uCV,0BACC,iBACA,cAED,0BACC,WACA,MF5vCK,KE6vCL,qCAHD,0BAIE,UACA,MF/vCI,MEkwCN,yBACC,kBACA,gCACC,WACA,kBACA,QACA,WACA,YACA,iBACA,yDACA,qBAIH,oBACC,gBACA,kBACA,wBACC,gBACA,UACA,eACA,gBACA,iBAED,0BACC,cACA,YACA,iBACA,qCAJD,0BAKE,YAGF,6BACC,SACA,UACA,aACA,eACA,uBACA,oCACC,YACA,yBACA,qCAHD,oCAIE,YAED,2DACC,WACA,gBACA,qCAHD,2DAIE,WACA,mBAED,+DACC,sBACA,uBACA,qEACC,WAKJ,kCACC,YACA,mBACA,qCAHD,kCAIE,UACA,oBAED,gDACC,gBACA,qCAFD,gDAGE,mBAGF,sCACC,sBACA,uBAED,0CACC,WACA,aACA,MFj0CE,QEk0CF,iBACA,gBACA,qBACA,aACA,uBACA,mBACA,WFz1CG,KE01CH,sBACA,mBACA,0CD32CJ,4BC62CI,qCAfD,0CAgBE,YACA,iBACA,2CAED,gDACC,MFp2CE,KEq2CF,WFj3CE,QHiBR;AAAA;AAAA,oEMrBA,0CACC,2BAGD,cACC,eACA,MACA,QACA,OACA,WACA,YACA,kBACA,cACA,eACA,aACA,kBACA,sBACA,aAEA,uBACA,mBACA,gCACC,MACA,OACA,eACA,0BACA,WACA,YFXD,WEcA,mCACC,UACA,gBACA,eACA,cACA,kBACA,kBACA,WHrBM,KGsBN,mCACA,qCATD,mCAUE,UACA,cACA,eACA,iBAGF,iCACC,kBACA,WACA,cACA,iBAID,qCACC,kBACA,mBACA,UACA,gBACA,gBF3CD,WE6CC,qCAPD,qCAQE,mBACA,iBAGF,sCACC,UACA,cACA,MHrEM,KGsEN,kBACA,gBACA,iBACA,qCAPD,sCAQE,UACA,iBAED,0CACC,cACA,UACA,gBACA,YACA,sBACA,cAED,2CACC,gBACA,aACA,iBACA,gBACA,sBACA,sDACC,SAGF,6DACC,gBACA,UACA,iBACA,MHnGK,KGsGP,mCACC,eACA,MACA,QACA,WACA,YACA,eACA,WHpFQ,QGqFR,YF7GD,4BE+GC,yCACC,WHhGI,QGkGL,wCACC,kBACA,OACA,QACA,cACA,UACA,WACA,WH1GK,KG2GL,kBACA,qBACA,mBACA,sBACA,uDACC,SACA,0CAED,uDACC,UAED,uDACC,YACA,0CAMJ,uBACC,yBACA,gBACA,gBACA","file":"style.css","sourcesContent":["/*! ----------------------------------------------------------------\r\n* 01. foundation\r\n* 02. libs\r\n* 03. common\r\n* 04. block\r\n----------------------------------------------------------------- */\r\n\r\n/*! ----------------------------------------------------------------\r\n01.foundation\r\n----------------------------------------------------------------- */\r\n@import \"_foundation/_normalize\";\r\n@import \"_foundation/_include\";\r\n@import \"_foundation/_variables\";\r\n@import \"_foundation/_mixin\";\r\n/*! ----------------------------------------------------------------\r\n02.libs\r\n----------------------------------------------------------------- */\r\n// @import \"_libs/\";\r\n/*! ----------------------------------------------------------------\r\n03.common\r\n----------------------------------------------------------------- */\r\n@import \"_common/_base\";\r\n@import \"_common/_content\";\r\n/*! ----------------------------------------------------------------\r\n04.block\r\n----------------------------------------------------------------- */\r\n@import \"_block/_modal\";\r\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\r\n\r\n/* Document\r\n   ========================================================================== */\r\n\r\n/**\r\n * 1. Correct the line height in all browsers.\r\n * 2. Prevent adjustments of font size after orientation changes in iOS.\r\n */\r\n\r\nhtml {\r\n\tline-height: 1.15; /* 1 */\r\n\t-webkit-text-size-adjust: 100%; /* 2 */\r\n}\r\n\r\n/* Sections\r\n   ========================================================================== */\r\n\r\n/**\r\n * Remove the margin in all browsers.\r\n */\r\n\r\nbody {\r\n\tmargin: 0;\r\n}\r\n\r\n/**\r\n * Render the `main` element consistently in IE.\r\n */\r\n\r\nmain {\r\n\tdisplay: block;\r\n}\r\n\r\n/**\r\n * Correct the font size and margin on `h1` elements within `section` and\r\n * `article` contexts in Chrome, Firefox, and Safari.\r\n */\r\n\r\nh1 {\r\n\tfont-size: 2em;\r\n\tmargin: 0.67em 0;\r\n}\r\n\r\n/* Grouping content\r\n   ========================================================================== */\r\n\r\n/**\r\n * 1. Add the correct box sizing in Firefox.\r\n * 2. Show the overflow in Edge and IE.\r\n */\r\n\r\nhr {\r\n\tbox-sizing: content-box; /* 1 */\r\n\theight: 0; /* 1 */\r\n\toverflow: visible; /* 2 */\r\n}\r\n\r\n/**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\r\n\r\npre {\r\n\tfont-family: monospace, monospace; /* 1 */\r\n\tfont-size: 1em; /* 2 */\r\n}\r\n\r\n/* Text-level semantics\r\n   ========================================================================== */\r\n\r\n/**\r\n * Remove the gray background on active links in IE 10.\r\n */\r\n\r\na {\r\n\tbackground-color: transparent;\r\n}\r\n\r\n/**\r\n * 1. Remove the bottom border in Chrome 57-\r\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\r\n */\r\n\r\nabbr[title] {\r\n\tborder-bottom: none; /* 1 */\r\n\ttext-decoration: underline; /* 2 */\r\n\ttext-decoration: underline dotted; /* 2 */\r\n}\r\n\r\n/**\r\n * Add the correct font weight in Chrome, Edge, and Safari.\r\n */\r\n\r\nb,\r\nstrong {\r\n\tfont-weight: bolder;\r\n}\r\n\r\n/**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\r\n\r\ncode,\r\nkbd,\r\nsamp {\r\n\tfont-family: monospace, monospace; /* 1 */\r\n\tfont-size: 1em; /* 2 */\r\n}\r\n\r\n/**\r\n * Add the correct font size in all browsers.\r\n */\r\n\r\nsmall {\r\n\tfont-size: 80%;\r\n}\r\n\r\n/**\r\n * Prevent `sub` and `sup` elements from affecting the line height in\r\n * all browsers.\r\n */\r\n\r\nsub,\r\nsup {\r\n\tfont-size: 75%;\r\n\tline-height: 0;\r\n\tposition: relative;\r\n\tvertical-align: baseline;\r\n}\r\n\r\nsub {\r\n\tbottom: -0.25em;\r\n}\r\n\r\nsup {\r\n\ttop: -0.5em;\r\n}\r\n\r\n/* Embedded content\r\n   ========================================================================== */\r\n\r\n/**\r\n * Remove the border on images inside links in IE 10.\r\n */\r\n\r\nimg {\r\n\tborder-style: none;\r\n}\r\n\r\n/* Forms\r\n   ========================================================================== */\r\n\r\n/**\r\n * 1. Change the font styles in all browsers.\r\n * 2. Remove the margin in Firefox and Safari.\r\n */\r\n\r\nbutton,\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n\tfont-family: inherit; /* 1 */\r\n\tfont-size: 100%; /* 1 */\r\n\tline-height: 1.15; /* 1 */\r\n\tmargin: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Show the overflow in IE.\r\n * 1. Show the overflow in Edge.\r\n */\r\n\r\nbutton,\r\ninput {\r\n\t/* 1 */\r\n\toverflow: visible;\r\n}\r\n\r\n/**\r\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\r\n * 1. Remove the inheritance of text transform in Firefox.\r\n */\r\n\r\nbutton,\r\nselect {\r\n\t/* 1 */\r\n\ttext-transform: none;\r\n}\r\n\r\n/**\r\n * Correct the inability to style clickable types in iOS and Safari.\r\n */\r\n\r\nbutton,\r\n[type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n\t-webkit-appearance: button;\r\n}\r\n\r\n/**\r\n * Remove the inner border and padding in Firefox.\r\n */\r\n\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n\tborder-style: none;\r\n\tpadding: 0;\r\n}\r\n\r\n/**\r\n * Restore the focus styles unset by the previous rule.\r\n */\r\n\r\nbutton:-moz-focusring,\r\n[type=\"button\"]:-moz-focusring,\r\n[type=\"reset\"]:-moz-focusring,\r\n[type=\"submit\"]:-moz-focusring {\r\n\toutline: 1px dotted ButtonText;\r\n}\r\n\r\n/**\r\n * Correct the padding in Firefox.\r\n */\r\n\r\nfieldset {\r\n\tpadding: 0.35em 0.75em 0.625em;\r\n}\r\n\r\n/**\r\n * 1. Correct the text wrapping in Edge and IE.\r\n * 2. Correct the color inheritance from `fieldset` elements in IE.\r\n * 3. Remove the padding so developers are not caught out when they zero out\r\n *    `fieldset` elements in all browsers.\r\n */\r\n\r\nlegend {\r\n\tbox-sizing: border-box; /* 1 */\r\n\tcolor: inherit; /* 2 */\r\n\tdisplay: table; /* 1 */\r\n\tmax-width: 100%; /* 1 */\r\n\tpadding: 0; /* 3 */\r\n\twhite-space: normal; /* 1 */\r\n}\r\n\r\n/**\r\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n */\r\n\r\nprogress {\r\n\tvertical-align: baseline;\r\n}\r\n\r\n/**\r\n * Remove the default vertical scrollbar in IE 10+.\r\n */\r\n\r\ntextarea {\r\n\toverflow: auto;\r\n}\r\n\r\n/**\r\n * 1. Add the correct box sizing in IE 10.\r\n * 2. Remove the padding in IE 10.\r\n */\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n\tbox-sizing: border-box; /* 1 */\r\n\tpadding: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Correct the cursor style of increment and decrement buttons in Chrome.\r\n */\r\n\r\n[type=\"number\"]::-webkit-inner-spin-button,\r\n[type=\"number\"]::-webkit-outer-spin-button {\r\n\theight: auto;\r\n}\r\n\r\n/**\r\n * 1. Correct the odd appearance in Chrome and Safari.\r\n * 2. Correct the outline style in Safari.\r\n */\r\n\r\n[type=\"search\"] {\r\n\t-webkit-appearance: textfield; /* 1 */\r\n\toutline-offset: -2px; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the inner padding in Chrome and Safari on macOS.\r\n */\r\n\r\n[type=\"search\"]::-webkit-search-decoration {\r\n\t-webkit-appearance: none;\r\n}\r\n\r\n/**\r\n * 1. Correct the inability to style clickable types in iOS and Safari.\r\n * 2. Change font properties to `inherit` in Safari.\r\n */\r\n\r\n::-webkit-file-upload-button {\r\n\t-webkit-appearance: button; /* 1 */\r\n\tfont: inherit; /* 2 */\r\n}\r\n\r\n/* Interactive\r\n   ========================================================================== */\r\n\r\n/*\r\n * Add the correct display in Edge, IE 10+, and Firefox.\r\n */\r\n\r\ndetails {\r\n\tdisplay: block;\r\n}\r\n\r\n/*\r\n * Add the correct display in all browsers.\r\n */\r\n\r\nsummary {\r\n\tdisplay: list-item;\r\n}\r\n\r\n/* Misc\r\n   ========================================================================== */\r\n\r\n/**\r\n * Add the correct display in IE 10+.\r\n */\r\n\r\ntemplate {\r\n\tdisplay: none;\r\n}\r\n\r\n/**\r\n * Add the correct display in IE 10.\r\n */\r\n\r\n[hidden] {\r\n\tdisplay: none;\r\n}\r\n","html {\r\n\toverflow-y: auto;\r\n\tfont-family: $font-normal !important;\r\n\tfont-size: 62.5%;\r\n\tline-height: 150%;\r\n\t&.active {\r\n\t\toverflow-y: hidden;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\toverflow-y: hidden;\r\n\t\t}\r\n\t}\r\n}\r\n\r\nbody {\r\n\tposition: relative;\r\n\tpadding: 0;\r\n\tfont-family: $font-normal !important;\r\n\tcolor: $white;\r\n\tword-wrap: break-word;\r\n\tdisplay: block;\r\n\tbox-sizing: border-box;\r\n\toverflow-x: hidden;\r\n}\r\n\r\nsection,\r\ndiv {\r\n\tline-height: 150%;\r\n\tbox-sizing: border-box !important;\r\n}\r\n\r\n#header {\r\n\tposition: absolute;\r\n\ttop: -70px;\r\n\twidth: 100%;\r\n\tpadding: 0;\r\n\tbox-sizing: border-box;\r\n\t@include z-index(header);\r\n\t@include fadeinout;\r\n\t@media screen and (max-width: 767px) {\r\n\t\ttop: -50px;\r\n\t}\r\n\t&.vis {\r\n\t\ttop: 0;\r\n\t}\r\n\t.header__logo {\r\n\t\tposition: absolute;\r\n\t\ttop: 9px;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\twidth: 176px;\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 0;\r\n\t\t@media screen and (max-width: 960px) {\r\n\t\t\ttop: 6px;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\twidth: 145px;\r\n\t\t}\r\n\t\tsvg {\r\n\t\t\twidth: 176px;\r\n\t\t\theight: 46px;\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tfill: $primary;\r\n\t\t\t@media screen and (max-width: 960px) {\r\n\t\t\t\twidth: 145px;\r\n\t\t\t\theight: 38px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*---navi---*/\r\n#navi {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tright: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmargin: 0;\r\n\tpadding: 20px;\r\n\tbox-sizing: border-box;\r\n\tvisibility: hidden;\r\n\toverflow-y: scroll;\r\n\topacity: 0;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tborder-radius: 0;\r\n\t&.active {\r\n\t\tvisibility: visible;\r\n\t\topacity: 1;\r\n\t\t@include z-index(navilink);\r\n\t\t@include fadeinout;\r\n\t\tbackground: rgba(0, 0, 0, 0.8);\r\n\t}\r\n}\r\n\r\n#navilist {\r\n\twidth: 100%;\r\n\tmargin: 0;\r\n\tpadding: 30px 0;\r\n\ttext-align: center;\r\n\tdisplay: block;\r\n\t@include z-index(navilink);\r\n\t@media screen and (max-width: 767px) {\r\n\t}\r\n\t.navilist__li {\r\n\t\tposition: relative;\r\n\t\tmargin: 0;\r\n\t\tpadding: 14px 2%;\r\n\t\tfont-weight: 700;\r\n\t\tfont-size: 2.2em;\r\n\t\tline-height: 100%;\r\n\t\tcolor: $txt;\r\n\t\ttext-align: center;\r\n\t\tbox-sizing: border-box;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tcolor: $white;\r\n\t\t@include z-index(navilink);\r\n\t\t@include fadeinout;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tdisplay: block;\r\n\t\t\tmargin: 0;\r\n\t\t\theight: auto;\r\n\t\t\tpadding: 14px 2%;\r\n\t\t\tfont-size: 1.8em;\r\n\t\t\tline-height: 150%;\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tcolor: $primary;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t}\r\n\t\ta {\r\n\t\t\t@include abase;\r\n\t\t}\r\n\t\t&:first-child {\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.btnopen {\r\n\tposition: absolute;\r\n\ttop: -80px;\r\n\tright: 26px;\r\n\twidth: 64px;\r\n\theight: 64px;\r\n\tdisplay: inline-block;\r\n\ttransition: all 0.4s;\r\n\tbox-sizing: border-box;\r\n\tborder-radius: 0 0 6px 6px;\r\n\tborder-left: 2px solid $primary;\r\n\tborder-right: 2px solid $primary;\r\n\tborder-bottom: 2px solid $primary;\r\n\tbackground: linear-gradient($blue, $darkblue);\r\n\tbox-shadow: 0 0 5px rgba(0, 0, 0, 0.5);\r\n\tcursor: pointer;\r\n\t@include z-index(openbn);\r\n\t@media screen and (max-width: 767px) {\r\n\t\tright: 14px;\r\n\t}\r\n\t&.vis {\r\n\t\ttop: 0;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\ttop: 0;\r\n\t\t\t@include z-index(openbn);\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n\t&::after {\r\n\t\tposition: absolute;\r\n\t\tcontent: \"MENU\";\r\n\t\tbottom: 10px;\r\n\t\twidth: 50px;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tmargin: 0 auto;\r\n\t\tfont-size: 1.1rem;\r\n\t\ttext-align: center;\r\n\t\tcolor: $white;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tbottom: 8px;\r\n\t\t}\r\n\t}\r\n\t&:hover {\r\n\t\tcolor: $white;\r\n\t\tbackground: $primary;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcolor: $white;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.active {\r\n\t\t&::after {\r\n\t\t\tcontent: \"CLOSE\";\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tmargin: 0 auto;\r\n\t\twidth: 46%;\r\n\t\theight: 2px;\r\n\t\tbackground: $white;\r\n\t\tborder-radius: 4px;\r\n\t\tdisplay: inline-block;\r\n\t\ttransition: all 0.4s;\r\n\t\tbox-sizing: border-box;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 50%;\r\n\t\t\theight: 2px;\r\n\t\t}\r\n\t}\r\n}\r\n.btnopen span:nth-of-type(1) {\r\n\ttop: 15px;\r\n\t@media screen and (max-width: 767px) {\r\n\t}\r\n}\r\n.btnopen span:nth-of-type(2) {\r\n\ttop: 22px;\r\n\t@media screen and (max-width: 767px) {\r\n\t}\r\n}\r\n.btnopen span:nth-of-type(3) {\r\n\tbottom: 31px;\r\n\t@media screen and (max-width: 767px) {\r\n\t}\r\n}\r\n\r\n.btnopen.active span:nth-of-type(1) {\r\n\ttop: 18px;\r\n\ttransform: translateY(4px) rotate(-315deg);\r\n\t@media screen and (max-width: 767px) {\r\n\t}\r\n}\r\n.btnopen.active span:nth-of-type(2) {\r\n\topacity: 0;\r\n}\r\n.btnopen.active span:nth-of-type(3) {\r\n\tbottom: 35px;\r\n\ttransform: translateY(-4px) rotate(315deg);\r\n\t@media screen and (max-width: 767px) {\r\n\t}\r\n}\r\n\r\n.btnclose {\r\n\t@media screen and (max-width: 767px) {\r\n\t\tposition: fixed;\r\n\t\ttop: 14px;\r\n\t\tleft: 24px;\r\n\t\twidth: 24px;\r\n\t\theight: 24px;\r\n\t\tmargin: 0 auto;\r\n\t\tdisplay: block;\r\n\t\tvisibility: hidden;\r\n\t\topacity: 0;\r\n\t\tcursor: pointer;\r\n\t\tcursor: hand;\r\n\t\t@include z-index(closebtn);\r\n\t\t@include fadeinout;\r\n\t\t&:before {\r\n\t\t\t@include closebtn;\r\n\t\t\ttransform: rotate(45deg);\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\t@include closebtn;\r\n\t\t\ttransform: rotate(-45deg);\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\topacity: 0.6;\r\n\t\t}\r\n\t\t&.active {\r\n\t\t\topacity: 1;\r\n\t\t\tvisibility: visible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\nmain {\r\n\tposition: relative;\r\n\tmargin: 0 auto;\r\n\tpadding: 0;\r\n\twidth: 100%;\r\n\t@media screen and (max-width: 960px) {\r\n\t\twidth: 100%;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t}\r\n\t.inner {\r\n\t\twidth: 90%;\r\n\t\tmax-width: 1040px;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n}\r\n\r\n.titlecol {\r\n\tmargin: 0 auto 54px;\r\n\ttext-align: center;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tmargin: 0 auto 34px;\r\n\t}\r\n}\r\n.title__h3 {\r\n\tposition: relative;\r\n\tmargin: 0 auto;\r\n\tpadding: 6px 0;\r\n\twidth: 100%;\r\n\ttext-align: center;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 10px 0;\r\n\t\tfont-size: 3em;\r\n\t}\r\n}\r\n\r\n#footer {\r\n\tpadding: 70px 4%;\r\n\tcolor: $black;\r\n\tfont-size: 1.6rem;\r\n\ttext-align: center;\r\n\tbackground: $white;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tpadding: 50px 4%;\r\n\t}\r\n\t.footer__banner {\r\n\t\twidth: 400px;\r\n\t\tmargin: 0 auto 24px;\r\n\t\tdisplay: block;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t\timg {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto;\r\n\t\t}\r\n\t\tp {\r\n\t\t\tmargin: 0 auto 4px;\r\n\t\t}\r\n\t}\r\n\t.footer__logocol {\r\n\t\tmax-width: 200px;\r\n\t\tmargin: 0 auto 24px;\r\n\t\tpadding: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\tjustify-content: center;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tmax-width: 90%;\r\n\t\t}\r\n\t}\r\n\t.footer__logocol__col {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\tmargin: 0;\r\n\t\t@include fadeinout;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 40%;\r\n\t\t\tmargin: 0 4%;\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\topacity: 0.6;\r\n\t\t}\r\n\t\tsvg {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto;\r\n\t\t\tfill: $black;\r\n\t\t}\r\n\t}\r\n\t.footer__logo__link {\r\n\t\t@include abase;\r\n\t}\r\n\t.footer__link {\r\n\t\tcolor: $black;\r\n\t\ttext-decoration: none;\r\n\t\t@include fadeinout;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tfont-size: 0.9em;\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tcolor: $red;\r\n\t\t}\r\n\t}\r\n\t.footer__linkbtn {\r\n\t\twidth: 200px;\r\n\t\theight: 44px;\r\n\t\tmargin: 0 auto 20px;\r\n\t\tcolor: $white;\r\n\t\tfont-weight: 500;\r\n\t\tbackground: $secondary;\r\n\t\ttext-decoration: none;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tborder-radius: 8px;\r\n\t\t@include fadeinout;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tfont-size: 0.9em;\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tcolor: $white;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tbackground: $black;\r\n\t\t}\r\n\t}\r\n\t.footer__contact__h4 {\r\n\t\tmargin: 0 0 16px 0;\r\n\t\tpadding: 0;\r\n\t\tfont-size: 1.4em;\r\n\t\tfont-weight: 700;\r\n\t\tfont-family: $font-jp;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tfont-size: 1.2em;\r\n\t\t}\r\n\t}\r\n\t.footer__contact {\r\n\t\tmargin: 0 0 30px 0;\r\n\t\tfont-size: 1em;\r\n\t\tfont-weight: 400;\r\n\t\tfont-family: $font-normal;\r\n\t\ti {\r\n\t\t\tmargin: 0 3px 0 0;\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tpadding: 0 10%;\r\n\t\t\tfont-size: 0.9em;\r\n\t\t}\r\n\t}\r\n\t.footer__contact2 {\r\n\t\twidth: 400px;\r\n\t\tmargin: 0 auto 20px;\r\n\t\tpadding: 12px;\r\n\t\tfont-size: 1em;\r\n\t\tfont-weight: 400;\r\n\t\tfont-family: $font-normal;\r\n\t\tborder: 1px solid rgba(255, 255, 255, 0.3);\r\n\t\ti {\r\n\t\t\tmargin: 0 3px 0 0;\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t\tsvg {\r\n\t\t\tmargin: 12px 0;\r\n\t\t\tfill: $white;\r\n\t\t}\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n\t.footer__txt {\r\n\t\tmargin: 0;\r\n\t\tfont-size: 1.4rem;\r\n\t\tfont-weight: 400;\r\n\t\tline-height: 180%;\r\n\t}\r\n\tsmall {\r\n\t\tfont-size: 0.7rem;\r\n\t\tfont-weight: 400;\r\n\t}\r\n}\r\n\r\n.footer__snscol {\r\n\twidth: 278px;\r\n\tmargin: 0 auto 34px;\r\n\tpadding: 0;\r\n\tlist-style-type: none;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tjustify-content: center;\r\n\t.footer__snscol__li {\r\n\t\tposition: relative;\r\n\t\twidth: 54px;\r\n\t\theight: 54px;\r\n\t\tmargin: 0 10px;\r\n\t\tborder-radius: 4px;\r\n\t\t@include fadeinout;\r\n\t\t&:before {\r\n\t\t\tposition: absolute;\r\n\t\t\tcontent: \"\";\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tline-height: 100%;\r\n\t\t\tfont-family: \"Font Awesome 5 Brands\";\r\n\t\t\tfont-size: 1.9em;\r\n\t\t\tfont-weight: 900;\r\n\t\t\tcolor: $white;\r\n\t\t\ttext-align: center;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t\t&--fb {\r\n\t\t\tbackground: $facebook;\r\n\t\t\t&:before {\r\n\t\t\t\tcontent: \"\\f39e\";\r\n\t\t\t\tpadding: 4px 0 0 0;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&--tw {\r\n\t\t\tbackground: $twitter;\r\n\t\t\t&:before {\r\n\t\t\t\tcontent: \"\\f099\";\r\n\t\t\t\tpadding: 4px 0 0 0;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&--insta {\r\n\t\t\tbackground: linear-gradient(-135deg, #c0009d 0%, #ec0017 50%, #fec21d 100%) no-repeat;\r\n\t\t\t&:before {\r\n\t\t\t\tcontent: \"\\f16d\";\r\n\t\t\t\tfont-size: 2.2em;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\topacity: 0.6;\r\n\t\t}\r\n\t}\r\n\t.footer__snscol__li__link {\r\n\t\t@include abase;\r\n\t}\r\n}\r\n\r\n.footer__bannercol {\r\n\twidth: 740px;\r\n\tmargin: 0 auto 20px;\r\n\tpadding: 0;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tjustify-content: center;\r\n\t@media screen and (max-width: 767px) {\r\n\t\twidth: 280px;\r\n\t\tdisplay: block;\r\n\t}\r\n\t.footer__bannercol__col {\r\n\t\twidth: 48%;\r\n\t\tmargin: 0 1% 14px;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0 0 14px 0;\r\n\t\t}\r\n\t\timg {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.snscol {\r\n\tposition: relative;\r\n\tmargin: 0 auto;\r\n\tpadding: 0;\r\n\tfont-weight: 700;\r\n\ttext-align: center;\r\n\tbox-sizing: border-box;\r\n\t@include fadeinout;\r\n\t@media screen and (max-width: 767px) {\r\n\t\twidth: 90%;\r\n\t}\r\n\t.snscol__col {\r\n\t\tposition: relative;\r\n\t\twidth: 232px;\r\n\t\tmargin: 0 auto 30px;\r\n\t\tpadding: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\tjustify-content: center;\r\n\t\tfont-size: 2.4em;\r\n\t\tlist-style-type: none;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t}\r\n\t\t.snscol__col__li {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 50px;\r\n\t\t\theight: 30px;\r\n\t\t\tmargin: 8px 12px 0;\r\n\t\t\ttext-align: center;\r\n\t\t\t@include fadeinout;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t}\r\n\t\t\t&--tw {\r\n\t\t\t\t.snscol__col__li__link {\r\n\t\t\t\t\tcolor: $twitter !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&--fb {\r\n\t\t\t\t.snscol__col__li__link {\r\n\t\t\t\t\tcolor: $facebook !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&--line {\r\n\t\t\t\tfill: $line;\r\n\t\t\t\tsvg {\r\n\t\t\t\t\twidth: 40px;\r\n\t\t\t\t\theight: auto;\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t\tfill: $line;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&:hover {\r\n\t\t\t\topacity: 0.6;\r\n\t\t\t}\r\n\t\t\t.snscol__col__li__link {\r\n\t\t\t\t@include abase;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.sharecol {\r\n\tposition: fixed;\r\n\ttop: 84px;\r\n\tright: 0;\r\n\twidth: 54px;\r\n\tpadding: 6px 0 2px;\r\n\tfont-weight: 700;\r\n\tcolor: $black;\r\n\ttext-align: center;\r\n\tbox-sizing: border-box;\r\n\tvisibility: hidden;\r\n\tbackground: $white;\r\n\tbox-shadow: 0 0 4px rgba(0, 0, 0, 0.3);\r\n\topacity: 0;\r\n\t@include fadeinout;\r\n\t@include z-index(sharebtn);\r\n\t@media screen and (max-width: 767px) {\r\n\t\ttop: auto;\r\n\t\tbottom: 70px;\r\n\t}\r\n\t&.vis {\r\n\t\tvisibility: visible;\r\n\t\topacity: 1;\r\n\t}\r\n\t.sharecol__tt {\r\n\t\tposition: relative;\r\n\t\ttext-align: center;\r\n\t\tfont-weight: 700;\r\n\t}\r\n\t.sharebtn__col {\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\tjustify-content: center;\r\n\t\tlist-style-type: none;\r\n\t\t.sharebtn__col__li {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 50px;\r\n\t\t\tmargin: 6px 0;\r\n\t\t\tpadding: 0;\r\n\t\t\t@include fadeinout;\r\n\t\t\ti {\r\n\t\t\t\tfont-size: 2em;\r\n\t\t\t\tcolor: $white;\r\n\t\t\t}\r\n\t\t\t&--tw {\r\n\t\t\t\ti {\r\n\t\t\t\t\tcolor: $twitter;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&--fb {\r\n\t\t\t\ti {\r\n\t\t\t\t\tcolor: $facebook;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&--line {\r\n\t\t\t\tsvg {\r\n\t\t\t\t\twidth: 28px;\r\n\t\t\t\t\tmargin: 0 0 0 2px;\r\n\t\t\t\t\tfill: $line;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&:hover {\r\n\t\t\t\topacity: 0.6;\r\n\t\t\t}\r\n\t\t\t.sharebtn__col__li__link {\r\n\t\t\t\t@include abase;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.btnticket {\r\n\tposition: fixed;\r\n\tleft: 3%;\r\n\tbottom: -6px;\r\n\twidth: 45.5%;\r\n\theight: 64px;\r\n\tpadding: 5px;\r\n\tfont-size: 2em;\r\n\tfont-weight: 700;\r\n\tcolor: $white;\r\n\ttext-decoration: none;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tvisibility: hidden;\r\n\tborder-radius: 6px;\r\n\tborder: 7px solid $black;\r\n\tbox-sizing: border-box;\r\n\topacity: 0;\r\n\t@include z-index(topbtn);\r\n\t@include fadeinout;\r\n\tbackground: linear-gradient($yellow2, $brown);\r\n\tbox-shadow: 0 0 10px rgba(0, 0, 0, 0.7);\r\n\t&::before {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: -7px;\r\n\t\tleft: -7px;\r\n\t\twidth: calc(100% + 10px);\r\n\t\theight: calc(100% + 10px);\r\n\t\tborder-left: 2px solid $primary;\r\n\t\tborder-top: 2px solid $primary;\r\n\t\tborder-right: 2px solid $primary;\r\n\t\tborder-radius: 6px;\r\n\t}\r\n\t@media screen and (max-width: 767px) {\r\n\t\tbottom: -7px;\r\n\t\tpadding: 3px;\r\n\t\theight: 60px;\r\n\t\tfont-size: 1.5em;\r\n\t}\r\n\t&.vis {\r\n\t\tvisibility: visible;\r\n\t\topacity: 1;\r\n\t}\r\n\t&:hover {\r\n\t\topacity: 0.7;\r\n\t\tcolor: $white;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\topacity: 1;\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\t&::before {\r\n\t\t\tposition: relative;\r\n\t\t\tcontent: \"\";\r\n\t\t\tmargin: 0 10px 0 0;\r\n\t\t\twidth: 32px;\r\n\t\t\theight: 28px;\r\n\t\t\tbackground: url(../img/ico_cart.svg) 50% 50% no-repeat;\r\n\t\t\tbackground-size: cover;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 25px;\r\n\t\t\t\theight: 22px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.btnfree {\r\n\tposition: fixed;\r\n\tright: 3%;\r\n\tbottom: -6px;\r\n\twidth: 45.5%;\r\n\theight: 64px;\r\n\tpadding: 5px;\r\n\tfont-size: 2em;\r\n\tfont-weight: 700;\r\n\tcolor: $white;\r\n\ttext-decoration: none;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tvisibility: hidden;\r\n\tborder-radius: 6px;\r\n\tborder: 7px solid $black;\r\n\tbackground: linear-gradient($blue, $darkblue);\r\n\tbox-sizing: border-box;\r\n\topacity: 0;\r\n\t@include z-index(topbtn);\r\n\t@include fadeinout;\r\n\tbox-shadow: 0 0 10px rgba(0, 0, 0, 0.7);\r\n\t&::before {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: -7px;\r\n\t\tleft: -7px;\r\n\t\twidth: calc(100% + 10px);\r\n\t\theight: calc(100% + 10px);\r\n\t\tborder-left: 2px solid $blue;\r\n\t\tborder-top: 2px solid $blue;\r\n\t\tborder-right: 2px solid $blue;\r\n\t\tborder-radius: 6px;\r\n\t}\r\n\t@media screen and (max-width: 767px) {\r\n\t\tbottom: -7px;\r\n\t\tpadding: 3px;\r\n\t\theight: 60px;\r\n\t\tfont-size: 1.5em;\r\n\t\ttext-align: center;\r\n\t}\r\n\t&.vis {\r\n\t\tvisibility: visible;\r\n\t\topacity: 1;\r\n\t}\r\n\t&:hover {\r\n\t\topacity: 0.7;\r\n\t\tcolor: $white;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\topacity: 1;\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\t&::before {\r\n\t\t\tposition: relative;\r\n\t\t\ttop: 1px;\r\n\t\t\tcontent: \"\";\r\n\t\t\tmargin: 0 10px 0 0;\r\n\t\t\twidth: 28px;\r\n\t\t\theight: 28px;\r\n\t\t\tbackground: url(../img/ico_character.png) 50% 50% no-repeat;\r\n\t\t\tbackground-size: cover;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 22px;\r\n\t\t\t\theight: 22px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.topBtn {\r\n\tposition: fixed;\r\n\tbottom: -40px;\r\n\tright: 0;\r\n\tcolor: $white;\r\n\ttext-decoration: none;\r\n\twidth: 40px;\r\n\theight: 40px;\r\n\ttext-align: center;\r\n\tbox-sizing: border-box;\r\n\tbackground: $black;\r\n\ttransition: opacity 0.3s ease-out;\r\n\t@include z-index(topbtn);\r\n\t@include fadeinout;\r\n\t&.active {\r\n\t\tbottom: 80px;\r\n\t}\r\n\t&:before {\r\n\t\tposition: absolute;\r\n\t\tcontent: \"\\f077\";\r\n\t\ttop: 13px;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\tline-height: 100%;\r\n\t\tfont-family: \"Font Awesome 5 Free\";\r\n\t\tfont-size: 100%;\r\n\t\tfont-weight: 900;\r\n\t\ttext-align: center;\r\n\t}\r\n\t&:hover {\r\n\t\tbackground: $primary;\r\n\t\ttext-decoration: none;\r\n\t}\r\n\ta {\r\n\t\tfont-size: 90%;\r\n\t\tcolor: $white;\r\n\t}\r\n\ta:hover {\r\n\t\ttext-decoration: none;\r\n\t}\r\n}\r\n\r\np {\r\n\tline-height: 150%;\r\n\tmargin: 0 0 16px 0;\r\n\t&:last-child {\r\n\t\tmargin: 0;\r\n\t}\r\n}\r\n\r\n.text-center {\r\n\ttext-align: center;\r\n}\r\n\r\n.pc {\r\n\tdisplay: block;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.sp {\r\n\tdisplay: none;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\na {\r\n\tcursor: pointer;\r\n\tcolor: $yellow;\r\n\toutline: none;\r\n\t@include fadeinout;\r\n\t&:hover {\r\n\t\tcolor: $primary;\r\n\t}\r\n\timg {\r\n\t\t@include fadeinout;\r\n\t\t&:hover {\r\n\t\t\topacity: 0.6;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\na:focus,\r\n*:focus {\r\n\toutline: none;\r\n}\r\n\r\n.is-fixed {\r\n\tposition: fixed !important;\r\n\ttop: 0;\r\n\tleft: 0;\r\n}\r\n\r\n.yellow {\r\n\tcolor: $warning;\r\n}\r\n\r\n.red {\r\n\tcolor: $red;\r\n\tfont-weight: 700;\r\n}\r\n\r\n.andmore {\r\n\tmargin: 34px 0 0 0;\r\n\tpadding: 0;\r\n\ttext-align: center;\r\n\tfont-size: 1.6em;\r\n\tfont-weight: 500;\r\n\tfont-family: $font-jp;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tmargin: 0;\r\n\t}\r\n}\r\n\r\ninput[type=\"text\"] {\r\n\t-webkit-appearance: none;\r\n\t-moz-appearance: none;\r\n\tappearance: none;\r\n\tbackground: transparent;\r\n\tborder: none;\r\n\tborder-radius: 0;\r\n\tfont: inherit;\r\n\toutline: none;\r\n}\r\n","// く使用するstyleを変数化し、ここに集約\r\n$white: #fff;\r\n$black: #000;\r\n$darkblue: #0026ab;\r\n$indigo: #6610f2;\r\n$blue: #0c44e2;\r\n$blue2: #406ff2;\r\n$purple: #6f42c1;\r\n$pink: #facece;\r\n$red: #a51365;\r\n$brown: #956c00;\r\n$brown2: #723734;\r\n$orange: #e87370;\r\n$yellow: #ffe139;\r\n$yellow2: #fce77b;\r\n$green: #00b1c3;\r\n$teal: #20c997;\r\n$cyan: #71dce8;\r\n$white: #fff;\r\n$gray: #5e5a4f;\r\n$gray2: #555555;\r\n$gray3: #ccc;\r\n$gray4: #f6f6f6;\r\n$gray5: #d3d3d3;\r\n$gray6: #333;\r\n$gray7: #999;\r\n$gray-dark: #222;\r\n$primary: #ccc16a;\r\n$secondary: #a3000d;\r\n$third: #0a749f;\r\n$success: #28a745;\r\n$info: #a1bffa;\r\n$warning: #f6f101;\r\n$danger: #df4b4b;\r\n$light: #fff8ec;\r\n$dark: #1a318f;\r\n$bgcolor: #f5f5f5;\r\n$facebook: #1877f2;\r\n$twitter: #1da1f2;\r\n$instagram: #cf2e92;\r\n$line: #00b900;\r\n$txt: #000;\r\n$breakpoint-xs: 0;\r\n$breakpoint-sm: 576px;\r\n$breakpoint-md: 768px;\r\n$breakpoint-lg: 992px;\r\n$breakpoint-xl: 1200px;\r\n\r\n//setting z-index\r\n$layer: (\r\n\tblackbg: 50,\r\n\topenbn: 120,\r\n\tclosebtn: 155,\r\n\tnavlink: 200,\r\n\ttopnav: 100,\r\n\tsnsnav: 96,\r\n\tnotice: 3000,\r\n\tsideline: 920,\r\n\ttmcheader: 900,\r\n\theader: 800,\r\n\tnavilayer: 80,\r\n\tsharebtn: 720,\r\n\ttopbtn: 700,\r\n\tmainimg: 650,\r\n\tarticlelink: 20,\r\n\tarticle2: 90,\r\n\tarticle3: 40,\r\n\tarticle: 50,\r\n\tarticlebg: 12,\r\n\tmainlayer: 10,\r\n\tmainbg: -1,\r\n\tmainbg2: -2,\r\n\tdefault: 1,\r\n);\r\n\r\n//font\r\n$font-normal: \"M PLUS Rounded 1c\", sans-serif;\r\n$font-jp: \"M PLUS Rounded 1c\", sans-serif;\r\n$font-cursive: \"Dancing Script\", cursive; /*'Meow Script', cursive;*/\r\n$font-en: \"Playfair Display\", serif;\r\n","// よく使用するstyleを関数化（mixin）し、ここに集約\r\n\r\n@mixin fadeinout {\r\n\ttransition: all 0.3s ease-out;\r\n}\r\n\r\n@mixin abase {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tdisplay: block;\r\n\tcursor: pointer;\r\n\tcursor: hand;\r\n}\r\n\r\n@mixin z-index($key) {\r\n\tz-index: map-get($layer, $key);\r\n}\r\n\r\n@mixin openbtn {\r\n\twidth: 26px;\r\n\theight: 26px;\r\n\tborder-radius: 100px;\r\n}\r\n\r\n@mixin openbtn2 {\r\n\tposition: absolute;\r\n\twidth: 26px;\r\n\theight: 2px;\r\n\tcontent: \"\";\r\n\tborder-radius: 100px;\r\n\tdisplay: block;\r\n\ttop: 50%;\r\n\tleft: 0;\r\n\tbackground: $white;\r\n\t@media screen and (max-width: 767px) {\r\n\t}\r\n}\r\n\r\n@mixin closebtn {\r\n\tposition: absolute;\r\n\tcontent: \"\";\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 2px;\r\n\theight: 26px;\r\n\tborder-radius: 50px;\r\n\tbackground: $secondary;\r\n}\r\n","// コンテンツ部分の共通styleを記述（ページtitle、ブロック構成など）\r\n#mainimgWrap {\r\n\tposition: relative;\r\n\tmargin: 0;\r\n\tpadding: 53.85% 0 0 0;\r\n\twidth: 100%;\r\n\tbackground: url(../img/mainimg_game_pc.webp) 50% 50% no-repeat;\r\n\tbackground-size: cover;\r\n\t@include z-index(mainimg);\r\n\t@media screen and (max-width: 767px) {\r\n\t\tmargin: 0;\r\n\t\theight: auto;\r\n\t\tpadding: 141.54% 0 0 0;\r\n\t\tbackground: url(../img/mainimg_game_sp.webp) 50% 50% no-repeat;\r\n\t\tbackground-size: cover;\r\n\t}\r\n\t#endingPage & {\r\n\t\tbackground: url(../img/clear.webp) 50% 50% no-repeat !important;\r\n\t\tbackground-size: cover !important;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tpadding: 53.85% 0 0 0;\r\n\t\t}\r\n\t}\r\n\th1 {\r\n\t\ttext-indent: -9999px;\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t}\r\n}\r\n\r\n#readyWrap {\r\n\tpadding: 70px 0;\r\n\tbackground: url(../img/bg01.png) 50% 50% repeat;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tpadding: 50px 0;\r\n\t}\r\n\t.readyWrap__inner {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 34px;\r\n\t\tcolor: $white;\r\n\t\tbackground: $black;\r\n\t\tborder-radius: 9px;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding: 30px 20px;\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 3px;\r\n\t\t\tleft: 3px;\r\n\t\t\twidth: calc(100% - 10px);\r\n\t\t\theight: calc(100% - 10px);\r\n\t\t\tborder: 2px solid $white;\r\n\t\t\tborder-radius: 8px;\r\n\t\t}\r\n\t}\r\n\t.readyWrap__h2 {\r\n\t\tposition: relative;\r\n\t\tmargin: 0 0 20px;\r\n\t\tpadding: 0;\r\n\t\tfont-size: 3.4rem;\r\n\t\tfont-weight: 700;\r\n\t\tline-height: 140%;\r\n\t\ttext-align: center;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tfont-size: 2.4rem;\r\n\t\t}\r\n\t}\r\n\t.readyWrap__listcol {\r\n\t\twidth: 90%;\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t\t&__col {\r\n\t\t\twidth: 48%;\r\n\t\t\tmargin: 0 1%;\r\n\t\t\ttext-align: center;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmargin: 0 0 20px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\talign-items: flex-start;\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__img {\r\n\t\t\t\twidth: 36%;\r\n\t\t\t\tmargin: 0 auto 12px;\r\n\t\t\t\tpadding: 36% 0 0 0;\r\n\t\t\t\tborder-radius: 100%;\r\n\t\t\t\tbackground-size: cover !important;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\twidth: 30%;\r\n\t\t\t\t\tmargin: 0 4% 0 0;\r\n\t\t\t\t\tpadding: 30% 0 0 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__txt {\r\n\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\twidth: 66%;\r\n\t\t\t\t\tfont-size: 1.3rem;\r\n\t\t\t\t\ttext-align: left;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n#aboutWrap {\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\tmargin: 0 auto;\r\n\tpadding: 70px 0;\r\n\tbox-sizing: border-box;\r\n\t@media screen and (max-width: 767px) {\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 50px 0;\r\n\t}\r\n\t&::before {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tbackground: url(../img/bg02.webp) 50% 50% no-repeat;\r\n\t\tbackground-size: cover;\r\n\t\t@include z-index(mainbg);\r\n\t}\r\n\t.title__h3 {\r\n\t\tposition: relative;\r\n\t\tmargin: 0 0 30px;\r\n\t\tpadding: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 54px;\r\n\t\ttext-align: center;\r\n\t\ttext-indent: -9999px !important;\r\n\t\tdisplay: block;\r\n\t\tbackground: url(../img/title_about.png) 50% 50% no-repeat;\r\n\t\tbackground-size: auto 54px;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tmargin: 0 0 20px;\r\n\t\t\tpadding: 0;\r\n\t\t\theight: 44px;\r\n\t\t\tbackground-size: auto 44px;\r\n\t\t}\r\n\t\t&::before,\r\n\t\t&::after {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\t.aboutWrap__listcol {\r\n\t\tposition: relative;\r\n\t\tmargin: 0 auto 50px;\r\n\t\tpadding: 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\tjustify-content: center;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tmargin: 0 auto 34px;\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t\t&__col {\r\n\t\t\twidth: 30.33%;\r\n\t\t\tmargin: 0 1.5%;\r\n\t\t\tpadding: 34px 20px;\r\n\t\t\tbackground: url(../img/bg03.webp) 50% 50% no-repeat;\r\n\t\t\tbackground-size: cover;\r\n\t\t\tborder-radius: 6px;\r\n\t\t\tborder: 4px solid $white;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmargin: 0 auto 10px;\r\n\t\t\t\tpadding: 10px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__img {\r\n\t\t\t\twidth: 60%;\r\n\t\t\t\tmargin: 0 auto 14px;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\twidth: 24%;\r\n\t\t\t\t\tmargin: 0 5% 0 0;\r\n\t\t\t\t}\r\n\t\t\t\t&__photo {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\tpadding: 100% 0 0 0;\r\n\t\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\t\tborder-radius: 100%;\r\n\t\t\t\t\tbackground-position: 50% 50% !important;\r\n\t\t\t\t\tbackground-size: cover !important;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__txt {\r\n\t\t\t\tfont-size: 1.6em;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tcolor: $black;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\twidth: 71%;\r\n\t\t\t\t\tfont-size: 1.4em;\r\n\t\t\t\t\ttext-align: left;\r\n\t\t\t\t}\r\n\t\t\t\tstrong {\r\n\t\t\t\t\tmargin: 0 auto 8px;\r\n\t\t\t\t\tfont-size: 1.2em;\r\n\t\t\t\t\tfont-family: $font-jp;\r\n\t\t\t\t\tcolor: $yellow;\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\tmargin: 0 auto 6px;\r\n\t\t\t\t\t\ttext-align: left;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tsmall {\r\n\t\t\t\t\tline-height: 130%;\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__col2 {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 34px 1.5% 0;\r\n\t\t\tpadding: 34px 20px;\r\n\t\t\tbackground: url(../img/bg03.webp) 50% 50% no-repeat;\r\n\t\t\tbackground-size: cover;\r\n\t\t\tborder-radius: 6px;\r\n\t\t\tborder: 4px solid $white;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmargin: 0 auto 10px;\r\n\t\t\t\tpadding: 10px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__img {\r\n\t\t\t\twidth: 20%;\r\n\t\t\t\tmargin: 0 3% 0 0;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\twidth: 24%;\r\n\t\t\t\t\tmargin: 0 5% 0 0;\r\n\t\t\t\t}\r\n\t\t\t\t&__photo {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\tpadding: 100% 0 0 0;\r\n\t\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\t\tborder-radius: 100%;\r\n\t\t\t\t\tbackground-position: 50% 50% !important;\r\n\t\t\t\t\tbackground-size: cover !important;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__txt {\r\n\t\t\t\twidth: 77%;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tcolor: $black;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\twidth: 69%;\r\n\t\t\t\t\tfont-size: 1.4rem;\r\n\t\t\t\t}\r\n\t\t\t\tstrong {\r\n\t\t\t\t\tmargin: 0 0 4px;\r\n\t\t\t\t\tcolor: $secondary;\r\n\t\t\t\t\tfont-size: 2rem;\r\n\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\tfont-size: 1.8rem;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&__libox {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tmargin: 14px 0 0 0;\r\n\t\t\t\t\tpadding: 0;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\twidth: 139%;\r\n\t\t\t\t\t\tmargin: 10px 0 0 -39%;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&__box {\r\n\t\t\t\t\t\twidth: 48%;\r\n\t\t\t\t\t\tmargin: 0 1%;\r\n\t\t\t\t\t\tpadding: 14px;\r\n\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\tbackground: $white;\r\n\t\t\t\t\t\tborder-radius: 8px;\r\n\t\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\t\tpadding: 6px 6px 10px;\r\n\t\t\t\t\t\t\tfont-size: 1.2rem;\r\n\t\t\t\t\t\t\tline-height: 130%;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\twidth: 120px;\r\n\t\t\t\t\t\t\theight: auto;\r\n\t\t\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t\t\t\tpadding: 0;\r\n\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\t\t\twidth: 60%;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.aboutWrap__checkcol {\r\n\t\tmargin: 0 0 50px;\r\n\t\tpadding: 40px;\r\n\t\tborder: 2px solid $primary;\r\n\t\tbackground: $black;\r\n\t\tborder-radius: 9px;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tmargin: 0 0 34px;\r\n\t\t\tpadding: 30px 10px;\r\n\t\t}\r\n\t\t&__h4 {\r\n\t\t\tmargin: 0 0 34px;\r\n\t\t\tpadding: 0;\r\n\t\t\tfont-size: 2.2rem;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: $primary;\r\n\t\t\ttext-align: center;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\tmargin: 0 0 24px;\r\n\t\t\t\tfont-size: 1.8rem;\r\n\t\t\t}\r\n\t\t}\r\n\t\tul {\r\n\t\t\tmargin: 0 0 50px 0;\r\n\t\t\tpadding: 0 0 0 30px;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\tmargin: 0 0 30px 0;\r\n\t\t\t}\r\n\t\t\tli {\r\n\t\t\t\tmargin: 0 0 8px 0;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t\tline-height: 150%;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\tfont-size: 1.4rem;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\ttable {\r\n\t\t\twidth: 100%;\r\n\t\t\ttable-layout: fixed;\r\n\t\t\tborder-collapse: collapse;\r\n\t\t\ttr,\r\n\t\t\ttd {\r\n\t\t\t\tpadding: 10px 14px;\r\n\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t\tline-height: 150%;\r\n\t\t\t\tborder: 1px solid $white;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\tpadding: 4px;\r\n\t\t\t\t\tfont-size: 1.3rem;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n#noteWrap {\r\n\t.noteWrap__col {\r\n\t\tmargin: 0 0 16px 0;\r\n\t\tbackground: $black;\r\n\t\tborder: 2px solid $white;\r\n\t\tborder-radius: 6px;\r\n\t\t&:last-child {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t\t&__tt {\r\n\t\t\tposition: relative;\r\n\t\t\tpadding: 14px;\r\n\t\t\tfont-size: 1.8rem;\r\n\t\t\tfont-weight: 700;\r\n\t\t\ttext-align: center;\r\n\t\t\tcursor: pointer;\r\n\t\t\t@include fadeinout;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\tpadding: 14px 8px;\r\n\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t}\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: $primary;\r\n\t\t\t}\r\n\t\t\tspan {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\ttop: 2px;\r\n\t\t\t\t\tmargin: 0 14px 0 0;\r\n\t\t\t\t\twidth: 18px;\r\n\t\t\t\t\theight: 18px;\r\n\t\t\t\t\tbackground: url(../img/ico_arrow01.svg) 50% 50% no-repeat;\r\n\t\t\t\t\tbackground-size: cover;\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\ttop: 1px;\r\n\t\t\t\t\t\twidth: 14px;\r\n\t\t\t\t\t\theight: 14px;\r\n\t\t\t\t\t\tmargin: 0 8px 0 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\ttop: 2px;\r\n\t\t\t\t\tmargin: 0 0 0 14px;\r\n\t\t\t\t\twidth: 18px;\r\n\t\t\t\t\theight: 18px;\r\n\t\t\t\t\tbackground: url(../img/ico_arrow01.svg) 50% 50% no-repeat;\r\n\t\t\t\t\tbackground-size: cover;\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\ttop: 1px;\r\n\t\t\t\t\t\twidth: 14px;\r\n\t\t\t\t\t\theight: 14px;\r\n\t\t\t\t\t\tmargin: 0 0 0 8px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&.active {\r\n\t\t\t\tspan {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\ttransform: rotate(180deg);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__txt {\r\n\t\t\tposition: relative;\r\n\t\t\tpadding: 24px;\r\n\t\t\tfont-size: 1.6rem;\r\n\t\t\tborder-top: 2px solid $white;\r\n\t\t\tdisplay: none;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\tpadding: 18px;\r\n\t\t\t\tfont-size: 1.4rem;\r\n\t\t\t}\r\n\t\t\tul {\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tpadding: 0 0 0 30px;\r\n\t\t\t\tli {\r\n\t\t\t\t\tmargin: 0 0 8px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.confirmWrap {\r\n\tpadding: 70px 0;\r\n\tbackground: url(../img/bg01.png) 50% 50% repeat;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tpadding: 50px 0;\r\n\t}\r\n\t&--confirm2 {\r\n\t\tbackground: url(../img/bg02.webp) 50% 50% no-repeat !important;\r\n\t\tbackground-size: cover;\r\n\t}\r\n\t.confirmWrap__inner {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 34px;\r\n\t\tcolor: $white;\r\n\t\tbackground: $black;\r\n\t\tborder-radius: 9px;\r\n\t\ttext-align: center;\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 3px;\r\n\t\t\tleft: 3px;\r\n\t\t\twidth: calc(100% - 10px);\r\n\t\t\theight: calc(100% - 10px);\r\n\t\t\tborder: 2px solid $white;\r\n\t\t\tborder-radius: 8px;\r\n\t\t\t@include z-index(article);\r\n\t\t}\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tpadding: 34px 10px;\r\n\t\t}\r\n\t}\r\n\t.confirmWrap__form1 {\r\n\t\tposition: relative;\r\n\t\tfont-size: 1.6rem;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t\t@include z-index(article2);\r\n\t\t#chkAgreement {\r\n\t\t\tmargin: 0 14px 0 0;\r\n\t\t\ttransform: scale(2);\r\n\t\t}\r\n\t\t&__listcol {\r\n\t\t\tmargin: 14px 0 0 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\tjustify-content: center;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t}\r\n\t\t\tbutton {\r\n\t\t\t\tmargin: 0 1%;\r\n\t\t\t\twidth: 290px;\r\n\t\t\t\theight: 50px;\r\n\t\t\t\tfont-weight: 700;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tbackground: $white;\r\n\t\t\t\tborder: 2px solid $primary;\r\n\t\t\t\tborder-radius: 6px;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\t@include fadeinout;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\tmargin: 0 2%;\r\n\t\t\t\t\twidth: 46%;\r\n\t\t\t\t\theight: 50px;\r\n\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&:disabled {\r\n\t\t\t\t\topacity: 0.4;\r\n\t\t\t\t\tpointer-events: none;\r\n\t\t\t\t}\r\n\t\t\t\t&.btnstart {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground: $secondary;\r\n\t\t\t\t}\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\topacity: 0.6;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.confirmWrap__col {\r\n\t\tposition: relative;\r\n\t\tfont-size: 1.6rem;\r\n\t\t@include z-index(article2);\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t\t.survey {\r\n\t\t\tmargin: 20px auto 0;\r\n\t\t\twidth: 260px;\r\n\t\t\theight: 54px;\r\n\t\t\tcolor: $blue2;\r\n\t\t\tfont-weight: 700;\r\n\t\t\ttext-decoration: none;\r\n\t\t\ttext-align: center;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\tborder-radius: 100px;\r\n\t\t\tbackground: $white;\r\n\t\t\tbox-shadow: 5px 5px 0 rgba(255, 255, 255, 0.6);\r\n\t\t\t@include fadeinout;\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: $white;\r\n\t\t\t\tbackground: $blue2;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__h3 {\r\n\t\t\tmargin: 0 auto 20px;\r\n\t\t\tpadding: 0;\r\n\t\t\tfont-size: 2rem;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t}\r\n\t.confirmWrap__txt {\r\n\t\tfont-size: 1.8rem;\r\n\t\tfont-weight: 700;\r\n\t\ttext-align: center;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tfont-size: 1.5rem;\r\n\t\t}\r\n\t}\r\n\t.nextstage {\r\n\t\tposition: relative;\r\n\t\twidth: 600px;\r\n\t\theight: 64px;\r\n\t\tmargin: 20px auto 0;\r\n\t\tpadding: 4px;\r\n\t\tfont-size: 1.7rem;\r\n\t\tfont-weight: 700;\r\n\t\tcolor: $white;\r\n\t\ttext-decoration: none;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tborder-radius: 6px;\r\n\t\tborder: 6px solid $black;\r\n\t\tbox-sizing: border-box;\r\n\t\t@include z-index(topbtn);\r\n\t\t@include fadeinout;\r\n\t\tbackground: linear-gradient($yellow2, $brown);\r\n\t\tbox-shadow: 0 0 10px rgba(0, 0, 0, 0.7);\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tpadding: 3px;\r\n\t\t\tfont-size: 1.5rem;\r\n\t\t\tline-height: 130%;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 64px;\r\n\t\t}\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -6px;\r\n\t\t\tleft: -6px;\r\n\t\t\twidth: calc(100% + 8px);\r\n\t\t\theight: calc(100% + 8px);\r\n\t\t\tborder: 2px solid $primary;\r\n\t\t\tborder-radius: 6px;\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\topacity: 0.7;\r\n\t\t\tcolor: $white;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tcolor: $white;\r\n\t\t\t}\r\n\t\t}\r\n\t\tspan {\r\n\t\t\tposition: relative;\r\n\t\t\t&::after {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: relative;\r\n\t\t\t\ttop: 1px;\r\n\t\t\t\twidth: 15px;\r\n\t\t\t\theight: 15px;\r\n\t\t\t\tmargin: 0 0 0 6px;\r\n\t\t\t\tbackground: url(../img/ico_arrow02.svg) 50% 50% no-repeat;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.comwrap {\r\n\t\tmargin: 0 0 20px;\r\n\t\ttext-align: center;\r\n\t\t&__h3 {\r\n\t\t\tmargin: 0 0 20px;\r\n\t\t\tpadding: 0;\r\n\t\t\tfont-size: 2rem;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tline-height: 140%;\r\n\t\t}\r\n\t\t&__listcol {\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\t&__col {\r\n\t\t\t\twidth: 48.5%;\r\n\t\t\t\tmargin: 0 3% 30px 0;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\twidth: 48%;\r\n\t\t\t\t\tmargin: 0 4% 12px 0;\r\n\t\t\t\t}\r\n\t\t\t\t&:nth-child(2n) {\r\n\t\t\t\t\tmargin: 0 0 30px;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\tmargin: 0 0 12px 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&__button {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 120px;\r\n\t\t\t\t\tcolor: $dark;\r\n\t\t\t\t\tfont-size: 3rem;\r\n\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\ttext-decoration: none;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tbackground: $white;\r\n\t\t\t\t\tborder: 3px solid $black;\r\n\t\t\t\t\tborder-radius: 10px;\r\n\t\t\t\t\tbox-shadow: 5px 5px 0 rgba(255, 255, 255, 0.5);\r\n\t\t\t\t\t@include fadeinout;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\theight: 80px;\r\n\t\t\t\t\t\tfont-size: 1.8rem;\r\n\t\t\t\t\t\tbox-shadow: 3px 3px 0 rgba(255, 255, 255, 0.5);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\t\tbackground: $blue2;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n#endingPage {\r\n\tbackground: url(../img/bg01.png) 50% 50% repeat;\r\n}\r\n\r\n#noticeWrap {\r\n\tpadding: 70px 0;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tpadding: 50px 0;\r\n\t}\r\n\t.noticeWrap__h2 {\r\n\t\tmargin: 0 0 30px 0;\r\n\t\tpadding: 0;\r\n\t\tfont-size: 2.4rem;\r\n\t\tline-height: 150%;\r\n\t\ttext-align: center;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tfont-size: 1.8rem;\r\n\t\t\tmargin: 0 0 20px 0;\r\n\t\t}\r\n\t}\r\n\t.noticeWrap__listcol {\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\t&__col {\r\n\t\t\twidth: 48.5%;\r\n\t\t\tmargin: 0 3% 34px 0;\r\n\t\t\tbackground: $white;\r\n\t\t\tborder-radius: 10px;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmargin: 0 0 14px 0;\r\n\t\t\t}\r\n\t\t\t&:nth-child(2n) {\r\n\t\t\t\tmargin: 0 0 34px;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\tmargin: 0 0 14px 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__link {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\topacity: 0.6;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__img {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tpadding: 52.58% 0 0 0;\r\n\t\t\t\tbackground-size: cover !important;\r\n\t\t\t\tborder-radius: 10px 10px 0 0;\r\n\t\t\t}\r\n\t\t\t&__txt {\r\n\t\t\t\tpadding: 14px;\r\n\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t\tcolor: $black;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n#dlWrap {\r\n\tpadding: 70px 0;\r\n\tbackground: $black;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tpadding: 50px 0;\r\n\t}\r\n\t.dlWrap__inner {\r\n\t\twidth: 640px;\r\n\t\tmargin: 0 auto;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 90%;\r\n\t\t}\r\n\t\t&__h2 {\r\n\t\t\tmargin: 0 0 30px;\r\n\t\t\tpadding: 0;\r\n\t\t\tfont-size: 3rem;\r\n\t\t\tfont-weight: 700;\r\n\t\t\ttext-align: center;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\tfont-size: 2.4rem;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&__img {\r\n\t\twidth: 100%;\r\n\t\tmargin: 0 0 20px;\r\n\t\tbackground-size: cover !important;\r\n\t\tborder-radius: 8px;\r\n\t\tborder: 3px solid $white;\r\n\t}\r\n\t&__dl {\r\n\t\tmargin: 0 auto;\r\n\t\twidth: 160px;\r\n\t\theight: 36px;\r\n\t\tfont-size: 1.4rem;\r\n\t\tfont-weight: 700;\r\n\t\ttext-decoration: none;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tcolor: $white;\r\n\t\ttext-shadow: 1px 1px 0 $black, -1px -1px 0 $black, -1px 1px 0 $black, 1px -1px 0 $black, 0px 1px 0 $black,\r\n\t\t\t0-1px 0 $black, -1px 0 0 $black, 1px 0 0 $black;\r\n\t\tborder: 1px solid $primary;\r\n\t\tbackground: $secondary;\r\n\t\tborder-radius: 6px;\r\n\t\t@include fadeinout;\r\n\t\t&:hover {\r\n\t\t\topacity: 0.6;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n#game {\r\n\tposition: relative;\r\n\t&::before {\r\n\t\tcontent: \"\";\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tbackground: url(../img/bg04.webp) 50% 50% no-repeat;\r\n\t\tbackground-size: cover;\r\n\t\t@include z-index(mainbg);\r\n\t}\r\n\t#btnBack {\r\n\t\tposition: fixed;\r\n\t\ttop: 14px;\r\n\t\tleft: 0;\r\n\t\tpadding: 0 8px 0 0;\r\n\t\twidth: 70px;\r\n\t\theight: 70px;\r\n\t\tfont-size: 3.4rem;\r\n\t\tfont-weight: 700;\r\n\t\tcolor: $white;\r\n\t\tbackground: $black;\r\n\t\tborder-radius: 0 100px 100px 0;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tz-index: 999;\r\n\t\t@include z-index(article);\r\n\t\tborder: none;\r\n\t\tcursor: pointer;\r\n\t\t@include fadeinout;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 54px;\r\n\t\t\theight: 54px;\r\n\t\t\tpadding: 0 4px 0 0;\r\n\t\t\tfont-size: 2.8rem;\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground: $blue;\r\n\t\t}\r\n\t}\r\n\tmain {\r\n\t\tposition: relative;\r\n\t}\r\n\t.gameWrap {\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100vh;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\t&__gameWrap2 {\r\n\t\t\tposition: relative !important;\r\n\t\t\tmargin: 60px 0;\r\n\t\t\theight: auto;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\tposition: fixed !important;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\theight: 100vh;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__gameWrap3 {\r\n\t\t\tposition: relative !important;\r\n\t\t\tmargin: 60px 0;\r\n\t\t\theight: auto;\r\n\t\t\t@include z-index(header);\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\tposition: relative !important;\r\n\t\t\t\tmargin: 60px 0;\r\n\t\t\t\theight: auto;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__inner {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tpadding: 34px;\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground: $black;\r\n\t\t\tborder-radius: 9px;\r\n\t\t\ttext-align: center;\r\n\t\t\t&::after {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 3px;\r\n\t\t\t\tleft: 3px;\r\n\t\t\t\twidth: calc(100% - 10px);\r\n\t\t\t\theight: calc(100% - 10px);\r\n\t\t\t\tborder: 2px solid $white;\r\n\t\t\t\tborder-radius: 8px;\r\n\t\t\t\t@include z-index(article);\r\n\t\t\t\tbox-sizing: content-box !important;\r\n\t\t\t}\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmargin: 0 auto 24px;\r\n\t\t\t\tpadding: 34px 10px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__area {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 100%;\r\n\t\t\t@include z-index(article2);\r\n\t\t\t&__txt {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t\tline-height: 150%;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\tfont-size: 1.4rem;\r\n\t\t\t\t}\r\n\t\t\t\t&__index {\r\n\t\t\t\t\tmargin: 0 0 30px;\r\n\t\t\t\t\tfont-size: 3.4rem;\r\n\t\t\t\t\tline-height: 140%;\r\n\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\tmargin: 0 0 20px;\r\n\t\t\t\t\t\tfont-size: 1.9rem;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&__index2 {\r\n\t\t\t\t\tmargin: 20px 0 10px;\r\n\t\t\t\t\tfont-size: 2.4rem;\r\n\t\t\t\t\tline-height: 140%;\r\n\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\tfont-size: 1.8rem;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t#roomId {\r\n\t\t\t\t\tmargin: 0 auto 10px;\r\n\t\t\t\t\tpadding: 8px;\r\n\t\t\t\t\tfont-size: 1.8rem;\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\tborder: 1px solid rgba(255, 255, 255, 0.5);\r\n\t\t\t\t}\r\n\t\t\t\t&__list {\r\n\t\t\t\t\twidth: 60%;\r\n\t\t\t\t\tmax-width: 580px;\r\n\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t\ttext-align: left;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\twidth: 90%;\r\n\t\t\t\t\t\tmax-width: 90%;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t#joinPlayForm #roomId {\r\n\t\t\t\tmargin: 0 auto 10px;\r\n\t\t\t\tpadding: 8px;\r\n\t\t\t\tfont-size: 1.8rem;\r\n\t\t\t\tcolor: $white;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tborder: 1px solid rgba(255, 255, 255, 0.5) !important;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\t\t\t&__btnbox {\r\n\t\t\t\tmargin: 34px auto 0;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\tmargin: 24px auto 0;\r\n\t\t\t\t\twidth: 90%;\r\n\t\t\t\t}\r\n\t\t\t\t&--margin {\r\n\t\t\t\t\tmargin: 34px auto;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\tmargin: 24px auto;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&--nomargin {\r\n\t\t\t\t\tmargin: 0 auto !important;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\tmargin: 0 auto !important;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&__att {\r\n\t\t\t\t\tfont-size: 2.2rem;\r\n\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\tcolor: $yellow;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\tfont-size: 1.8rem;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&__btnbox2 {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t.gameWrap__area__btnbox__button {\r\n\t\t\t\t\t\twidth: 70% !important;\r\n\t\t\t\t\t\tmax-width: 400px !important;\r\n\t\t\t\t\t\tmargin: 0 auto 14px !important;\r\n\t\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\t\twidth: 100% !important;\r\n\t\t\t\t\t\t\tmax-width: 100% !important;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.gameWrap__area__btnbox__button2 {\r\n\t\t\t\t\t\tmargin: 0 auto 14px;\r\n\t\t\t\t\t\theight: auto;\r\n\t\t\t\t\t\tfont-size: 1.8rem;\r\n\t\t\t\t\t\tcolor: $primary;\r\n\t\t\t\t\t\tbackground: none;\r\n\t\t\t\t\t\tborder: none;\r\n\t\t\t\t\t\ttext-decoration: underline;\r\n\t\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\t\t\tbackground: none;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t&:disabled {\r\n\t\t\t\t\t\t\tcolor: $gray;\r\n\t\t\t\t\t\t\tpointer-events: none;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t&__button {\r\n\t\t\t\t\twidth: 40%;\r\n\t\t\t\t\tmax-width: 290px;\r\n\t\t\t\t\theight: 60px;\r\n\t\t\t\t\tmargin: 0 1%;\r\n\t\t\t\t\tfont-size: 2rem;\r\n\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\tcolor: $black;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\tborder: 2px solid $primary;\r\n\t\t\t\t\tborder-radius: 6px;\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t@include fadeinout;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\tmax-width: 100%;\r\n\t\t\t\t\t\tmargin: 6px 0;\r\n\t\t\t\t\t\theight: 50px;\r\n\t\t\t\t\t\tfont-size: 1.6rem;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\t\tbackground: $secondary;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:disabled {\r\n\t\t\t\t\t\tpointer-events: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n#gamesc {\r\n\tmargin: 0 auto;\r\n\tpadding: 50px 0;\r\n\tbackground: url(../img/bg01.png) 50% 50% repeat;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tpadding: 0 0 50px 0;\r\n\t}\r\n}\r\n\r\n#playWrap {\r\n\twidth: 90%;\r\n\tmax-width: 1200px;\r\n\tmargin: 0 auto 50px;\r\n\tpadding: 0 0 40px;\r\n\tbackground: $black;\r\n\t@media screen and (max-width: 767px) {\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t}\r\n}\r\n\r\n#introWrap {\r\n\t.introWrap__inner {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 34px;\r\n\t\tcolor: $white;\r\n\t\tbackground: $black;\r\n\t\tborder-radius: 9px;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding: 30px 20px;\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 3px;\r\n\t\t\tleft: 3px;\r\n\t\t\twidth: calc(100% - 6px);\r\n\t\t\theight: calc(100% - 6px);\r\n\t\t\tborder: 2px solid $white;\r\n\t\t\tborder-radius: 8px;\r\n\t\t}\r\n\t}\r\n\t.introWrap__txt {\r\n\t\tposition: relative;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\tfont-size: 1.6rem;\r\n\t\tfont-weight: 700;\r\n\t\tline-height: 140%;\r\n\t\ttext-align: center;\r\n\t\t@include z-index(article);\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tfont-size: 1.4rem;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n#indexWrap {\r\n\tpadding: 70px 0;\r\n\tbackground: url(../img/bg01.png) 50% 50% repeat;\r\n\t@media screen and (max-width: 767px) {\r\n\t\tpadding: 50px 0;\r\n\t}\r\n\t.indexWrap__inner {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\tmargin: 0 auto 34px;\r\n\t\tpadding: 34px;\r\n\t\tcolor: $white;\r\n\t\tbackground: $black;\r\n\t\tborder-radius: 9px;\r\n\t\ttext-align: center;\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 3px;\r\n\t\t\tleft: 3px;\r\n\t\t\twidth: calc(100% - 6px);\r\n\t\t\theight: calc(100% - 6px);\r\n\t\t\tborder: 2px solid $white;\r\n\t\t\tborder-radius: 8px;\r\n\t\t\t@include z-index(article);\r\n\t\t}\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0 auto 24px;\r\n\t\t\tpadding: 34px 10px;\r\n\t\t}\r\n\t}\r\n\t.indexWrap__col {\r\n\t\tposition: relative;\r\n\t\tfont-size: 1.6rem;\r\n\t\t@include z-index(article2);\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t\t&__h3 {\r\n\t\t\tmargin: 0 auto 12px;\r\n\t\t\tpadding: 0;\r\n\t\t\tfont-size: 2.2rem;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: $white;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\tfont-size: 1.7rem;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__table {\r\n\t\t\tborder-collapse: collapse;\r\n\t\t\tborder: 1px solid $white;\r\n\t\t\ttd,\r\n\t\t\ttr {\r\n\t\t\t\tpadding: 8px;\r\n\t\t\t\tfont-size: 1.4rem;\r\n\t\t\t\tline-height: 150%;\r\n\t\t\t\ttext-align: left;\r\n\t\t\t\tborder: 1px solid $white;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.indexWrap__txt {\r\n\t\tfont-size: 1.8rem;\r\n\t\tfont-weight: 700;\r\n\t\ttext-align: center;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tfont-size: 1.5rem;\r\n\t\t}\r\n\t}\r\n\r\n\t.buybtn2 {\r\n\t\tposition: relative;\r\n\t\twidth: 600px;\r\n\t\theight: 120px;\r\n\t\tmargin: 20px auto 40px;\r\n\t\tpadding: 4px;\r\n\t\tfont-size: 2rem;\r\n\t\tfont-weight: 700;\r\n\t\tcolor: $white;\r\n\t\ttext-align: center;\r\n\t\ttext-decoration: none;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tborder-radius: 6px;\r\n\t\tborder: 6px solid $black;\r\n\t\tbox-sizing: border-box;\r\n\t\t@include z-index(topbtn);\r\n\t\t@include fadeinout;\r\n\t\tbackground: linear-gradient($yellow2, $brown);\r\n\t\tbox-shadow: 0 0 10px rgba(0, 0, 0, 0.7);\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tbottom: -7px;\r\n\t\t\tpadding: 3px;\r\n\t\t\tfont-size: 1.5rem;\r\n\t\t\tline-height: 130%;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto;\r\n\t\t}\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -4px;\r\n\t\t\tleft: -4px;\r\n\t\t\twidth: calc(100% + 8px);\r\n\t\t\theight: calc(100% + 8px);\r\n\t\t\tborder: 2px solid $primary;\r\n\t\t\tborder-radius: 6px;\r\n\t\t}\r\n\t\t&--back {\r\n\t\t\tbackground: $secondary;\r\n\t\t}\r\n\t\tsmall {\r\n\t\t\tline-height: 130%;\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\topacity: 0.7;\r\n\t\t\tcolor: $white;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tcolor: $white;\r\n\t\t\t}\r\n\t\t}\r\n\t\tspan {\r\n\t\t\tposition: relative;\r\n\t\t\t&::after {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition: relative;\r\n\t\t\t\ttop: 1px;\r\n\t\t\t\twidth: 15px;\r\n\t\t\t\theight: 15px;\r\n\t\t\t\tmargin: 0 0 0 6px;\r\n\t\t\t\tbackground: url(../img/ico_arrow02.svg) 50% 50% no-repeat;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.comwrap {\r\n\t\tmargin: 0 0 20px;\r\n\t\ttext-align: center;\r\n\t\t&__h3 {\r\n\t\t\tmargin: 0 0 20px;\r\n\t\t\tpadding: 0;\r\n\t\t\tfont-size: 2rem;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tline-height: 140%;\r\n\t\t}\r\n\t\t&__copy {\r\n\t\t\tmargin: 0 auto;\r\n\t\t\twidth: 240px;\r\n\t\t\tfont-size: 1.4rem;\r\n\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&__listcol {\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\tjustify-content: center;\r\n\t\t\t&--list2 {\r\n\t\t\t\twidth: 48.5%;\r\n\t\t\t\tmargin: 0 auto !important;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t}\r\n\t\t\t\t.comwrap__listcol__col {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tmargin: 0 0 30px;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\tmargin: 0 0 12px 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t\timg {\r\n\t\t\t\t\t\twidth: 100% !important;\r\n\t\t\t\t\t\theight: auto !important;\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\topacity: 0.6;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__col {\r\n\t\t\t\twidth: 48.5%;\r\n\t\t\t\tmargin: 0 3% 30px 0;\r\n\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\twidth: 48%;\r\n\t\t\t\t\tmargin: 0 4% 12px 0;\r\n\t\t\t\t}\r\n\t\t\t\t&:nth-child(2n) {\r\n\t\t\t\t\tmargin: 0 0 30px;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\tmargin: 0 0 12px 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 100% !important;\r\n\t\t\t\t\theight: auto !important;\r\n\t\t\t\t}\r\n\t\t\t\t&__button {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 120px;\r\n\t\t\t\t\tcolor: $dark;\r\n\t\t\t\t\tfont-size: 3.4rem;\r\n\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\ttext-decoration: none;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tbackground: $white;\r\n\t\t\t\t\tborder: 3px solid $black;\r\n\t\t\t\t\tborder-radius: 10px;\r\n\t\t\t\t\tbox-shadow: 5px 5px 0 rgba(255, 255, 255, 0.5);\r\n\t\t\t\t\t@include fadeinout;\r\n\t\t\t\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\t\t\theight: 80px;\r\n\t\t\t\t\t\tfont-size: 1.8rem;\r\n\t\t\t\t\t\tbox-shadow: 3px 3px 0 rgba(255, 255, 255, 0.5);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\t\tbackground: $blue2;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","// modal用のmoduleを記述（例）\r\n\r\n.fancybox-slide--iframe .fancybox-content {\r\n\tbackground: $black !important;\r\n}\r\n\r\n.modal__about {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\ttext-align: center;\r\n\tmargin: 0 auto;\r\n\tpadding: 80px 0;\r\n\tz-index: 9000;\r\n\toverflow-y: scroll;\r\n\tbox-sizing: border-box;\r\n\tdisplay: none;\r\n\t/*display: flex;*/\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\t.modal__about__bg {\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tposition: fixed;\r\n\t\tbackground: rgba(0, 0, 0, 0.8);\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\t@include z-index(mainbg);\r\n\t}\r\n\t.modal__about__inner {\r\n\t\twidth: 80%;\r\n\t\tmax-width: 900px;\r\n\t\tmax-height: 92%;\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 50px 24px;\r\n\t\toverflow-y: scroll;\r\n\t\tbackground: $white;\r\n\t\tbox-shadow: 0 0 12px rgba(0, 0, 0, 0.2);\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 92%;\r\n\t\t\tmax-width: 92%;\r\n\t\t\tmax-height: 96%;\r\n\t\t\tpadding: 50px 4%;\r\n\t\t}\r\n\t}\r\n\t.modal__about__col {\r\n\t\tposition: relative;\r\n\t\twidth: 100%;\r\n\t\tmargin: 0 auto;\r\n\t\tline-height: 150%;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t}\r\n\t}\r\n\t.modal__about__col__h3 {\r\n\t\tposition: relative;\r\n\t\tmargin: 0 auto 34px;\r\n\t\tpadding: 0;\r\n\t\tfont-size: 2.4em;\r\n\t\tfont-weight: 600;\r\n\t\t@include z-index(articlelink);\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\tmargin: 0 auto 24px;\r\n\t\t\tfont-size: 2.4em;\r\n\t\t}\r\n\t}\r\n\t.modal__about__col__txt {\r\n\t\twidth: 90%;\r\n\t\tmargin: 0 auto;\r\n\t\tcolor: $black;\r\n\t\ttext-align: center;\r\n\t\tfont-size: 1.6em;\r\n\t\tline-height: 200%;\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: 98%;\r\n\t\t\tfont-size: 1.5em;\r\n\t\t}\r\n\t\timg {\r\n\t\t\tmargin: 0 auto;\r\n\t\t\twidth: 70%;\r\n\t\t\tmax-width: 400px;\r\n\t\t\theight: auto;\r\n\t\t\tborder: 1px solid $white;\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t\t.box {\r\n\t\t\tmargin: 0 0 20px;\r\n\t\t\tpadding: 24px;\r\n\t\t\tfont-size: 1.6rem;\r\n\t\t\ttext-align: left;\r\n\t\t\tborder: 1px solid $black;\r\n\t\t\t&:last-child {\r\n\t\t\t\tmargin: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.modal__about__col__h4 {\r\n\t\t\tmargin: 0 0 14px;\r\n\t\t\tpadding: 0;\r\n\t\t\tfont-size: 1.7rem;\r\n\t\t\tcolor: $black;\r\n\t\t}\r\n\t}\r\n\t.modal__about__close {\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tright: 0;\r\n\t\twidth: 50px;\r\n\t\theight: 50px;\r\n\t\tcursor: pointer;\r\n\t\tbackground: $primary;\r\n\t\tborder: none;\r\n\t\t@include fadeinout;\r\n\t\t&:hover {\r\n\t\t\tbackground: $gray;\r\n\t\t}\r\n\t\tspan {\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\twidth: 60%;\r\n\t\t\theight: 2px;\r\n\t\t\tbackground: $white;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\ttransition: all 0.4s;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\t&:nth-of-type(1) {\r\n\t\t\t\ttop: 20px;\r\n\t\t\t\ttransform: translateY(4px) rotate(-315deg);\r\n\t\t\t}\r\n\t\t\t&:nth-of-type(2) {\r\n\t\t\t\topacity: 0;\r\n\t\t\t}\r\n\t\t\t&:nth-of-type(3) {\r\n\t\t\t\tbottom: 20px;\r\n\t\t\t\ttransform: translateY(-4px) rotate(315deg);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.modal__about__com__h3 {\r\n\ttext-indent: 0 !important;\r\n\tfont-size: 2.4em;\r\n\tfont-weight: 700;\r\n\tline-height: 140%;\r\n}\r\n"]}