@import url(https://fonts.googleapis.com/css2?family=Caveat&display=swap);@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP);@import url(https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sofadi+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:"Noto Serif JP",serif;font-style:normal;font-weight:400}p{margin:0}header{align-items:center;color:#fff;display:flex;height:90px;justify-content:space-between;left:0;position:fixed;right:0;top:0;z-index:11}.header-menu{margin:5px 20px 5px 5px;position:relative;text-align:center}.header_hover{background-color:#fafaf4;border-radius:8px}.header_hover:hover{opacity:.8;transition:.5}.header-right{color:#000;cursor:pointer;font-weight:300;padding:10px;text-align:center;width:116px}.header-wrapper{align-items:center;background-image:url(/static/media/skyscrapers-5838029_640.91b99951592cab3a5297.jpg);background-position:0 -45px;height:100%;width:100%}.header-wrapper,.image-wrapper{display:flex;justify-content:space-between}.image-wrapper{gap:10px;margin-bottom:50px;margin-top:30px;padding:0 50px}.no-before:before{content:none!important}.list-item{color:#ffffffb3;cursor:pointer;margin-bottom:15px;padding:10px;text-decoration:none}.sidebar p{font-weight:100;opacity:.6;transition:.2s}.sidebar p:hover{opacity:1}.letter{background-color:#eceaea;margin-left:170px;padding-bottom:40px;padding-left:30px;padding-top:130px}.base{margin-bottom:30px;position:relative;transition:transform .3s ease;width:30%;z-index:1}.base p{color:#f0f8ff;font-size:18px;margin-top:10px}.base img{aspect-ratio:1/1;border-radius:8px;height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.base img:hover{transform:scale(1.1);z-index:10}.search{background:linear-gradient(0deg,#0582ae,#27acd9);box-shadow:0 2px 5px #0003;-webkit-box-shadow:0 2px 5px #0003;color:#fff;display:block;font-weight:700;margin:auto;padding:1rem 4rem;text-align:center;text-decoration:none;transition:.5s;width:120px}.search:hover{color:#fff;opacity:.5}.link-looks{text-decoration-line:none}.container-wrapper{margin-bottom:100px;margin-top:60px}.container-wrapper h2{border-bottom:4px solid #ccc;color:#ccc;letter-spacing:5px;padding-bottom:15px}.box{display:flex}.detail-cocktail{border-radius:5px;color:#f0f8ff;margin-bottom:-100px;margin-left:40px;margin-right:40px;padding:30px}.detail-cocktail p{margin-top:10px}.span-contents{border-radius:5px;color:#fff;margin-right:15px;padding:5px 10px}.former{align-items:center;background-color:#4a4747;height:160px;justify-content:center;opacity:.9;padding:7px 20px 20px;position:absolute;text-align:center;top:40px;width:160px}form select{width:100%}.header-logo{font-family:Sofadi One,system-ui;font-style:normal;font-weight:400}.header-logo img{filter:hue-rotate(180deg);height:auto;height:30px;mix-blend-mode:multiply;width:30px}select{display:inline-block;width:20%}.point{display:flex}.point p{width:20%}.main-wrapper{display:flex;flex-direction:column;gap:40px}.container-right{margin-left:20px;width:70%}.container-right h3{height:10px;margin-top:0}.container-right .alcohole-detail{height:90px}.vodka-img{height:100%;width:30%}.vodka-detail{background-color:#fbfff6;border-radius:20px;margin:2px 40px;padding:30px}h2{color:#f0f8ff;font-size:20px;font-weight:600}.dtall p{margin-bottom:30px;padding:10px}.form-style{margin-top:100px}.span-ingredient{display:flex;flex-direction:column;gap:30px}.dtall h2{font-size:23px;margin-left:50px}.header-menu .header-right{position:relative}.hidden_contents{background-color:#474545;border-radius:10px;display:flex;flex-direction:column;height:350px;justify-content:space-between;left:-20px;position:absolute;text-align:center;top:50px;width:170px}.serch_button{height:30px;margin:20px auto;width:80%}.custom-file-upload{background-color:#f8f8f8;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:inline-block;padding:6px 12px}.search-link{color:blue;cursor:pointer;display:flex;font-size:15px;left:20px;text-decoration:underline}.search-link:hover{color:#00008b}.happy-container{margin:0 auto;max-width:1200px;padding:20px}.back-link{color:blue;display:inline-block;margin-bottom:20px;text-decoration:none}.search-title{margin-bottom:20px;text-align:center}.search-form{display:flex;justify-content:space-between;margin-bottom:30px}.search-results h3{margin-bottom:20px}.results-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.result-item{color:inherit;text-align:center;text-decoration:none}.result-image{border-radius:8px;height:200px;object-fit:cover;width:100%}.result-name{font-size:16px;margin-top:10px}.cocktail-list{display:flex;flex-wrap:wrap;gap:50px 0;list-style-type:none;padding:0}.cocktail-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;width:25%}.cocktail-image{height:100px;margin-bottom:10px;object-fit:cover;width:100px}.cocktail-name{text-align:center}.formsearch{display:flex;flex-direction:column;justify-content:center;margin-right:30px;position:relative}.formsearch img{display:none}.formsearch button{font-family:Open Sans,serif}.formSelector{align-items:center;font-size:20px}.headerSarch{display:flex;left:-94px;position:absolute;top:-3px}form select{margin-top:13px}.aa{display:flex;margin-top:25px}.hpall{color:#f0f8ff;margin-top:80px;padding:40px}.hpall-first{border-bottom:3px solid #fefafa;font-size:20px;font-weight:500}.hpall-conte{gap:35px}.hpall-p{font-weight:100}.dtall{margin-top:120px}.recipe-border{background-color:#4745457c;margin-right:20px;padding:10px}.explain,.kind{color:rgba(233,242,250,.795);margin:0 30px 40px}.kind{font-weight:100}.skill-detail{display:flex}.skill-detail img{border-radius:10px;height:180px;width:120px}.dtall img{border-radius:10px;margin-left:50px;width:200px}.skill-detail img{transform:translateX(50px) translateY(-50px)}.explain{background-color:#24232385;padding:30px}.explain p{font-size:large;font-weight:500;letter-spacing:2px}.kind ul{background-color:#24232385;font-size:large;padding:20px 40px}.skill-detail:nth-child(n){align-self:flex-start;left:30px}.skill-detail:nth-child(2n){align-self:flex-end;right:390px}.skill-detail h6{font-size:40px;margin:0 0 0 110px}.skill-detail p{background-color:rgba(220,235,241,.258);left:70px;padding:40px 20px 20px 60px;top:70px;width:400px;z-index:-1}.making-border{background-color:#4745457c;margin-right:20px;padding:10px}.making-border li{list-style:none}@media screen and (max-width:768px){.header-wrapper{width:100%}*{font-size:16px}.header-title{width:30%}.dtall{margin-top:120px;text-align:center}.detail-cocktail{margin:0;padding:0;width:100%}.detail-cocktail li{text-align:start}.recipe-border{line-height:1.8;padding:10px}.dtall h2{font-size:23px;margin:0;text-align:center;width:100%}.dtall img{aspect-ratio:1/1;height:auto;margin-left:0;object-fit:cover}.recipe-border{background-color:#4745457c;margin:0 10px;padding:0}.image-wrapper{display:block}.base,.point p{width:auto}.point{flex-wrap:wrap;justify-content:space-around}.skill-detail{display:block;margin-bottom:10%}.hpall{margin-top:120px;padding:0}.formsearch span{display:none}.formsearch{margin-right:0;width:10%}.formSelector{background-color:initial}.formsearch button{border-style:none}.formsearch img{display:block;width:100%}.former{left:-70px}.cocktail-item{margin-top:60px;width:50%}.aa{display:block;text-align:center}.making-border{margin:0 10px}}.detail-page{background-color:#f0f0f0;min-height:100vh;padding:20px}img{aspect-ratio:1/1;height:auto;object-fit:cover;width:60px}.movie-block{align-items:center;display:flex;gap:10px;justify-content:center}.num5{margin-left:20px}.home-container{color:#ccc;display:flex;flex-direction:column;flex-grow:1;margin:0 30px;padding:20px}.header{align-items:center;color:#fff;height:90px;left:0;position:fixed;right:0;top:0;z-index:10}.header-title{cursor:pointer;float:left;font-size:30px;font-weight:500;margin-left:30px}.sidebar{background-color:#000;margin-left:640px;margin-top:25px;opacity:.8;position:absolute;width:150px;z-index:2}.topbar{color:#fff;display:flex;gap:20px;justify-content:center;margin-top:120px}.topbar p{font-family:"Noto Serif JP",serif;opacity:1}.topbar p:hover{cursor:pointer;opacity:.6;transition:.2s}.topbar span{opacity:.6}.toprecommend{position:relative}.main-content{flex-grow:1;margin-left:170px;margin-top:90px;padding:20px}.hpall-p{display:flex;gap:5px;list-style:none;padding-left:10px}.conpo .recipeStyle{font-size:20px;margin-left:40px}footer{margin-left:150px}footer img{height:100px;width:100%}body{margin:0;overflow:auto;padding:0;position:relative}body:before{background:url(/static/media/1_MW.c11fd020386baaacc1df.jpg);background-position:10% 50%;background-repeat:no-repeat;background-size:cover;content:"";filter:blur(7px) grayscale(100%);height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}h4{border-bottom:solid #c9c6c6;color:#f0f8ff;font-size:30px;margin:0 30px 70px}.skill{color:#c9c6c6;display:flex;flex-direction:column;margin-right:50px;margin-top:60px;position:relative}.container-wrapper h4{border-bottom:none;margin-top:200px;text-align:center}.first{margin-top:120px}.second,.third{margin-top:130px}.forth{margin-top:150px}h5{font-size:20px}.conpo{margin-bottom:70px;margin-top:90px;width:50%}.conpo p{font-size:30px}.conpo img{width:120px}.kon{display:flex;margin-top:-30px}.aa img{height:120px}@media screen and (max-width:768px){.skill-detail p{width:auto}h4{font-size:20px}.explain,.kind{margin:0}.explain p{font-size:16px;line-height:1.8}h5{margin-left:10px}.header-wrapper{justify-content:center}.header-logo{margin-left:-80px}.skill-detail p{padding:20px}.skill{display:block;margin-right:0}.topbar{display:block;margin-bottom:20px;text-align:center}.topbar span{display:none}.topbar p{margin-bottom:20px;text-decoration:underline}.skill img{border-radius:10px;display:block;height:180px;margin:0 auto;transform:none;width:auto}.skill-detail h6{font-size:30px;margin:20px;text-align:center}.container-wrapper h4{margin-top:100px}.header-title{margin-left:0;width:80%}.home-container{margin:0}.conpo .recipeStyle{margin-left:0;text-align:start}.hpall-first{padding-left:10px}.conpo{width:100%}.conpo p{font-size:20px}.kon{display:block}}
/*# sourceMappingURL=main.ba004a22.css.map*/