@charset "utf-8";
/* ================================================================================
色設定
================================================================================ */

/* 更新履歴 */
div.info hgroup h2 { color:#fff; }
div.info hgroup p a:link, div.info hgroup p a:visited { color:#fff; }
div.info hgroup p a:active, div.info hgroup p a:hover { color:#fcc800; }
div.info div.news_area { background-color:#fff; border:1px solid #efefef; box-shadow:inset 2px 2px 2px #ccc; }
div.info div.news_area ul li { border-bottom:solid 1px #ddd; }
div.info div.news_area ul li a:link, div.info div.news_area ul li a:visited { background-color:transparent; }
div.info div.news_area ul li a:active, div.info div.news_area ul li a:hover {  }
div.info div.news_area ul li:nth-child(odd) a:link, div.info div.news_area ul li:nth-child(odd) a:visited { background-color:#f0f6da; }
div.info div.news_area ul li:nth-child(odd) a:active, div.info div.news_area ul li:nth-child(odd) a:hover {  }
div.info div.news_area ul li a div.samune_ph { border:1px solid #ccc; }

@media only screen and (min-width:600px) { 
/* タブレット版記述 */

}

@media only screen and (min-width:1025px) { 
/* PC版記述 */

}

/* ================================================================================
汎用設定CSS
================================================================================ */

/* イントロ */

/* 更新履歴 */
div.info hgroup { background-image:url("../img/header_back.png"); border-radius:10px; display:flex; justify-content:space-between; align-items:center; padding:10px 20px; position:relative; margin:0 0 30px 0; z-index:1;color:white;}
div.info hgroup div.sankaku { display:grid; position:absolute; bottom:-20px; left:60px; height:calc(tan(60deg) * 60px / 2); width:60px; clip-path:polygon(50% 0, 100% 100%, 0 100%); background-image:url("../img/header_back.png"); transform:rotate(180deg); z-index:-1; }
div.info hgroup h1 { font-size:2rem; }
div.info hgroup h2 { font-size:2rem; }
div.info hgroup p { font-size:1.8rem; }
div.info hgroup p a::before, p.oldpage a::before { content:''; background-image:url("../img/arrow_r.svg"); background-size:contain; background-position:center center; display:inline-block; vertical-align:middle; margin:0 .5rem 0 0; height:25px; width:25px; }
div.info hgroup p a:link, div.info hgroup p a:visited { text-decoration:none; }
div.info hgroup p a:active, div.info hgroup p a:hover { text-decoration:underline; }
div.info div.news_area { border-radius:10px; padding:25px 30px; }
div.info div.news_area ul { overflow-y:scroll; scrollbar-width:thin; height:auto; }
div.info div.news_area ul li a { display:flex; justify-content:space-between; align-items:center; padding:10px 20px; }
div.info div.news_area ul li a div.samune_ph { aspect-ratio:16/9; box-sizing:border-box;  overflow:hidden; margin:0 10px 0 0; height:auto; width:80px; }
div.info div.news_area ul li a p.date { padding:0 50px 0 0; width:120px; }
div.info div.news_area ul li a p.news_txt { width:calc( 100% - 275px ); }
div.info div.news_area ul li a p.arrow { align-self:center; padding:0 0 0 25px; width:75px; }
p.oldpage { margin:20px 0 0 0; }
p.oldpage a { background-image:url("../img/header_back.png"); border-radius:10px; color:#fff; display:inline-block; padding:10px 20px; }

.pagination {
  text-align: center;
  margin: 40px 0;
}

.pagination ul {
  display: inline-flex;
  padding: 0;
  list-style: none;
}

.pagination li {
  margin: 0 5px;
}

.pagination li a,
.pagination li span {
  display: block;
  padding: 8px 14px;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.3s;
}

.pagination li a:hover,
.pagination li span.current {
  background-color: #333;
  color: #fff;
  border-color: #333;
}

.pagination li.first-page a,
.pagination li.last-page a {
  font-weight: bold;
}


@media only screen and (min-width:600px) { 
/* タブレット版記述 */

}

@media only screen and (min-width:1025px) { 
/* PC版記述 */

}