/*
Theme Name:free
Version:100.0
Author:MOSS
*/

html {
	border: 0;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 62.5%;/*10pxベース*/
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
	-webkit-text-size-adjust:100%;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ul, li{
	margin: 0px;
	padding:0px;
	list-style-type:none;
}

/* --------- Links --------- */

a {
	color:#000;
	text-decoration:none;
}
a:focus,
a:active,
a:hover {
	color:#ccc;
}

h1 a,header a,header a:hover {
	color:#000;
}


/* --------- Headings --------- */

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}

h2{
	background-color: #ccc;
	margin:2px;
    padding:2px;
    text-align:center;
}

/* --------- Images --------- */

img {
	border:0;
	margin:0px;
    padding:0px;
	max-width:100%;
	height:auto;
  vertical-align:bottom;
}

/* --------- Title --------- */

body {
	padding: 0;
	background:url(http://sepian.org/wp-content/themes/sepian/background.png);
	margin:0px auto 0px;
	font-size:1.2rem;
	}

header {
	margin: 0 auto;
	padding: 3px 0;
	margin-bottom:10px;
	text-align:center;
	background:#FFF;
	overflow:hidden;
	width:100%;
	display:inline-block;
	-webkit-text-size-adjust:100%;
}

header h1 {
	margin:2px;
	padding:2px;
	font-size:13px;
	display:inline-block;
}

header nav{
	margin:2px;
	padding:2px;
	font-size:13px;
	display:inline-block;
}

header nav ul {
	margin:0px;
	padding:0px;
}

header nav ul li {
	margin:0px;
	padding:0px;
	display:inline-block;
	border-radius:4px;
	}

header a {
	color:#000;
	margin:3px;
	padding:3px;
}

header nav a:hover {
	background:#6CF;
	color:#000;
	border-radius:5px;
}

.current{
	border-radius:5px;
	background:#6CF;
}

/* --------- Layout --------- */

.container {
	width:100%;
	text-align: left;
	margin: 0 auto;
	text-align: center;
}

article{
	display:inline-block;
	margin:3px;
	padding:0px;
	max-width:300px;
	overflow:hidden;
	-webkit-text-size-adjust:70%;
	color:#fff;
}

.ad_article{
	display:inline-block;
	margin:3px;
	padding:0px;
	max-width:300px;
	overflow:hidden;
	-webkit-text-size-adjust:120%;
	color:#fff;
}

article a{
	color: #fff;
}

article a:focus,
article a:active,
article a:hover {
	color: #fff;
}

article{
	color: #fff;
}

article:hover{
	opacity:0.8;
}

.ad_article:hover{
	opacity:0.8;
}

.single_box article{
	display:inline-block;
	margin:3px;
	padding:0px;
	max-width:1000px;
	overflow:hidden;
	-webkit-text-size-adjust:150%;
	color:#fff;
	
}
.single_box .article-trim{
	max-height:1000px;
	padding:0px;
	overflow:visible;
}


article img{
	max-width:100%;
}

.article-trim{
	max-height:180px;
	padding:0px;
	overflow:visible;
}

.article-text{
	background-color:#000;
	margin:0px;
	padding:0px;
	width:100%;
	overflow:hidden;
	display:block;
}


article h1 {
	font-size:15px;
	position:relative;
	z-index:10;
	margin:0px;
	padding:7px;
	background-color:#000;
	opacity:0.9;
}

.article-meta {
	font-size:9px;
   	color: #000;
	margin:1px;
	padding:1px
}

footer{
	clear:both;	
	margin-top:10px;
	padding:10px 0px;
	text-align:center;
	width:100%;
	overflow:hidden;
}

/* --------- Clear --------- */

.clear {
	clear: both;
}

/* --------- ADD --------- */

.pagination {
    text-align: center;
    margin: 20px 0;
}
.pagination .nav-links {
    display: flex;
    justify-content: center;
    list-style: none;
    gap: 10px;
}
.pagination .page-numbers {
    padding: 8px 16px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #333;
}
.pagination .page-numbers.current {
    background-color: #333;
    color: #fff;
    border-color: #333;
}