/*
Theme Name: Nagasaki Pandemic Center
Theme URI: https://www.nagasaki-u.ac.jp/pandemic/
Author: Nagasaki University
Author URI: https://www.nagasaki-u.ac.jp/
Description: Official WordPress theme for Nagasaki University Pandemic Research Center. Features responsive design, custom news post type, and accessibility compliance.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nagasaki-pandemic-center
Tags: education, research, government-office, accessibility-ready, custom-colors, custom-menu, featured-images, flexible-header, responsive-layout, translation-ready
*/

/*
==========================================================================
Base Styles - Import main stylesheet
==========================================================================
*/

/* Main styles are loaded via functions.php for better organization */

					                    .news-itiretu {
                                            display: flex;
                                            /* 要素を横並びに */
                                            align-items: center;
                                            /* 垂直方向に中央揃え */
                                            gap: 15px;
                                            /* 要素間の間隔を調整 */
                                        }

                                        .news-title-link {
                                            text-decoration: none;
                                            /* デフォルトの下線を消す */
                                            color: black;
                                            /* リンクの文字色を黒に */
                                        }

                                        .news-title-link:hover {
                                            text-decoration: underline;
                                            /* ホバー時に下線を表示 */
                                            color: black;
                                            /* ホバー時も黒く */
                                        }

                                        .news-title {
                                            font-weight: bold;
                                        }

                                        .news-new {
                                            color: #ff7f50;
                                            font-weight: bold;
                                        }

                                        /* カテゴリに応じた背景色 */
                                        .news-item.category-pdmcimportant .news-category {
                                            background-color: #79fdff52;
                                            padding: 0px 20px;
                                            border-radius: 30px;
											color: #0745e3;
                                        }

                                        .news-item.category-pdmcevent .news-category {
                                            background-color: #97ff9e52;
                                            padding: 0px 10px;
                                            border-radius: 3px;
											color: #09ab00;
                                        }

                                        .news-item.category-pdmcpress .news-category {
                                            background-color: #ffc66b52;
                                            padding: 0px 10px;
                                            border-radius: 3px;
											color: #d08700;
                                        }

                    .col-md-10 {
                        width: 100%; /* 例として、75%に変更 */
                    }

                    a.btn_13 {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        text-align: center;
                        text-decoration: none;
                        width: 250px;
                        margin: auto;
                        padding: 1rem 4rem;
                        font-weight: bold;
                        background: #eee;
                        color: #27acd9;
                        border-radius: 100vh;
                        position: relative;
                        transition: 0.5s;
                    }

                    a.btn_13::before {
                        content: '';
                        position: absolute;
                        top: calc(50% - 2px);
                        right: 1em;
                        transform: translateY(calc(-50% - 2px)) rotate(45deg);
                        width: 10px;
                        height: 1px;
                        background: #27acd9;
                    }

                    a.btn_13::after {
                        content: '';
                        position: absolute;
                        top: 50%;
                        right: 1em;
                        transform: translateY(-50%);
                        width: 50px;
                        height: 1px;
                        background-color: #27acd9;
                    }

                    a.btn_13:hover {
                        background: #d4eef7;
                        color: #27acd9;
                    }

                    .box11 {
                        position: relative;
                        padding: 0.25em 1em;
                    }

                    .box11:before,
                    .box11:after {
                        content: '';
                        width: 20px;
                        height: 30px;
                        position: absolute;
                        display: inline-block;
                    }

                    .box11:before {
                        border-left: solid 1px #27acd9;
                        border-top: solid 1px #27acd9;
                        top: 0;
                        left: 0;
                    }

                    .box11:after {
                        border-right: solid 1px #27acd9;
                        border-bottom: solid 1px #27acd9;
                        bottom: 0;
                        right: 0;
                    }

                    .box11 p {
                        margin: 0;
                        padding: 0;
                    }

                    .news-info_wrapper {
                        flex-direction: column; /* 縦並びに設定 */
						align-items: left; /* 中央揃え */
						justify-content: flex-start; /* 左寄せ */
                        background-color: white;
                        box-shadow: 0px 3px 6px shadow-black;
                        border-radius: 10px;
                    }

                    .news-info_wrapper.--front {
                        margin-top: 50px;

                    }

                    /* お知らせCSS */
                    .news-classification {
                        display: grid;
                        place-items: center;
                        border-bottom: 1px solid gray;
                        display: grid;
                        min-height: 100px;
                    }


                    .side {
                        width: 500px;
                    }


                    body {
                        padding: 10px;
                        min-height: 50px;
                    }

                    .news-item {
                        display: flex;
                        align-items: center; /* 縦位置を中央揃え */
                        gap: 10px; /* 各要素間のスペース */
						justify-content: flex-start; /* 横方向を左寄せ */
                    }

                    .news-classification {
                        display: flex;
                        align-items: center;
                        gap: 10px;
						width: 100%;
                    }

                    .news-itiretu, .news-title {
                        display: flex;
                        align-items: right;
                    }

                    .news-date {
                        white-space: nowrap;
                        align-items: left;
                    }

                    .news-category {
                        white-space: nowrap;
                        align-items: left;
                    }

                    .news-title a {
						display: inline-block;
                        max-width: 100%; /* 要素の横幅を指定 */
                        white-space: normal; /* 改行を許可する */
                        overflow: hidden; /* ハミ出した部分を隠す */
                        text-overflow: ellipsis; /* 「…」と省略 */
                        word-wrap: break-word;  /* 単語の途中でも改行 */
                        text-align: center; /*タイトルは左寄せ */
                    }