/* --------------------------------------------------------------
List
-------------------------------------------------------------- */
/*  common */
.page-anniversary2nd section{padding-top:80px; padding-bottom:80px}
.page-anniversary2nd section .wrap{max-width:1260px}

.page-anniversary2nd .section-title{max-width:600px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; margin:0 auto 40px}
.page-anniversary2nd .section-title .theme{font-size:14px; font-weight:600; color:var(--color-primary); line-height:1.8; display:flex; justify-content:center; align-items:center; gap:6px; margin-bottom:8px}
.page-anniversary2nd .section-title .theme::before{content:''; width:24px; height:24px; background:no-repeat center / contain}
.page-anniversary2nd .section-title .title{font-size:26px; font-weight:600; line-height:1.4}
.page-anniversary2nd .section-title .title br{display:block}
.page-anniversary2nd .section-title .desc{font-size:15px; color:#777; line-height:1.7}

@media(min-width:1070px){
  .page-anniversary2nd section{padding-top:200px; padding-bottom:200px}
  .page-anniversary2nd .section-title{gap:16px; margin-bottom:64px; max-width:800px}
  .page-anniversary2nd .section-title .theme{font-size:15px; margin-bottom:16px}
  .page-anniversary2nd .section-title .title{font-size:44px}
  .page-anniversary2nd .section-title .desc{font-size:17px}
}


/* Visual -------------------------------------------------------------- */

.page-anniversary2nd .visual{padding-top:0; position:relative; overflow:hidden}
.page-anniversary2nd .visual::after{content:''; display:block; margin:80px auto 0; width:40px; height:40px; border-radius:50%; background:#FFF url('/images/anniversary2nd/ico_arrow_down.svg') no-repeat center / 14px; box-shadow:0 4px 20px 0 rgba(0,0,0,0.07)}

.page-anniversary2nd .visual .deco-wrap::before{content:''; width:64px; height:64px; display:block; background:url('/images/anniversary2nd/img_deco_shape.svg') no-repeat center / contain; margin:0 auto}
/* ribbon */
.deco-ribbon{--r:10px; /*shape*/ --b:2px; /*Border size*/ 
width:fit-content; margin:0 auto; position:relative; padding:8px 26px; text-align:center; color:#FFF; font-size:15px; font-weight:500}
.deco-ribbon::after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to right bottom, #e33feb, #fb32c3, #ff399f, #ff4c81, #f8606b); z-index:-1; clip-path:polygon(
  calc(var(--b) * 2) var(--b), calc(100% - (var(--b) * 2)) var(--b),
  calc(calc(100% - var(--b)) - var(--r)) 50%, calc(100% - (var(--b) * 2)) calc(100% - var(--b)),
  calc(var(--b) * 2) calc(100% - var(--b)), calc(var(--r) + var(--b)) 50%)
}

.page-anniversary2nd .visual .texts{text-align:center; display:flex; flex-direction:column; align-items:center; gap:16px}
.page-anniversary2nd .visual .title{font-size:30px; font-weight:700; line-height:1.4; letter-spacing:-0.03em}
.page-anniversary2nd .visual .title span{color:var(--color-primary)}
.page-anniversary2nd .visual .title br{display:block}
.page-anniversary2nd .visual .desc{max-width:450px; margin:0 auto; font-size:15px; line-height:1.8; color:#635545}
.page-anniversary2nd .visual .desc .sub{font-size:20px; font-weight:600; line-height:1.4; letter-spacing:-0.03em; color:#333; margin-bottom:0.8em}
.page-anniversary2nd .visual .desc p:not(:first-of-type){margin-top:0.8em}

@media(min-width:768px){
  .page-anniversary2nd .visual .desc{max-width:700px}
}
@media(min-width:1070px){
  .page-anniversary2nd .visual{padding-top:40px; padding-bottom:150px}
  .page-anniversary2nd .visual::after{margin-top:100px; width:48px; height:48px; background-size:16px}
  .page-anniversary2nd .visual .texts{gap:32px}
  .page-anniversary2nd .visual .title{font-size:82px; line-height:1.3}
  .page-anniversary2nd .visual .desc{font-size:18px}
  .page-anniversary2nd .visual .desc .sub{font-size:26px}
  .deco-ribbon{--r:12px; font-size:20px; padding:12px 48px}
}

/* bg circle ---------- */
.circles{position:absolute; content:''; display:block; width:200px; height:200px; border-radius:50%; filter:blur(60px); opacity:0.1; z-index:-1}
.circle-yellow{top:100px; left:-70px; background-color:#FF9900}
.circle-orange{top:80px; left:50%; margin-left:70px; background-color:#FF6900}
.circle-pink{top:250px; right:-70px; background-color:#F6339A}

@media(min-width:1070px){
  .circles{width:380px; height:380px; filter:blur(100px)}
  .circle-yellow{top:100px; left:-70px}
  .circle-orange{top:80px; left:50%}
  .circle-pink{top:250px; right:-70px}
}

/* .circle-orange{animation-name:orange; animation-duration:3s; animation-delay:1s; animation-timing-function	:bounce 0.6s 0.1s cubic-bezier(0, 0, 0.18, 0.99)}
@keyframes orange{
  0%{transform:translate(0, 0)}
  25%{transform:translate(50px, -40px)}
  50%{transform:translate(70px, 35px)}
  75%{transform:translate(60px, 20px)}
  100%{transform:translate(0, 0)}
} */




/* Footprint -------------------------------------------------------------- */

.page-anniversary2nd .footprint{background-image:linear-gradient(to bottom, #FCF9F4 0%,#FFFFFF 5%); padding-top:0; padding-bottom:140px}
.page-anniversary2nd .footprint .section-title .theme::before{background-image:url('/images/anniversary2nd/ico_flower.svg')}

/* stacking */
.stacking .card{display:flex; align-items:center; gap:40px; width:100%; min-height:600px; padding:60px 120px; border-radius:20px; overflow:hidden; margin-bottom:64px; border:3px solid #FFF}
.stacking .card > div{flex:1 1 0px; display:flex}
.stacking .card-left{position:relative; justify-content:center; align-items:flex-start; flex-direction:column; gap:16px}
.stacking .card-right{justify-content:flex-end}

.stacking .card .count{font-size:88px; font-weight:600; line-height:1.4; letter-spacing:-0.03em; font-family:'Roboto' !important}
.stacking .card .title{font-size:26px; font-weight:600; line-height:1.5; letter-spacing:-0.03em}
.stacking .card .desc{font-size:17px; line-height:1.7; color:#777}

/* card custom */
.stacking .country{background-color:#E6F9FE}
.stacking .people{background-color:#FFF4E6}
.stacking .check{background-color:#FFF7CE}
.stacking .promo{background-color:#E7F8EA}
.stacking .poster{background-color:#F0EDFB}

.stacking .country .count{color:#3C82F3}
.stacking .people .count{color:#F8606B}
.stacking .check .count{color:#9B6342}
.stacking .promo .count{color:#00AF4F}
.stacking .poster .count{color:#823BE5}

.stacking .people img{mix-blend-mode:multiply}

@media (max-width:1069px){
  .page-anniversary2nd .footprint{padding-bottom:40px}
  .stacking .card{padding:40px 64px; min-height:500px; margin-bottom:32px}
  .stacking .card br{display:none}
  .stacking .card .count{font-size:56px}
}
@media (max-width:767px){
  .stacking .card{flex-direction:column; justify-content:center; padding:24px; gap:24px}
  .stacking .card > div{flex:none}
  .stacking .card-left{align-items:center; text-align:center; gap:4px; max-width:450px}
  .stacking .card-right img{height:200px}
  .stacking .card .count{font-size:40px}
  .stacking .card .title{font-size:20px}
  .stacking .card .desc{font-size:15px}
}


/* Posts -------------------------------------------------------------- */

.page-anniversary2nd .posts{background-color:#FFF}
.page-anniversary2nd .posts .section-title .theme::before{background-image:url('/images/anniversary2nd/ico_star.svg')}

/* part */
.page-anniversary2nd .posts .part{margin-top:56px}
.page-anniversary2nd .posts .part-title{text-align:center; display:flex; flex-direction:column; align-items:center; gap:8px; max-width:600px; margin:0 auto}
.page-anniversary2nd .posts .part-title .title{font-size:24px; font-weight:600; line-height:1.4; letter-spacing:-0.03em}
.page-anniversary2nd .posts .part-title .title span{color:var(--color-primary)}
.page-anniversary2nd .posts .title-img img{width:64px; height:64px}
.page-anniversary2nd .posts .part-title .desc{font-size:15px; line-height:1.7; color:#777}

/* list */
.list-anniversary2nd{max-width:700px; margin:32px auto 0}
.list-anniversary2nd .list-item{padding:10px 0; flex:0 0 100%}
.list-anniversary2nd .list-link{background-color:#F5F5F5; border-radius:16px; overflow:hidden; display:block}
.list-anniversary2nd .info{padding:20px; min-height:168px}
.list-anniversary2nd .post-title{font-size:17px; line-height:1.6}
.list-anniversary2nd .post-name{font-size:13px; line-height:1.6; color:#9E7B6D; margin-top:5px}
.list-anniversary2nd .post-detail{font-size:13px; color:#999; display:flex; gap:10px; flex-wrap:wrap;
  margin-top:7px}
.list-anniversary2nd .post-detail > div:first-child .ico::before{margin-left:0}
.list-anniversary2nd .thum{width:100%; height:auto; border-radius:0; background-color:rgba(0,0,0,0.02)} /*background-image:linear-gradient(to bottom, rgba(0,0,0,0.05), rgba(0,0,0,0))*/
.list-anniversary2nd .thum-img{transition:all 0.2s ease; padding-bottom:60%; background:url('/images/thumb_noimg.png') no-repeat center / cover}
.list-anniversary2nd .thum::after{display:none}

@media(min-width:768px){
  /* .list-anniversary2nd .list-item{flex:0 0 50%; padding:10px} */
}
@media(min-width:1070px){
  .page-anniversary2nd .posts .part{margin-top:150px}
  .page-anniversary2nd .posts .part-title{max-width:800px; gap:16px}
  .page-anniversary2nd .posts .title-img img{width:100px; height:100px}
  .page-anniversary2nd .posts .part-title .title{font-size:32px}
  .page-anniversary2nd .posts .part-title .desc{font-size:16px}

  /* list */
  .list-anniversary2nd{max-width:none; margin:56px -12px 0}
  .list-anniversary2nd .list-item{flex:0 0 33.333%; padding:12px}
  .list-anniversary2nd .info{padding:32px; min-height:200px}
  .list-anniversary2nd .post-title{font-size:18px}
  .list-anniversary2nd .post-name{margin-top:8px}
  .list-anniversary2nd a:hover .thum-img{transform:scale(1.1); transition:transform 400ms cubic-bezier(0.4, 0, 0.25, 1),opacity 1s cubic-bezier(0.4, 0, 0.25, 1),-webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1)}
}



/* Press -------------------------------------------------------------- */

.page-anniversary2nd .press{background-image: linear-gradient(to bottom, #F7F7F7,#FCF9F4); padding-bottom:0}
.page-anniversary2nd .press .section-title .theme::before{background-image:url('/images/anniversary2nd/ico_press.svg')}

.page-anniversary2nd .list-press{max-width:700px; margin:0 auto; display:grid; gap:24px}
/* .page-anniversary2nd .list-press .list-item{padding:12px 0; flex:0 0 100%} */
.page-anniversary2nd .list-press .list-item .inner{border-radius:20px; overflow:hidden}
.page-anniversary2nd .list-press .list-item .inner > *{padding:24px}

/* text */
.page-anniversary2nd .list-press .list-link{display:flex; flex-direction:column; gap:10px; background-color:#FFF}
.page-anniversary2nd .list-press .list-link .text-wrap{display:flex; flex-direction:column; gap:12px}
.page-anniversary2nd .list-press .the-press{display:flex; align-items:center; gap:6px; flex-wrap:wrap}
.page-anniversary2nd .list-press .media{font-size:13px; line-height:1.6; color:var(--color-primary)}
.page-anniversary2nd .list-press .date{font-size:12px; line-height:1.6; color:#808080}
.page-anniversary2nd .list-press .title{font-size:16px; line-height:1.5; font-weight:600; overflow:hidden; -webkit-line-clamp:5; -webkit-box-orient:vertical; display:-webkit-box}
.page-anniversary2nd .list-press .desc{font-size:14px; line-height:1.6; color:#666; margin-top:8px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box}

.page-anniversary2nd .list-press .btn-press{font-size:14px; line-height:1.6; color:#374B7E; font-weight:500; display:flex; align-items:center; gap:4px; transition:all 0.3s ease}
.page-anniversary2nd .list-press .btn-press::after{content:''; display:block; width:11px; height:9px; background:url('/images/anniversary2nd/ico_arrow_right.svg') no-repeat center / contain; filter:brightness(0) saturate(100%) invert(26%) sepia(5%) saturate(6853%) hue-rotate(187deg) brightness(96%) contrast(84%)}

.page-anniversary2nd .list-press .list-link:hover .btn-press{transform:translateX(10px)}

/* additional */
.page-anniversary2nd .list-press .additional{background-color:#141212}
.page-anniversary2nd .list-press .additional img{border-radius:8px; margin-bottom:32px}
.page-anniversary2nd .list-press .additional .texts{border-left:2px solid #F5C738; padding-left:16px}
.page-anniversary2nd .list-press .additional .summary{font-size:15px; line-height:1.7; color:#FFF}
.page-anniversary2nd .list-press .additional .tags{font-size:13px; line-height:1.7; color:#999; margin-top:10px}
.page-anniversary2nd .list-press .additional .tags span{margin-right:10px; display:inline-block}
.page-anniversary2nd .list-press .additional .tags span::before{content:'#'; margin-right:1px}


@media(min-width:1070px){
  .page-anniversary2nd .list-press{max-width:none; grid-template-columns:repeat(3, 1fr)}
  /* .page-anniversary2nd .list-press{max-width:none; flex-direction:row; margin:0 -12px} */
  .page-anniversary2nd .list-press .list-item .inner > *{padding:40px}
  .page-anniversary2nd .list-press .list-item{min-width:0}
  /* .page-anniversary2nd .list-press .list-item{padding:12px; flex:0 0 33.333%} */
  .page-anniversary2nd .list-press .list-link{justify-content:space-between; min-height:294px; gap:24px}
  .page-anniversary2nd .list-press .title{font-size:18px}
  .page-anniversary2nd .list-press .desc{font-size:15px}

  .page-anniversary2nd .list-press .additional .texts{padding-left:24px}
  .page-anniversary2nd .list-press .additional .tags{margin-top:16px}
}


/* Ending -------------------------------------------------------------- */

.page-anniversary2nd .ending{position:relative; background:url('/images/anniversary2nd/img_ending.svg') no-repeat center bottom / 500px; overflow:hidden; padding-bottom:200px}

.page-anniversary2nd .ending::before,
.page-anniversary2nd .ending::after{position:absolute; content:''; display:block; width:250px; height:250px; border-radius:50%; bottom:-70px; filter:blur(100px); opacity:0.1}
.page-anniversary2nd .ending::before{right:50%; margin-right:20%; background-color:#FF6900}
.page-anniversary2nd .ending::after{left:50%; margin-left:20%; background-color:#F6339A}

/* text */
.page-anniversary2nd .ending .texts{max-width:600px; position:relative; text-align:center; display:flex; flex-direction:column; gap:24px; margin:0 auto}
.page-anniversary2nd .ending .texts::before{position:absolute; left:50%; transform:translateX(-50%); top:60px; content:''; display:block; width:380px; height:380px; border-radius:50%; background-color:#FF9900; filter:blur(60px); opacity:0.1; z-index:-1}
.page-anniversary2nd .ending .title{font-size:20px; line-height:1.4; letter-spacing:-0.03em; font-weight:600; color:#9E7B6D}
.page-anniversary2nd .ending .desc{margin:0 auto; max-width:450px}
.page-anniversary2nd .ending .desc p{font-size:15px; line-height:1.7; color:#635545}
.page-anniversary2nd .ending .desc p:not(:first-child){margin-top:0.8em}

@media(min-width:1070px){
  .page-anniversary2nd .ending{background-size:850px; padding-bottom:330px}
  .page-anniversary2nd .ending::before,
  .page-anniversary2nd .ending::after{width:420px; height:420px; bottom:-100px}
  .page-anniversary2nd .ending .texts{max-width:800px; gap:32px}
  .page-anniversary2nd .ending .texts::before{width:640px; height:640px; top:100px; filter:blur(100px)}
  .page-anniversary2nd .ending .desc{max-width:700px}
  .page-anniversary2nd .ending .title{font-size:32px}
  .page-anniversary2nd .ending .desc p{font-size:17px}
}



/* --------------------------------------------------------------
View
-------------------------------------------------------------- */
.page-anniversary2nd-view .post-header .post-title::before{content:''; display:block; width:52px; height:30px; background:url("/images/ico_envelope.svg") no-repeat center / contain; margin:0 auto 12px}

@media(min-width:1070px){
  .page-anniversary2nd-view .post-header .post-title::before{margin-bottom:20px; height:38px}
}