.news__container{display:grid;grid-auto-flow:row;.read-box{a{color:#ffe52c}}.device-type-desktop &{--_button-space: 2.5rem;--_margin: 40px}.device-type-mobile &{--_button-space: calc(30vw / var(--_mbw));--_margin: calc(30vw / var(--_mbw))}.button__primary{margin-top:var(--_margin)}}.device-type-desktop.news{.news__items__default>a:first-child,.news__items__default>div:first-child{grid-column:1 / 3}.news__items__brn{margin-top:40px}}.device-type-desktop.news .button__primary,.device-type-desktop.news .get__more__items{width:fit-content;margin-right:auto;margin-left:auto}.get__more__items{opacity:1;filter:alpha(opacity=100);display:block;transition:.3s ease-in-out;display:flex;justify-content:center;align-items:center;height:var(--_size);font-weight:700;color:var(--_btn-color);background:var(--_btn-bg);text-decoration:none;border-radius:100vh;position:relative;&:hover{animation:backToOpac1 .7s linear 0s}.device-type-mobile &{--_size: calc(48vw / var(--_mbw));font-size:calc(14vw / var(--_mbw));width:100%}.device-type-desktop &{--_size: 56px;font-size:1rem;min-width:380px;&.button__full{min-width:100%}}>svg{fill:currentColor;position:absolute;top:50%;right:calc(var(--_size) / 2);transform:translate(50%,-50%)}.device-type-desktop &.center__pos{width:fit-content;margin-right:auto;margin-left:auto}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.news__item__container{display:grid;grid-auto-flow:row;gap:var(--_gap);img{max-width:100%}h1{font-weight:700;display:grid;grid-auto-flow:row;&:before{content:attr(data-date);font-family:var(--_body-font);color:#fff;background-color:var(--_body-bg);display:block;width:fit-content}}.attention-ttl{text-align:center}.attention-text{border:1px solid rgba(0,0,0,.1)}}.device-type-mobile .story__items__container{--_gap: calc(24vw / var(--_mbw));h1{line-break:normal;text-align:left;font-size:calc(28vw / var(--_mbw));gap:calc(10vw / var(--_mbw));&:before{font-size:calc(16vw / var(--_mbw));padding:calc(5vw / var(--_mbw)) calc(20vw / var(--_mbw))}}.h3-ttl-a{font-size:calc(16vw / var(--_mbw))}.h3-ttl-b{font-size:calc(16vw / var(--_mbw));line-height:calc(24vw / var(--_mbw));font-weight:500;color:#fff;background:var(--_body-bg);padding:calc(16vw / var(--_mbw))}.attention-text{font-size:calc(12vw / var(--_mbw));line-height:calc(18vw / var(--_mbw));padding:calc(20vw / var(--_mbw))}}.device-type-desktop .story__items__container{--_gap: 2rem;h1{font-size:1.875rem;gap:.625rem;&:before{font-size:1rem;padding:3px 1.5rem}}.h3-ttl-a{font-size:1.125rem}.h3-ttl-b{font-size:1.125rem;line-height:1.875rem;font-weight:500;color:#fff;background:var(--_body-bg);padding:1rem 1.5rem}.attention-text{font-size:.8125rem;line-height:1.375rem;padding:1.25rem}}.device-type-mobile.news .news__items__default{.news__item{&:not(:first-child){color:var(--_item-color);display:flex;text-decoration:none;font-weight:700;.news__item__image-box{width:calc(163vw / var(--_mbw));height:calc(92vw / var(--_mbw));object-fit:cover;object-position:center}.news__item__txt-box{padding:calc(5vw / var(--_mbw)) calc(10vw / var(--_mbw)) calc(7.5vw / var(--_mbw));flex:1;display:flex;flex-direction:column;position:relative}.news__item__tag{margin-bottom:0;padding:calc(4vw / var(--_mbw));position:absolute;top:0;right:0;color:var(--_tag-color);font-size:calc(9vw / var(--_mbw));line-height:1;background:var(--_tag-bg);width:calc(73vw / var(--_mbw));text-align:center;border-radius:0 0 0 calc(3vw / var(--_mbw));background:linear-gradient(45deg,#d30008,#940000)}.news__item__tag.post{background:linear-gradient(45deg,#00b7e2,#0087c6)}.news__item__title{color:var(--_title-color);padding-top:calc(19vw / var(--_mbw));margin-bottom:0;font-size:calc(12vw / var(--_mbw));line-height:calc(15vw / var(--_mbw));overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.news__item__date{color:var(--_date-color);font-size:calc(11vw / var(--_mbw));line-height:1;display:flex;justify-content:flex-end;align-items:end;text-align:right;flex:1}}}}.news__items__container{.device-type-mobile &{.h1-ttl-box{border-bottom:1px solid #cccccc;padding-bottom:calc(10vw / var(--_mbw));margin-bottom:calc(20vw / var(--_mbw));font-weight:700;border-bottom:1vw solid var(--_gold-color);border-image:linear-gradient(to right,#ba9037,#f5de3d 22%,#bf9234 50%,#f3dc3a)1;.date{font-size:calc(12vw / var(--_mbw));line-height:calc(24vw / var(--_mbw));padding:0 calc(16vw / var(--_mbw));display:inline-block;margin-bottom:3vw;color:#fff;transform:none;background:none;position:relative;z-index:0;isolation:isolate;&:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to right,#001385,#001fdb 20%,#001179);transform:skew(-8deg);transform-origin:left center}}h1{font-size:calc(17vw / var(--_mbw));line-height:calc(25vw / var(--_mbw));color:var(--_gold-color)}}.img-box{img{width:100%;height:auto}}.img-box1{margin-bottom:calc(20vw / var(--_mbw));text-align:center}.h3-ttl-a{font-size:calc(16vw / var(--_mbw));margin:calc(0vw / var(--_mbw)) calc(-20vw / var(--_mbw));margin-top:calc(20vw / var(--_mbw));padding:calc(8vw / var(--_mbw)) calc(20vw / var(--_mbw));color:#fff;background:url(/chottodake_esper/common-img/ttl-bg.jpg) repeat-y;background-size:100%;box-shadow:0 5px 15px #0006;text-shadow:2px 2px 5px rgba(0,0,0,.5)}.h3-ttl-b{font-size:calc(15vw / var(--_mbw));padding:calc(10vw / var(--_mbw)) calc(15vw / var(--_mbw));margin-top:calc(18vw / var(--_mbw));color:#fff;transform:none;background:none;position:relative;z-index:0;isolation:isolate;&:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#00000026,#00000026),#0018a2;transform:skew(-8deg);transform-origin:left center}}.youtube-box{position:relative;height:0;padding-bottom:56.25%;iframe{position:absolute;width:100%;height:100%;left:0}}.img-box,.read-box,.btn-box,.youtube-wrap{margin-top:calc(15vw / var(--_mbw))}.h3-ttl-a{+.h3-ttl-b{margin-top:calc(15vw / var(--_mbw))}+.read-box{margin-top:calc(15vw / var(--_mbw))}}.h1-ttl-box+.h3-ttl-a{margin-top:calc(15vw / var(--_mbw))}.attention-ttl{margin-bottom:calc(15vw / var(--_mbw));text-align:center}.attention-text{font-size:calc(12vw / var(--_mbw));line-height:calc(18vw / var(--_mbw));margin-top:calc(20vw / var(--_mbw));border:1px solid rgba(0,0,0,.1);padding:calc(20vw / var(--_mbw))}.news-line{height:1px;background:#00000026;margin-top:calc(30vw / var(--_mbw));margin-bottom:calc(30vw / var(--_mbw))}}.device-type-desktop &{.h1-ttl-box{padding-bottom:16px;margin-bottom:20px;font-weight:700;border-bottom:3px solid var(--_gold-color);border-image:linear-gradient(to right,#ba9037,#f5de3d 22%,#bf9234 50%,#f3dc3a)1;.date{font-size:13px;line-height:28px;padding:0 16px;display:inline-block;margin-bottom:8px;color:#fff;transform:none;background:none;position:relative;z-index:0;isolation:isolate;&:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to right,#001385,#001fdb 20%,#001179);transform:skew(-8deg);transform-origin:left center}}h1{font-size:24px;line-height:38px;color:var(--_gold-color)}}.img-box{img{width:100%;height:auto}}.img-box1{text-align:center;img{max-width:680px;height:auto}}.h3-ttl-a{margin:30px -40px 0;padding:12px 40px;font-size:22px;color:#fff;background:url(/chottodake_esper/common-img/ttl-bg.jpg) repeat-y;background-size:100%;box-shadow:0 5px 15px #0006;text-shadow:2px 2px 5px rgba(0,0,0,.5)}.h3-ttl-b{font-size:20px;padding:12px 20px;margin-top:30px;color:#fff;transform:none;background:none;position:relative;z-index:0;isolation:isolate;&:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#00000026,#00000026),#0018a2;transform:skew(-8deg);transform-origin:left center}}.youtube-box{position:relative;height:0;padding-bottom:56.25%;iframe{position:absolute;width:100%;height:100%;left:0}}.btn-box{text-align:center;text-decoration:none;a{position:relative;font-weight:700;line-height:30px;text-align:center;padding:13px 50px;display:block;background:#00a0c6;color:#fff;text-decoration:none;border-radius:100px;margin:0 auto;min-width:380px;display:inline-block}}.img-box,.read-box,.btn-box,.youtube-wrap{margin-top:30px}.attention-ttl{margin-bottom:15px;text-align:center}.attention-text{font-size:13px;line-height:22px;margin-top:30px;border:1px solid rgba(0,0,0,.1);padding:20px}.h3-ttl-a{+.h3-ttl-b{margin-top:30px}+.read-box{margin-top:15px}}.h1-ttl-box+.h3-ttl-a{margin-top:30px}.news-line{height:1px;background:#00000026;margin-top:50px;margin-bottom:50px}}}