@charset "UTF-8";
.contact_iframe  iframe {
	width: 100%;
	height: 360px;
}
.alignnone{ width: 80%; display: block; margin: 10px auto}
/* Single Pagination ------------------------- */

.pagination-single {
	font-size: 1.2rem;
	margin-top: 5rem;
}

.pagination-single-inner {
	display: flex !important;
}

.pagination-single hr:first-child {
	margin: 0 0 2.8rem 0;
}

.pagination-single hr:last-child {
	margin: 2.8rem 0 0.8rem 0;
}

.pagination-single a {
	align-items: baseline;
	font-weight: 600;
	letter-spacing: -0.0275em;
	text-decoration: none;
	flex: 1;
}

.pagination-single a + a {
	margin-top: 1rem;
}

.pagination-single a .arrow {
	margin-right: 1rem;
}

.pagination-single a:focus .title,
.pagination-single a:hover .title {
	text-decoration: underline;
}
.previous-posts{ float: left !important; width: 40%;text-align :left !important; line-height: 50px;margin: 0px !important; padding: 0px !important;}
.next-posts{float: right !important; width: 40%; text-align: right !important; line-height: 50px;margin: 0px !important; padding: 0px !important;}
.paginatio{
    text-align: center;
	margin:15px auto 15px auto;
}
a.page-numbers,
.pagination .current{
    background: #fff;
    border: solid 1px #333;
    padding:5px 8px;
    margin:0 2px;
    text-decoration: none;
}
current:hover{
    background: #333 !important;
    border: solid 1px #ccc;
    padding:5px 8px;
    margin:0 2px;
	color:#fff !important;
    text-decoration: none;
}
pagination .current{
    background: #fff;
    border: solid 1px #dd5514;
    color: #fff;
}
.paginatio a{
	color:#333;
}
.paginatio a:hover{
	background: #333 !important;
    border: solid 1px #ccc;
    padding:5px 8px;
    margin:0 2px;
	color:#fff !important;
    text-decoration: none;
}
/*-----801px以上PC画面 ----*/
@media all and (min-width:801px){
	#staff_out_box{ display: flex; justify-content: center}
#staff_box{
	width: 260px;
	background-color: #f0f0f0;
	border: 1px solid #999;
	box-sizing: border-box;
	padding: 10px;
	margin: 10px;
}
	#staff_box a{
	text-decoration: none !important;
}
	#staff_box:hover{
	width: 313px;
	background-color: #ccc;
	border: 1px solid #999;
	box-sizing: border-box;
	padding: 10px;
	float: left;
	margin: 10px;
}
#staff_box dt{ text-align: center; color: #333; border-bottom: dotted 1px #333; font-weight: bold;}
#staff_box dd{ text-align: center; color: #333; margin-top: 10px;}
	#staff_box dt a:hover{text-decoration: none !important;}
	#staff_box dd a:hover{text-decoration: none !important;}
	#next_bt{ float: right;}
	#preview_bt{ float: left;}
#greeting table,#greeting td {
    border-collapse: collapse;
    border:1px solid #333;
	padding: 10px;
    }
#greeting th {
    border-collapse: collapse;
    border:1px solid #333;
	padding: 15px 10px;
	font-size: 0.8rem;
    }
	#menus ol{ list-style: none; margin-left: 5em;}
	#latest{ position:absolute;top: 5px; right: 5px;background-color: #f00; z-index: 9999;display: inline-block;padding: 0px 5px; color: #fff; font-size: 0.8rem;border-radius: 5px;}
	#author{ position:absolute;bottom: 5px; right: 5px;background-color:#81BA32; color: #fff;padding: 2px 8px;text-align: right;display: inline-block; float: right;border-radius: 5px; font-size: 0.8rem;}
	/* 点滅 */
.blinking{
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:1;}
}
	.viewout{max-width: 1120px; height: auto;}
	.viewlist{
		width: 260px; 
		margin: 10px; 
		float: left;
		height: auto; 
		border-radius: 10px; 
		box-shadow: 0 0 10px #ccc;
	}
	.viewlist h3,.viewlist p{ padding: 10px;}
	.contactimg{float: right; width: 300px;}
}
/*-----800px以下スマホ画面 ----*/
@media all and (max-width:800px){
	
	#staff_out_box{ display:block}
#staff_box{
	width: 48%;
	background-color: #f0f0f0;
	border: 1px solid #999;
	box-sizing: border-box;
	padding: 10px;
	float: left;
	margin: 1%;
}
#staff_box dt{ text-align: center; color: #333; border-bottom: dotted 1px #333; font-weight: bold; font-size: 2.0vw}
#staff_box dd{ text-align: center; color: #333; margin-top: 10px;}
#greeting table,#greeting td {
    border-collapse: collapse;
    border:1px solid #333;
	padding: 10px;
    }
#greeting th {
    border-collapse: collapse;
    border:1px solid #333;
	padding: 10px;
	font-size: 0.8rem;
    }
#menus{
    padding: 0px 0px 60px;
	width: 98%;
	margin: 0px auto;
}
#menus .menu-btn{
    text-align: center;
    margin: 10px 0 10px 0;
}
	#latest{ position:absolute;top: 5px; right: 5px;background-color: #f00; z-index: 9999;display: inline-block;padding: 0px 5px; color: #fff; font-size: 0.8rem;border-radius: 5px;}
	#author{ position:absolute;bottom: 5px; right: 5px;background-color:#81BA32; color: #fff;padding: 2px 8px;text-align: right;display: inline-block; float: right;border-radius: 5px; font-size: 0.8rem;}
	/* 点滅 */
.blinking{
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:1;}
}
	.viewout{width: 100%; height: auto;}
	.viewlist{
		width: 48%; 
		margin: 1%; 
		float: left;
		height: auto; 
		border-radius: 10px; 
		box-shadow: 0 0 10px #ccc;
	}
	.viewlist h3,.viewlist p{ padding: 10px;}
	.viewlist .topics-block{ margin-top: 0px !important;}
	.viewlist figure{ height: 100px; overflow: hidden}
	.viewlist .topics-block h3{ font-size: 0.8rem}
	.contactimg{float: right; width: 30%;}
}