.sns-item{border:1px solid #000}.sns-station{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto}.sns-station .head{display:grid;grid-template-columns:3fr 5fr;grid-template-rows:auto;grid-column-gap:2%}.sns-station .head>*{align-self:center}.sns-station .head .icon{grid-column:1;grid-row:1;padding:.8em}.sns-station .head .sns-title{grid-column:2;grid-row:1;font-size:5vw;font-weight:bold}.sns-station .contents{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;padding-bottom:6vw}.sns-station .contents .desc{padding:.8em;min-height:6.8em}.sns-station .contents .sns-icons{align-self:end;display:flex;justify-content:center;align-content:flex-end;height:3.4vw;padding-top:0;padding-bottom:1em}.sns-station .contents .sns-icons>div{width:12vw;padding:.6em;display:flex;align-items:center}@media(min-width: 968px){.sns-station .head .sns-title{font-size:clamp(1px,.9vw,20px)}.sns-station .contents{padding-bottom:revert !important}.sns-station .contents .desc{padding-top:.8em;padding-left:1em;padding-right:1em;font-size:clamp(10px,.78vw,15px);line-height:1.67}.sns-station .contents .sns-icons>div{width:15%}}.second-header{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;background-color:var(--color-second-bg);z-index:1}.second-header .category-list{display:flex;padding:3vw 3vw 4vw;justify-content:space-between;align-items:center;gap:2vw}.second-header .category-list li{cursor:pointer;transform:scale(0.9)}.second-header .category-list li img{padding-top:2px;padding-bottom:2px;user-select:none}.second-header .category-list li:hover{transform:scale(1.2);opacity:1}.second-header .category-list .selected{transform:scale(1.2);opacity:1;cursor:default}@media(min-width: 968px){.pane{min-height:100vh;position:relative;padding-bottom:330px;box-sizing:border-box}.pane .footer{position:absolute;bottom:0;width:100%}.second-header{width:100%;border-bottom:5px solid #000}.second-header .category-list{padding-bottom:clamp(1px,.8vw,16px);padding-top:0;width:clamp(1px,70.25vw,1464px)}.second-header .category-list .all{padding-top:12px;width:126px}.second-header .category-list .activity{padding-top:12px;width:148px}.second-header .category-list .life{padding-top:10px;width:86px}.second-header .category-list .culture{width:138px}.second-header .category-list .event{width:126px}.second-header .category-list .sns{width:200px}}nav.list_view{margin:0 auto;width:1264px;transition:all .6s ease}nav.list_view ul.list{position:relative;width:100%}nav.list_view li.list__item{position:absolute;width:374px;transition:all .6s ease;opacity:1}nav.list_view .remove{opacity:.0001 !important;transform:scale(0)}nav.list_view .zoom{transform:scale(1.04);cursor:pointer}@media screen and (max-width: 980px){nav.list_view{margin:0;width:100vw}nav.list_view li.list__item{width:100vw}nav.list_view .zoom{transform:scale(1)}}body{background-color:var(--color-second-bg)}@media(min-width: 968px){body{background-color:#fff}}.main{padding-top:50vw}.main .item{margin:0 5vw 5vw;background-color:#fff;box-shadow:.7vw .7vw 0 #000;overflow:hidden;position:relative}.main .item .title{position:absolute;left:0;top:3%;color:#000}.main .item .title h2{font-size:7vw;padding:.2em;padding-right:.3em;padding-left:.2em;line-height:1.8;background-color:#fff;display:inline;font-weight:600;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:nowrap}.main .item .pos-bottom{top:46%}.main .item .header{display:flex;justify-content:space-between;padding-right:3vw;padding-top:.6vw;align-items:center}.main .item .cat{width:56%;margin-top:-3vw;margin-left:-4vw;padding:0 8vw;position:relative;z-index:0;text-align:center}.main .item .cat .life{margin-top:-2%;width:57%;margin-bottom:-2%}.main .item .cat .culture{width:100%;margin-bottom:5%}.main .item .cat::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:skew(-30deg);z-index:-1}.main .item .cat-red:before{background-color:var(--color-red)}.main .item .cat-green:before{background-color:var(--color-green)}.main .item .cat-yellow:before{background-color:var(--color-cat-yellow)}.main .item .cat-blue:before{background-color:var(--color-blue)}.main .item .date{font-weight:500;color:#000}.main .item .desc{padding:1.4em .7em .7em;font-size:3.8vw;line-height:1.57;text-align:justify;color:#000}@media(min-width: 968px){.main{background-color:#fff;padding-top:clamp(252px,19.5vw,375px);padding-bottom:1.5vw}.main .container{display:flex;justify-content:space-between;flex-wrap:wrap;width:65.8vw;margin:0 auto}.main .item{width:clamp(1px,19.4vw,374px - .26vw);margin:0;margin-bottom:2.9vw;box-shadow:.26vw .26vw 0 #000;height:28vw;max-height:522px}.main .item .title{top:10px}.main .item .title h2{font-size:clamp(16px,1.5vw,30px);font-weight:500}.main .item .pos-bottom{top:clamp(1px,12.2vw,226px)}.main .item .header{padding-right:1em;padding-top:0px}.main .item .cat{width:clamp(1px,12.5vw,240px);margin-top:clamp(-16px,-0.93vw,-22px);margin-left:clamp(-18px,-1vw,-20px);padding:0 clamp(1px,2vw,40px);position:relative;z-index:0}.main .item .date{font-weight:400;font-size:clamp(1px,.93vw,18px)}.main .item .desc{padding-top:.7em;padding-bottom:1.6em;padding-left:1em;padding-right:1em;font-size:clamp(10px,.78vw,15px);line-height:1.67}}