@charset "utf-8";

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

#newslist{
	margin: 40px 0 80px;
}

#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: 18px;
        line-height: 150%;
        color: #40220f;
	}

#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 20px 0;
        background: #F3FAFC;
        text-align: center;
        padding: 8px 16px;
        font-size: 14px;
	}

#newslist div.item_n{
	margin: 0 20px 25px 20px;
}
#newslist div.item_n p{
	line-height:1.6;
}
#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: 20px;
}
#newslist .kiji_img_c img
{
	max-width: 100%;
	height: auto;
	width: auto;
}
#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
{
	display: block;
	width:100%;
	text-align: center;
}
#newslist .kiji_img img{
	max-width: 300px;
	height: auto;
	width: auto;
	}
#newslist .more a{
	box-sizing: border-box;
	display: block;
	width:180px;
	background:#2EA5D5;
	color:#fff;
	padding:10px 20px;
	border-radius: 45px;
	float:right;
	text-align: center;
}
#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: 6px; /* スマホでは間隔を少し詰める */
    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: 40px; /* スマホ用に少し小さく調整 */
	height: 40px;
	padding: 0 4px;
    box-sizing: border-box;
    text-decoration: none;
	font-size: 14px; /* 文字サイズも少し小さく */
    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);
    }
	/* 現在のページ（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:hover {
      transform: none;
    }

    /* 「後へ」などのテキストリンク調整（スマホ版） */
    .pager li a.next, 
    .pager li a.prev {
      padding: 0 12px;
      font-size: 13px;
    }

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

dl.new
{
	text-align: justify;
	text-justify: distribute;
	padding: 0;
	margin: 0;
	position: relative;
}
 dl.new dt
{
	width: 100%;
	padding: 16px 0 16px 8px;
	position: absolute;
	display: block;
	box-sizing: border-box;
}

dl.new dd
{
	padding: 46px 8px 16px 8px;
	border-bottom: dashed 1px #9a9a9a;
}

dl.new dd a
{
	
}