@charset "UTF-8";

#header {
	position:sticky;
	width:100%;
	top:0;
	left:0;
	z-index:99;
}
.header {
	position:relative;
}
.titlewrap {
	text-align:center;
	background: rgb(229,229,229);
	background: -moz-linear-gradient(90deg, rgba(229,229,229,1) 0%, rgba(58,58,58,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(229,229,229,1) 0%, rgba(58,58,58,1) 100%);
	background: linear-gradient(90deg, rgba(229,229,229,1) 0%, rgba(58,58,58,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5e5e5",endColorstr="#3a3a3a",GradientType=1);
}
.title {
	height:150px;
	width:calc(100% - 60px);
	max-width:1100px;
}
.title h1 {
	font-size:2.8rem;
	font-weight:400;
	position:relative;
}
.title h1::after {
	content:'';
	display:block;
	width:2em;
	height:2px;
	background-color:#E8236F;
	position:absolute;
	left:50%;
	transform:translate(-50%,.25em);
}

.navi {
	width:calc(100% - 60px);
	max-width:1100px;
	margin:0 auto;
	font-size:1.3rem;
	line-height:1.2;
	padding:.5em 0;
	text-align:right;
}
.navi a,
.navi span {
	color:#000000;
	font-size:inherit;
	line-height:inherit;
}


#main {
	padding:0 0 120px;
	background-color:#EFEFEF;
}
header + section .wrap {
	padding-top:30px;
}


#main .wp-pagenavi {
	text-align:center;
}
#main .wp-pagenavi a,
#main .wp-pagenavi span {
    border: none;
    font-size:1.4rem;
    font-weight:400;
    padding:3px 10px;
    margin:0 3px;
	color:#fa2778;
}
#main .wp-pagenavi a.page {
	color:#000000;
	border:1px solid #fa2778;
	background-color:#FFFFFF;
	color:#fa2778;
}
#main .wp-pagenavi a.page:hover,
#main .wp-pagenavi span.current {
    background-color:#fa2778;
	color:#ffffff;
}

@media screen and (max-width:1500px){
}

@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width: 768px){
}

@media screen and (max-width:640px){

.title {
	height:120px;
	width:calc(100% - 30px);
}
.title h1 {
	font-size:2.2rem;
}

.navi {
	width:calc(100% - 30px);
	font-size:1.2rem;
}

#main {
	padding:0 0 60px;
}
header + section .wrap {
	padding-top:30px;
}
	
}

@media screen and (max-width:480px){
}
	
@media screen and (max-width:360px){
}