@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

body {
    background-color: #eeeeee;
}

.top-hidden {display:none;}

/* tableの基本設定 */
table{
    border-top:1px solid #cdcdcd;
    background-color: #ffffff;
}
table tr {
    border-bottom:1px solid #cdcdcd;
}

    table tr th{
        background-color: #bcffb4;
        text-align: center;
    }
    table tr td{
        background-color: #ffffff;
        text-align: left;
    }
    table tr th,
    table tr td{
        padding:0.33em 0.5em;
    }

col.gaiyou_list {width:9em;}

/* ---------------------------------------------- */


div.entry a img,
div.entry img {
    margin:0 0.2em 0.2em 0; 
}

.site-title {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    /* line-height:0em; */
    color:#0f00db;
}

.site-title a,
.site-title a:hover {
    color:#0f00db;
    text-decoration: none;
}

.header-container {
    border-bottom: #ffbb55 3px solid;
    background-image: url(/assets/images/header-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
}

.gnavi-bg {
    background-color: rgba(255, 255, 255, 0.80);
font-weight: normal;
}
.gnavi-bg a {
    color :#7c3a00;
}


a:hover {
    text-decoration: underline;
}

.text-color-default{
    color: #004A80;
}

.entry {
    margin-bottom:1rem;
}

.imagelink a img:hover{
    transition-duration: 0.25s;
    filter: brightness(1.25);
}

h2.title {
    text-shadow:1px 1px 0 rgba(0, 0, 0, 0.125);
}
.entry h3{
    font-weight: normal;
    font-size:12pt;
    color: #004A80;
}

.entry h4{
    font-size:12pt;
    color: #004A80;
    padding-bottom:0.15em;
    border-bottom:1px solid #cdcdcd;
}
.entry p{
    font-size:12pt;
    color: #333333;
}

.footer-gradation {
  background-image: linear-gradient(90deg, #ffffff, #fff9e7);
}

/* 育英金 */
.row-ikuei {
    background-color: #cfcfcf;
    border:solid 1px #3bb200;
}

.row-shogaku {
    background-color: #cfcfcf;
    border:solid 1px #003674;
}

.row-yumeshogaku {
    background-color: #cfcfcf;
    border:solid 1px #ff6a14a6;
}

.row-ikuei div a.linkbtn,
.row-shogaku div a.linkbtn,
.row-yumeshogaku div a.linkbtn {
display: block;
height:3rem;
color:#ffffff;
font-weight:normal;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.625);
text-decoration: none;
padding-top:0.7em;
position: relative;


}
.row-ikuei div a.linkbtn {
background-image: linear-gradient(0deg, #041d00, #54943a 70%, #3bb200);
}
.row-shogaku div a.linkbtn {
background-image: linear-gradient(0deg, #06001f, #0061b2 70%, #4488dc);
}
.row-yumeshogaku div a.linkbtn {
background-image: linear-gradient(0deg, #904400, #ff7128 70%, #ff7d20);
}

a.linkbtn::after{
    position: absolute;
    font-family:"bootstrap-icons";
    content:"》";
    display: inline-block;
    color:rgba(255, 255, 255, 0.80);
    font-size:110%;
    font-weight:bold;
    vertical-align: middle;
    right:-0.30em;
    top:17.5%;

}

.row-ikuei div a.linkbtn span,
.row-shogaku div a.linkbtn span,
.row-yumeshogaku div a.linkbtn span {
    display:block;
    font-size:9pt;
}

figure{
    position: relative;
}
figcaption{
    position: absolute;
    bottom:0;
    left:0;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.625);
    color:#ffffff;
}
figcaption span{ /* 二行目の小さい文字 */
    display:block;
    text-align: center;
    font-size:9pt;
    font-weight: nomal;
    zoom:80%;
}

/*.ikueiBox,.shogakuBox,.yumeshogakuBox{
    　　
}*/

/* 育英金 */
.row-ikuei figure figcaption {
    background-color: rgba(30, 105, 0, 0.75);
    }
.ikueiBox {
    background-color: rgba(72, 255, 0, 0.15);
    border-color: rgba(30, 105, 0, 0.75) !important;
    }

    .ikueiBox h3 {
        color: rgba(30, 105, 0, 1.00) !important;
        }

/* 奨学金 */
.row-shogaku figure figcaption{
    background-color: rgba(0, 50, 143, 0.75);
    }
.shogakuBox {
    background-color: rgba(0, 89, 255, 0.15);
    border-color: rgba(0, 50, 143, 0.75) !important;
    }
    .shogakuBox h3 {
        color: rgb(0, 33, 94);
    }
/* 夢奨学金 */
.row-yumeshogaku figure figcaption{
    background-color: rgba(161, 59, 0, 0.75);
    }
.yumeshogakuBox {
    background-color: rgba(255, 94, 0, 0.15);
    border-color: rgba(161, 59, 0, 0.75) !important;
    }
    .yumeshogakuBox h3 {
        color: rgba(161, 59, 0, 1.00) !important;
    }
/* 様式表示 */

ul.dispYoshiki {
    display: flex;
    flex-wrap: wrap; /* 折り返しを有効化 */
    padding: 0;
    margin: 0;
    list-style: none;
}


ul.dispYoshiki li {
    width: 50%; /* 幅を半分に */
    box-sizing: border-box; /* paddingやborderを含めて幅計算 */
    padding: 0.2em 0.2em 0.2em 1.0em ;
    position: relative;
}

/* ul.dispYoshiki li:nth-child(2n) {
    width:calc(50% - 1em);
} */

ul.dispYoshiki li a {
    text-decoration: none;
    color: #003674;
}
    ul.dispYoshiki li::before {
        position: absolute;
        content:"・";
        display: inline-block;
        color:rgba(0, 0, 0, 0.99);
        font-size:100%;
        font-weight:bold;
        vertical-align: middle;
        left:0.25em;
        top:0.25em;
    }

ul.dispYoshiki.two-column li:nth-child(2n) {
    margin-left:0.75em;
    width:calc(50% - 1em);
}

/*  */
aside .aside-yearLink ul.contetHistry li {
    text-align: center;
    list-style-type: none;
    padding-top:0.25em;
    padding-bottom:0.25em;
    
}

aside .aside-yearLink ul.contetHistry li a {
    text-align: center;
    text-decoration: none;
    color:#003674;
    
}

/*  */
main .main-yearLink {
    text-align: center;
    list-style-type: none;
    padding-top:0.25em;
    padding-bottom:0.25em;
}

main .main-yearLink ul.contetHistry li {
    display: inline-block;    
}

main .main-yearLink ul.contetHistry li a {
    text-align: center;
    text-decoration: none;
    color:#003674;
}

.council dt {padding-left:1em; margin-bottom:0.5em; font-size:120%; border-bottom:1px solid #cdcdcd}
.council dd {padding-left:2em;}

/*  会計等資料 */
ul.accounts-list li {
    position: relative;
    padding-left: 0rem; /* アイコンの分の余白を確保 */
    margin-bottom: 0.5rem;
    list-style-type: none;
}
ul.accounts-list li a{text-decoration: none;}
ul.accounts-list li a:hover{text-decoration: underline;}

ul.accounts-list li::before {
    /* Bootstrap Icons のフォントを指定 */
    font-family: "bootstrap-icons"; 
  
    /* 表示したいアイコンの Unicode を指定（例：チェックマーク '\f26e'） */
    content: "\f640"; 
  
    /* 位置の微調整 */
    position: absolute;
    left: -1.50em;
    top: 0 ;/* calc(35% - 0.45em) */
    
    /*  */
    color:red;
    font-weight: normal;
    font-size:1em;
}

/*  育英奨学事業 */
ul.educate-list li.pdficon,
ul.educate-list li.wordicon {
    position: relative;
    /* padding-left: 0rem; アイコンの分の余白を確保 */
    margin-bottom: 0.5rem;
    list-style-type: none;
}
ul.educate-list li a{text-decoration: none;}
ul.educate-list li a:hover{text-decoration: underline;}

ul.educate-list li.pdficon::before,
ul.educate-list li.wordicon::before,
ul.educate-list li.excelicon::before {
    /* Bootstrap Icons のフォントを指定 */
    font-family: "bootstrap-icons"; 
  
    /* 位置の微調整 */
    position: absolute;
    left: -0.250em;
    top: 0.15em ;/* calc(35% - 0.45em) */

    font-weight: normal;
    font-size:1em;
}

ul.educate-list li.pdficon::before {
    /* 表示したいアイコンの Unicode を指定（例：チェックマーク '\f26e'） */
    content: "\f640"; 
    color:red;
}

ul.educate-list li.wordicon::before {
    /* 表示したいアイコンの Unicode を指定（例：チェックマーク '\f26e'） */
    content: "\f3bb"; 
    color:rgb(4, 0, 255);
}

ul.educate-list li.excelicon::before {
    /* 表示したいアイコンの Unicode を指定（例：チェックマーク '\f26e'） */
    content: "\f368"; 
    color:rgb(2, 73, 0);
}