@charset "UTF-8";
/*
Name: style_coontent.css
Description: style.css カスタマイズ
-------------------------------------------------- */

/* **************************** Set fonts **************************** */
@font-face {
    font-family: 'ShinGoPro-Regular';
    src: url('../fonts/ShinGoPro-Regular.otf');
    src: local('ShinGoPro-Regular'), local('ShinGoPro-Regular'),
           url('../fonts/ShinGoPro-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'ShinGoPro-Medium';
    src: url('../fonts/ShinGoPro-Medium.otf');
    src: local('ShinGoPro-Medium'), local('ShinGoPro-Medium'),
           url('../fonts/ShinGoPro-Medium.otf') format('opentype');
}



/* ----------------------------------------
* トップページ画像文字サイズ
---------------------------------------- */
@media screen and (min-width: 940px) {
  .hero-large-text span.js-rotating {
    font-size: 80% !important;
  }
}

.fullflex{
    display: flex;
		justify-content: space-between;
    flex-wrap: wrap;
}
.fullflex2{
    display: flex;
		justify-content: center;
    flex-wrap: wrap;
}

/* ----------------------------------------
* Page navi
---------------------------------------- */
.pagerbox {
  background: #fff;
  border: 1px #e5e5e5 solid;
	padding: 40px auto;
	margin-bottom: 30px;
	text-align: center;
}
.tablenav {
	margin: 1em auto;
	line-height:3em;
	display: inline-block;
	font-size: 18px;
}
a.page-numbers {
	color: #383838 !important;
}
a.page-numbers, .tablenav .current {
	padding: 2px .4em;
	border:1px solid #000;
	text-decoration:none;
}
a.page-numbers:hover {
	color: #fff !important;
	background-color: #3b4552 !important;
}
.tablenav .current {
	color: #fff;
	background-color: #3b4552;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
.tablenav .next, .tablenav .prev {
	border:0 none;
	color: #383838;
	background:transparent;
	/* text-decoration:underline; */
	font-weight:normal;
}
.tablenav .next:hover,
.tablenav .prev:hover {
	color: #fff;
	background-color: #3b4552;
}

/* ----------------------------------------
* Page navi 2
---------------------------------------- */
.page_navi_box{
    background: #F7F7F7;
    padding: 15px 0;
}
.page_navi_box ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.pagination ul{
    /* display: flex;
    justify-content: center; */
    align-items: center;
}
.page-first,
.page-last,
.page-prev,
.page-next{
    position: relative;
    font-size: 12px;
}
.page-prev{
    color: #999999;
    font-weight: bold;
    margin-right: 20px;
}
.page-next{
    color: #70ae96;
    font-weight: bold;
    margin-left: 20px;
}
/* .page-first::before,
.page-last::after,
.page-prev::before,
.page-next::after{
    font-family: "Font Awesome 5 Free";
    font-size: 28px;
    font-weight: 700;
    position: absolute;
    top: -5px;
}
.page-first::before,
.page-prev::before{
    content: "\f104";
    left: -20px;
    top: -10px;
}
.page-last::after,
.page-next::after{
    content: "\f105";
    right: -20px;
    top: -10px;
} */
.pagination li:first-child{
    padding: 0 50px 0 0;
}
.pagination li:last-child{
    padding: 0 0 0 50px;
}
.pages ul{
    align-items: center;
}
.pages ul li{
    padding: 0 !important;
    text-align: center;
    width: 30px;
    height: 30px;
    background: #7fcaad;
    border: solid 2px #70ae96;
    margin: 0 3px;
    line-height: 1.8rem;
    color: #FFFFFF;
    font-size: 12px;
}
.pages ul li:hover,
.pages ul li:focus{
    color: #7fcaad;
    background-color: #FFFFFF;
    border: solid 2px #7dc7aa;
}
.pages ul li.active{
    color: #7fcaad;
    background-color: #FFFFFF;
    border: solid 2px #7dc7aa;
}
