@charset "utf-8";

/*////////////////////////////////////
top_event
@media screen and (min-width:768px)
////////////////////////////////////*/
@media screen and (min-width:768px){
#event_list_section.event_list_section_top{
position:relative;
display:block;
width:100%;
padding:110px 0 110px;
overflow:hidden;
}

#event_list_section.event_list_section_top #event_ara{
position:relative;
display:block;
width:min(1710px,calc(100% - 80px));
margin:0 auto;
}

#event_list_section.event_list_section_top #event_list_cards{
position:relative;
display:block;
width:100%;
padding-top:40px;
padding-bottom:48px;
margin:0 -18px;
}

#event_list_section.event_list_section_top .event_list_card{
position:relative;
display:flex;
flex-direction:column;
height:100%;
margin:0 16px 30px;
border:1px solid #ece7e1;
border-radius:22px;
overflow:hidden;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

#event_list_section.event_list_section_top .event_list_card_img_area{
position:relative;
display:block;
width:100%;
aspect-ratio:16/9;
overflow:hidden;
flex:0 0 auto;
}

#event_list_section.event_list_section_top .event_list_card_img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
transition:transform 0.3s ease;
}

#event_list_section.event_list_section_top .event_list_card:hover .event_list_card_img{
transform:scale(1.05);
}

#event_list_section.event_list_section_top .event_list_card_text_area{
position:relative;
display:grid;
grid-template-rows:auto 1fr auto auto;
flex:1;
padding:20px 18px 16px;
}

#event_list_section.event_list_section_top .event_list_card_title{
margin:0 0 12px;
font-size:2.2rem;
line-height:1.45;
font-weight:700;
letter-spacing:0.02em;
color:#222222;
}

#event_list_section.event_list_section_top .event_list_card_text_area .section_text{
margin:0 0 22px;
font-size:1.8rem;
line-height:1.9;
font-weight:500;
color:#333333;
}

#event_list_section.event_list_section_top .event_list_card_meta{
margin:0 0 22px;
font-size:1.8rem;
line-height:1.7;
font-weight:700;
color:#333333;
}

#event_list_section.event_list_section_top .event_list_card_button{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:52px;
border-radius:999px;
background:#D79A7D;
font-size:1.8rem;
font-weight:700;
line-height:1;
color:#ffffff;
text-decoration:none;
box-shadow:0 8px 16px rgba(221,130,124,0.25);
transition:all 0.3s ease;
align-self:end;
}

#event_list_section.event_list_section_top .event_list_card_button:hover{
transform:translateY(-2px);
opacity:0.92;
}

#event_list_section.event_list_section_top #event_list_cards .slick-track{
display:flex;
align-items:stretch;
}

#event_list_section.event_list_section_top #event_list_cards .slick-slide{
height:auto;
padding:0 18px;
box-sizing:border-box;
}

#event_list_section.event_list_section_top #event_list_cards .slick-slide > div{
height:100%;
}

#event_list_section.event_list_section_top #event_list_cards .slick-slide .event_list_card{
height:100%;
}

#event_list_section.event_list_section_top .event_list_more_place{
position:relative;
display:flex;
justify-content:center;
width:100%;
padding-top:20px;
}

#event_list_section.event_list_section_top .event_list_more_button{
position:relative;
display:flex;
align-items:center;
justify-content:center;
min-width:300px;
min-height:58px;
padding:0 58px 0 34px;
border-radius:999px;
background:linear-gradient(135deg,#ff9c40 0%,#ea7600 100%);
box-shadow:0 16px 32px rgba(234,118,0,0.24);
font-size:1.8rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.06em;
color:#ffffff;
text-decoration:none;
transition:transform 0.3s ease,opacity 0.3s ease;
}

#event_list_section.event_list_section_top .event_list_more_button:after{
content:"";
position:absolute;
right:30px;
top:50%;
width:10px;
height:10px;
border-top:3px solid #ffffff;
border-right:3px solid #ffffff;
transform:translateY(-50%) rotate(45deg);
}

#event_list_section.event_list_section_top .event_list_more_button:hover{
opacity:0.86;
transform:translateY(-3px);
}
}

/*////////////////////////////////////
top_event
@media screen and (min-width:768px) and (max-width:1200px)
////////////////////////////////////*/
@media screen and (min-width:768px) and (max-width:1200px){
#event_list_section.event_list_section_top{
padding:86px 0 94px;
}

#event_list_section.event_list_section_top #event_ara{
width:90%;
}

#event_list_section.event_list_section_top #event_list_cards{
padding-top:34px;
padding-bottom:44px;
}

#event_list_section.event_list_section_top .event_list_card{
position:relative;
display:flex !important;
flex-direction:column;
height:100%;
margin:0 0 30px;
background:#ffffff;
border:1px solid #ece7e1;
border-radius:22px;
overflow:hidden;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
}


#event_list_section.event_list_section_top .event_list_card_title{
font-size:2rem;
}

#event_list_section.event_list_section_top .event_list_card_text_area .section_text{
font-size:1.7rem;
}

#event_list_section.event_list_section_top .event_list_card_meta{
font-size:1.7rem;
}
}

/*////////////////////////////////////
top_event
@media screen and (min-width:0px) and (max-width:767px)
////////////////////////////////////*/
@media screen and (min-width:0px) and (max-width:767px){
#event_list_section.event_list_section_top{
position:relative;
display:block;
width:100%;
padding:54px 0 64px;
overflow:hidden;
}

#event_list_section.event_list_section_top #event_ara{
position:relative;
display:block;
width:90%;
margin:0 auto;
padding-top:34px;
}

#event_list_section.event_list_section_top #event_list_cards{
position:relative;
display:block;
width:100%;
padding-top:0;
padding-bottom:38px;
}

#event_list_section.event_list_section_top .event_list_card{
position:relative;
display:block;
margin:0 8px 28px;
background:#ffffff;
border:1px solid #ece7e1;
border-radius:22px;
overflow:hidden;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

#event_list_section.event_list_section_top .event_list_card_img_area{
position:relative;
display:block;
width:100%;
aspect-ratio:8/5;
overflow:hidden;
background:#f5f5f5;
}

#event_list_section.event_list_section_top .event_list_card_img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
}

#event_list_section.event_list_section_top .event_list_card_text_area{
position:relative;
display:block;
padding:20px 18px 16px;
}

#event_list_section.event_list_section_top .event_list_card_title{
margin:0 0 12px;
font-size:2rem;
line-height:1.45;
font-weight:700;
letter-spacing:0.02em;
color:#222222;
}

#event_list_section.event_list_section_top .event_list_card_text_area .section_text{
margin:0 0 18px;
font-size:1.6rem;
line-height:1.9;
font-weight:500;
color:#333333;
}

#event_list_section.event_list_section_top .event_list_card_meta{
margin:0 0 18px;
font-size:1.5rem;
line-height:1.7;
font-weight:700;
color:#333333;
}

#event_list_section.event_list_section_top .event_list_card_button{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:52px;
border-radius:999px;
background:#D79A7D;
font-size:1.8rem;
font-weight:700;
line-height:1;
color:#ffffff;
text-decoration:none;
box-shadow:0 8px 16px rgba(221,130,124,0.25);
transition:all 0.3s ease;
}

#event_list_section.event_list_section_top .event_list_more_place{
position:relative;
display:flex;
justify-content:center;
width:100%;
padding-top:10px;
}

#event_list_section.event_list_section_top .event_list_more_button{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:56px;
padding:0 48px 0 24px;
border-radius:999px;
background:linear-gradient(135deg,#ff9c40 0%,#ea7600 100%);
box-shadow:0 12px 24px rgba(234,118,0,0.22);
font-size:1.6rem;
line-height:1.5;
font-weight:700;
letter-spacing:0.05em;
color:#ffffff;
text-decoration:none;
}

#event_list_section.event_list_section_top .event_list_more_button:after{
content:"";
position:absolute;
right:24px;
top:50%;
width:9px;
height:9px;
border-top:2px solid #ffffff;
border-right:2px solid #ffffff;
transform:translateY(-50%) rotate(45deg);
}
}