/*
border: 1px solid #333;
*/


@charset "utf-8";


h3 {
    text-align: left;
    font-size: 1.2rem;
    margin-bottom: 2rem;
    padding: 0 0 1rem 2rem;
    border-bottom: 1px solid #ccc;
}

h3 .min {
    font-size: .7rem
}

h3 .min2 {
    font-size: 1.1rem;
}

h4 {
    font-size: 1.5rem;
    padding: 0 0 0 1rem;
    border-left: 4px solid #448bc9;
    margin: 2rem 0 1rem;
    color: #448bc9;
}

h4 .min {
    font-size: .9rem
}

figure {
    text-align: center;
    margin: 0 auto 1rem;
    width: 90%;
}

p {
    line-height: 2;
    padding-bottom: 1rem;
}

.lv2 {
    background: #d8d4c2;
    padding: 0;
}

.lv2 section {
    background: #fff;
    width: 95%;
    background-size: 100%;
    margin: 0 auto;
    padding: 2rem 0 3rem;
}

sup {
      vertical-align: super;
      font-size: .2rem!important;
    }
a {
    color: #000;
    text-decoration: none
}

a:hover,
a:visited;

    {
    text-decoration: none
}


.oubo_link {
    color: #0378c1;
    text-decoration: underline
}



.inner {
    margin: auto;
    width: 90%;
    text-align: left;
}


.main_img {
    width: 112%;
    margin: 0 -6%;
}

.btn_bg {
    width: 100%;
    background: url(../img/concours_bg.gif);
}

.btn_bg a {
    color: #fff;
}

.font_min {
    font-size: .9rem
}

/*** マーカー ***/

.pen {
    background: linear-gradient(transparent 60%, #ccffcc 0%);
}

/***** 高校生のための文化講演会 *****/
table.tbl {
    margin: 0 0 3rem 0;
    font-size: .9em
}

.tbl td {
    padding: 10px;
    width: 35%;
}

.tbl td:first-child {
    width: 15%;
}

.tbl td:last-child {
    width: 15%;
}

.tbl tr:nth-child(odd) {
    background: #edf3f8;
}

.tbl tr.tbl_ttl {
    color: #fff;
    background: #376993
}

@media screen and (max-width: 768px) {
    .tbl {
        width: 100%;
        font-size: .5em
    }

    .tbl td {
        padding: 4px;
        width: 35%;
    }

}

/***** 表彰式 *****/
.award_open {
    color: #999;
    font-size: .8rem;
    padding: .5rem .5rem .5rem 0
}

.award_open a {
    cursor: pointer;
    border-bottom: 1px solid #5a8ac4;
    color: #5a8ac4
}

.award_open a:hover {
    border-bottom: 1px solid #000;
    color: #000
}

.award_main {
    text-align: center;
    width: 50%;
    margin: 0 auto
}
.award_mt20 {
    margin-top: 50px
}
/***** h4の隣のリンク *****/
.bunkakouenkai_archive_link {
    float: right;
    widows: 300px;
}

.bunkakouenkai_archive_link a {
    color: #333;
    display: block;
    font-size: .9rem;
    border-bottom: 1px solid #1040c3;
    padding: .5rem 1rem;
    transition: all 1s;
    color: #1040c3;

}

.bunkakouenkai_archive_link a:hover {
    color: #000;
    border: none;
    transition: all 1s;
    border-bottom: 1px solid #fff;
    color: #000;
    margin: 0 -5px 0 0;
}

/***** 写真で綴る「高校生のための文化講演会」 *****/
.photo_list {}

.photo_list ul {}

.photo_list ul li {
    font-size: 0;
    border-bottom: 1px solid #d1d1d1;
}

.photo_list ul li:last-child {
    border-bottom: none;
}

.photo_list ul li .photo_ph {
    display: inline-block;
    width: 30%;
    padding: 1rem .5rem;
}

.photo_list ul li .photo_name {
    vertical-align: top;
    padding: 1rem .5rem;
    font-size: 1rem;
    display: inline-block;
    width: 70%;
    color: #000;
}

/***** 読書体験アーカイブ *****/
.reading_archive {}

.reading_archive ul {
    font-size: 0;
}

.reading_archive ul li {
    font-size: 1rem;
    text-align: center;
    width: 33.3%;
    display: inline-block;
    padding: 1rem;
}

.reading_archive ul li img {
    border: 1px solid #ccc
}


/***** 財団概要 *****/
.histryinner {
    width: 96%
}

dl.histry {
    font-size: .8rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

dl.histry dt {
    text-align: right;
    width: 7em;
    padding: 0.5em 1.0em 0.5em 0em;
    position: relative;
}

dl.histry dt::after {
    content: '●';
    position: absolute;
    right: -0.6em;
    top: .7rem;
    font-size: 10px;
    color: #448bc9;
}

dl.histry dd {
    width: calc(100% - 7em);
    padding: .5em .5em 3em 2em;
    border-left: 2px solid #ccc;
    line-height: 2;
}

dl.histry p {
    padding: 0;
    line-height: normal;
    line-height: 1.8
}

.histry_hanrei {
    text-align: center;
    font-size: .8rem;
    margin: 0 2rem 2rem auto;
    padding: 8px;
    width: 60%;
    border: 1px solid #ccc;
}

table.tbl2 {
    margin: 0 0 3rem 0;
    font-size: .9em;
    width: 100%;
}

.tbl2 td {
    padding: 10px;
    width: 20%;
}

.tbl2 td:last-child {
    padding: 10px;
    width: 40%;
}

.tbl2 tr:nth-child(odd) {
    background: #edf3f8;
}

.foundation_day {
    text-align: right
}

.published {
    font-size: .8rem
}

.hirono {
    width: 150px;
    padding-bottom: 3rem;
    margin-top: -2rem
}

dl.histry dd ul li:nth-child(2) {
    margin-top: 1rem;
}

/***** DVD youtube *****/

.youtube {
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.cp_box *,
.cp_box *:before,
.cp_box *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cp_box {
    position: relative;
    margin-bottom: 50px;
}

.cp_box label {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 200px;
    /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
    background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 80%);
}

.cp_box input:checked + label {
    background: inherit;
    /* 開いた時にグラデーションを消す */
}

.cp_box label:after {
    line-height: 2.5rem;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 50%;
    width: 16rem;
    font-family: FontAwesome;
    content: '続きをよむ';
    transform: translate(-50%, 0);
    letter-spacing: 0.05em;
    color: #ffffff;
    border-radius: 20px;
    background-color: rgba(27, 37, 56, 1);
}

.cp_box input {
    display: none;
}

.cp_box .cp_container {
    overflow: hidden;
    height: 160px;
    /* 開く前に見えている部分の高さ */
    transition: all 0.5s;
}

.cp_box input:checked + label {
    display: none;
    閉じるボタンを消す場合解放
}

.cp_box input:checked + label:after {
    font-family: FontAwesome;
    content: ' 閉じる';
}

.cp_box input:checked ~ .cp_container {
    height: auto;
    /*padding-bottom: 80px;  閉じるボタンのbottomからの位置 */
    transition: all 0.5s;
}

.dvd_shinseisho {
    width: 80%;
}

/***** 入賞者発表冊子 *****/


.nyusyoulist ul {
    font-size: 0;
    margin-top: 2rem
}

.nyusyoulist ul li {
    vertical-align: top;
    display: inline-block;
    width: 33.333%;
    text-align: center;
    margin: 1rem 0;
    font-size: 12px;
}

.nyusyoulist ul li a img {
    width: 90%;
}



/***** 情報公開 *****/
.pdf_list_box {
    padding: 1rem;
    margin-bottom: 24px;
}

.pdf_list_box ul {}

.pdf_list_box ul li {
    border-bottom: 1px solid #a1a1a1;
}

.pdf_list_box ul li a {
    display: block;
    transition: all 0.3s ease;
    padding: 1rem;
    text-align: left;
    background: url(../img/arrow.svg) no-repeat center right 0/24px;
}

.pdf_list_box ul li a:hover {
    background-color: #d7e9ed;
}

.pdf_list_box ul li b {
    display: block;
    padding: 1rem;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 200px;
    text-align: center
}

/***** 定款 *****/
.disclosure {
    font-size: .8rem;
    line-height: 1.2;
}


/***** 理事長挨拶 *****/
.message {
    width: 40%;
    margin-left: auto;
}


/*** サイトマップ ***/

.sitemap ul {
    margin: 0 auto;
    width: 90%
}

.sitemap ul li {
    text-align: left;
    background: url(../img/arrow.svg) no-repeat center right 0/24px;
    padding: .5rem 1rem;
    margin: 2px 0;
}

.sitemap ul li a {
    display: block;
    padding: .5rem .7rem .5rem 0;

}

.sitemap ul li.ttl {
    padding: .5rem 1rem;
    background: none;

}

.sitemap ul li.ttl2 {
    background: url(../img/arrow.svg) no-repeat center right 0/24px;
    padding: 0 1rem;
    margin-bottom: 10px
}

.sitemap ul .bunkakouenkai {
    font-weight: 400;
    font-size: 1.2rem;
    border-left: 8px solid #b8584b;


    background: #f2d3cf;
    /* Old browsers */
    background: -moz-linear-gradient(left, #f2d3cf 0%, #ffffff 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f2d3cf 0%, #ffffff 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f2d3cf 0%, #ffffff 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.sitemap ul .dokusyotaikenki {
    font-weight: 400;
    font-size: 1.2rem;
    border-left: 8px solid #bf9553;


    background: #f2d3cf;
    /* Old browsers */
    background: -moz-linear-gradient(left, #f4e6d1 0%, #ffffff 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f4e6d1 0%, #ffffff 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f4e6d1 0%, #ffffff 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



}

.sitemap ul .bijyutu {
    font-weight: 400;
    font-size: 1.2rem;
    border-left: 8px solid #799f44;


    background: #f2d3cf;
    /* Old browsers */
    background: -moz-linear-gradient(left, #e5f2d3 0%, #ffffff 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e5f2d3 0%, #ffffff 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e5f2d3 0%, #ffffff 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.sitemap ul .kouen {
    font-weight: 400;
    font-size: 1.2rem;
    border-left: 8px solid #5fa285;



    background: #f2d3cf;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ddf5eb 0%, #ffffff 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ddf5eb 0%, #ffffff 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ddf5eb 0%, #ffffff 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



}

.sitemap ul .zaidan {
    font-weight: 400;
    font-size: 1.2rem;
    border-left: 8px solid #517fa1;


    background: #f2d3cf;
    /* Old browsers */
    background: -moz-linear-gradient(left, #d7e8f5 0%, #ffffff 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #d7e8f5 0%, #ffffff 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #d7e8f5 0%, #ffffff 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.sitemap ul .jyouhou {
    font-weight: 400;
    font-size: 1.2rem;
    border-left: 8px solid #3f479f;


    background: #f2d3cf;
    /* Old browsers */
    background: -moz-linear-gradient(left, #dfe1f7 0%, #ffffff 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #dfe1f7 0%, #ffffff 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #dfe1f7 0%, #ffffff 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


}

.sitemap ul .otoiawase {
    font-weight: 400;
    font-size: 1.2rem;
    border-left: 8px solid #9e54b0;

    background: #f2d3cf;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ead2f0 0%, #ffffff 100%) !important;
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ead2f0 0%, #ffffff 100%) !important;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ead2f0 0%, #ffffff 100%) !important;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

/*** ニュース ***/
.news_img {
    display: block;
    margin: 3rem auto 1rem;
}

.news_day {
    display: block;
    color: #666;
    font-size: .8rem
}

/*** 県名 ***/
        span.prefecture {
            font-weight: bold;
            border-bottom: 2px solid #333;
        }
        span.prefecture::before {
            content: "●";
            padding-right: 1px;
            border-bottom: 2px solid #fff;
        }





/***** ニュース表組横スクロール *****/

.tb-wrap {
    width: 100%;
    overflow-x: scroll;
    margin: 2rem auto;
    text-align: center
}
.tb-wrap_min {
    text-align: left
}
.tb-wrap rt{font-size: .5rem}


table {
    font-size: .9rem;
    border-collapse: collapse;
    width: 850px;
}
.tb01{
    font-size: .9rem;
    border-collapse: collapse;
    width: 1480px;
}
.tb01 th,
.tb01 td {
    padding: 10px;
    border: solid 1px #ccc;
    box-sizing: border-box;
    vertical-align: middle;
    height: 90px;
}

.tb01 th {
    background: #5989c4;
    color: #fff;
    height: 40px;
}


.tb01 th:nth-of-type(1),
.tb01 td:nth-of-type(1) {
    width: 15%;
}

.tb01 th:nth-of-type(2),
.tb01 td:nth-of-type(2) {
    width: 17%;
}

.tb01 th:nth-of-type(3),
.tb01 td:nth-of-type(3) {
    width: 4%;
    line-height: 1.9
}
.tb01 th:nth-of-type(4),
.tb01 td:nth-of-type(4) {
    width: 11%;
}
.tb01 th:nth-of-type(5),
.tb01 td:nth-of-type(5) {
    width: 17%;
}
.tb01 th:nth-of-type(6),
.tb01 td:nth-of-type(6) {
    width: 15%;
}
.tb01 th:nth-of-type(7),
.tb01 td:nth-of-type(7) {
    width: 11%;
}
.tb01 th:nth-of-type(8),
.tb01 td:nth-of-type(8) {
    width: 11%;
}



/***/

/***/

/***/

/***/

/***/

/***/

/***/

/***************************************************PC***********************/

@media (min-width: 769px) {


    h3 {
        text-align: left;
        font-size: 1.5rem;
        margin-bottom: 2rem;
        padding: 0 0 2rem 2rem;
        border-bottom: 1px solid #ccc;
    }


    h4 {
        font-size: 2rem;
        padding: 0 0 0 1rem;
        border-left: 4px solid #448bc9;
        margin: 2rem 0 1rem;
        color: #448bc9;
    }

    figure {
        text-align: center;
        margin: 0 auto 1rem;
        width: 600px;
    }

    .lv2 {
        background: #d8d4c2;
        padding: 2rem 0 0 0;
    }

    .lv2 section {
        background: #fff;
        max-width: 1000px;
        margin: 0 auto;
        padding: 2rem 0 3rem;
    }

    .inner {
        margin: auto;
        width: 750px;
        text-align: left;
    }
    .inner_photo {
        margin: auto;
        width: 760px;
        text-align: left;
    }
.tume{letter-spacing: -0.009rem}


    .btn_bg {
        width: 80%;
    }

    .btn_bg_nolink {
        background-color: #e8e8e8;
        width: 80%;
        padding: .5rem;
        margin: 1rem auto;
        border-radius: 100px;
        text-align: center;
        color: #333;

    }

    /***** 写真で綴る「高校生のための文化講演会」 *****/

    .photo_list ul li .photo_ph {
        display: inline-block;
        width: 20%;
        padding: 1rem .5rem;
    }

    .photo_list ul li .photo_name {
        vertical-align: top;
        padding: 1rem .4rem 1rem .5rem;
        font-size: 1rem;
        display: inline-block;
        width: 80%;
        color: #000;
    }

    /***** 財団概要 *****/
    dl.histry {
        font-size: 1rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    dl.histry dt {
        text-align: right;
        width: 8.5em;
        padding: 0.5em 1.0em 0.5em 0.5em;
        position: relative;
    }

    dl.histry dt::after {
        content: '●';
        position: absolute;
        right: -0.6em;
        top: .7rem;
        font-size: 10px;
        color: #448bc9;
    }

    dl.histry dd {
        width: calc(100% - 8.5em);
        padding: 0.5em 0 1.5em 2.0em;
        border-left: 2px solid #ccc;
    }

    dl.histry dd ul {
        font-size: 0;
    }

    dl.histry dd ul li:nth-child(odd) {
        width: 87%;
        display: inline-block;
        font-size: 1rem;
        vertical-align: top
    }

    dl.histry dd ul li {
        width: 13%;
        display: inline-block;
        font-size: .8rem
    }

    dl.histry dd ul li:nth-child(2) {
        margin-top: 0;
    }

    dl.histry dd ul li strong {
        padding-right: 1rem;
        font-weight: 800
    }

    .histry_read {
        color: #ac1756;
        font-size: 1rem;
        margin-bottom: .7rem;
        font-weight: 600;
    }

    /*** DVD ***/

    .dvd_shinseisho {
        width: 400px;
    }

    /***** 理事長挨拶 *****/
    .message {
        width: 220px;
        margin-left: auto;
    }



    /*** media ***/
}