@import url(https://fonts.googleapis.com/css?family=Gravitas+One&text=0123456789sMYOJOFOODSHISTORY);.fadeimg{visibility:hidden}.fadeIn{animation:a 1s;visibility:visible!important}@keyframes a{0%{opacity:0}to{opacity:1}}.history-stick{position:fixed;top:0;width:100%;left:0;right:0;margin-left:auto;margin-right:auto;z-index:3;background:#fff;border-bottom:1px solid #e5e5e5}.history-stick ul{margin:0 auto;height:57px;padding:15px 0!important;border-bottom:0!important}@media (max-width:980px) and (min-width:788px){.history-stick ul{max-width:728px!important}}@media (max-width:787px){.history-stick ul{width:90%!important}}@media (max-width:599px){.history-stick{border-bottom:0;background:red}.history-stick .select-sp{width:100%!important;background:red url(../../about/myojo-history/images/select-arrow.svg) no-repeat 95%!important}@supports (-webkit-touch-callout:none){.history-stick .select-sp{padding-left:30%!important}}}.history-year-selected{color:#e5e5e5!important}.history{box-sizing:border-box;margin:0 auto;width:100%;display:block}.history-container{margin:0 auto;max-width:1024px;display:block;overflow-x:hidden}.history-container-header{margin:0 auto}.history-container-header-en{margin:0 auto;color:#fff;background:red;width:335px;height:28px;border-radius:20px;text-align:center;font-size:18px;text-transform:uppercase;margin-bottom:9px;font-family:Gravitas One;line-height:30px}@media (max-width:599px){.history-container-header-en{width:calc(100% - 40px);margin-top:25px}}.history-container-header-logo{margin:0 auto;width:538px;height:auto}@media (max-width:599px){.history-container-header-logo{width:calc(100% - 40px)}}.history-container-header-logo img{width:100%;height:auto}.history-container-header-image{margin:0 auto;margin-top:48px;margin-bottom:55px;width:362px}@media (max-width:599px){.history-container-header-image{width:70%}}.history-container-header-image img{width:100%;height:auto}.history-container-years .ul-pc{max-width:1024px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e5e5e5}@media (max-width:599px){.history-container-years .ul-pc{display:none}}.history-container-years .ul-pc li{font-size:26px;line-height:26px;color:red;font-family:Gravitas One}@media (max-width:1024px){.history-container-years .ul-pc li{font-size:2.539vw}}.history-container-years .ul-pc li a{transition:color .5s ease}.history-container-years .select-sp{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:35%;display:none;margin:0 auto;width:calc(100% - 40px);height:50px;line-height:50px;position:relative;color:#fff;font-size:30px;font-family:Gravitas One;background:red url(../../about/myojo-history/images/select-arrow.svg) no-repeat 90%;background-size:14px 8px}@-moz-document url-prefix(){.history-container-years .select-sp{padding-left:35%}}@supports (-webkit-touch-callout:none){.history-container-years .select-sp{padding-left:25%}}.history-container-years .select-sp:-moz-focusring{color:transparent;text-shadow:0 0 0 #fff}@media (max-width:599px){.history-container-years .select-sp{display:block}}.history-container-timeline{position:relative;margin:0 auto;margin-top:65px;background:url(../../about/myojo-history/images/noodle.svg) repeat-y top;width:100%;height:100%}@media (max-width:599px){.history-container-timeline{background:none}}.history-container-timeline .timeline-header{width:0;height:115px;padding:0;position:relative;margin-left:auto;margin-right:auto;background:#fff;margin-bottom:57px}@media (max-width:599px){.history-container-timeline .timeline-header{display:none}}.history-container-timeline .timeline-header .his-chopstick{position:relative;z-index:2}.history-container-timeline .timeline-header .his-chopstick .fig-chopstick{display:block;background:url(../../about/myojo-history/images/chopstick.svg) no-repeat;background-size:415px 115px;width:415px;height:115px;margin:0;padding:0;margin-left:-50px}.history-container-timeline .timeline-header .hide-block{position:absolute;z-index:1;top:0;left:calc(50% - 23.5px);display:block;width:50px;height:80px;background:#fff}@media (max-width:599px){.history-container-timeline .timeline-header .hide-block{display:none}}.history-container-timeline .history-timeline-year-container{position:relative;width:100%;margin:0 auto}@media (max-width:599px){.history-container-timeline .history-timeline-year-container{display:none}}.history-container-timeline .history-timeline-year-container .name{position:relative;top:-107px}.history-container-timeline .history-timeline-year-container .year-title-cat{margin:0 auto;margin-bottom:81px;position:relative;text-align:center;width:300px;height:50px;background:red;border-radius:30px}.history-container-timeline .history-timeline-year-container .year-title-cat .nendai{color:#fff;font-size:18px;font-weight:700;line-height:54px}.history-container-timeline .history-timeline-year-container .year-title-cat .nendai span{font-size:40px;font-weight:400;font-family:Gravitas One}.history-container-timeline .history-timeline-year-container .year-title-cat .left-cat,.history-container-timeline .history-timeline-year-container .year-title-cat .right-cat{position:absolute;top:-40px;width:70px}.history-container-timeline .history-timeline-year-container .year-title-cat .left-cat img,.history-container-timeline .history-timeline-year-container .year-title-cat .right-cat img{width:100%;height:auto}.history-container-timeline .history-timeline-year-container .year-title-cat .right-cat{right:-30px}.history-container-timeline .history-timeline-year-container .year-title-cat .left-cat{transform:scaleX(-1);left:-23px}.history-container-timeline .history-timeline-year-container-year{position:relative;margin:0 auto;display:-ms-flexbox;display:flex;margin-bottom:80px}.history-container-timeline .history-timeline-year-container-year .left-container,.history-container-timeline .history-timeline-year-container-year .right-container{width:50%;display:block;line-height:1}.history-container-timeline .history-timeline-year-container-year .left-container .year,.history-container-timeline .history-timeline-year-container-year .right-container .year{color:red;font-size:18px;font-weight:700;margin-bottom:27px}.history-container-timeline .history-timeline-year-container-year .left-container .year span,.history-container-timeline .history-timeline-year-container-year .right-container .year span{font-size:60px;font-weight:400;font-family:Gravitas One}.history-container-timeline .history-timeline-year-container-year .left-container .item,.history-container-timeline .history-timeline-year-container-year .right-container .item{position:relative;margin-bottom:50px}.history-container-timeline .history-timeline-year-container-year .left-container .item:last-child,.history-container-timeline .history-timeline-year-container-year .right-container .item:last-child{margin-bottom:0}.history-container-timeline .history-timeline-year-container-year .left-container .item .month,.history-container-timeline .history-timeline-year-container-year .right-container .item .month{font-size:16px;font-weight:700;margin-bottom:10px}.history-container-timeline .history-timeline-year-container-year .left-container .item .month span,.history-container-timeline .history-timeline-year-container-year .right-container .item .month span{font-size:40px;font-weight:400;font-family:Gravitas One}.history-container-timeline .history-timeline-year-container-year .left-container .item .title,.history-container-timeline .history-timeline-year-container-year .right-container .item .title{font-size:23px;line-height:150%;margin-bottom:15px}.history-container-timeline .history-timeline-year-container-year .left-container .item .accordion,.history-container-timeline .history-timeline-year-container-year .right-container .item .accordion{position:relative;transition:transform .2s ease-in-out}.history-container-timeline .history-timeline-year-container-year .left-container .item .accordion .toggle-btn,.history-container-timeline .history-timeline-year-container-year .right-container .item .accordion .toggle-btn{z-index:2;border:1px solid red;border-radius:30px;width:90px;height:30px;color:red;font-size:14px;line-height:30px;text-align:center;display:inline-block;position:relative;background:#fff;cursor:pointer}.history-container-timeline .history-timeline-year-container-year .left-container .item .accordion .toggle-btn .icon,.history-container-timeline .history-timeline-year-container-year .right-container .item .accordion .toggle-btn .icon{width:23px;margin-top:-4px}.history-container-timeline .history-timeline-year-container-year .left-container .item .accordion .toggle-btn .icon img,.history-container-timeline .history-timeline-year-container-year .right-container .item .accordion .toggle-btn .icon img{width:100%;height:auto;vertical-align:middle}.history-container-timeline .history-timeline-year-container-year .left-container .item .accordion .panel,.history-container-timeline .history-timeline-year-container-year .right-container .item .accordion .panel{position:relative;z-index:1;margin-top:-8px;max-height:0;overflow:hidden;transition:max-height .4s ease-out}@media (max-width:1024px){.history-container-timeline .history-timeline-year-container-year .left-container .item .accordion .panel,.history-container-timeline .history-timeline-year-container-year .right-container .item .accordion .panel{overflow:auto}}.history-container-timeline .history-timeline-year-container-year .left-container .item .accordion .panel p,.history-container-timeline .history-timeline-year-container-year .right-container .item .accordion .panel p{max-width:457px;padding:22px 28px 28px;background:#fac959;border-radius:15px;-webkit-font-kerning:normal;font-kerning:normal;font-size:16px;line-height:26px;word-break:break-all;text-align:left}.history-container-timeline .history-timeline-year-container-year .left-container .image-items,.history-container-timeline .history-timeline-year-container-year .right-container .image-items{max-width:330px;display:inline-block;text-align:center}.history-container-timeline .history-timeline-year-container-year .left-container .image-items .image-item,.history-container-timeline .history-timeline-year-container-year .right-container .image-items .image-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;max-width:330px;width:100%;height:auto;margin-bottom:30px}.history-container-timeline .history-timeline-year-container-year .left-container .image-items .image-item img,.history-container-timeline .history-timeline-year-container-year .right-container .image-items .image-item img{width:100%;height:100%;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.history-container-timeline .history-timeline-year-container-year .left-container{padding-right:53.5px;text-align:right}.history-container-timeline .history-timeline-year-container-year .right-container{padding-left:53.5px;text-align:left}.history-container-timeline .history-timeline-year-container-sp{margin:0 auto;width:calc(100% - 40px);display:none;line-height:1}@media (max-width:599px){.history-container-timeline .history-timeline-year-container-sp{display:block}}.history-container-timeline .history-timeline-year-container-sp .name{position:relative;top:-57px}.history-container-timeline .history-timeline-year-container-sp .year{text-align:center;color:red;font-size:18px;font-weight:700;margin-bottom:39px}.history-container-timeline .history-timeline-year-container-sp .year span{font-size:60px;font-weight:400;font-family:Gravitas One}.history-container-timeline .history-timeline-year-container-sp .item{position:relative;margin-bottom:50px}.history-container-timeline .history-timeline-year-container-sp .item:last-child{margin-bottom:0}.history-container-timeline .history-timeline-year-container-sp .item .month{font-size:16px;font-weight:700;margin-bottom:10px}.history-container-timeline .history-timeline-year-container-sp .item .month span{font-size:40px;font-weight:400;font-family:Gravitas One}.history-container-timeline .history-timeline-year-container-sp .item .title{font-size:23px;line-height:150%;margin-bottom:15px}.history-container-timeline .history-timeline-year-container-sp .item .panel{margin-bottom:20px}.history-container-timeline .history-timeline-year-container-sp .item .panel p{font-size:16px;line-height:26px;word-break:break-all;text-align:left}.history-container-timeline .history-timeline-year-container-sp .item .image{margin-bottom:20px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;height:auto;max-height:500px}.history-container-timeline .history-timeline-year-container-sp .item .image:last-child{margin-bottom:39px}.history-container-timeline .history-timeline-year-container-sp .item .image img{width:100%;height:100%}.history-container .noddle-end{margin:0 auto;margin-top:-5px;width:46px}@media (max-width:599px){.history-container .noddle-end{display:none}}.history-container .big-logo{margin:0 auto;margin-top:50px;margin-bottom:10px;max-width:396px;width:100%}@media (max-width:599px){.history-container .big-logo{display:none}}.history-container .big-logo img{width:100%;height:auto}