@import url("https://fonts.googleapis.com/css2?family=Coiny&display=swap");body{margin:0}.yyi{color:#ababab;font-family:"Yu Gothic", "YuGothic", 'Noto Sans JP', sans-serif}@media only screen and (max-width: 767px){.yyi{font-size:0.8em}}@media only screen and (min-width: 768px){.yyi{font-size:1em}}.yyi__header{height:0;margin:0;overflow:hidden;padding:0}.yyi__item-image{position:relative;text-align:center}@media only screen and (max-width: 767px){.yyi__item-image{padding:60px 0}}@media only screen and (min-width: 768px){.yyi__item-image{padding:50px 0}}.yyi__item-image img{-webkit-box-shadow:0 0 30px 10px #fff;box-shadow:0 0 30px 10px #fff;position:relative;vertical-align:bottom;z-index:2}@media only screen and (max-width: 767px){.yyi__item-image img{width:90%}}@media only screen and (min-width: 768px){.yyi__item-image img{width:100%;max-width:800px}}.yyi__bg-item-image{background-position:center;background-size:cover;background-repeat:no-repeat;-webkit-filter:blur(8px);filter:blur(8px);height:100%;position:absolute;top:0;left:0;width:100%;z-index:1}.yyi__bg-item-image--burger{background-image:url(../img/header_burger.png)}.yyi__bg-item-image--donut{background-image:url(../img/header_donut.png)}@media only screen and (max-width: 767px){.yyi__item-spec{margin:60px auto}}@media only screen and (min-width: 768px){.yyi__item-spec{margin:80px auto}}.yyi__item-name{color:rgba(0,0,0,0);font-family:"Coiny", cursive;letter-spacing:5px;margin:0 auto 20px auto;text-align:center}@media only screen and (max-width: 767px){.yyi__item-name{font-size:1.8rem;width:calc(100% - 10px)}}@media only screen and (min-width: 768px){.yyi__item-name{font-size:3rem}}.yyi__item-name--burger{text-shadow:-2px -1px #c77076a0, 2px 1px #6cb3c7c0}.yyi__item-name--donut{text-shadow:-2px -1px #8a66a3a0, 2px 1px #6cb3c7c0}.yyi__item-price{color:#bebebe;font-family:"Coiny", cursive;margin:0 auto;text-align:center}@media only screen and (max-width: 767px){.yyi__item-price{font-size:1.1rem}}@media only screen and (min-width: 768px){.yyi__item-price{font-size:1.8rem}}.yyi__catch{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}@media only screen and (max-width: 767px){.yyi__catch{line-height:2;margin:0 auto 0 2.5rem;padding:2rem 2.5rem 2rem 2rem;width:calc(100% - 4rem)}}@media only screen and (min-width: 768px){.yyi__catch{margin:0 auto;padding:2rem;width:calc(100% - 20px);max-width:800px}}.yyi__catch::before,.yyi__catch::after{border-radius:30px;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";display:block;height:100%}@media only screen and (max-width: 767px){.yyi__catch::before,.yyi__catch::after{position:absolute;width:calc(100% - 20px)}}@media only screen and (min-width: 768px){.yyi__catch::before,.yyi__catch::after{position:absolute;width:100%}}.yyi__catch::before{border:3px solid #c77076a0}@media only screen and (max-width: 767px){.yyi__catch::before{top:0.5rem;left:0.3rem}}@media only screen and (min-width: 768px){.yyi__catch::before{top:0.5rem;left:0.5rem}}.yyi__catch::after{border:3px solid #6cb3c7a0}@media only screen and (max-width: 767px){.yyi__catch::after{top:-0.5rem;left:-0.3rem}}@media only screen and (min-width: 768px){.yyi__catch::after{top:-0.5rem;left:-0.5rem}}.yyi__twitter{text-align:center;width:calc(100% - 20px)}@media only screen and (max-width: 767px){.yyi__twitter{margin:60px auto 0 auto}}@media only screen and (min-width: 768px){.yyi__twitter{display:-webkit-box;display:-ms-flexbox;display:flex;margin:80px auto 0 auto;max-width:800px}}@media only screen and (max-width: 767px){.yyi__twitter-head{font-size:1.5rem}}@media only screen and (min-width: 768px){.yyi__twitter-head{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:2rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 2rem 0 0;text-align:right;width:calc(100% - 400px)}}@media only screen and (max-width: 767px){.yyi__twitter-timeline{margin:20px auto 0 auto;width:100%;max-width:300px}}@media only screen and (min-width: 768px){.yyi__twitter-timeline{height:300px;width:400px}}.yyi__announce{background-color:#cfcfcf;color:#fff;padding:1.5rem 0;text-align:center}@media only screen and (max-width: 767px){.yyi__announce{font-size:2rem;margin:30px auto 0 auto}}@media only screen and (min-width: 768px){.yyi__announce{font-size:2rem;margin:80px auto 0 auto}}