@charset "utf-8";

h1 {
    display: none;
}

.content h2.inter_h2 {
    background-color: #0093c1;
    color: #fff;
    font-weight: normal;
}

.content h2.info_h2 {
    width: 6em;
    font-weight: normal;
    color: #fff;
    margin: 1em 0 0;
    background-color: #0093c1;
    padding: 4px;
    font-size: 1.1em;
    text-align: center;
    position: relative;
    z-index: -10;
}

/* 使用禁止マーク置換（アクセシビリティ対策） */
.tri_mark_dw:before {
    content: "▼";
}

.tri_mark_up:before {
    content: "▲";
}

.asterisk_mark:before {
    content: "＊";
}

.kome_mark:before {
    content: "※";
}

.dot_mark:before {
    content: "・";
}

.list_mark:before {
    content: "▲";
    transform: rotate(90deg);
    display: inline-block;
    margin: 0 5px 0 0;
}

.wrap {
    width: 960px;
}

/* pの指定 */
.content .wrap p {
    line-height: 1.5;
}

/* トップイメージ */
.top_img_pc {
    width: 100%;
    display: block;
}

.top_img_sp {
    display: none;
}

/* PC-SP 切り替え */
.pc_ver {
    display: inline;
}

.sp_ver {
    display: none;
}

/* ▼会議と機関のメニュー */
.g_menu_note {
    text-align: center;
}

.group_wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
}

.group_wrap input {
    display: none;
}

.group_wrap a {
    text-decoration: none;
}

/* -- 国際会議と国際機関のメニューボタン -- */
label.menu_btn {
    font-weight: normal;
    background-color: #0093c1;
    color: #fff;
    cursor: pointer;
    display: block;
    z-index: 10;
    text-align: center;
    font-size: 1.14em;
    width: 49.9%;
    height: 50px;
    line-height: 50px;
    position: relative;
}

/* --国際会議のメニュー（閉） -- */
.meeting_menu {
    display: none;
    height: 0;
    overflow: hidden;
    /* z-index: 100;←これはkeyframesで使う */
    width: 100%;
    opacity: 0;
    line-height: 1.6;
    position: absolute;
    width: 100%;
    left: 0;
    /* top: -40px;←これはkeyframesで使う */
}

/* --国際会議のメニュー（開） -- */
.meeting_btn:checked~.meeting_menu {
    display: block;
    height: auto;
    overflow: auto;
    /* z-index: 10;←これはkeyframesで使う */
    opacity: 1;
    margin: 0;
    background-color: #f5efd4;
    top: 50px;
    /* ←これはkeyframesで使う */
    /* transform: translateY(0); */
    /* animation: slideDown 0.5s ease-out forwards; */
    /* アニメーションを適用 */
    z-index: 100;
}

/* -- メニュー内のリスト -- */
.meeting_menu ul,
.org_menu ul {
    display: flex;
    flex-wrap: wrap;
    margin: 1.2em 0.5em 1em 2em;
    padding: 0;
}

.meeting_menu ul li,
.org_menu ul li {
    background-position: 0.5em 0.4em;
    margin: 0;
    width: 33%;
    background-image: url(../img/i_arrow.png);
}

/* --国際機関のメニュー（閉） -- */
.org_menu {
    display: none;
    height: 0;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    line-height: 1.6;
    position: absolute;
    width: 100%;
    left: 0;
    /* top: 70px←これはkeyframesで使う */
}

/* --国際機関のメニュー（開） -- */
.org_btn:checked~.org_menu {
    display: block;
    height: auto;
    overflow: auto;
    opacity: 1;
    margin: 0;
    background-color: #e7f7d3;
    /* transform: translateY(0); */
    /* animation: slideDown 0.5s ease-out forwards; */
    /* アニメーションを適用 */
    z-index: 100;
    top: 50px;
}

/* --閉じるボタン（共通・閉） -- */
.close_btn {
    display: none;
    font-size: 1.14em;
    /* border: 1px solid #ccc; */
    padding: 0.5em;
    cursor: pointer;
    font-weight: normal;
}

/* --閉じるボタン（共通・開） -- */
.meeting_btn:checked~.close_btn {
    height: auto;
    overflow: auto;
    opacity: 1;
    margin: 0;
    display: block;
    position: absolute;
    top: 45px;
    right: 0;
    z-index: 150;
    /* animation: closw-btn 0.5s ease-in-out forwards; */
    /* アニメーションを適用 */
}

/* --閉じるボタン（共通・開） -- */
.org_btn:checked~.close_btn {
    height: auto;
    overflow: auto;
    opacity: 1;
    margin: 0;
    display: block;
    position: absolute;
    top: 45px;
    right: 0;
    z-index: 150;
}

.menu_tri {
    font-size: 0.7em;
    position: absolute;
    left: 16em;
}

/* ▲会議と機関のメニュー */



/* ▼新着情報 */
.new_info {
    width: 100%;
    height: 150px;
    border: 1px solid #0093c1;
    margin: 0 0 -1em;
    overflow: auto;
}

.content .new_info ul {
    margin: 0.5em 0 0;
}

.content .new_info li {
    margin: 5px 0 0;
    font-size: 0.95em;
}

/* -- メニューがクリックされたときに下に隠れる -- */
.meeting_btn:checked~.new_info,
.org_btn:checked~.new_info {
    z-index: -10;
    position: relative;
}

/* ▲新着情報 */

/* ▼各コンテンツのメニュー */
.menu_wrap {
    display: flex;
    margin: 1em 0 0;
    justify-content: left;
    flex-wrap: wrap;
}

/* --各コンテンツ-- */
.menu_wrap .i_menu {
    width: 24.1%;
    margin: 0 1.2% 2em 0;
    background-color: #f5efd4;
    padding: 0.8em 0.8em 4em;
    position: relative;
    border-top: 10px solid #0093c1;
}

.menu_wrap .i_menu:nth-child(4n) {
    margin: 0 0 2em 0;/* --4の倍数（右端）のメニューは右余白0 -- */
}

/* --機関の背景色-- */
.org_wrap .i_menu {
    background-color: #e7f7d3;
}

/* --その他の背景色-- */
.other_wrap .i_menu {
    background-color: #eafdff;
}

/* --各コンテンツ名称-- */
.i_name {
    font-size: 1.5em;
    text-align: center;
    margin: 0 0 0.3em;
}

br.sp {
    display: inline;
}

/* --各コンテンツ画像-- */
img.i_img {
    width: 100%;
    height: auto;
    margin: 0 0 1em;
}

/* --個別ページへのリンク-- */
a.i_link {
    display: block;
    margin: 2em 1em 1em 0 !important;
    position: absolute;
    bottom: 0;
    right: 0;
}

/* --個別ページへのリンクのマーク-- */
a.i_link:before {
    content: url(../img/link_arrow.png);
    margin: 3px 5px 0 0px;
    display: block;
    float: left;
}

/* --コンテンツの概要-- */
.menu_wrap .i_text {
    font-size: 1.14em;
}

.menu_wrap .i_menu a:hover {
    opacity: 0.5;
}

/* --コンテンツの概要（箇条書き）-- */
.i_menu ul {
    font-size: 1em;
    margin: 1em 0 0;
    padding: 0;
}

.i_menu ul li {
    margin: 0 0 0 0.3em;
    padding: 0 0 0 1em;
    background-image: url(../img/i_arrow.png);
}

/* --コンテンツの行頭-- */
span.org_list::before {
    content: "";
    display: block;
    width: 0.4em;
    height: 1em;
    background-color: #0093c1;
    float: left;
    margin: 2px 5px 0 0;
}

/* --コンテンツの空欄 → 使わないことにした
.menu_wrap .no_color {
    background-color: #fff;
    border-top: none;
}
-- */

/* その他 */
.other_wrap .i_text {
    display: block;
    margin: 2em 1em 1em 0 !important;
    position: absolute;
    bottom: 0;
    right: 0;
}

.other_wrap .i_name {
    font-size: 1.2em;
    text-align: center;
    margin: 0 0 2em;
}

.other_wrap .i_text {
    display: block;
    margin: 0em 0.5em 1em 0.8em !important;
    position: absolute;
    bottom: 0;
    left: 0;
}

.other_wrap .i_menu ul {
    font-size: 0.9em;
    margin: 0;
}

/* ▲各コンテンツのメニュー */


/* ▼個別ページ▼ */
/* アコーディオン */
.old_info {
    display: block;
    height: 0;
    overflow: hidden;
    z-index: 1;
    width: 100%;
    line-height: 1.6;
}

input {
    display: none;
}

label.open_btn {
    font-weight: normal;
    background-color: #e57474;
    color: #fff;
    border-radius: 10px;
    padding: 6px 1em;
    cursor: pointer;
    margin: 0 auto;
    display: block;
    width: 30em;
    z-index: 10;
}

label.open_btn::before {
    content: "過去の情報を見る";
    display: block;
    text-align: center;
}

label.open_btn::after {
    content: "×閉じる";
    display: none;
    text-align: center;
}

.input_btn:checked~label.open_btn::before {
    display: none;
}

.input_btn:checked~label.open_btn::after {
    display: block;
}

.input_btn:checked~.old_info {
    height: auto;
    overflow: auto;
    opacity: 1;
    margin: 0;
}

/* アコーディオン */
/* ▲個別ページ▲ */


@media screen and (max-width: 959px) {
    .wrap {
        width: 100%;

    }
}

@media screen and (max-width: 767px) {

    /* トップイメージ */
    .top_img_pc {
        display: none;
    }

    .top_img_sp {
        width: 100%;
        display: block;
    }

    .content .new_info ul {
        margin: 0.5em 0 0;
        padding: 0 1em;
    }

    /* PC-SP 切り替え */
    .pc_ver {
        display: none;
    }

    .sp_ver {
        display: inline;
    }

    /* --各コンテンツ名称内の改行-- */
    br.sp {
        display: none;
    }

    label.menu_btn {
        width: 49.5%;
    }

    .meeting_menu ul li,
    .org_menu ul li {
        width: 100%;
    }

    .menu_wrap .i_menu {
        width: 100%;
    }

    .menu_wrap .no_color {
        display: none;
    }

}

@media screen and (max-width: 400px) {}