/*　一覧画面　CSS */

/* タブデザイン */

.tab_menu {  }
.tab_menu .flex { display: flex; justify-content: space-between; width: 100%; position: relative;  }
.tab_menu .flex::after { content: ''; width: 100%; background: #D7D9DA; height: 2px; position: absolute; bottom: 0px;}
.tab_menu li { width: calc( 50% - 10px ); border-radius: 12px 12px 0px 0px; list-style: none; text-align: center; font-size: 26px; font-weight: bold; z-index: 5; padding: 19px 0px; line-height: 30px;}

.tab_menu li.kokai { border: solid #E26D6D; color: #E26D6D; border-width: 2px 2px 0px 2px;  }
.tab_menu li.syuryo { border: solid #6492ED; color: #6492ED; border-width: 2px 2px 0px 2px; }

.tab_menu li.kokai:hover { background: #F9E2E2; color: #E26D6D;}
.tab_menu li.syuryo:hover { background: #E7EFFF; color: #6492ED;}

.tab_menu li.kokai.active { border: solid #E26D6D; color: #fff; border-width: 2px 2px 2px 2px;  background: #E26D6D; }
.tab_menu li.syuryo.active { border: solid #6492ED; color: #fff; border-width: 2px 2px 2px 2px;  background: #6492ED; }

@media screen and (max-width: 767px){
    .tab_menu li { font-size: 20px;  line-height: 22px; padding: 10px 0px;}

}

/* 開催レポートボタン */
.btn_wrap { display: flex; justify-content: space-between;  }
.btn_wrap div { width: calc( 50% - 5px ); }

.btn_wrap .more.orange { background: #FA8C2B; }

/*　開催レポート一覧画面表示用タグ */
.topicsBox .date  { border: none; }
.topicsBox  .top_info_wrap { border-top: 10px solid #e26c6d; display: flex;
justify-content: space-between;}

.topicsBox .more:hover { opacity: 0.7; transition: 0.3s; }
.cate.kaisai { margin-left: 5px; background: #FB9B46; border-radius: 50px; letter-spacing: 0px; }

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

    .btn_wrap {  display: block;}
    .topicsBox .more { width: 100%; }
    .topicsBox .more:first-child { margin-bottom: 10px; }
    .top-content { margin-bottom: 148px; }
    .bottom-content {  height: 148px; }

}

/*　記事詳細画面　CSS */

/* 詳細画面開催済 */
.pageWrap.syuryo { border-top: 10px solid #7A9FE7; }

.pageWrap.syuryo  h1 {
    background: repeating-linear-gradient(45deg, #E3E9FF, #E3E9FF 2px, #ffffff 2px, #ffffff 6px);
    text-align: center;
}

.postpageWrap.syuryo h2 {
    border-bottom: 2px dotted #7A9FE7;
}

.postpageWrap h3 {
    margin: 30px 70px 20px 70px;
    background: #E26C6D;
    text-align: center;
    color: #fff;
    padding: 15px;
    font-size: 26px;
    line-height: 120%;
}

.postpageWrap h3.syuryo {
    background: #7A9FE7;
}


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

    .postpageWrap h3 {
        font-size: 20px;
        margin: 30px 10px 20px 10px;
    }

}


/* 開催レポートはこちら 戻る ボタン */
.btn_kaisaireport { position: relative; margin: 30px 70px 20px 70px;}
.btn_kaisaireport a {
    min-width: 200px;
    display: block;
    text-decoration: none;
    line-height: 35px;
    color: #58595B;
    background-image: linear-gradient(to bottom, #F2F2F2 0%, #E1E1E1 100%);
    border-radius: 5px;
    border: 2px solid #BFBFBF;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
}

.btn_kaisaireport a:hover {
    opacity: 0.7;
    transition: 0.3s;
}


.btn_return{ position: relative; margin: 30px 70px 20px 70px; text-align: center;}
.btn_return a {
    min-width: 300px;
    display: block;
    text-decoration: none;
    line-height: 35px;
    color: #58595B;
    background-image: linear-gradient(to bottom, #F2F2F2 0%, #E1E1E1 100%);
    border-radius: 5px;
    border: 2px solid #BFBFBF;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    padding: 10px;
}

.btn_return a span { position: relative; }
.btn_return a span:before,.btn_return a span:after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    position: absolute;
    top: calc(50% - 2px);
    transform: rotate(45deg);  }

    .btn_return a span:before { right: -8px; }
    .btn_return a span:after { right: -15px; }

.btn_return a:hover {
    opacity: 0.7;
    transition: 0.3s;
}


@media screen and (max-width: 767px){
    .btn_kaisaireport { margin: 30px 10px 20px 10px; }
    .btn_return { margin: 30px 10px 20px 10px;  }

    .btn_return a {
        font-size: 16px;
        padding: 5px;
    }

}


/*　記事投稿画面　CSS */

/* アップロードボタン */
.btn_img_upload a{
    width: 100%;
    max-width: 520px;
    display: block;
    text-decoration: none;
    line-height: 35px;
    color: #58595B;
    background-image: linear-gradient(to bottom, #F2F2F2 0%, #E1E1E1 100%);
    border-radius: 5px;
    border: 2px solid #BFBFBF;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    padding: 16px 0px;
    position: relative;
}

.btn_img_upload span { position: relative; padding-left: 32px; }
.btn_img_upload span::before { 
    content: ''; background-image: url(/assets/img/icon_img.png); 
    width: 20px; 
    height: 20px;  
    background-repeat: no-repeat; display: inline-block; position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%); 
}


.btn_img_upload a:hover {
    opacity: 0.7;
    transition: 0.3s;
}


@media screen and (max-width: 767px){
    .btn_img_upload a{
        padding: 10px 0px;
    }

}