.rec_con{position:relative;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}.rec_con>.head{position:relative;width:90%;top:2rem}.rec_con>.head>.title{position:relative;width:80%;text-align:right;font-size:2rem;font-family:"OpenB";margin:0}.rec_con>.recs{position:relative;width:80%;height:auto;display:flex;flex-direction:row;justify-content:center;text-align:center;align-items:center;align-items:flex-start;flex-wrap:wrap}@media (max-width:1000px){.rec_con>.recs{width:90%}}.rec_con>.recs>.item{position:relative;width:80%;height:auto;display:flex;flex-direction:row;justify-content:center;text-align:center;align-items:center;justify-content:flex-start;margin:0 1rem 1rem 0;transition:all .5s ease-in-out;overflow:hidden;background-color:hsla(0,0%,92.9%,.8)}@media (max-width:1000px){.rec_con>.recs>.item{width:100%;margin:0 0 2rem;background-color:#f5f5f5;padding:.15rem;display:flex;flex-direction:column-reverse;justify-content:center;text-align:center;align-items:center}}.rec_con>.recs>.item>.img_con{position:relative;max-width:10%;height:auto;display:flex;flex-direction:row;justify-content:center;text-align:center;align-items:center;align-items:flex-start;margin-right:1rem;background-color:#fff;mix-blend-mode:multiply;margin-bottom:1rem}@media (max-width:1000px){.rec_con>.recs>.item>.img_con{background-color:#fff;position:relative;max-width:100%;margin-left:1rem}}.rec_con>.recs>.item>.img_con>.box{position:absolute;width:100%;z-index:1;background-color:#000;height:100%;opacity:0}.rec_con>.recs>.item>.img_con>img{position:relative;width:100%;height:auto;padding:0 1rem}@media (max-width:1000px){.rec_con>.recs>.item>.img_con>img{width:30%;padding:0}}.rec_con>.recs>.item>.info{position:relative;width:70%;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;justify-content:flex-start;align-items:flex-start;margin:0 2% 0 0;padding:1rem 0;height:100%;overflow:hidden}@media (max-width:1000px){.rec_con>.recs>.item>.info{width:95%;margin:0 auto}}.rec_con>.recs>.item>.info>.name{position:relative;width:100%;text-align:right;font-weight:bolder;font-size:1.7rem;font-family:"OpenB"}.rec_con>.recs>.item>.info>.worte{position:relative;width:100%;text-align:right;font-family:"OpenR";font-weight:bolder;font-size:1.25rem}.rec_con>.recs>.item>.info>.text{position:relative;width:100%;text-align:right;font-size:1rem;margin-top:.25rem}.title_con{position:relative;width:80%;background-color:#f5f5f5;margin:2rem auto;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;align-items:flex-start;padding:1.5rem}.title_con.true{margin:0 auto 1.5rem}@media (max-width:1000px){.title_con{width:100%}}.title_con>.heb{font-family:"OpenB";font-size:2rem}.title_con>.eng{font-family:"credit";font-style:italic;font-weight:Bolder;letter-spacing:-.5rem;letter-spacing:0;font-size:1rem;font-weight:lighter}.title_con>.text{position:relative;width:90%;text-align:right;text-align-last:right;margin:.5rem 0;font-size:1.25rem;line-height:1.75rem}@font-face{font-family:"OpenM";src:url(/static/media/FbTipograf-Black.2fa288c0.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:"OpenL";src:url(/static/media/FbTipograf-Light.e56d9c25.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:"OpenR";src:url(/static/media/FbTipograf-Regular.9254bbcf.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:"OpenB";src:url(/static/media/FbTipograf-Bold.d7142386.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:"Credit";src:url(/static/media/NotoSansJP-Medium.1b7dde00.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:"CreditL";src:url(/static/media/Heebo-Light.2bb05718.ttf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:"CreditB";src:url(/static/media/NotoSansJP-Black.43809ae6.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:"Num_1";src:url(/static/media/number_1.c8b2f281.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:"Num_2";src:url(/static/media/number_2.c7fcbabd.otf) format("opentype");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}.App,body{position:relative;height:100vh;direction:RTL;width:100%;background-color:#fff}.App>main,body>main{position:relative;z-index:0;font-family:"OpenL";margin:0;width:100%}.App a,body a{text-decoration:none;color:#000}.fa-trash-alt{cursor:pointer}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes leftSlide{0%{opacity:0;left:100%}to{opacity:1;left:0}}@keyframes shake{0%{transform:rotate(10deg)}25%{transform:rotate(0deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(0deg)}to{transform:rotate(10deg)}}.buttonsCon{position:relative;width:100%;margin:5rem 0;display:flex;flex-direction:row;justify-content:center;text-align:center;align-items:center}@media (max-width:1000px){.buttonsCon{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}}.buttonsCon.arti_btn{margin:1.8rem 0 0}.buttonsCon .buttonCon_eng,.buttonsCon>.buttonCon{box-sizing:border-box;width:15rem;position:relative;background-color:#fff;border:.1rem solid #000;margin:0 1rem}@media (max-width:1000px){.buttonsCon .buttonCon_eng,.buttonsCon>.buttonCon{width:80%;margin:.5rem 1rem}}.buttonsCon .buttonCon_eng:before,.buttonsCon>.buttonCon:before{transition:all .5s ease-in-out;content:"";width:0;height:100%;background:#000;position:absolute;top:0;right:0}.buttonsCon .buttonCon_eng>button,.buttonsCon>.buttonCon>button{position:relative;background-color:transparent;left:0;color:#fff;fill:#fff;font-family:"OpenB";mix-blend-mode:difference;word-spacing:0;border:0;padding:.8rem 1rem;font-size:1.5rem;cursor:pointer;display:flex;flex-direction:row;justify-content:center;text-align:center;align-items:center;width:100%}.buttonsCon .buttonCon_eng>button>svg,.buttonsCon>.buttonCon>button>svg{width:1.5rem;margin:0 .25rem 0 0;transform:rotate(90deg)}.buttonsCon .buttonCon_eng:hover:before,.buttonsCon>.buttonCon:hover:before{background:#000;width:100%}.buttonsCon>.buttonCon_eng{display:flex;flex-direction:row;justify-content:center;text-align:center;align-items:center}.buttonsCon>.buttonCon_eng>button{font-family:"credit";letter-spacing:0;word-spacing:0}
/*# sourceMappingURL=18.30821e36.chunk.css.map */