@charset "UTF-8";

/* =========================
ダウンロード単年ページ
========================= */

.p-download {
position: relative;
overflow:hidden;
}

.p-download .p-downloadCard {
position: relative;
width:100%;
text-align: center;
}

.p-downloadCard__lead {
display: inline-block;
margin-bottom:15px;
padding: 4px 10px;

background:rgba(255,255,255,.8);
border: 1px solid #fff;
border-radius: 999px;

font-family: "Zen Maru Gothic", sans-serif;
font-size: 14px;
font-weight: 900;
}

/* スマホ */

@media (max-width: 768px) {

.p-downloadCard__lead {
font-size: 2.25vw;
}

}

/* =========================
年度選択
========================= */

.p-downloadSelect {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-top: 0;
}

.p-downloadSelect::after {
content: "";
position: absolute;
top: 50%;
right: calc(50% - 92px);
width: 14px;
height: 14px;
border-right: 4px solid #184077;
border-bottom: 4px solid #184077;
transform: translateY(-70%) rotate(45deg);
pointer-events: none;
}

.p-downloadSelect__select {
appearance: none;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: 220px;
min-width: 220px;
padding: 14px 40px 14px 20px;
border: 3px solid #184077;
border-radius: 999px;
color: #184077;
background: #fff;
font-family: "LINE Seed JP", sans-serif;
font-weight: 700;
}

.p-downloadSelect__select:focus,
.p-downloadSelect__select:focus-visible {
outline: none;
box-shadow: none;
}

.p-downloadSelect__label {
display: none;
}

/* =========================
	ダウンロード一覧
========================= */

.p-download__list {
display: grid;
gap: 25px 15px;
max-width:960px;
margin: 0 auto 30px;
}

/* 壁紙・ヘッダー */

.p-download__list--wide {
grid-template-columns: 1fr;
}

/* アイコン */

.p-download__list--icon {
grid-template-columns: repeat(4, 1fr);
}

/* スマホ */

@media (max-width: 768px) {

.p-download__list {
grid-template-columns: 1fr;
gap: 20px 10px;
max-width:none;
margin: 0 15px 30px;
}

/* アイコン */

.p-download__list--icon {
grid-template-columns: repeat(3, 1fr);
}

}

/* =========================
	ダウンロードアイテム
========================= */

.p-download__item {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
min-width: 0;
}

.p-download__thumb {
display: block;
width: 100%;
padding: 4px;
background: #fff;
border: 1px solid #6f7c87;
border-radius: 4px;
overflow: hidden;
}

.p-download__thumb img {
display: block;
width: 100%;
height: auto;
border-radius: 2px;
overflow: hidden;
}

/* 丸型アイコン */

.p-download__item--round .p-download__thumb {
border-radius: 50%;
overflow: hidden;
}

.p-download__item--round .p-download__thumb img {
display:block;
border-radius: 50%;
}