/*
Theme Name: 穂積絵莉公式サイト(PC)
Description: Erihozumi website
Version: 1.0
Author: Eri Hozumi
Author URI: http: //www.erihozumi.com/
*/
@charset utf-8;
/* *~*~*~*~*~*~*~*~*~*~* Template Start *~*~*~*~*~*~*~*~*~*~* */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {border: 0;font-size: 100%;font: inherit;vertical-align: baseline;margin: 0;padding: 0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}body {line-height: 1;line-height: 120%;overflow-x: hidden;}ul {list-style: none;}blockquote,q {quotes: none;}blockquote: before,blockquote: after,q: before,q: after {content: none;}table {border-collapse: collapse;border-spacing: 0;}.clearfix {display: inline-table;}.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}* html .clearfix {height: 1%;}.clearfix {display: block;}
/* *~*~*~*~*~*~*~*~*~*~* / Template End *~*~*~*~*~*~*~*~*~*~* */

body {
  font-family: 'Lato',sans-serif;
  font-size: 12px;
  color: #292e34;
  line-height: 1.5;
}
.font {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
}
.font.bold {
  font-weight: 700;
}
a {
  color: #2ca38f;
}
a:not(:hover) {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.margin-top-none {
  margin-top: 0 !important;
}
.l {
  float: left;
}
.r {
  float: right;
}
.red {
  color: #CE3744;
}
.new-mark {
  
}
ol {
  padding-left: 30px;
}
@keyframes pulse {
 from {
   opacity: 1.0;/*透明度100%*/
 }
 to {
   opacity: 0.3;/*透明度80%*/
 }
}
@-webkit-keyframes pulse {
 from {
   opacity: 1.0;/*透明度100%*/
 }
 to {
   opacity: 0.3;/*透明度80%*/
 }
}
@-moz-keyframes pulse {
 from {
   opacity: 1.0;/*透明度100%*/
 }
 to {
   opacity: 0.3;/*透明度80%*/
 }
}
@-o-keyframes pulse {
 from {
   opacity: 1.0;/*透明度100%*/
 }
 to {
   opacity: 0.3;/*透明度80%*/
 }
}
.blinking{
-webkit-animation-name: pulse;/* 実行する名前 */
-webkit-animation-duration: 0.5s;/* 0.3秒かけて実行 */
-webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
color: #2ca38f;
padding: 10px;
}
.blinking:hover{
  text-decoration: none;
}

input[type=text], input[type=email], textarea, input[type=tel] {
  box-shadow: none;
  border: 1px solid #cecece;
  padding: 3px 4px;
  outline: none;
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus {
  box-shadow: none;
  border: 1px solid #2ca38f;
  outline: none;
}

/* *~*~*~*~*~*~*~*~*~*~* HEADER *~*~*~*~*~*~*~*~*~*~* */

.header {
  width: 100%;
  background: #373d42;
}
.header .inner {
  width: 950px;
  margin: 0 auto;
}
.header.top .cover {
  width: 950px;
  height: 520px;
  margin: 0 auto;
  z-index: 1000;
  position: relative;
}

#slider {
  margin: 0 auto;
  width: 950px;
  background-color: #373d42;
  position: relative;
}
#slider img {
  position: absolute;
  left: 0;
  top: 0;
}
.header.sub .inner {
  height: 100px;
  background-color: #373d42;
}
#logo {
  margin-left: 0;
  float: left;
}
.top #logo {
  padding-top: 35px;
}
.sub #logo {
  padding-top: 15px;
}

.header .btns {
  float: left; 
  padding-top: 15px;
  margin-right: 15px;
}
.header .btns:last-child {
  margin-right: 0;
}

.nav-banner {
  /*margin-left: -340px;*/
  padding: 10px 0;
}
.nav-banner .inner {
  width: 720px;
  margin: 0 auto;
}

.nav-banner li {
  float: left;
  display: block;
  margin-right: 40px;
  background: white;
  display: block;
  width: 150px;
}
.nav-banner li:last-child {
  margin-right: 0;
}
.nav-banner li img {
  display: block;
  max-width: 150px;
  max-height: 40px;
}



/* *~*~*~*~*~*~*~*~*~*~* MIDDLE *~*~*~*~*~*~*~*~*~*~* */

.container {
  width: 100%;
  margin: auto;
}
.inner {
  width: 950px;
  margin: auto;
}


/* *~*~*~*~*~*~*~*~*~*~* GLOBAL MENU *~*~*~*~*~*~*~*~*~*~* */
.gnavi {
  background: #2ca38f;
  width: 100%;
  font-size: 140%;
  margin-bottom: 30px;
}
.gnavi ul {
  padding: 0;
  list-style-type: none;
  display: block;
  width: 950px;
  margin: 0 auto;
}
.gnavi ul li {
  display: block;
  float: left;
  margin: 0;
  padding: 0 4px;
}
.gnavi ul li:first-child {
  margin-left: -30px;
}
.gnavi ul li:last-child {
  margin-right: -30px;
}
.gnavi ul li a {
  display: block;
  color: white;
  text-decoration: none;
  padding: 10px 25px;
}
.gnavi ul li a:hover {
  color: #2ca38f;
  background: white;
}

/* *~*~*~*~*~*~*~*~*~*~* FOOTER COMMON *~*~*~*~*~*~*~*~*~*~* */

.copyright{
  margin: 25px 0;
  padding: 0 2%;
  font-size: 85%;
  color: #b1b2ad;
}

/* Slider */
#loopslider {
  margin: 0 auto;
  width: 950px;
  height: 100px;
  margin-top: 40px;
  text-align: left;
  position: relative;
  overflow: hidden;
}
#loopslider:before {
  content: url(./img/shade-l.png);
  position: absolute;
  width: 170px;
  height: 100px;
  top: 0;
  left: 0;
  z-index: 1000;
}
#loopslider:after {
  content: url(./img/shade-r.png);
  position: absolute;
  width: 170px;
  height: 100px;
  top: 0;
  right: -10px;
  z-index: 1000;
}

#loopslider ul {
  height: 100px;
  float: left;
  display: inline;
  overflow: visible;
}

#loopslider ul li {
  height: 100px;
  float: left;
  display: inline;
  overflow: hidden;
}
#loopslider ul li img {
  padding: 0 20px;
  width: auto;
}
#loopslider ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}
#loopslider ul {
  display: inline-block;
  overflow: hidden;
}

/* *~*~*~*~*~*~*~*~*~*~* TOP PAGE *~*~*~*~*~*~*~*~*~*~* */

.boxes {
  width: 460px;
  background: #efefef;
  margin-bottom: 30px;
}
.boxes img {
  display: block;
}
.boxes .box-content{
  background: #efefef;
  padding: 20px;
}
.boxes.black .box-content {
  background: #373d42;
  color: white;
}
.boxes.black .box-content a {
  color: white;
}
.boxes .box-header {
  background: #373d42;
  color: white; 
  padding: 10px 20px 10px 10px;
}
.boxes .box-header .box-title {
  font-size: 140%;
  padding-left: 30px;
  position: relative;
}
.boxes .box-header .box-title:after {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 21px;
  border-bottom: 5px solid #2ca38f;
}
.boxes .box-header .r{
  font-size: 90%;
  color: #2ca38f;
  padding-top: 7px;
}



/* 1.TOPICS */
.boxes.topics .box-header{
  padding: 20px 20px 0;
}
.boxes.topics .box-header .box-title{
  font-size: 180%;
}
.boxes.topics .box-header .box-title:after {
  top: 14px;
}
.topics-main {
  border-bottom: 1px solid #42474c;
  padding-bottom: 22px;
}
.topics-main img {
  margin-bottom: 10px;
}
.topics-sub-list {
  padding-top: 22px;
}
.topics-sub img {
  margin-bottom: 10px;
}
.topics-main .topics-title {
  font-size: 150%;
  padding-top: 10px;
  display: block;
}
.topics-sub .topics-title {
  font-size: 110%;
  padding-top: 10px;
  display: block;
}
.topics-data {}
.topics-data .topics-type {
  display: inline;
  background: #42474c;
  color: white;
  padding: 3px 4px;
}
.topics-data .topics-date {
  background: #181b1e;
  display: inline;
  color: #b1b2ad;
  padding: 3px 4px;
}
.topics-sub {
  float: left;
  width: 125px;
  margin-right: 22px;
}
.topics-sub:last-child {
  margin-right: 0;
}


/* 2.RANKING */
.rank-wta {
  border-right: 1px solid #cecece;
  width: 189px;
  padding-right: 20px;
}
.rank-jta {
  padding-left: 20px;
  width: 189px;
}
.rank-type {
  font-size: 140%;
  text-align: center;
}
.ranks {
  margin: 0 auto;
}
.ranks .td-l {
  font-size: 160%;
  padding: 4px 2px 4px 10px;
}
.ranks .td-r {
  font-size: 270%;
  padding: 4px 10px 4px 2px;
  color: #2ca38f;
}
.rank-update {
  color: #b1b2ad;
  font-size: 100%;
  text-align: center;
}

/* 3.4. RESULT */
.boxes.result,
.boxes.next-match {
  
}
.game-name {
  font-size: 160%;
  margin-bottom: 5px;
}
.game-text {
  color: #b1b2ad;
  font-size: 100%;
  margin-bottom: 5px;
}

.table-match {
  font-size: 100%;
}
.table-match td {
  padding: 3px 4px;
}
.table-match .td-l {
  padding-right: 30px;
  padding-left: 0;
}
.table-match .td-r {
  font-size: 120%;
}
.table-match .td-r.score {
  color: #2ca38f;
}
.table-match .td-r.score .about {
  background: #2ca38f;
  padding: 3px 4px;
  color: white;
  margin-right: 4px;
}



/* 5.MOVIE/GALLERY */
.boxes.gallery .thumb-list,
.boxes.movie .thumb-list {
  float: left;
  margin-right: 22px;
  position: relative;
}
.boxes.gallery .thumb-list:last-child,
.boxes.movie .thumb-list:last-child {
  margin-right: 0;
}
.boxes.gallery .thumb-list img,
.boxes.movie .thumb-list img {
  display: block;
  padding-bottom: 5px;
}
.boxes.gallery .thumb-text,
.boxes.movie .thumb-text {
  color: #b1b2ad;
  font-size: 85%;
}

.boxes.movie .thumb-list a:after {
  position: absolute;
  content: url(./img/icon-play.png);
  top: 50%;
  left: 50%;
  transform: scale(0.5, 0.5) translate(-50%, -50%);
  -webkit-transform: scale(0.5, 0.5) translate(-50%, -50%);
  -moz-transform: scale(0.5, 0.5) translate(-50%, -50%);
  -ms-transform: scale(0.5, 0.5) translate(-50%, -50%);
  margin: -30px -19px 0;
}
.boxes.movie .thumb-list:hover a:after {
  opacity: 0.8;
}


/* *~*~*~*~*~*~*~*~*~*~* PAGE/single *~*~*~*~*~*~*~*~*~*~* */


/* Sidebar */
.sidebar {
  width: 240px;
}
.banner-list li {
  margin-bottom: 30px;
  text-align: center;
}

/* 共通Sharebutton */
.sharebutton {
  margin-bottom: 30px;
}
#twitter-widget-0 {
  width: 110px !important;
  height: 21px;
}

/*共通 ページヘッダ */
.page-header {
  margin-bottom: 25px;
}
.page-header .page-title {
  margin-bottom: 10px;
  font-size: 300%;
  color: #373d42;
  position: relative;
  padding-left: 80px;
}

.page-header .page-title:after{
  content: "";
  position: absolute;
  left: 0;
  top: 21px;
  width: 60px;
  border-bottom: 15px solid #2ca38f;
}
.page-header .breadcrumb{
  font-size: 90%;
}

/* 共通 ページコンテンツ部分 */
.post-content{
  width: 670px;
  padding-right: 35px;
  border-right: 1px solid #cecece;
}
.page-content p {
  padding-bottom: 20px;
}

/* *~*~*~*~*~*~*~*~*~*~* PROFILE *~*~*~*~*~*~*~*~*~*~* */

/* 上段 概要 */
.post-content.profile .about .r {
  background: #faf7f7;
  padding: 25px 35px 20px 40px;
  width: 368px;
  height: 214px;
  margin-bottom: 30px;
}
.post-content.profile .about .r .profile-name {
  margin-bottom: 5px;
  display: inline;
}
.post-content.profile .about .r .profile-name-sub {
  color: #b1b2ad;
  font-size: 120%;
  display: inline;
  padding-left: 10px;
}

.post-content.profile .about .r .about-belonging {
  padding-bottom: 20px;
}
.post-content.profile .about .r .about-text {
  line-height: 1.9;
  padding-bottom: 10px;
}
.post-content.profile .about .r .profile-name {
  font-size: 160%;
  font-weight: bold;
}
/* /上段 概要 */


.post-content.profile table {
  border-collapse: collapse;
  width: 100%;
}
.post-content.profile table td {
  border: 1px solid white;
  padding: 15px 20px;
  border: 1px solid #cecece;
}
.post-content.profile table td:first-child {
  background: #efefef;
  width: 160px;
  font-weight: bold;
}
.post-content.profile table td:last-child {
  width: 540px;
}


/* *~*~*~*~*~*~*~*~*~*~* BIOGRAPHY *~*~*~*~*~*~*~*~*~*~* */

/* 年表枠組み */
.post-content.biography .biography-layout {
  margin-left: 50px;
  border-left: 3px solid #cecece;
}
/* 年齢表示 */
.post-content.biography .old {
  width: 50px;
}
.post-content.biography .old .old-image img {
  width: 180px;
  height: 120px;
}
.post-content.biography .old .old-inner {
  font-weight: bold;
  font-size: 140%;
  width: 50px;
  height: 50px;
  background: #2ca38f;
  border-radius: 25px;
  line-height: 50px;
  color: white;
  text-align: center;
  margin-left: -26px;
  position: absolute;
  z-index: 1000;
}
/* 年数表示 */
.post-content.biography .old-list .year {
  line-height: 50px;
  color: #2ca38f;
  font-weight: bold;
  font-size: 120%;
}
/* 各年度の詳細表示 */
.post-content.biography .old-list {
  padding-bottom: 20px;
}
.post-content.biography .old-list div.tips {
  padding-bottom: 10px;
}

/* 月 */
.post-content.biography .old-list table td {
  padding-bottom: 8px;
}
.post-content.biography .old-list .month {
  font-weight: bold;
  width: 45px;
}
.post-content.biography .old-list span.tips {
  display: block;
  color: #CE3744;
}


/* *~*~*~*~*~*~*~*~*~*~* RESULT *~*~*~*~*~*~*~*~*~*~* */

.post-content.result {}

.not-bold {
  font-weight: 400;
}

/* トーナメント名 */
.post-content.result .tour-title {
  font-size: 180%;
  margin: 35px 0 10px;
}
.post-content.result .tour-title:first-child {
  margin-top:0;
}
.post-content.result .tour-title .date {
  font-size: 90%;
  color: #b1b2ad;
}
.post-content.result p {
  padding-bottom: 0;
}
.post-content.result br {
  display: none;
}
.post-content.result .tour-info {
  font-size: 110%;
  border-bottom: 1px solid #cecece;
  padding: 10px 0;
}
.post-content.result .tour-info .r {
  color: #2ca38f;
}
.post-content.result .tour-round {
  padding-right: 10px;
}
.post-content.result .tour-section {
  font-size: 130%;
  color: #b1b2ad;
  margin: 15px 0 0;
}
.post-content.result .tour-info:first-child {
  border-top: 1px solid #cecece;
}
.post-content.result .tour-info:before,
.post-content.result .tour-info:after {
    content: "";
    display: table;
}
.post-content.result .tour-info:after {
    clear: both;
}

/* 試合結果テーブル本体 */
.post-content.result .match-table {
  width: 100%;
}
/* 試合結果テーブル:td */
.post-content.result .match-table td {
  padding: 4px 6px;
  border: 1px solid #2ca38f;
}
.post-content.result thead {
  background: #2ca38f;
  color: white;
}
.post-content.result thead .type {
  width: 10%;
  text-align: center;
}
.post-content.result thead .result {
  width: 15%;
  text-align: center;
}
.post-content.result thead .versus{
  width: 50%;
}
.post-content.result thead .score{
  width: 35%;
}


.post-content.result tbody td {
  font-size: 120%;
}

/* *~*~*~*~*~*~*~*~*~*~* GALLERY *~*~*~*~*~*~*~*~*~*~* */

.post-content.gallery {}
.post-content.gallery .thumb-list {
  width: 220px;
  height: 140px;
  overflow: hidden;
  background: #eaeaea;  
  float: left;
  margin-bottom: 5px;
  position: relative;
}
.post-content.gallery .thumb-list:nth-child(3n-1),
.post-content.gallery .thumb-list:nth-child(3n-2) {
  margin-right: 5px;
}
.post-content.gallery .thumb-list .shadow-text{
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3px;
  background: #000;
  color: white;
  font-size: 85%;
}
.post-content.gallery .thumb-list img {
  width: 220px;
  height: auto;
  text-align: center;
}

/* *~*~*~*~*~*~*~*~*~*~* MOVIE *~*~*~*~*~*~*~*~*~*~* */

.post-content.movie-archive {}
.post-content.movie-archive .thumb-list {
  width: 330px;
  height: 212px;
  overflow: hidden;
  background: transparent;  
  float: left;
  margin-bottom: 5px;
  position: relative;
}
.post-content.movie-archive .thumb-list:nth-child(odd) {
  margin-right: 5px;
}
.post-content.movie-archive .thumb-list .shadow-text{
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3px;
  background: #000;
  color: white;
  font-size: 85%;
}
.post-content.movie-archive .thumb-list img {
  width: 330px;
  height: auto;
  text-align: center;
}
.post-content.movie-archive .thumb-list a:after {
  position: absolute;
  content: url(./img/icon-play.png);
  top: 50%;
  left: 50%;
  transform: scale(0.5, 0.5) translate(-50%, -50%);
  -webkit-transform: scale(0.5, 0.5) translate(-50%, -50%);
  -moz-transform: scale(0.5, 0.5) translate(-50%, -50%);
  -ms-transform: scale(0.5, 0.5) translate(-50%, -50%);
  margin: -20px -19px 0;
}

.post-content.movie-archive .thumb-list:hover a:after {
  opacity: 0.8;
}


/* *~*~*~*~*~*~*~*~*~*~* TOPICS ARCHIVE *~*~*~*~*~*~*~*~*~*~* */

.post-content.topics-archive .thumb-list {
  float: left;
  overflow: hidden;
  position: relative;
  margin-bottom: 25px;
}
.post-content.topics-archive .thumb-list .post-info  {
  width: 470px;
  padding-left: 20px;
}
.post-content.topics-archive .thumb-list .post-title  {
  display: block;
  font-weight: bold;
  font-size: 160%;
  color: #292e34;
}
.post-content.topics-archive .thumb-list .content  {
  color: #b1b2ad;
  margin: 5px 0;
}
.post-content.topics-archive .thumb-list .post-link {
  display: block;
  padding-top: 10px;
}
.post-content.topics-archive .thumb-list .post-thumb img {
  width: 180px;
  height: 180px;
}
.post-content.topics-archive .thumb-list .topics-data.absolute {
  position: absolute;
  top: 0;
  left: 0;
}
.post-content.topics-archive .thumb-list .topics-data .topics-date {
  background: transparent;
  padding: 0;
  margin-bottom: 5px;
  font-size: 140%;
}
.post-content.topics-archive .thumb-list .topics-data .topics-type {
  background: #181b1e;
}

/* *~*~*~*~*~*~*~*~*~*~* SINGLE(TOPICS) *~*~*~*~*~*~*~*~*~*~* */

.post-content.single .post-date{
  color: #b1b2ad;
  margin-bottom: 15px;
}
.post-content.single .single-content{
  line-height: 1.8;
}
.post-content.single .single-content br {
  margin-bottom: 10px;
}


/* *~*~*~*~*~*~*~*~*~*~* TEAM *~*~*~*~*~*~*~*~*~*~* */

.post-content.team .box,
.post-content.sponsor .box {
  padding: 40px 0;
  border-bottom: 1px solid #cecece; 
}
.post-content.team .box:first-child,
.post-content.sponsor .box:first-child {
  padding-top: 0;
}
.post-content.team .box .box-right,
.post-content.sponsor .box .box-right {
  padding: 0 35px;
  width: 380px;
}
.post-content.team .box .box-right .box-name,
.post-content.sponsor .box .box-right .box-name {
  font-size: 140%;
  font-weight: bold;
}
.post-content.team .box .box-right .box-name-sub,
.post-content.sponsor .box .box-right .box-name-sub {
  color: #b1b2ad;
  font-size: 100%;
  margin-bottom: 15px;
}
.post-content.team .box .box-right p:last-child,
.post-content.sponsor .box .box-right p:last-child {
  padding-bottom: 0;
}


/* *~*~*~*~*~*~*~*~*~*~* BASE *~*~*~*~*~*~*~*~*~*~* */

.post-content.base {}
.post-content.base table {
  margin-bottom: 40px;
}
.post-content.base table .base-name {
  font-size: 160%;
  text-align: left;
  padding: 0 0 20px;
}
.post-content.base table td {
  border: 1px solid #cecece;
}
.post-content.base table .form-table-left {
  padding: 15px;
  background: #efefef;
  font-weight: bold;
  width: 180px;
  vertical-align: middle;
}
.post-content.base table .form-table-right {
  padding: 15px;
}


/* *~*~*~*~*~*~*~*~*~*~* CONTACT *~*~*~*~*~*~*~*~*~*~* */

.contact .notice-head {
  font-weight: bold;
  margin-bottom: 10px;
}
.contact .notice {
  margin-bottom: 25px;
}
.contact .wpcf7-form table td {
  border: 1px solid #cecece;
}
.contact .wpcf7-form table .form-table-left {
  padding: 20px;
  background: #efefef;
  font-weight: bold;
  width: 180px;
  vertical-align: middle;
}
.contact .wpcf7-form table .form-table-right {
  padding: 20px;
}
.contact-table-name {
  font-size: 160%;
  text-align: left;
  padding: 0 0 20px;
}


/* *~*~*~*~*~*~*~*~*~*~* Supporters club *~*~*~*~*~*~*~*~*~*~* */

.supporters-club h3 {
  font-size: 180%;
  font-weight: bold;
  margin: 30px 0 10px;
}
.supporters-club h4 {
  font-size: 140%;
  font-weight: bold;
  margin: 20px 0 10px;
}
.supporters-club p {
  padding: 0;
  font-size: 115%;
  line-height: 1.6;
}
.supporters-club p + p {
  margin-bottom: 10px;
}

.supporters-club .clubterm {
  font-size: 90%;
  border: 1px solid #ddd;
  background: #fafafa;
  padding: 20px;
}


/* *~*~*~*~*~*~*~*~*~*~* CATEGORY *~*~*~*~*~*~*~*~*~*~* */

/* PAGING */
.wp-pagenavi {
  clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
  border: 1px solid #cecece;
  padding: 5px;
  margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
  border-color: #cecece;
}
.wp-pagenavi span.current {
  font-weight: bold;
}
.paging {
  padding-top: 20px;
  clear: both;
}
.paging .wp-pagenavi {
  text-align: center;
}
.paging .wp-pagenavi .current {
  padding: 5px;
  border: 1px solid #cecece;
  color: #b1b2ad;
}
.paging .wp-pagenavi a {
  padding: 5px;
  border: 1px solid #2ca38f;
  background: transparent;
  color: #2ca38f;
  font-weight: bold;
}
.paging .wp-pagenavi a:hover {
  padding: 5px;
  border: 1px solid #2ca38f;
  background: #2ca38f;
  text-decoration: none;
  color: white;
}


/* ==== MOBILE ===== */
/* ================= */

@media (min-width: 768px) {
  .visible-mobile {
    display: none !important;
  }
  .slicknav_menu {
    display: none !important;
  }
}


/* ==== TOP ===== */
@media (max-width: 767px) {
  .hidden-mobile {
    display: none !important;
  }
  body {
    width: 100%;
  }
  img {
    max-width: 100% !important;
    height: auto !important;
  }
  .inner {
    width: 100%;
  }
  .container > .inner > .l,
  .container > .inner > .r {
    width: 100%;
  }
}

/* ==== TOP ===== */
@media (max-width: 767px) {
  #slider {
    width: 100%;
  }
  .header .inner {
    width: 100%;
  }
  .header.top .cover {
    width: 100%;
    height: 360px;
    margin-bottom: 10px;
    background-position: -40px center;
  }
  .boxes {
    width: 96%;
    margin: 0 2% 20px;
  }
  .topics-main {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .topics-main .topics-title {
    font-size: 140%;
  }
  .topics-sub {
    float: none;
    width: 100%;
    padding: 10px 0;
  }
  .rank-wta, .rank-jta {
    width: 100%;
    padding: 0;
    border: 0;
  }
  .rank-wta {
    padding-bottom: 20px;
    border-bottom: 1px solid #cecece;
  }
  .rank-jta {
    padding-top: 20px;
  }
  .boxes.gallery .thumb-list, .boxes.movie .thumb-list {
    float: none;
    margin-right: 0;
  }
  .boxes.movie .thumb-list a:after {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    margin: -50px -40px 0;
  }
  #logo {
    margin-left: 2%;
    padding-top: 20px;
  }
  .boxes.gallery .thumb-list img {
    width: 100%;
  }
  .boxes.movie .thumb-list img {
    width: 100%;
  }
  .nav-banner {
    padding: 0 6%;
    margin-left: 0;
    left: 0;
    bottom: 10px;
  }
  .nav-banner li {
    width: 31%;
    margin-right: 3%;
    box-shadow: none;
    padding: 0;
    margin-bottom: 8px;
  }
  .nav-banner li:last-child {
    margin-right: 0;
  }
  .nav-banner .inner {
    width: 100%;
  }

  .nav-banner.visible-mobile {
    margin-bottom: 20px;
  }
  .nav-banner.visible-mobile li {
    width: 46%;
    background: white;
    border:1px solid #aaa;
    text-align: center;
  }
  .nav-banner.visible-mobile li img {
    max-height: 200px;
  }
}


/* ==== Pages ===== */
@media (max-width: 767px) {
  .page-content {
    width: 96%;
    padding: 20px 2% 0;
  }
  .post-content {
    width: 100%;
    padding-right: 0;
    border-right: 0;
  }
  .page-header .page-title {
    font-size: 180%;
    padding-left: 0;
  }
  .page-header .page-title:after {
    border-bottom: 0;
  }
}
/* ==== Singles ===== */
@media (max-width: 767px) {
  .post-content.single .single-content {
    font-size: 120%;
    line-height: 1.6;
    
  }
}

/* ==== Profile ===== */
@media (max-width: 767px) {
  .post-content.profile .about .l {
    width: 34%;
  }
  .post-content.profile .about .r {
    width: 59%;
    padding: 0 2% 0 5%;
    background: transparent;
  }
}

/* ==== POST Archive ===== */
@media (max-width: 767px) {
  .post-content .thumb-list {
    width: 100% !important;
    height: auto!important;
    margin-bottom: 15px!important;
    padding-bottom: 15px!important;
    border-bottom: 1px solid #cecece;
  }
  .post-content.topics-archive .thumb-list .post-info {
    width: 68%;
    padding-left: 4%;
  }
  .post-content.topics-archive .thumb-list .post-thumb {
    width: 28%;
  }
}

/* ==== Youtube Archive ===== */
@media (max-width: 767px) {
  .post-content .thumb-list .youtube img {
    width: 100% !important;
    height: 100% !important
  }
  .post-content.movie-archive .thumb-list .shadow-text {
    bottom: 21px;
  }
}

/* ==== Gallery Archive ===== */
@media (max-width: 767px) {
  .post-content.gallery .thumb-list {
    width: 48% !important;
    background: transparent;
    border-bottom: 0;
    margin-right: 0!important;
  }
  .post-content.gallery .thumb-list:nth-child(odd) {
    margin-right: 4%!important;
  }
}  

/* ==== BIOGRAPHY ===== */
@media (max-width: 767px) {
  .post-content.biography .biography-layout {
    margin-left: 30px;
  }
}

/* ==== TEAM ===== */
@media (max-width: 767px) {
  .post-content.team .box .box-right {
    padding: 0;
    width: 100%;
  }
}


/* ==== SPONSOR ===== */
@media (max-width: 767px) {
  .post-content.sponsor .box .box-right {
    padding: 0;
    width: 100%;
  }
}