@charset "utf-8";

/********** サイトの定義 **********

使用する文字サイズ：
10px
14px（基本）
16px
18px（中サイズ見出し）
20px（特例:TOPの検索するボタンなど）
24px（特例:TOPのエリア検索・駅検索など）
28px（大サイズ見出し）

空白の使用サイズ：
10px
20px
40px（基本）
60px
120px（大見出しの段落ごと）

*******************************/


aside {
	float: left;
	width: 300px;
	margin: 0;

	/* height: 1000px; */
}


aside .pr {
	width: 300px;
	margin-top: 20px;
}

aside .pr ul {

}

aside .pr li {
	width: 100%;
}

aside .pr li img {
	width: 100%;
}




/************************************************************
　ページネーション
************************************************************/

/* ページネーション上部 「○○～○○件目を表示中」 */
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
}

.page_number_text {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;

	text-align: center;
}


/***** ページめくり 数字ボタンCSS *****/
.pagination .page_number {
	display: flex;
	/* justify-content: center; */
	align-items: center;
	gap: 0 10px;
	list-style-type: none;
	padding: 0 0 10px 0;

	/* width: 860px; */
	margin: 0 auto;
	overflow-x: scroll;
}


/* スクロールバー装飾 */
.pagination .page_number::-webkit-scrollbar {
	height: 8px;
}

.pagination .page_number::-webkit-scrollbar-track {
	background-color: #fff;
}

.pagination .page_number::-webkit-scrollbar-thumb {
	background-color: #ff66c4;
	border-radius: 8px;
}


.pagination .page_number a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4em;
    height: 2.4em;
    border: 1px solid #ff66c4;
    border-radius: 18px;
	background-color: #ff66c4;
    color: #fff;
}

/* オンマウス時 */
.pagination .page_number a:not(:hover) {
    text-decoration: none;
	background-color: #fff;
    color: #ff66c4;
}

/* 今いるページ */
.pagination .page_number .current a {
    width: 2.4em;
    height: 2.4em;
    background-color: #eee;
    color: #333 !important;
	font-weight: bold;
    pointer-events: none;
    border: 1px solid #eee;
}

.pagination .page_number .prev a,
.pagination .page_number .next a {
    gap: 0 4px;
    width: auto;
    padding: 0 .8em;
    line-height: 1;
}

.pagination .page_number .prev a::before,
.pagination .page_number .next a::after {
    display: inline-block;
    transform: rotate(45deg);
    width: .3em;
    height: .3em;
    content: '';
}

.pagination .page_number .prev a::before {
    border-bottom: 1px solid #ff66c4;
    border-left: 1px solid #ff66c4;
}
.pagination .page_number .prev a:hover::before {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

.pagination .page_number .next a::after {
    border-top: 1px solid #ff66c4;
    border-right: 1px solid #ff66c4;
}
.pagination .page_number .next a:hover::after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}