@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.previous-next-container {
  overflow: hidden;
  margin: 0 0 2em;
}

.previous-link,
.next-link {
  border-top: 1px solid #CCC; /* 上枠を追加 */
  display: inline-block;
  width: 48%;
  vertical-align: top;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #CCC;
  position: relative;
  text-align: center; /* 画像を中央揃え */
}

.previous-link img,
.next-link img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; /* 画像を枠内で中央に配置 */
}

.title {
  text-align: center;
}

.label {
  position: absolute;
  top: 0;
  background-color: #CCC;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
}

.previous-link .label {
  left: 0; /* 前の記事ラベルを左に配置 */
}

.next-link .label {
  right: 0; /* 次の記事ラベルを右に配置 */
}

.previous-next-container:after {
  clear: both;
}

.parent-link {
  text-align: center;
  margin-bottom: 5px; /* 余白を調整 */
}

.parent-link a {
  display: inline-block;
  padding: 10px;
  border: 1px solid #CCC;
  text-decoration: none;
  color: #333;
  font-weight: bold;
}

.parent-link a:hover {
  background-color: #f0f0f0; /* ホバー時の色を調整 */
}