@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');


.mb10 {margin-bottom: 10px;}
header {position: static; display: block;}
header .logo {padding: 10px 0; text-align: center; border-bottom: 2px solid #801726;}
header .logo a {display: inline-block; margin: 0 20px 0 0;}
header .logo img {height: 70px;}

#special{max-width: 750px; width: 100%; margin: 0 auto; padding: 50px 0; font-size: 18px;}
#special h2{max-width: 706px; width: 93%; margin: 0 auto;}

#special-img{margin: 0 0 80px;}
#special-new{margin: 0 0 100px;}
#special-new .date{display: inline-block; line-height: 1; margin: 0 0 10px;}
#special-new .date:after{content: ''; background: url('../img/special/special_ic_new.jpg') no-repeat top left/100% auto; width: 40px; height: 18px; display: inline-block; margin: 0 0 0 10px; position: relative; top: 2px;}
#special-new .tit{font-size: 20px; font-weight: bold; margin: 0 0 10px;}
#special-new .txt{position: relative; padding: 0 0 0 45px; margin: 0 0 20px;}
#special-new .txt span{position: absolute; left: 0; top: 0; border: 1px solid #000; padding: 5px 5px; line-height: 1;}
#special-new .txt.noNumber{padding: 0;}
#special-new .img{margin: 0 0 10px;}
#special-new .img img {width: 100%;}
#special-new .btn{font-size: 20px;}
#special-new .btn:hover{text-decoration: underline;}
#special-new .btn:after{content: ' »';}

#special-list{display: flex; flex-wrap: wrap;}
.special-item{margin: 0 8% 60px 0; width: 46%;}
.special-item:nth-of-type(2n){margin: 0 0 60px;}
.special-item h3{padding: 7px 17px; margin: 0 0 20px; line-height: 1; color: #fff; font-size: 26px;}
.special-item h3 img {width: 93px; line-height: 0;}
.special-item li{font-size: 20px; margin: 0 0 10px;}
.special-item a:after{content: ' »';}
.special-item a:hover{text-decoration: underline;}


#y2025 h3{background: #2395c7;}
#y2024 h3{background: #f6b893;}
#y2023 h3{background: #be433c;}
#y2022 h3{background: #f60074;}
#y2021 h3{background: #e74c3c;}
#y2020 h3{background: #e67e22;}
#y2019 h3{background: #ffb307;}
#y2018 h3{background: #52be7f;}


@media only screen and (max-width: 750px){
    #special-new{padding: 0 10px;}
    #special-list{padding: 0 10px;}
    .special-item{width: 48%; margin: 0 4% 60px 0;}
    .special-item li{font-size: 4vw;}
    .special-item h3 img{width: 20vw;}
}

/* Page Special Every Year */
.column{max-width: 750px; width: 100%; margin: 0 auto; padding: 50px 10px; font-size: 16px;}
.column h2{max-width: 300px; width: 70%; margin: 0 auto 20px;}
.column h3{padding: 7px 17px; margin: 0 0 20px; color: #fff; font-size: 26px; font-family: 'Noto Sans JP', sans-serif; font-weight: bold; line-height: 1;}
.column h3 img{width: 93px;}
.column h4{font-size: 24px; margin: 0 0 40px;}
.column-list{display: flex; flex-wrap: wrap;}
.column-list li{width: 48.5%; margin: 0 3% 50px 0;}
.column-list li:nth-of-type(2n){margin: 0 0 50px;}
.column-list .date{padding: 10px 0 5px;}
.column-list .desc{font-weight: bold;}
.column-list .txt{font-weight: bold; padding-left: 45px; position: relative;}
.column-list .txt span {position: absolute; left: 0; top: 0; border: 1px solid #000; padding: 5px 5px; line-height: 1;}
.column-list .no-abs {border: 1px solid #000; padding: 5px 5px; line-height: 1; display: inline-block; margin-left: 5px;}
.column-list a{display: block;}
.column-list a:hover{opacity: .8;}

.btn-back{text-align: center; font-size: 20px; font-weight: bold; margin-top: 50px;}
.btn-back a{text-decoration: underline;}
.btn-back a:hover{opacity: .8;}