@charset "utf-8";

/*----------------------------- 
ニュース
-----------------------------*/

#newslist
{
	margin: 80px 30px 100px 10px;
}

#newslist h2
{
	clear: both;
	background-image: url(../images/base/daiya01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 5px 25px;
	margin: 0 0 20px 0;
	border-bottom: solid 1px #40220f;
	font-size: 130%;
	line-height: 150%;
}

#newslist  h3
{
	margin: 0 0 10px 0;
	font-size: 88%;
	line-height: 150%;
	color: #471c0a;
}

#newslist h3.listtitle
{
	margin: 25px 0 15px 0;
	padding: 12px 16px;
	color: #00a1e3;
	background: #F3FAFC;
	font-size: 100%;
	border-left: solid #2EA5D5 5px;
}

#newslist h3.listtitle a
{
	text-decoration: none;
	color: #40220F;
}


#newslist ol,
#newslist ul
{
	margin: 0 0 15px 0;
	padding: 15px;
	background: #FFFFF0;
	border: #CCCCCC solid 1px;
}

#newslist ol li,
#newslist ul li
{
	margin: 0 0 5px 25px;
	font-size: 88%;
	line-height: 160%;
	color: #300;
}


#newslist p.daytxt
{
	margin: 0 0 15px 0;
	font-weight:800;
}
#newslist p.dayline
{
	clear: both;
	margin: 0 0 30px 0;
	background: #F3FAFC;
	text-align: right;
	padding: 8px 16px;
}

#newslist div.item_n
{
	margin: 0 20px 25px 20px;
}

#newslist hr
{
	clear: both;
	margin: 15px 0 15px 0;
	border: 0;
	height: 1px;
	color: #FFFFFF;
}

#newslist div.item_n hr
{
	clear: both;
	margin: 15px 0 15px 0;
	border: 0;
	border-top: dotted #c1b2a8 1px;
	height: 1px;
	color: #FFFFFF;
}

#newslist .kiji_img_c
{
	clear: both;
	text-align: center;
	margin-bottom: 40px;
}

#newslist .kiji_img_l
{
	text-align: center;
	width: 300px;
	float: left;
	margin: 0 15px 15px 0;
}

#newslist .kiji_img_r
{
	text-align: right;
	width: 300px;
	float: right;
	margin: 0 0 15px 15px;
}

#newslist .kiji_img
{
	text-align: right;
	width: 200px;
	float: right;
	margin: 0 0 15px 15px;
}

#newslist .more a{
		box-sizing: border-box;
        display: block;
        width: 180px;
        background: #fff;
        color: #2EA5D5;
        padding: 12px 20px;
        border-radius: 45px;
        float: right;
        text-align: center;
        border: 2px solid #2EA5D5;
	}
#newslist .more a:hover{
		background: #2EA5D5;
		color: #fff;
		text-decoration: none;
	}

#newslist .more a:hover::after{
		transform: translateX(4px);
	}

#newslist .more a::after {
        content: '→';
        margin-left: 8px;
        display: inline-block;
        transition: transform 0.3s ease;
}

/*---------------------------------------------
   ページャー
----------------------------------------------*/
/*#content ul.pager{
	list-style:none;
	text-align:center;
	margin:30px 0;
	border: 0;
	background: #FFFFFF;
}
	#content ul.pager li{
		display:inline;
		font-size:80%;
	}
	
	#content ul.pager li span,
	#content ul.pager li a
	{
		display:inline-block;
		width:30px;
		padding:5px;
		border:#EEEEEE solid 1px;
	}
*/
/* ページャー全体のコンテナ */
  .pager {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;        /* ボタン同士の間隔 */
    padding: 0;
    margin: 0;
    list-style: none;
    flex-wrap: wrap;
  }

  .pager li {
    margin: 0;
    padding: 0;
  }

  /* リンク（a）と現在地（span）の共通設定 */
  .pager li a,
  .pager li span {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 44px;
    height: 44px;
    padding: 0 10px;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    transition: all 0.3s ease;
  }

  /* 通常リンクのデザイン（未選択） */
  .pager li a {
    background-color: #fff;
    color: #555;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.03);
  }

  /* ホバー時の動き（PCのみ） */
  .pager li a:hover {
    background-color: #f0faff;
    border-color: #2baad5;
    color: #2baad5;
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(43, 170, 213, 0.15);
  }

  /* 現在のページ（span）のデザイン */
  .pager li span {
    background-color: #2baad5;
    color: #fff;
    border: 1px solid #2baad5;
    pointer-events: none;
    box-shadow: 0 2px 4px rgba(43, 170, 213, 0.3);
  }

  /* 「後へ」などのテキストリンク調整 */
  .pager li a.next, 
  .pager li a.prev {
    padding: 0 20px;
    font-size: 14px;
  }


	
/*　ニュースのリスト　*/

dl.new
{
	text-align: justify;
	text-justify: distribute;
	padding: 0;
	margin: 0;
	position: relative;
}
 dl.new dt
{
	width: 12em;
	padding: 16px 0 16px 15px;
	position: absolute;
}

dl.new dd
{
	padding: 16px 0 16px 13em;
	border-bottom: dashed 1px #9a9a9a;
}

dl.new a:hover
{
	color:#2EA5D5;background:rgba(46,165,213,0.08);
}