main.feature .feature-box.feature-box--graphic.ov{overflow:visible}.winter2022_info h3{text-align:center}.winter2022_info p{text-align:left}.winter2022_timeline.circle{margin-top:30px;margin-bottom:70px}.winter2022_timeline.circle h3{margin-bottom:5px;color:#b98f59}@media screen and (max-width: 940px){.winter2022_timeline.circle h3{font-weight:400;font-size:18px}}.winter2022_timeline.circle svg .cake{cursor:pointer}.winter2022_timeline.circle svg .cake#cake1:hover{transform:translateX(-2.5%)}.winter2022_timeline.circle svg .cake#cake2:hover{transform:translate(-.625%, -2.5%)}.winter2022_timeline.circle svg .cake#cake3:hover{transform:translate(.625%, -2.5%)}.winter2022_timeline.circle svg .cake#cake4:hover{transform:translateX(2.5%)}.winter2022_timeline.circle svg #slow{cursor:pointer}.winter2022_timeline.circle svg #slow #path_blur{opacity:0;transform:scale(0.5);transform-origin:center bottom;transition:.3s ease;animation:byebye_circle 1.2s linear infinite}.winter2022_timeline.circle svg #slow:hover #path_blur{animation-name:none;opacity:1;transform:scale(1)}.winter2022_timeline.circle ul{display:-ms-flexbox;display:flex;position:absolute;left:0;bottom:0;width:100%;-ms-flex-align:end;align-items:flex-end}.winter2022_timeline.circle ul::before{content:"";background-color:#ddd;width:100%;height:2px;position:absolute;left:0;bottom:4px}@media screen and (max-width: 940px){.winter2022_timeline.circle ul::before{width:2px;height:100%;left:calc(50% - 1px);bottom:inherit;top:0}}.winter2022_timeline.circle ul li{-ms-flex:0 0 25%;flex:0 0 25%;width:25%}.winter2022_timeline.circle ul li.slow{position:absolute;background-color:green;width:25%;left:37.5%}.winter2022_timeline.circle ul li.slow::before,.winter2022_timeline.circle ul li.slow::after{display:none}.winter2022_timeline.circle ul li div.spot{z-index:2;width:100%;height:130px;padding:12px 0;color:#FFF;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:end;align-content:end;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:130px;cursor:pointer;background-repeat:no-repeat;background-size:contain}@media screen and (max-width: 940px){.winter2022_timeline.circle ul li div.spot{animation-name:none}}.winter2022_timeline.circle ul li div.spot:hover:before{border-color:rgba(255,255,255,0)}.winter2022_timeline.circle ul li div.spot.millet{background-image:url(../images/2x/cake_1_millet@2x.png)}.winter2022_timeline.circle ul li div.spot.soybean{background-image:url(../images/2x/cake_2_soybean@2x.png)}.winter2022_timeline.circle ul li div.spot.rice{background-image:url(../images/2x/cake_3_rice@2x.png)}.winter2022_timeline.circle ul li div.spot.taro{background-image:url(../images/2x/cake_4_taro@2x.png)}.winter2022_timeline.circle ul li div.spot.slow{margin-bottom:10px;width:200px;height:200px}.winter2022_timeline.circle ul li div.spot.slow::before{display:none}.winter2022_timeline.circle ul li div.spot span{width:calc(100% - 30px);padding-bottom:5px}.winter2022_timeline.circle ul li div.spot span.ch{font-family:"Noto Serif TC",serif;font-weight:800;font-size:19px;letter-spacing:1px;margin:0 auto}.winter2022_timeline.circle ul li div.spot span.en{font-size:15px;line-height:1.4}.winter2022_timeline.circle ul li div.spot span:last-child{border:none}.winter2022_timeline.circle ul li:nth-child(2) div.spot{margin-bottom:50px}.winter2022_timeline.circle ul li:nth-child(3) div.spot{margin-bottom:90px}.winter2022_timeline.circle ul li.clicked div.spot{z-index:10;animation-name:none;margin-bottom:30px}.winter2022_timeline.circle ul li.clicked div.spot.slow{margin-bottom:2px}.winter2022_timeline.circle ul li.clicked div.spot:before{display:none}.winter2022_timeline.circle ul li div.label{margin-bottom:-48px;height:40px;line-height:1.35}@media screen and (max-width: 940px){.winter2022_timeline.circle ul li div.label{display:none}}.winter2022_timeline.circle ul li dl{position:absolute;top:-108px;left:-60%;z-index:199;width:220%;background-color:#fff;transform:translateY(-100%);-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,0.35));filter:drop-shadow(0 2px 4px rgba(0,0,0,0.35));display:none}@media screen and (max-width: 940px){.winter2022_timeline.circle ul li dl{width:80vw;left:calc(50% - 40vw);top:100%;transform:translateY(-15px)}}.winter2022_timeline.circle ul li dl::before{content:"";width:0;height:0;border-style:solid;border-width:12px 7px 0 7px;border-color:#fff transparent transparent transparent;position:absolute;left:calc(50% - 7px);bottom:-12px}@media screen and (max-width: 940px){.winter2022_timeline.circle ul li dl::before{transform:rotate(180deg);bottom:inherit;top:-12px}}.winter2022_timeline.circle ul li dl.millet{left:-30%}@media screen and (max-width: 940px){.winter2022_timeline.circle ul li dl.millet{left:calc(170% - 40vw);transform:translateY(1px)}.winter2022_timeline.circle ul li dl.millet::before{left:calc(20% - 7px)}}.winter2022_timeline.circle ul li dl.soybean{top:-235px}@media screen and (max-width: 940px){.winter2022_timeline.circle ul li dl.soybean{top:100%;left:calc(100% - 40vw);transform:translateY(-66px)}.winter2022_timeline.circle ul li dl.soybean::before{left:calc(38% - 7px)}}.winter2022_timeline.circle ul li dl.rice{top:-235px}@media screen and (max-width: 940px){.winter2022_timeline.circle ul li dl.rice{top:100%;left:calc(0% - 40vw);transform:translateY(-66px)}.winter2022_timeline.circle ul li dl.rice::before{left:calc(62% - 7px)}}.winter2022_timeline.circle ul li dl.taro{left:-90%}@media screen and (max-width: 940px){.winter2022_timeline.circle ul li dl.taro{left:calc(-76% - 40vw);transform:translateY(1px)}.winter2022_timeline.circle ul li dl.taro::before{left:calc(86% - 7px)}}@media screen and (max-width: 940px){.winter2022_timeline.circle ul li dl.slow{left:calc(50% - 40vw);transform:translateY(1px)}}.winter2022_timeline.circle ul li dl dt{font-family:"Noto Serif TC",serif;font-size:120%;font-weight:bold;text-align:left;line-height:1.5;padding:10px 12px;background-color:#459483;color:#FFF}@media screen and (max-width: 940px){.winter2022_timeline.circle ul li dl dt{color:#459483;background-color:#FFF;border-bottom:2px solid #459483;text-align:center;font-size:18px}}.winter2022_timeline.circle ul li dl dd{padding:12px 15px 25px 15px}@media screen and (max-width: 940px){.winter2022_timeline.circle ul li dl dd{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}}.winter2022_timeline.circle ul li dl dd p{margin-top:0;line-height:1.5;text-align:left}@media screen and (max-width: 940px){.winter2022_timeline.circle ul li dl dd p{font-size:16px}}.winter2022_timeline.circle ul li dl dd .textbox{-ms-flex:0 0 60%;flex:0 0 60%}@media screen and (max-width: 940px){.winter2022_timeline.circle ul li dl dd .textbox{-ms-flex-order:3;order:3;-ms-flex:0 0 100%;flex:0 0 100%}}.winter2022_timeline.circle ul li dl dd .textbox .title{font-weight:500;font-size:110%;margin-top:0;margin-bottom:4px}@media screen and (max-width: 940px){.winter2022_timeline.circle ul li dl dd .textbox .title{text-align:center}}.winter2022_timeline.circle ul li dl dd .slidebox{padding:10px 0 5px 0}@media screen and (max-width: 940px){.winter2022_timeline.circle ul li dl dd .slidebox{width:90%;margin:auto;max-width:220px;-ms-flex-order:1;order:1;padding-bottom:10px}}.winter2022_timeline.circle ul li dl dd .link{background-image:url(../images/link.png);background-size:15px;background-repeat:no-repeat;background-position:left 7px;padding-left:18px}.winter2022_timeline.circle ul li dl .close{position:absolute;right:5px;top:5px;width:24px;height:24px;cursor:pointer}.winter2022_timeline.circle ul li dl .close:hover{opacity:.7}.winter2022_timeline.circle ul li dl .close::before,.winter2022_timeline.circle ul li dl .close::after{content:"";width:16px;height:2px;background-color:#FFF;position:absolute;left:4px;top:11px}@media screen and (max-width: 940px){.winter2022_timeline.circle ul li dl .close::before,.winter2022_timeline.circle ul li dl .close::after{background-color:#888}}.winter2022_timeline.circle ul li dl .close::before{transform:rotate(45deg)}.winter2022_timeline.circle ul li dl .close::after{transform:rotate(-45deg)}@keyframes byebye_dot{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@keyframes byebye_circle{0%,100%{transform:scale(0.75);opacity:1}50%{transform:scale(1);opacity:.1}}
/*# sourceMappingURL=2022winter_circle.min.css.map */