@charset "UTF-8";
/* CSS Document */
.load{
width: 100%;
height: 100%;
top: 0;
position: fixed;
z-index: 99999;
text-align: center;
background-color: rgba(255,255,255,0.85);
}
.load img{
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
width: 30px;
}
a{
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
}
a:hover{
opacity: 0.6;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.only_pc{
display: block;
}
.only_sp{
display: none;
}
/*Media-queries
----------------------*/
@media screen and (max-width: 768px) {
.only_pc{
display: none;
}
.only_sp{
display: block;
}
}
/*----------------------------------------------
header
----------------------------------------------*/
header{
width: 100%;
padding: 15px 0 0;
min-width: 320px;
position: relative;
}
header .inner{
width: 970px;
margin: auto;
background-color: #fff;
}
header .logo01 {
text-align: center;
}
header .logo01 h2 img{
width: auto;
}
header p{
margin-top: 10px;
}
header #hd_lang_pc{
display: inline-block;
position: absolute;
top: 10%;
right: 2%;
}
.goog-te-gadget img {
vertical-align: middle;
border: none;
width: auto;
max-width: inherit;
}
.goog-te-gadget-simple {
border: 1px solid #d5d5d5 !important;
}
nav.navbar {
margin: 30px 0;
text-align: center;
}
nav.navbar {
margin: 30px 0;
text-align: center;
}
nav.navbar ul {
width: 970px;
margin: auto;
}
nav.navbar ul li{
/*display: inline-block;*/
display: table;
float: left;
width: 154px;
margin:0 25px;
text-align: center;
}
nav.navbar ul li:first-of-type {
margin-left: 0;
}
nav.navbar ul li:last-of-type{
margin-right: 0;
}
nav.navbar ul li a{
display: table-cell;
vertical-align: middle;
text-align: center;
/*font-family: 'Noto Serif', serif;*/
font-family: 'Noto Serif Japanese', serif;
font-weight: bold;
position: relative;
color: #333;
line-height: 1.2;
}
nav.navbar ul li a span{
font-size: 1rem;
}
nav.navbar ul li a:after {
position: absolute;
bottom: -4px;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #333;
transform: scale(0, 1);
transform-origin: center top;
transition: transform .3s;
}
nav.navbar ul li a:hover:after {
transform: scale(1, 1);
}
header .navBtn{
display: none;
width: 40px;
height: 35px;
vertical-align: middle;
z-index: 9999;
position: relative;
}
/*アイコンのスペース*/
.menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-trigger {
width: 40px;
height: 35px;
position: relative;
}
.menu-trigger span {
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 85%;
height: 5px;
background-color: #ddd;
}
.menu-trigger span:nth-of-type(1) {
top: 2px;
}
.menu-trigger span:nth-of-type(2) {
top: 50%;
margin-top: -3px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 2px;
}
.menu-trigger span:nth-of-type(1) {
-webkit-animation: menu-bar01 .75s forwards;
animation: menu-bar01 .75s forwards;
}
@-webkit-keyframes menu-bar01 {
0% {
-webkit-transform: translateY(20px) rotate(45deg);
}
50% {
-webkit-transform: translateY(20px) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(0);
}
}
@keyframes menu-bar01 {
0% {
transform: translateY(20px) rotate(45deg);
}
50% {
transform: translateY(20px) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
.menu-trigger span:nth-of-type(2) {
transition: all .25s .25s;
opacity: 1;
}
.menu-trigger span:nth-of-type(3) {
-webkit-animation: menu-bar02 .75s forwards;
animation: menu-bar02 .75s forwards;
}
@-webkit-keyframes menu-bar02 {
0% {
-webkit-transform: translateY(-20px) rotate(-45deg);
}
50% {
-webkit-transform: translateY(-20px) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(0);
}
}
@keyframes menu-bar02 {
0% {
transform: translateY(-20px) rotate(-45deg);
}
50% {
transform: translateY(-20px) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-animation: active-menu-bar01 .75s forwards;
animation: active-menu-bar01 .75s forwards;
top: 0;
}
@-webkit-keyframes active-menu-bar01 {
0% {
-webkit-transform: translateY(0) rotate(0);
}
50% {
-webkit-transform: translateY(20px) rotate(0);
}
100% {
-webkit-transform: translateY(20px) rotate(45deg);
}
}
@keyframes active-menu-bar01 {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(20px) rotate(0);
}
100% {
transform: translateY(20px) rotate(45deg);
}
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-animation: active-menu-bar03 .75s forwards;
animation: active-menu-bar03 .75s forwards;
}
@-webkit-keyframes active-menu-bar03 {
0% {
-webkit-transform: translateY(0) rotate(0);
}
50% {
-webkit-transform: translateY(-20px) rotate(0);
}
100% {
-webkit-transform: translateY(-20px) rotate(-45deg);
}
}
@keyframes active-menu-bar03 {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(-20px) rotate(0);
}
100% {
transform: translateY(-20px) rotate(-45deg);
}
}
/*Media-queries
----------------------*/
@media screen and (max-width: 768px) {
body{
top: 0 !important;
}
header{
padding: 0;
position: fixed;
top: 0;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
z-index: 99;
}
.translated-ltr body{
padding: 50px 0 0;
}
.googleOn header{
top: 40px;
}
.goog-te-banner-frame{
width: 100% !important;
overflow-x: scroll;
}
header .inner{
width: 100%;
padding: 10px;
box-sizing: border-box;
position: relative;
}
header .logo01 h2 img{
width: 65%;
}
header p {
padding: 0 50px;
font-size: 1.0rem;
}
nav.navbar {
display: none;
margin: 0;
padding: 30px 0;
background-color: rgba(0,0,0,0.8);
color: #fff;
}
header .navBtn{
display: block;
position: absolute;
right: 10px;
top: 50%;
/* margin-top: -20px; */
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.menu-trigger.active span:nth-of-type(3) {
bottom: -5px;
}
nav.navbar ul {
width: 100%;
}
nav.navbar ul li {
display: block;
float: none;
width: auto;
margin: 10px 0;
}
nav.navbar ul li a {
color: #fff;
display: block;
padding: 15px 15px 35px;
}
header #hd_lang_sp{
display: block;
}
}
@media screen and (max-width: 425px) {
header .inner{
padding: 15px 10px 10px;
}
header .navBtn {
width: 35px;
height: 30px;
}
.menu-trigger {
width: 35px;
height: 30px;
position: relative;
}
.menu-trigger.active span:nth-of-type(3) {
bottom: -10px;
}
}
@media screen and (max-width: 320px) {
header p {
padding: 0 70px;
margin-top: 5px;
}
}
header.member{
background: #005c42;
padding: 10px 0;
}
header.member .inner {
background:none;
}
header.member .inner p{
color: #fff;
}
header.member .inner .icon_logo01:before {
font-size: 4rem;
color: #fff;
}
/*Media-queries
----------------------*/
@media screen and (max-width: 768px) {
header.member{
padding: 0;
position: absolute;
}
header.member .inner{
padding: 10px 10px 15px;
}
header.member .inner .icon_logo01:before {
font-size: 3rem;
color: #fff;
}
header.member .inner p{
margin-top: 5px;
}
}
/*----------------------------------------------
content
----------------------------------------------*/
#wrapper {
width:100%;
height: 100%;
margin:0 auto;
text-align:left;
min-width: 1050px;
overflow: hidden;
}
#container{
margin:50px auto 100px;
width: 970px;
}
@media screen and (max-width: 768px) {
#wrapper {
min-width:inherit;
}
#container{
width: 100%;
padding: 0 15px;
box-sizing: border-box;
}
section{
margin:30px 0 0;
}
.menu-trigger.active span:nth-of-type(1) {
top: -5px;
}
}
/*----------------------------------------------
title
----------------------------------------------*/
*[class*="title_"] {
/*font-family: 'Noto Serif', serif;*/
font-family: 'Noto Serif Japanese', serif;
}
*[class*="title_"] * {font-weight: 700;}
.title_page01 {
text-align: center;
margin: 65px 0 0;
}
.title_page01 h1{/*ページタイトル*/
font-size: 3.2rem;
}
.title_page01 h1 span.sub{/*ページタイトル*/
font-size: 1.2rem;
color: #666;
display: block;
margin-bottom: 15px;
line-height: 1.3;
}
.title_page01 h2{/*ページタイトル*/
font-size: 2.6rem;
}
.title_page01 .en{
margin-top: 10px;
}
.title_page01 .label{
margin-top: 20px;
}
.title_article01{
margin: 80px auto 30px;
text-align: center;
position: relative;
overflow-x: hidden;
display: table;
width: 100%;
/* box-sizing: border-box;*/
}
.title_article01:before{
content: "";
display: table-cell;
width: 42%;
background: url(../images/com_deco_line01.png) no-repeat right 0;
top: 0;
left: 0;
}
.title_article01:after{
content: "";
display: table-cell;
width: 42%;
height: 19px;
background: url(../images/com_deco_line01.png) no-repeat right 0;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
top: 0;
right: 0;
}
.title_article01.wordCount_M01:before,
.title_article01.wordCount_M01:after{
width: 36%;
}
.title_article01.wordCount_L01:before,
.title_article01.wordCount_L01:after{
width: 30%;
}
.title_article01 h3{
/*見出し*/
font-size: 2.8rem;
display: block;
}
.title_article01 .en{
display: block;
}
.title_article02{
margin: 80px auto 30px;
padding-bottom: 15px;
text-align: left;
border-bottom: 1px solid #000;
}
.title_article02 p.member{
background: #d6d6d6;
margin-bottom: 10px;
padding: 2px 4px;
display: inline-block;
box-sizing: border-box;
}
.title_article02 h3{
font-size: 2.4rem;
display: block;
line-height: 1.5;
}
.title_article_sub01 h4{/*小見出し*/
font-size: 1.6rem;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.title_page01 {
margin: 45px 15px 0;
}
.title_page01 h1{
line-height: 1.5;
font-size: 2.8rem;
}
.title_article01 h3{/*見出し*/
font-size: 2.4rem;
}
.title_article01:before,
.title_article01:after{
width: 26%;
}
.title_article01.wordCount_M01:before,
.title_article01.wordCount_M01:after{
width: 16%;
}
.title_article01.wordCount_L01:before,
.title_article01.wordCount_L01:after{
width: 10%;
}
.title_article02 h3{/*見出し*/
font-size: 1.8rem;
}
}
@media screen and (max-width: 375px) {
.title_article01:before{
}
.title_article01:after{
}
}
/*----------------------------------------------
color
----------------------------------------------*/
.txtColor_nom01 {
color: #333;
}
.txtColor_imp01 {
color: #005c42;
}
.txtColor_imp02 {
color: #D90000;
}
/*----------------------------------------------
border
----------------------------------------------*/
.bord_nom01 {
border: 1px solid #cbcbcb;
}
/*----------------------------------------------
table
----------------------------------------------*/
.table_def01 th{
padding: 0 10px 0 0;
}
.table_def01 th,
.table_def01 td{
vertical-align: top;
padding-bottom: 5px;
}
/*----------------------------------------------
link
----------------------------------------------*/
*[class*="txtLink_"]{
text-indent: 0;
}
.txtLink_def01 {
}
.txtLink_def01 a {
font-family: 'iconfont01' !important;
color: #005c42;
}
.txtLink_def01 a:after {
content: "\e900";
color: #005c42;
margin: 0 0 0 10px;
vertical-align: middle;
font-size: 1.3rem;
}
.txtLink_back01 a {
font-family: 'iconfont01' !important;
color: #005c42;
}
.txtLink_back01 a:before {
content: "\e900";
color: #005c42;
margin: 0 10px 0 0;
vertical-align: middle;
font-size: 1.3rem;
display: inline-block;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.txtLink_other01 a,
.txtLink_other a {
font-family: 'iconfont01' !important;
color: #005c42;
}
.txtLink_other01 a:after,
.txtLink_other a:after {
content: "\e902";
color: #005c42;
margin: 0 0 0 10px;
vertical-align: middle;
}
.btnLink_def01 {
}
.btnLink_def01 a {
border: 1px solid #cbcbcb;
padding: 10px 20px 10px 40px;
display: inline-block;
min-width: 400px;
font-family: 'iconfont01' !important;
position: relative;
}
.btnLink_def01 a:before {
content: "\e900";
color: #005c42;
font-size: 1.2rem;
padding-right: 20px;
position: absolute;
left: 20px;
top: 50%;
margin-top: -10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btnLink_def01 a:after {
position: absolute;
-webkit-transition: .3s;
transition: .3s;
content: '';
width: 0;
left: 50%;
bottom: 0;
height: 3px;
background: #cbcbcb;
}
.btnLink_def01 a:hover {
background: #005c42;
color: #fff;
opacity: 1;
}
.btnLink_def01 a:hover:before{
color: #fff;
}
.btnLink_def01 a:hover:after {
width: 0%;
}
.btnLink_back01 {
text-align: center;
margin-top: 50px;
}
.btnLink_back01 a {
border: 1px solid #cbcbcb;
padding: 10px 40px 10px 40px;
display: inline-block;
font-family: 'iconfont01' !important;
position: relative;
}
.btnLink_back01 a:before {
content: "\e900";
color: #005c42;
margin: 0 10px 0 0;
vertical-align: middle;
font-size: 1.3rem;
display: inline-block;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
@media screen and (max-width: 768px) {
.btnLink_def01 a{
min-width: auto;
}
}
/*----------------------------------------------
news
----------------------------------------------*/
.newsArea .com_newsLyt01 .block01{
padding: 30px 0;
position: relative;
border-bottom: 1px solid #cbcbcb;
}
.newsArea .com_newsLyt01:first-of-type .block01{
padding-top: 0;
}
.newsArea .com_newsLyt01:first-of-type .block01 marker{
display: none;
}
.newsArea .com_newsLyt01:last-of-type .block01{
border-bottom: 0;
}
.newsArea .com_newsLyt01 .picBox01{
float:left;
width:170px;
height:128px;
overflow:hidden;
position:relative;
}
.newsArea .com_newsLyt01 .picBox01 img{/*画像トリミング用*/
position:relative;
top:50%;
left:50%;
max-width:none;
width: auto;
height: 100%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
} 
.newsArea .com_newsLyt01 .lqd_inner{
float:left;
width:100%;
margin-left:-170px;
}
.newsArea .com_newsLyt01 dl{
margin-left:190px;
}
.newsArea .com_newsLyt01 dt {
font-weight: bold;
color: #005c42;
font-size:1.6rem;
}
.newsArea .com_newsLyt01 dd {
margin-top: 5px;
}
.newsArea .com_newsLyt01 dd:first-of-type {
font-weight: bold;
}
.newsArea .com_newsLyt01 dd {
margin-top: 5px;
}
.newsArea .com_newsLyt01 a {
display: block;
}
.newsArea .com_newsLyt01 a:before,
.newsArea .com_newsLyt01 a:after {
content: "";
display: block;
clear:both;
}
@media screen and (max-width: 768px) {
.newsArea .com_newsLyt01 .picBox01{
width:130px;
height:130px;
}
.newsArea .com_newsLyt01 .lqd_inner{
margin-left:-130px;
}
.newsArea .com_newsLyt01 dl{
margin-left:150px;
}
}
/*----------------------------------------------
sortList
----------------------------------------------*/
#sortArea #sortBtn {
margin: 0 0 30px;
text-align: center;
letter-spacing: -.4em; 
}
#sortArea #sortBtn li{
letter-spacing:normal;
position: relative;
padding: 5px 10px;
margin: 0 20px 0 0;
border: 1px solid #333333;
color: #033333;
text-align:center;
display: inline-block;
min-width: 140px;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#sortArea #sortBtn li:last-of-type{
margin-right: 0;
}
#sortArea #sortBtn li:not(.active):hover{
cursor: pointer;
opacity: 0.6;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#sortArea #sortBtn li.active{
background-color: #333333;
color:#fff;
}
#sortArea #sortBtn li.active:after {
position: absolute;
top: 100%;
left:50%;
content: '';
width: 0;
height: 0;
border: 8px solid transparent;
border-top: 8px solid #333333;
margin-left:-8px;
}
#sortArea #sortList li a{
display: block;
}
#sortArea #sortList li.sortItem {
display: inline-block;
float: left;
width: 300px;
margin: 20px 35px 0 0;
}
#sortArea #sortList li:nth-of-type(3n) {
margin-right: 0 !important;
}
#sortArea #sortList li .picBox01{
height:225px;
overflow:hidden;
position:relative;
}
#sortArea #sortList li .picBox01 .label01{
background-color: #000;
position: absolute;
top: 0;
left: 0;
padding: 3px 10px;
text-align: center;
color: #fff;
font-size: 1.2rem;
}
#sortArea #sortList li .picBox01 img{/*画像トリミング用*/
position:relative;
top:50%;
left:50%;
max-width:none;
width: auto;
height: 100%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
#sortArea #sortList li .picBox01.-falconeri img {
top:0;
left:0;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
#sortArea #sortList li .picBox01.matchH01 img{/*画像トリミング用*/
position:relative;
top:50%;
left:50%;
max-width:none;
width: 100%;
height: auto;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
} 
#sortArea #sortList li .textBox01{
padding: 20px 0 40px;
}
#sortArea #sortList li .textBox01 h4{
font-size: 1.6rem;
color: #005c42;
line-height: 1.4;
}
#sortArea #sortList li .textBox01 .text{
margin-top: 10px;
}
@media screen and (max-width: 768px) {
#sortArea #sortList {
margin: 20px -5% 0 0;
}
#sortArea #sortList li.sortItem {
display: inline-block;
width: 45%;
margin: 20px 5% 0 0;
}
#sortArea #sortList li:nth-of-type(3n) {
margin-right: auto;
}
#sortArea #sortList li:nth-of-type(even) {
/*float: right;*/
}
#sortArea #sortBtn li{
display: inline-block;
min-width: auto;
}
#sortArea #sortBtn li.active:after {
display: none;
}
}
@media screen and (max-width: 375px) {
#sortArea #sortBtn li{
margin: 5px 5px 0 0;
width: 30%;
}
#sortArea #sortList {
margin: 20px 0 0;
}
#sortArea #sortList li.sortItem {
display: block;
width: 100%;
margin: 20px 0 0 0;
}
#sortArea #sortList li:nth-of-type(3n) {
margin-right: 0;
}
#sortArea #sortList li:nth-of-type(even) {
float: none;
}
#sortArea #sortList li .picBox01 {
height: 150px;
width: 40%;
float: left;
}
#sortArea #sortList li .textBox01 {
padding: 0;
float: right;
width: 56%;
}
}
/*----------------------------------------------
footer
----------------------------------------------*/
footer{
position: absolute;
bottom: 0;
width: 100%;
background: #005c42;
color: #fff;
}
footer .inner{
width: 970px;
margin: auto;
padding: 50px 0;
text-align: center;
}
footer .inner .icon_logo01:before {
font-size: 5rem;
color: #fff;
}
footer .inner .links01{
margin: 20px 0;
}
footer .inner .links01 li{
display: inline-block;
}
footer .inner .links01 li:before{
content: "";
background: #fff;
width: 1px;
height: 10px;
margin: 0 20px;
display: inline-block;
}
footer .inner .links01 li:last-of-type:after{
content: "";
background: #fff;
width: 1px;
height: 10px;
margin: 0 0 0 20px;
display: inline-block;
}
footer .inner .links01 li a{
color: #fff;
}
footer .inner .address01{
margin-top: 60px;
}
.copy{
margin-top: 30px;
text-align:center;
font-size:1.2rem;
}
.copy span{
font-family: Verdana, "Droid Sans";
}
#pagetop {
position: fixed;
right: 40px;
bottom: 20px;
cursor: pointer;
z-index: 999;
line-height: 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 45px;
height: 45px;
box-sizing: border-box;
display: inline-block;
/*transition: all .5s;*/
}
#pagetop a{
font-family: 'iconfont01' !important;
display: block;
}
#pagetop a:before {
content: "\e900";
color: #333;
font-size: 3.2rem;
padding: 10px;
}
#pagetop:hover {
opacity: 0.6;
}
/*Media-queries
----------------------*/
@media screen and (max-width: 768px) {
footer .inner .address01{
margin-top: 20px;
}
#pagetop {
right: 10px;
}
footer .inner{
width: auto;
padding: 20px 10px;
}
footer .inner .icon_logo01:before {
font-size: 3rem;
color: #fff;
}
footer .inner .icon_logo01+p {
font-size: 1.0rem;
}
footer .inner .links01 li{
width: 47%;
margin: 1%;
}
footer .inner .links01 li:before{
display: none;
}
footer .inner .links01 li:last-of-type:after{
display: none;
}
footer .inner .links01 li a{
display: block;
padding: 5px;
margin: 0;
border: 1px solid #fff;
font-size: 1.2rem;
}
footer .inner .links01:nth-of-type(2) li {
width: auto;
margin: 0;
display: block;
}
footer .inner .links01:nth-of-type(2) li a{
display: block;
padding: 5px;
margin: 0;
border: 0;
}
}
footer.member .inner{
padding: 20px 0;
}
footer.member .copy{
margin: 0;
}

/*----------------------------------------------
other
----------------------------------------------*/
.smartphoto {
z-index: 99999;
}
.smartphoto-img{
background-color: #fff;
padding: 20px;
box-sizing: border-box;
}

/*----------------------------------------------
other
----------------------------------------------*/

.pagination-wrapper {
text-align: center;
margin: 40px 0;
}
.pagination {
display: inline-block;
padding: 0 ;
}

.page-numbers {
display: block;
padding: 15px;
margin: 0 5px;
min-width: 45px;
box-sizing: border-box;
float: left;
transition: 0.4 ease;
color: #333333;
font-size: 1.6rem;
letter-spacing: 0.1em;
line-height: 1;
border-radius: 3px;
border: 1px solid #eee;
}
.page-numbers:hover, .page-numbers.current {
background-color: #005c42;
color: #fff;
}
.page-numbers.prev:before,.page-numbers.next:before{
font-family: 'iconfont01' !important;
content: "\e900";
color: #333;
padding: 0px;
display: inline-block;
}

.page-numbers.prev:before{
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.page-numbers.prev,
.page-numbers.next{
border: 0;
}
.page-numbers.prev:hover,
.page-numbers.next:hover {
background-color: transparent;
}
.page-numbers.prev.noPage,
.page-numbers.next.noPage {
opacity: 0.2;
pointer-events: none;
}
.page-numbers.prev:hover:before,
.page-numbers.next:hover:before {
background-color: "transparent";
color: #005c42;
}
.page-numbers.maxPage {
display: none;
border: none;
pointer-events: none;
}
.page-numbers.prev.goFirst,.page-numbers.next.goLast{
display: none;
}
.page-numbers.maxPage span{
padding: 5px;
margin: 0 0 0 10px;
}

@media screen and (max-width: 768px) {
.pagination-wrapper {
padding: 10px;
background: #efefef;
border-radius: 5px;
}
.page-numbers {
padding: 10px;
display: none;
margin: 0 3px;
min-width: 0;
font-size: 1.4rem;
}
.page-numbers.dots {
display: none;
}
.page-numbers.prev.goFirst,.page-numbers.next.goLast{
display: block;
}
.page-numbers.prev.goFirst:after,.page-numbers.next.goLast:after{
font-family: 'iconfont01' !important;
content: "\e900";
color: #333;
padding: 0px;
display: inline-block;
}
.page-numbers.prev.goFirst:after{
margin-left: -4px;
}
.page-numbers.next.goLast:before{
margin-right: -4px;
}
.page-numbers.prev:before,
.page-numbers.prev.goFirst:after{
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.page-numbers.prev:hover:before,
.page-numbers.next:hover:before {
color: #333;
}
.page-numbers.prev,
.page-numbers.next,
.page-numbers.current,
.page-numbers.maxPage{
display: block;
}

/*
.page-numbers:nth-child(-n+3), .page-numbers:nth-last-child(-n+3) {
display: block;
}

.page-numbers:nth-last-child(-n+4)::after {
content: none;
}
*/
}