@charset "UTF-8";

/*------------------------------------------------------
 Base (Mobile First)
------------------------------------------------------*/
body{
    color: #575757;
    background: #FFFFFF;
    width: 100%;
    line-height: 2em;
    -webkit-text-size-adjust: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
    font-size: 13px;
}
 
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: 1.4;
}
 
img{
    max-width: 100%;
    vertical-align: bottom;
	height: auto;
}
 
/* clearfix */
.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 
/* For IE 6/7 only */
.clearfix {
    zoom: 1;
}
.fade {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
.fade:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

a {
	color: #575757;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
	text-decoration: none;
}

.mb24 {
	margin-bottom: 24px;
}

.random-banner {
	display: none;
	}
.random-banner.show {
	display: block;
}
.taboola-pc {
	display: none;
}
/*  ページネーション
-------------------------*/
.pagenation {
    margin: 1em auto;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0 auto;
    text-align: center;
}
.pagenation li {
    list-style: none outside none;
    margin-left: 3px;
    display: -moz-inline-box;
  display: inline-block;
  display: inline;

}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

/* 投稿記事改ページ */
/* 上段部分 */
.next-page-link {
  width:35%;
  text-align:center;
  border-radius:30px;
  background: #333;
  margin-top: 40px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
.next-page-link a {
  display:block;
  margin:5px 0;
  color: #fff;
  text-decoration:none;
}
.next-page-link:hover {
  background: #555;
}

/* 下段部分 */
.page-link{
  margin: 10px 0 40px 0;
  text-align:center;
}
.comment-page-link{
  margin: 1em 1em 3em;
  text-align: center;
}
.page-link span,
.comment-page-link span,
.comment-page-link a{
  margin-right: 3px;
  padding: 5px 8px;
  background: #F00;
  color: #FFF;
  border-radius:5px;
}
.page-link a span,
.comment-page-link a{
  background: #fff;
  color:#000;
}
.page-link a{
  border-bottom: none;
  color: #000;
  text-decoration:none;
}

.page-link a span:hover,
.comment-page-link a:hover{
  background: #F00;
  color: #FFF;
}


/* header
================================================ */
/*ヘッダーまわりはサイトに合わせて調整してください*/
header {
  padding:15px;
  background: #FFF;
  border-bottom: 2px solid #F00;
  overflow: hidden;
}

header h1 {
	text-align: left;
	width: 35%;
	float: left;
	margin-right: 2%;
}

header h1 img {
	width: 100%;
}

.head-banner {
	display: block;
}

.head-banner img {
	display: block;
	width: 60%;
}

#nav-drawer {
	position: relative;
}

#head-sns {
	display: none;
}

#pankuzu {
	width: 100%;
	margin-bottom: 24px;
	padding-left: 5%;
	padding-right: 5%;
}

#pankuzu li {
	display: inline-block;
	font-size: 11px;
	line-height: 1.5em;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

/* nav
================================================ */
.drawer-menu li.title {
	color: #FFF;
	font-size: 20px;
	padding: 12px;
	display: block;
	background: #575757;
}

.drawer-dropdown-menu-item {
	color: #FFF;
}

.drawer-dropdown.alljpn {
	background: #F70000;
}
.drawer-dropdown.vleague {
	background: #ff8200;
}
.drawer-dropdown.beach {
	background: #00b5de;
}
.drawer-dropdown.person {
	background: #60cb19;
}
.drawer-dropdown.student {
	background: #009e05;
}
.drawer-dropdown.present {
	background: #ff78a9;
}
.drawer-dropdown.column {
	background: #ffc800;
}

/* ドロップダウン無しメニュー */
.drawer-menu-item.overseas {
	background: #606fde;
}

.drawer-menu-item.overseas:hover {
	background: #9ca6ef;
}

/* 記事スライドショー */
.slides {
  position: relative;
  top: 0;
  left: 50%;
  overflow: hidden;
  width: 100%;
  height: 180px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
 
#slider-area {
  position: relative;
  margin-bottom: 50px;
}
 
.slides-inner {
  position: relative;
  top: 0;
  width: 100%;
}
 
.slidekiji {
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
}
 
.slidekiji img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
 
.slidekiji .text {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 0 40px;
  padding-top: 20px;
  padding-bottom: 5px;
  background: linear-gradient(top, rgba(255, 255, 255, 0) 2%, #000 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 2%, #000 100%);
  background: -moz-linear-gradient(top, #969696 2%, #000 100%);
  text-shadow: 0 0 3px #000;
  -moz-text-shadow: 0 0 3px #000;
  -webkit-text-shadow: 0 0 3px #000;
}
 
.slidekiji .kiji-date {
  font-size: 1em;
  color: #fff;
}
 
.slidekiji .cat-data {
  font-size: 1em;
  color: #fff;
  background-color: transparent;
}
 
.slidekiji h2 {
  font-size: 1.2em;
  margin: 0;
  color: #fff;
}
 
#pager {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
 
#pager .prev, #pager .next {
  line-height: 26px;
  position: absolute;
  top: 0;
  width: 26px;
  height: 26px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  text-decoration: none;
  color: #FFF;
  background: #333;
}
 
#pager .prev {
  left: 0;
}
 
#pager .next {
  right: 0;
}
 
.slides-nav {
  position: absolute;
  bottom: -35px;
  left: 0;
  width: 100%;
  text-align: center;
}
 
.slides-nav a {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  border-radius: 50%;
  background: #ccc;
}
 
.slides-nav a.active {
  cursor: default;
  background: #333;
}

.banner-slide a{
	display: block;}

/* ログリー
================================================ */
#logly-lift-4300407 {
	display: block;
}
#logly-lift-4314695 {
	display: block;
}

#logly-lift-4300405 {
	display: none;
}
#logly-lift-4314694 {
	display: none;
}

/* contents
================================================ */
main {
	width: 100%;
}

#top-slider {
	width: 100%;
	height: 180px;
	background: #CCC;
	text-align: center;
	vertical-align: middle;
	padding-top: 60px;
}

.nav {
	display: none;
}

#sp-top-banner-top {
	display: block;
	margin: 0 5% 5% 5%;
}

#sp-top-banner {
	display: block;
	margin: 0 5% 5% 5%;
}
#sp-top-banner02 {
	display: block;
	margin-top: 24px;
}
#sp-top-banner02 ul li {
	margin-bottom: 12px;
}
#sp-top-banner ul li {
	margin-bottom: 12px;
}

#gnavi {
	width: 100%;
	overflow: hidden;
	margin-bottom: 8px;
}

#gnavi li {
	float: left;
	width: 25%;
	text-align: center;
	font-size: 100%;
}

#gnavi li a {
	text-decoration: none;
	color: #FFF;
}

#gnavi li a:hover {
	text-decoration: none;
}

#gnavi li.alljpn a {
  background-color: #F70000;
  display: block;
  padding: 4px;
}
#gnavi li.vleague a {
  background-color: #ff8200;
  display: block;
  padding: 4px;
}
#gnavi li.beach a {
  background-color: #00b5de;
  display: block;
  padding: 4px;
}
#gnavi li.person a {
  background-color: #60cb19;
  display: block;
  padding: 4px;
}
#gnavi li.student a {
  background-color: #009e05;
  display: block;
  padding: 4px;
}
#gnavi li.overseas a {
  background-color: #606fde;
  display: block;
  padding: 4px;
}
#gnavi li.present a {
  background-color: #ff78a9;
  display: block;
  padding: 4px;
}
#gnavi li.column a {
  background-color: #ffc800;
  display: block;
  padding:4px;
}

#contents {
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 24px;
}

#newsWarp {
	margin-bottom: 24px;
	overflow: hidden;
}

#commonWarp {
	margin-bottom: 24px;
	overflow: hidden;
}
h2.toptitle {
	background: #ce0000;
	color: #FFF;
	text-align: center;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	padding: 4px;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 12px;
}

.newMark {
	font-size: 80%;
	color: #F00;
	float: left;
	margin-right: 4px;
}


.newNewsBox {
	width: 100%;
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}

.newNewsBox img {
	display: block;
	width: 20%;
	height: 20%;
	float: left;
	margin-right: 3%;
	object-fit: cover;
}

.newNewsBox .newsText {
	overflow: hidden;
}

.newNewsBox .time li {
	font-size: 90%;
}

.newNewsBox .newstitle {
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
	clear: both;
}

.newBookArea {
	display: none;
}

.subNewsArea {
	overflow: hidden;
	clear: both;
	margin-bottom: 24px;
}

.subNewsArea .newsBox {
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}

.subNewsArea .newsBox img {
	display: block;
	width: 20%;
	max-height: 50px;
	float: left;
	margin-right: 3%;
	margin-bottom: 8px;
	object-fit: cover;
}

.subNewsArea .newsBox .newsText {
	overflow: hidden;
}

.caticon {
	float: left;
	margin-right: 4px;
}
.caticon li {
	background: #000;
	color: #FFF;
	font-size: 80%;
	text-align: center;
	padding: 3px;
	min-width: 90px;
	height: 22px;
	line-height: 18px;
}

.caticon li a {
	text-decoration: none;
	display: block;
}

.caticon li.alljpn,
.caticon li.alljpn-women,
.caticon li.alljpn-men,
.caticon li.alljpn-photo,
.caticon li.alljpn-under,
.caticon li.alljpn-japan {
	background: #F70000;
	color: #FFF;
}
.caticon li.vleague,
.caticon li.vleague-v1,
.caticon li.vleague-v2v3,
.caticon li.vleague-photo,
.caticon li.vleague-movie {
	background: #ff8200;
	color: #FFF;
}
.caticon li.league,
.caticon li.sv-men,
.caticon li.v-men,
.caticon li.v-women,
.caticon li.sv-women {
	background: #ff8200;
	color: #FFF;
}
.caticon li.beach,
.caticon li.beach-news,
.caticon li.beach-photo,
.caticon li.beach-movie {
	background: #00b5de;
	color: #FFF;
}
.caticon li.club,
.caticon li.club-all,
.caticon li.company,
.caticon li.nine {
	background: #60cb19;
	color: #FFF;
}
.caticon li.person,
.caticon li.person-photo,
.caticon li.person-mamasan,
.caticon li.person-movie,
.caticon li.person-club {
	background: #60cb19;
	color: #FFF;
}
.caticon li.student,
.caticon li.student-highschool,
.caticon li.student-elementaryschool,
.caticon li.student-university,
.caticon li.student-middleschool,
.caticon li.student-photo,
.caticon li.student-movie,
.caticon li.student-vocational {
	background: #009e05;
	color: #FFF;
}
.caticon li.overseas {
	background: #606fde;
	color: #FFF;
}
.caticon li.topix,
.caticon li.column,
.caticon li.information,
.caticon li.topix-all {
	background: #ff78a9;
	color: #FFF;
}
.caticon li.present,
.caticon li.present-information {
	background: #ff78a9;
	color: #FFF;
}
.caticon li.column,
.caticon li.column-photographer,
.caticon li.column-lighter,
.caticon li.column-editorial {
	background: #ffc800;
	color: #FFF;
}

#newsWarp .time li {
	font-size: 90%;
}

.newsBox .newstitle {
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
	clear: both;
}
.newsBox .newstitle a {
	color: #000;
}

.vb-bookArea {
	margin-bottom: 24px;
	margin-top: 24px;
}

#youtubeBox-sp {
	width: 90%;
	margin: 0 auto;
}

#youtubeBox-sp iframe {
	width: 100%;
}
table.info {
	border-collapse:collapse;
	margin-bottom: 24px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
  }
  
  table.info td {
	padding:10px 4px;
	border: 1px solid #666;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	line-height: 1.5em;
  }


/* ダブルレクタングル
----------------------------------------------------*/
.top-ad {
	margin: 24px 0;
}
.top-gtp-adArea-sp {
	margin-bottom: 24px;
	text-align: center;
}
.top-gtp-adArea-pc {
	display: none;
}
.foot-gtp-ad-pc {
	display: none;
}
.foot-gtp-ad-sp {
	position: fixed;
	z-index: 1000;
	bottom: 0;
	width: 100%;
	height: 100px;
	text-align: center;
	display: flex;
	justify-content: center; 
	align-items: center;   
	background-color: rgba(200,200,200,0.5);
}
.ad_overlay__inner {
	margin: 0 auto;
	bottom: 0;
	text-align: center; }

.news-foot-ad-pc {
	display: none;
}
.news-foot-ad-sp .news-foot-adleft {
	margin-bottom: 5%;
}

/* sideArea
================================================ */
.side-youtubeBox {
	display: block;
}
.bannarArea {
	margin-bottom: 24px;
	text-align: center;
}
.bannarArea.pc {
	display: none;
}

.bannarArea ul li {
	margin-bottom: 12px;
}

.bannarArea ul li:last-child {
	margin-bottom: 0;
}

#fb {
	margin-bottom: 24px;
}
.rankingArea {
	margin-bottom: 24px;
}

.ranking-title {
	text-align: center;
	background: #ce0000;
	padding: 8px;
	color: #FFF;
	margin-bottom: 12px;
}

#searchArea {
	margin-bottom: 12px;
}

.wpp-list li {
	font-size: 13px;
	line-height: 1.5em;
}

#side-sns ul li {
	width: 16%;
	display: inline-block;
	margin-bottom: 12px;
	margin-right: 5%;
}
#side-sns ul li:last-child {
	margin-right: 0;
}

#side-sns-sp {
	width: 90%;
	margin: 0 auto;
}

#side-sns-sp ul {
	text-align: center;
}

#side-sns-sp ul li {
	width: 16%;
	display: inline-block;
	margin-bottom: 12px;
	margin-right: 5%;
}
#side-sns-sp ul li:last-child {
	margin-right: 0;
}
.wpp-post-title {
	text-align: left;
}


/* 共通項目
================================================ */
h2.cat {
	background: #F00;
	color: #FFF;
	text-align: left;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	padding: 4px 4px 4px 8px;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 24px;
}

.pagination {
	font-size: 1.1em;
	overflow: hidden;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	width: auto;
	margin-right: 0.5em;
	padding: 0.2em 0.8em;
	background-color: #eee;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #333;
	text-decoration: none;
}
.pagination a:hover {
	background-color: #fff;
}
.pagination .current{
	background-color: #fff;
	font-weight: bold;
}

.pagination .mb_page_navi{
	display: none;
}
.pagination .pc_page_navi{
	display: block;
}

#newsWarp h2.alljpn {
	background: #F70000;
}
#newsWarp h2.vleague {
	background: #ff8200;
}
#newsWarp h2.beach {
	background: #00b5de;
}
#newsWarp h2.person {
	background: #60cb19;
}
#newsWarp h2.student {
	background: #009e05;
}
#newsWarp h2.overseas {
	background: #606fde;
}
#newsWarp h2.column {
	background: #ffc800;
}
#newsWarp h2.present {
	background: #ff78a9;
}

#ad-bannerArea {
	overflow: hidden;
	margin-bottom: 24px;
}

#ad-bannerArea ul li {
	margin-bottom: 24px;
}
#ad-bannerArea ul li:last-child {
	margin-bottom: 0;
}

/* 大会関係カラバリ */
.green {
	color: #00b909;
}

.green-bg {
	background: #00b909;
}


.green li a {
	background: #00b909;
}

.onlineshop-btn {
	width: 100%;
	text-align: center;
}
.onlineshop-btn.off {
	background: #a4a4a4;
	font-weight: bold;
	color: #FFF;
	border-radius: 12px;
	padding: 12px;
	margin-bottom: 24px;
}

.onlineshop-btn {
	background: #007bc7;
	font-weight: bold;
	color: #FFF;
	border-radius: 12px;
}

.onlineshop-btn a {
	display: block;
	color: #FFF;
	padding: 12px;
}

.resultmovie-btn li {
	display: block;
	padding: 6px;
	background: #F00;
	color: #FFF;
	margin-bottom: 6px;
	border-radius: 6px;
	/*vertical-align: middle;*/
}
.resultmovie-btn li.off {
	display: block;
	padding: 6px;
	background: #929292;
	color: #FFF;
	margin-bottom: 6px;
	border-radius: 6px;
	/*vertical-align: middle;*/
}

.resultmovie-btn li > a {
	display: block;
	color: #FFF;
	padding: 6px;
	margin-right: 6px;
	border-radius: 6px;
}


/* ニュース一覧ページ
================================================ */
.news-listBox {
	overflow: hidden;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #CCC;
	clear: both;
}

.news-listThumb {
	width: 20%;
	float: left;
	margin-right: 12px;
}

.post {
	overflow: hidden;
}

.post .caticon {
	float: left;
	margin-right: 4px;
}
.post .caticon li {
	display: inline;
	color: #FFF;
	font-size: 67%;
	text-align: center;
	padding: 3px;
}

.post .caticon li a {
	text-decoration: none;
	display: block;
}

.post h1.title {
	clear: both;
}

.photoThumb {
	background-position: center top;
}

/* 記事詳細ページ
================================================ */
.singleTitleArea {
	overflow: hidden;
	padding-bottom: 8px;
	border-bottom: 2px solid #CCC;
	margin-bottom: 24px;
}

.singleTitleArea h2 {
	font-size: 16px;
	line-height: 1.5em;
	width: 100%;
	display: block;
	margin-bottom: 8px;
	color: #000!important;
}

.textArea {
	margin-bottom: 24px;
	border-bottom: 2px solid #CCC;
	padding-bottom: 24px;
}

.textArea img {
	text-align: center;
}

.pagelinkArea {
	padding: 12px 0;
	border-top: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
	margin-bottom: 48px;
}

.pagelinkArea ul.pagelink {
	overflow: hidden;
	font-size: 13px;
}

.pagelinkArea ul.pagelink .prev {
	float: left;
}

.pagelinkArea ul.pagelink .next {
	float: right;
}
.newstitle-bottom img {
	height: 120px!important;
	width: 100%;
}

/* プレゼントページ
================================================ */

.itemArea {
	overflow: hidden;
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px dotted #CCC;
}

.info {
	overflow: hidden;
	margin-bottom: 12px;
}

.info .number {
	float: left;
	margin-right: 3%;
	font-size: 400%;
	font-weight: bold;
	color: #F00;
	padding-top: 12px;
}

.info dl {
	padding-left: 3em;
	line-height: 1.5em;
}

.info dl dt {
	font-size: 13px;
	line-height: 1em;
	margin-bottom: 4px;
}

.info dl dd {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3em;
}

.itemArea img {
	margin-bottom: 12px;
}


.presentText .textBox p {
	font-size: 14px;
	line-height: 1.8em;
}
.presentText .textBox .note {
	font-size: 11px;
	line-height: 1.5em;
	padding-top: 12px;
	margin-bottom: 8px;
}
.presentText .maru {
 height:70px;
 width:70px;
 border-radius:50%;
 line-height:70px;
 text-align:center;
 background: #F00;
}

.presentText .maru p {
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
}

.presentText .maru p span {
	font-size: 8px;
}



/* 試合速報共通
================================================ */
.breakingArea h2.active {
	background: #e40077;
	color: #FFF;
	font-size: 14px;
	padding: 10px;
	margin-bottom: 12px;
	text-align: center;
}
.breakingArea h2 a {
	width: 100%;
	background: #FFF;
	color: #e40077;
	text-align: center;
	font-size: 14px;
	padding: 6px;
	display: block;
	margin-bottom: 12px;
	border: 3px solid #e40077;
}
.breakingArea h2 a:hover {
	background: #e40077;
	color: #FFF;
}
.breakingArea h2.off {
	width: 100%;
	background: #FFF;
	color: #9d9d9d;
	text-align: center;
	font-size: 14px;
	padding: 6px;
	display: block;
	margin-bottom: 12px;
	border: 3px solid #9d9d9d;
}
.resultBox-2 {
	overflow: hidden;
}

.resultBox-2 ul li {
	width: 48.5%;
	float: left;
	font-size: 16px;
	background: #FFF;
	color: #e40077;
	text-align: center;
	margin-right: 3%;
	margin-bottom: 3%;
	font-weight: bold;
}
.resultBox-2 ul li a {
	border: solid 2px #e40077;
	color: #e40077;
}
.resultBox-2 ul li a:hover {
	background: #e40077;
	color: #FFF;
}
.resultBox-2 ul li.active a {
	background: #e40077;
	color: #FFF;
}
.resultBox-2 ul li a:hover {
	background: #e40077;
	color: #FFF;
}

.resultBox-2 ul li:nth-child(even) {
	margin-right: 0;
}

.resultBox-2 ul li a {
	display: block;
	padding: 6px;
}

.resultBox-2.men ul li {
	background: #1f50c6;
}

.resultBox-2.men ul li.active {
	background: #FFF;
	color: #1f50c6;
}
.resultBox-2.men ul li a {
	background: #FFF;
	color: #1f50c6;
	border: 2px solid #1f50c6;
}
.resultBox-2.men ul li.active a {
	color: #FFF;
	border: 2px solid #1f50c6;
	background: #1f50c6;
}
.resultBox-2.men ul li a:hover {
	color: #FFF;
	border: 2px solid #1f50c6;
	background: #1f50c6;
}

.resultBox-2.women ul li.active {
	background: #FFF;
	color: #e40077;
}
.resultBox-2.women ul li.active a {
	color: #FFF;
	border: 2px solid #e40077;
}
.resultBox-2.women ul li a:hover {
	background: #e40077;
	color: #FFF;
	border: 2px solid #e40077;
}
.resultBox-2.mix ul li {
	background: #653cc3;
}
.resultBox-2.mix ul li.active {
	background: #FFF;
	color: #653cc3;
}
.resultBox-2.mix ul li a {
	background: #FFF;
	color: #653cc3;
	border: 2px solid #653cc3;
}
.resultBox-2.mix ul li.active a {
	color: #FFF;
	border: 2px solid #653cc3;
	background: #653cc3;
}
.resultBox-2.mix ul li a:hover {
	color: #FFF;
	border: 2px solid #653cc3;
	background: #653cc3;
}
.resultBox-2.other ul li.men a {
	background: #FFF;
	color: #1f50c6;
	border: 2px solid #1f50c6;
}
.resultBox-2.other ul li.women a {
	background: #FFF;
	color: #e40077;
	border: 2px solid #e40077;
}
.resultBox-2.other ul li.mix a {
	background: #FFF;
	color: #653cc3;
	border: 2px solid #653cc3;
}
.resultBox-2.other ul li.men a:hover {
	background: #1f50c6;
	color: #FFF;
}
.resultBox-2.other ul li.women a:hover {
	background: #e40077;
	color: #FFF;
}
.resultBox-2.other ul li.mix a:hover {
	background: #653cc3;
	color: #FFF;
}
table.breakingNews {
  border-collapse:collapse;
  margin-bottom: 24px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

table.breakingNews td {
  padding:10px 4px;
  border: 1px solid #666;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
}

table.breakingNews.men td.data {
	background: #1f50c6;
	color: #FFF;
	padding: 4px;
}

table.breakingNews.women td.data {
	background: #d72c70;
	color: #FFF;
	padding: 4px;
}

table.breakingNews td.temaname {
	font-size: 14px;
	width: 40%;
}

table.breakingNews td.score {
	width: 8%;
}

/* 試合結果
================================================ */
.resultArea h2 {
	width: 100%;
	background: #e40077;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	margin-bottom: 24px;
	padding: 6px;
}

.resultArea h2.men {
	background: #FFF;
	color: #1f50c6;
	border: 2px solid #1f50c6;
}
.resultArea h2.men.active {
	background: #1f50c6;
	color: #FFF;
}

.resultArea h2.women {
	background: #FFF;
	color: #e40077;
	border: 2px solid #e40077;
}
.resultArea h2.women.active {
	background: #e40077;
	color: #FFF;
}
.resultArea h2.mix.active {
	background: #653cc3;
	color: #FFF;
}


table.result {
  border-collapse:collapse;
  margin-bottom: 24px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

table.result td {
  padding:10px 4px;
  border: 1px solid #666;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  line-height: 1.5em;
}

table.result td.temaname {
	width: 20%!important;
}

table.result td.totalscore {
	width: 10%!important;
}

table.result.men th {
	background: #1f50c6;
	color: #FFF;
}

table.result.women th {
	background: #d72c70;
	color: #FFF;
}
table.result.mix th {
	background: #653cc3;
	color: #FFF;
}
table.result td.moviebtn img {
	width: 60%;
}
table.result td .moviebtnArea {
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
}

table.result td .moviebtnArea a {
	width: 45%!important;
	margin-right: 5%;
	margin-left: 0;
}
table.result td .moviebtnArea img {
	width: 45%!important;
	margin-right: 5%;
	margin-left: 0;
}
table.result td .moviebtnArea img:last-child {
	margin-right: 0;
}


/* 春高ページ
================================================ */

#harukoWarp {
	width: 100%;
}

#newsWarp h2.harukotitle {
	margin-bottom: 24px;
}

.haruko-titlelogo {
	margin-bottom: 24px;
}
.haruko_page_title {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background: #bc002d;
	margin-bottom: 12px;
	padding: 8px;
}
.haruko-slide {
	margin-bottom: 24px;
}
.haruko_title_txt h3 {
	font-size: 16px;
	margin: 12px 0;
}
.haruko_title_txt p {
	margin-bottom: 24px;
}

.sokuhoLink {
	width: 100%;
	margin-bottom: 24px;
}

.sokuhoLink h2 {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	border: 2px solid #bc002d;
	color: #bc002d;
}

.sokuhoLink h2 a {
	display: block;
	color: #e40077;
	padding: 8px;
}

.sokuhoLink h2 a:hover {
	background: #fbe9f9;
}

.contentsTitle {
	color: #bc002d!important;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 2px;
	border-bottom: 1px solid #bc002d;
	margin-bottom: 16px;
}

.newsArea {
	margin-bottom: 24px;
}

.newsArea h2 {
	margin-bottom: 24px;
}
.newsArea .interhigh {
	background: #00b909;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	border-radius: 8px;
	padding: 8px;
	color: #FFF;
}

.newslist {
	overflow: hidden;
	margin-bottom: 12px;
}

.newslist dt {
	font-size: 11px;
	float: left;
	color: #bc002d;
}

.newslist dd {
	font-size: 14px;
	font-weight: bold;
	padding-left: 6em;
	border-bottom: 1px solid #CCC;
	padding-bottom: 4px;
	margin-bottom: 16px;
}

.newslist dd:last-child {
	margin-bottom: 0;
}

.listpage-btn {
	float: right;
	display: block;
}

.listpage-btn li {
	text-align: center;
	color: #FFF;
	background: #bc002d;
	max-width: 100%;
	font-size: 12px;
}

.listpage-btn li a {
	display: block;
	max-width: 100%;
	padding: 4px 8px;
	color: #FFF;
}
.harukotop a {
	display: block;
	text-align: center;
	color: #FFF;
	background: #bc002d;
	padding: 8px;
	font-size: 20px;
	margin-bottom: 12px;
}

.menu {
	overflow: hidden;
}

.menu ul li {
	width: 100%;
	margin-bottom: 3%;
	color: #FFF;
	background: #636363;
	text-align: center;
	font-size: 20px;
}

.menu ul li.off {
	padding: 8px;
}

.menu ul li a {
	background: #bc002d;
	color: #FFF;
	display: block;
	padding: 8px;
}
.menu ul li.men a {
	background: #61a9b8;
	color: #FFF;
	display: block;
	padding: 8px;
}
.menu ul li.women a {
	background: #fa8b70;
	color: #FFF;
	display: block;
	padding: 8px;
}
.menu-col1 ul li a {
	width: 100%;
	margin-bottom: 3%;
	color: #FFF;
	background: #bc002d;
	text-align: center;
	font-size: 20px;
	display: block;
	padding: 8px;
}

#harukoWarp .minititle {
	width: 100%;
	background: #bc002d;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	margin-bottom: 24px;
	padding: 6px;
}


.yosen-results h2 {
	text-align: center;
	color: #FFF;
	padding: 6px;
	background: #bc002d;
	font-weight: bold;
}

.yosen_table *, .cp_table *:before, .cp_table *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.yosen_table {
	width: 100%;
	border-collapse: collapse;
	border-right: 1px solid #bc002d;
	font-size: 8px;
	line-height: 1.8em;
}
.yosen_table thead th {
	padding: 5px 8px;
	background: #f7c8d8;
	vertical-align: middle;
}
/*.yosen_table thead th:last-child {
	border-right: 1px solid #f7c8d8;
}*/
.yosen_table tbody th {
	padding: 5px 8px;
	vertical-align: top;
	background: #f7c8d8;
	white-space: nowrap;
	vertical-align: middle;
}
/*.yosen_table tbody tr:last-child th {
	border-bottom: 1px solid #f7c8d8;
}*/
.yosen_table tbody td {
	padding: 5px 8px;
	vertical-align: top;
	background: #ffffff;
	vertical-align: middle;
}

.yosen_table tbody td.men {
	background: #d3edfb;
}

.yosen_table tbody td.women {
	background: #fce4d6;
}

.twArea {
	width: 100%;
}

.yosen_table td p.m-btn {
	background: #F00;
	color: #FFF;
	text-align: center;
	font-size: 9px;
	border-radius: 6px;
	padding: 4px;
}
table.haruko_result {
	border-collapse:collapse;
	margin-bottom: 24px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
  }
  
table.haruko_result td {
	padding:10px 4px;
	border: 1px solid #666;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.5em;
}
  
table.haruko_result td.temaname {
	width: 20%!important;
}
  
table.haruko_result td.totalscore {
	width: 10%!important;
}
table.haruko_result.men th {
	background: #61a9b8;
	color: #FFF;
}

table.haruko_result.women th {
	background: #fa8b70;
	color: #FFF;
}
.haruko_resultBox {
	overflow: hidden;
}

.haruko_resultBox.women ul li {
	width: 48.5%;
	float: left;
	font-size: 16px;
	background: #FFF;
	color: #FA8B70;
	text-align: center;
	margin-right: 3%;
	margin-bottom: 3%;
	font-weight: bold;
}
.haruko_resultBox.women ul li a {
	border: solid 2px #FA8B70;
	color: #FA8B70;
}
.haruko_resultBox.women ul li a:hover {
	background: #FA8B70;
	color: #FFF;
}
.haruko_resultBox.women ul li.active a {
	background: #FA8B70;
	color: #FFF;
}
.haruko_resultBox.women ul li a:hover {
	background: #FA8B70;
	color: #FFF;
}
.haruko_resultBox.men ul li {
	width: 48.5%;
	float: left;
	font-size: 16px;
	background: #FFF;
	background: #61a9b8;
	text-align: center;
	margin-right: 3%;
	margin-bottom: 3%;
	font-weight: bold;
}

.haruko_resultBox.men ul li.active {
	background: #FFF;
	color: #61a9b8;
}
.haruko_resultBox.men ul li a {
	background: #FFF;
	color: #61a9b8;
	border: 2px solid #61a9b8;
}
.haruko_resultBox.men ul li.active a {
	color: #FFF;
	border: 2px solid #61a9b8;
	background: #61a9b8;
}
.haruko_resultBox.men ul li a:hover {
	color: #FFF;
	border: 2px solid #61a9b8;
	background: #61a9b8;
}

.haruko_resultBox ul li:nth-child(even) {
	margin-right: 0;
}

.haruko_resultBox ul li a {
	display: block;
	padding: 6px;
}
.haruko_resultArea h2 {
	width: 100%;
	background: #bc002d;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	margin-bottom: 24px;
	padding: 6px;
}

.haruko_resultArea h2.men {
	background: #FFF;
	color: #1f50c6;
	border: 2px solid #1f50c6;
}
.haruko_resultArea h2.men.active {
	background: #1f50c6;
	color: #FFF;
}

.haruko_resultArea h2.women {
	background: #FFF;
	color: #e40077;
	border: 2px solid #e40077;
}
.haruko_resultArea h2.women.active {
	background: #e40077;
	color: #FFF;
}
table.haruko_result {
	border-collapse:collapse;
	margin-bottom: 24px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
  }
  
table.haruko_result td {
	padding:10px 4px;
	border: 1px solid #666;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	line-height: 1.5em;
}
  
table.haruko_result td.temaname {
	width: 40%!important;
}
  
table.haruko_result td.totalscore {
	width: 20%!important;
}
  
table.haruko_result.men th {
	background: #61a9b8;
	color: #FFF;
}
  
table.haruko_result.women th {
	background: #fa8b70;
	color: #FFF;
}
.resultBox-2 {
	overflow: hidden;
}

.haruko_resultmenu ul li {
	width: 48.5%;
	float: left;
	font-size: 16px;
	background: #FFF;
	color: #e40077;
	text-align: center;
	margin-right: 3%;
	margin-bottom: 3%;
	font-weight: bold;
}
.haruko_resultmenu ul li a {
	border: solid 2px #bc002d;
	color: #bc002d;
}
.haruko_resultmenu ul li a:hover {
	background: #bc002d;
	color: #FFF;
}
.haruko_resultmenu ul li.active a {
	background: #bc002d;
	color: #FFF;
}
.haruko_resultmenu ul li a:hover {
	background: #bc002d;
	color: #FFF;
}

.haruko_resultmenu ul li:nth-child(even) {
	margin-right: 0;
}

.haruko_resultmenu ul li a {
	display: block;
	padding: 6px;
}

.haruko_resultmenu.men ul li {
	background: #1f50c6;
}

.haruko_resultmenu.men ul li.active {
	background: #FFF;
	color: #1f50c6;
}
.haruko_resultmenu.men ul li a {
	background: #FFF;
	color: #1f50c6;
	border: 2px solid #1f50c6;
}
.haruko_resultmenu.men ul li.active a {
	color: #FFF;
	border: 2px solid #1f50c6;
	background: #1f50c6;
}
.haruko_resultmenu.men ul li a:hover {
	color: #FFF;
	border: 2px solid #1f50c6;
	background: #1f50c6;
}

.haruko_resultmenu.women ul li.active {
	background: #FFF;
	color: #e40077;
}
.haruko_resultmenu.women ul li.active a {
	color: #FFF;
	border: 2px solid #e40077;
}
.haruko_resultmenu.women ul li a:hover {
	background: #e40077;
	color: #FFF;
	border: 2px solid #e40077;
}
.haruko_movie-btn li {
	display: block;
	padding: 6px;
	background: #E8208D;
	color: #FFF;
	margin-bottom: 6px;
	border-radius: 6px;
	/*vertical-align: middle;*/
}
.haruko_movie-btn li.off {
	display: block;
	padding: 6px;
	background: #929292;
	color: #FFF;
	margin-bottom: 6px;
	border-radius: 6px;
	/*vertical-align: middle;*/
}

.haruko_movie-btn li > a {
	display: block;
	color: #FFF;
	padding: 6px;
	margin-right: 6px;
	border-radius: 6px;
}

/***** メンバー表 *****/
.teamInfo {
	min-width: 100%;
	border-collapse:collapse;
	margin-bottom: 24px;
}

.teamInfo td {
  padding:18px 4px;
  border: 1px solid #666;
  text-align: center;
  vertical-align: middle;
  height: auto;
}
.location {
	background: #61a9b8;
}

.location.women {
	background: #FA8B70;
}

.teamInfo .name {
	font-size: 20px;
	line-height: 1.5em;
	font-weight: bold;
}

.teamImg {
	margin-bottom: 24px;
}

.teamImg img {
	max-width: 100%;
}

.coachArea {
	overflow: hidden;
}

.coachBox {
	float: left;
	margin-right: 5%;
	margin-bottom: 24px;
}
.coachBox:last-child {
	margin-right: 0;
}
.coachBox dt {
	float: left;
	padding: 8px;
	text-align: center;
	background: #61a9b8;
	max-width: 100%;
	border: 1px solid #000;
}

.coachBox.women dt {
	background: #FA8B70;
}
.coachBox dd {
	max-width: 100%;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	float: left;
	padding: 8px;
	margin-right: 6px;
}
.haruko-menber table {
  border-collapse:collapse;
  margin-bottom: 24px;
  width: 100%;
}

.haruko-menber td,th {
  padding:2px;
  border: 1px solid #666;
  text-align: center;
  vertical-align: middle;
}
.haruko-menber th {
  color:#000;
  font-size: 11px;
}

.haruko-menber td {
	font-size: 13px;
}
.haruko-menber table tr {
  border: 1px solid #000;
}

.haruko-menber table.men th {
	background: #e2f3fe;
}

.haruko-menber table.women th {
	background: #fee2fa;
}

/***** 出場校一覧 *****/

.haruko-team-list table {
  border-collapse:collapse;
  margin-bottom: 24px;
  min-width: 100%;
}

.haruko-team-list td {
  padding:2px;
  border: 1px solid #666;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
}

.haruko-team-list td a {
	color: #e40077;
	text-decoration: underline;
}

.haruko-team-list td a:hover {
	text-decoration: none;
	color: #e40077;
}

.haruko-team-list td.prefecture {
	width: 10%;
	background: #fef5d9;
}
.haruko-team-list td.teamname {
	width: 45%;
	background: #fef5d9;
}
.haruko-team-list td.cat {
	background: #fef5d9;
}
/*.haruko-team-list td.record {
	width: 15%;
}*/

.haruko-backnumber-list ul {
    display: flex;
    flex-wrap: wrap;
}
.haruko-backnumber-list ul li {
	width: 48%;
	display: block;
	margin-bottom: 16px;
	text-align: center;
	background: #ea027a;
	color: #FFF;
	padding: 8px;
	font-size: 16px;
	margin-right: 4%;
}
.haruko-backnumber-list ul li:nth-child(even) {
	margin-right: 0;
}
.haruko-backnumber-list ul li a {
	color: #FFF;
	display: block;
}

.mentitle {
	background: #1c7cff;
	color: #FFF;
}

.womentitle {
	background: #ff1c77;
	color: #FFF;
}
.mixtitle {
	background: #653cc3;
	color: #FFF;
}
.catname {
	background: #fef5d9;
}

.taishoForm {
	margin-bottom: 24px;
}

.formBox {
	padding: 24px;
	border: 1px solid #e60000;
}
.formBox p span {
	 color: #FF0000;
	 font-weight: bold;
	 font-size: 18px;
}

.formBox dl {
	display: block;
	margin-top: 36px;
	overflow: hidden;
	max-width: 100%;
	margin-bottom: 24px;
}
 
.formBox dl dt {
	font-size: 18px;
	clear: both;
	width: 100%;
}

.formBox dl dd {
	margin-bottom: 16px;
}

.wpcf7 input[name="best-spyker"],
.wpcf7 input[name="best-libero"],
.wpcf7 input[name="best-setter"] {
	width: 100%;
    height: 35px !important;
}
/***** 春高バックナンバー *****/
.ranking {
	margin-bottom: 24px;
}
.ranking h3 {
	color: #0068c1;
	font-size: 14px;
	margin-bottom: 12px;
}
.ranking h3.women {
	color: #d72c70;
}
.ranking table {
	border-collapse:collapse;
	margin-bottom: 24px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #666;
}
.ranking table td {
	vertical-align: middle;
	padding: 4px;
}
.ranking table.men th {
	background: #0068c1;
	color: #FFF;
}
.ranking table.women th {
	background:  #d72c70;
	color: #FFF;
}

.score {
	margin-bottom: 24px;
}
.score h3 {
	color: #0068c1;
	font-size: 14px;
	margin-bottom: 12px;
}
.score h3.women {
	color: #d72c70;
}
.score table {
	border-collapse:collapse;
	margin-bottom: 24px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #666;
}
.score table td {
	vertical-align: middle;
	border: 1px solid #666;
}
.score table.men th {
	background: #0068c1;
	color: #FFF;
	border-right: 1px solid #FFF;
}
.score table.men th:last-child {
	border-right: 1px solid #666;
}
.score table.women th {
	background: #d72c70;
	color: #FFF;
	border-right: 1px solid #FFF;
}
.score table.women th:last-child {
	border-right: 1px solid #666;
}

.award h3 {
	color: #0068c1;
	font-size: 14px;
	margin-bottom: 12px;
}
.award h3.women {
	color: #d72c70;
}
.award table {
	border-collapse:collapse;
	margin-bottom: 24px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #666;
}
.award table td {
	vertical-align: middle;
	border: 1px solid #666;
	text-align: center;
}
.award table.men th {
	background: #0068c1;
	color: #FFF;
	border-bottom: 1px solid #FFF;
}
.award table.men th:last-child {
	border-bottom: 1px solid #666;
}

.award table.women th {
	background: #d72c70;
	color: #FFF;
	border-bottom: 1px solid #FFF;
}
.award table.women th:last-child {
	border-bottom: 1px solid #666;
}


/* さくらバレー
================================================ */

.sakura-titlelogo {
	margin-bottom: 24px;
}

.sakurasokuhoLink {
	width: 100%;
	margin-bottom: 24px;
}

.sakurasokuhoLink h2 {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	border: 2px solid #c40167;
	background: #fdb9dc;
	color: #c40167;
	margin-bottom: 24px;
}

.sakurasokuhoLink h2 br {
	display: block;
}

.sakurasokuhoLink h2 a {
	display: block;
	color: #c40167;
	padding: 8px;
}

.sakurasokuhoLink h2 a:hover {
	background: #c40167;
	color: #FFF;
}
.sakuravb-contentsTitle {
	color: #fdb9dc;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 2px;
	border-bottom: 1px solid #fdb9dc;
	margin-bottom: 16px;
}

.sakuramenu {
	overflow: hidden;
}

.sakuramenu ul li {
	width: 100%;
	margin-bottom: 3%;
	color: #c40167;
	background: #fdb9dc;
	text-align: center;
	font-size: 20px;
}

.sakuramenu ul li a {
	color: #c40167;
	display: block;
	padding: 8px;
}

table.sakura.men th.venue {
	background: #1f50c6;
	color: #FFFFFF;
	padding: 4px;
}

table.sakura.men th.data {
	background: #c5e3ff;
	color: #575757;
	padding: 4px;
}

table.sakura.women th.venue {
	background: #d72c70;
	color: #FFFFFF;
	padding: 4px;
}

table.sakura.women th.data {
	background: #d72c70;
	color: #FFFFFF;
	padding: 4px;
}

table.sakura.women th.data {
	background: #ffcfe2;
	color: #575757;
	padding: 4px;
}

table.sakura td.cs {
	font-family: 'ZCOOL QingKe HuangYou', cursive;
	font-size: 36px;
}

table.sakura td.ts {
	font-family: 'ZCOOL QingKe HuangYou', cursive;
}

table.sakura td.set {
	font-family: 'ZCOOL QingKe HuangYou', cursive;
	font-size: 20px;
}

table.sakura td.team-name {
	font-size: 16px;
}


/* 関東大会
================================================ */
.kantovbtitle {
	margin-bottom: 24px;
	overflow: hidden;
}

.data {
	overflow: hidden;
	margin-bottom: 24px;
}

.data .datamen h3 {
	width: 100%;
	background: #007eff;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	border-radius: 20px;
	padding: 4px;
	margin-bottom: 12px;
}

.data .datawomen h3 {
	width: 100%;
	background: #ff008a;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	border-radius: 20px;
	padding: 4px;
	margin-bottom: 12px;
}

.data .datamen ul li,
.data .datawomen ul li {
	font-size: 13px;
	line-height: 1.3em;
}

.kantovb-contentsTitle {
	color: #11288b!important;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 2px;
	border-bottom: 1px solid #11288b;
	margin-bottom: 16px;
}

.kantomenu {
	overflow: hidden;
}
.kantovb-toplink a {
	background: #11288b;
	text-align: center;
	font-size: 20px;
	color: #FFF;
	width: 100%;
	padding: 12px;
	display: block;
	margin-bottom: 24px;
}
.kantomenu ul li {
	width: 100%;
	margin-bottom: 3%;
	color: #FFF;
	background: #11288b;
	text-align: center;
	font-size: 20px;
}
.kantomenu ul li.men {
	background: #007eff;
}
.kantomenu ul li.women {
	background: #ff008a;
}
.kantomenu ul li.off {
	background: #6d6d6d;
}

.kantomenu ul li a {
	color: #FFF;
	display: block;
	padding: 8px;
}


/* インターハイ
================================================ */
.interhighvbtitle {
	margin-bottom: 24px;
	overflow: hidden;
}
.interhighvb-sub-title {
	width: 100%;
	padding: 8px;
	text-align: left;
	color: #FFF;
	margin-bottom: 24px;
}

.interhigh-slide {
	margin-bottom: 24px;
}
.interhigh-contentsTitle {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 2px;
	margin-bottom: 16px;
}
.interhighvb-titlelogo .data {
	overflow: hidden;
	margin-bottom: 24px;
}

.interhighvb-titlelogo .data .datamen h3 {
	width: 100%;
	background: #007eff;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	border-radius: 20px;
	padding: 4px;
	margin-bottom: 12px;
}

.interhighvb-titlelogo .data .datawomen h3 {
	width: 100%;
	background: #ff008a;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	border-radius: 20px;
	padding: 4px;
	margin-bottom: 12px;
}

.interhighvb-titlelogo .data .datamen ul li,
.interhighvb-titlelogo .data .datawomen ul li {
	font-size: 13px;
	line-height: 1.3em;
}
.inter-high-title.men {
	width: 100%;
	text-align: center;
	color: #FFF;
	background-color: #007bc7;
	font-weight: bold;
	padding: 8px;
	margin-bottom: 24px;
}
.inter-high-title.women {
	width: 100%;
	text-align: center;
	color: #FFF;
	background-color: #d35cb9;
	font-weight: bold;
	padding: 8px;
	margin-bottom: 24px;
}

.interhighmenu {
	overflow: hidden;
}
.interhighmenu h3 {
	background: #00b909;
	text-align: center;
	font-size: 20px;
	color: #FFF;
	margin-bottom: 3%;
	width: 100%;
}
.interhighmenu h3 a {
	display: block;
	color: #FFF;
	padding: 8px;
}

.interhighmenu ul li {
	width: 100%;
	margin-bottom: 3%;
	color: #FFF;
	text-align: center;
	font-size: 20px;
}

.interhighmenu ul li a {
	color: #FFF;
	display: block;
	padding: 8px;
}
.interhighmenu ul li.off {
	background: #a4a4a4;
	padding: 8px;
}
.interhighmenu ul li.men {
	background: #1f50c6;	
}
.interhighmenu ul li.women {
	background: #e40077;
}
.interhititle {
	margin-bottom: 24px;
}
.interhi-backnumber-list ul {
    display: flex;
    flex-wrap: wrap;
}
.interhi-backnumber-list ul li {
	width: 48%;
	display: block;
	margin-bottom: 16px;
	text-align: center;
	background: #00b909;
	color: #FFF;
	padding: 8px;
	font-size: 16px;
	margin-right: 4%;
	font-weight: bold;
}
.interhi-backnumber-list ul li span.cap {
	font-size: 12px;
	font-weight: normal;
}
.interhi-backnumber-list ul li:nth-child(even) {
	margin-right: 0;
}
.interhi-backnumber-list ul li a {
	color: #FFF;
	display: block;
}
.interhi-backnumber-menu h3 {
	width: 100%;
	display: block;
	margin-bottom: 16px;
	text-align: center;
	background: #00b909;
	color: #FFF;
	padding: 8px;
	font-size: 16px;
	margin-right: 4%;
}
.interhi-backnumber-menu h3 a {
	color: #FFF;
	display: block;
}

/* 全国専門学校選手権
================================================ */
.v-scool-titlelogo {
	margin-bottom: 24px;
	overflow: hidden;
}

.v-scool-titlelogo h2 {
	margin-bottom: 16px;
}

.v-scool-titlelogo p {
	text-align: center;
}
.v-school-contentsTitle {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 2px;
	margin-bottom: 16px;
	color: #ff7800;
}
.v-schoolmenu {
	overflow: hidden;
}

.v-schoolmenu ul li {
	width: 100%;
	margin-bottom: 3%;
	color: #FFF;
	text-align: center;
	font-size: 20px;
}

.v-schoolmenu ul li a {
	color: #FFF;
	display: block;
	padding: 8px;
}

.v-schoolmenu ul li.men {
	background: #1f50c6;
	
}
.v-schoolmenu ul li.women {
	background: #e40077;
}

.kantoresultBox {
	overflow: hidden;
}
.kantoresultBox ul {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-flex-wrap: wrap;          /* Safari etc. */
    -ms-flex-wrap    : wrap;          /* IE10        */
    flex-wrap        : wrap;
	width: 100%;

}
.kantoresultBox ul li {
	width: 48.5%;
	font-size: 16px;
	background: #FFF;
	color: #6d6d6d;
	text-align: center;
	margin-right: 3%;
	margin-bottom: 3%;
	font-weight: bold;
}
.kantoresultBox ul.men li {
	border: 1px solid #007eff;
	color: #007eff;
}
.kantoresultBox ul.men li a:hover {
	background: #007eff;
	color: #FFF;
}
.kantoresultBox ul.men li a {
	background: #FFF;
	color: #007eff;
	display: block;
	padding: 12px;
}
.kantoresultBox ul.men li.active a {
	background: #007eff;
	color: #FFF;
	display: block;
	padding: 12px;
}
.kantoresultBox ul.women li {
	border: 1px solid #ff008a;
	color: #ff008a;
}
.kantoresultBox ul.women li a:hover {
	background: #ff008a;
	color: #FFF;
}
.kantoresultBox ul.women li a {
	background: #FFF;
	color: #ff008a;
	display: block;
	padding: 12px;
}
.kantoresultBox ul.women li.active a {
	background: #ff008a;
	color: #FFF;
	display: block;
	padding: 12px;
}
.kantoresultBox ul li:nth-child(even) {
	margin-right: 0;
}

/* お問合せフォーム
================================================ */

.formcontents {
	width: 100%;
}

.formbox {
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #CCC;
}

.formbox dl {
	margin-bottom: 24px;
	clear: both;
}

.formbox dl dt {
	background: #bbe0ff;
	display: block;
	padding: 6px;
	line-height: 1.8em;
	border-radius: 8px;
	width: 100%;
	font-size: 14px;
	margin-bottom: 12px;
}

.formbox dl dd {
	margin-bottom: 24px;
}

.formbox dl dt span {
	color: #F00;
}

.formText {
	margin-bottom: 24px;
}

.formText p span {
	color: #F00;
}

.formText h3 {
	color: #F00;
	font-weight: bold;
}

.formText ul {
	margin-bottom: 24px;
}

.formText ul li {
	text-align: justify;
}

.formbox .center {
	clear: both;
}

/*チェックは見えなくする*/
.check input[type="checkbox"] {
	display: block;
}

/* 送信ボタン */
input.sub-btn {
	width: 200px;
	height: 46px;
	background: #0068c1;
	color: #FFF;
	border: 1px solid #007dfc;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

/* 送信ボタンホバー */
input.sub-btn:hover {
	background: #FFFFFF;
	color: #0068c1;  
}

/* 送信ボタン中央寄せ */
.center {
	text-align:center;
}	

.wpcf7 input[name="yourname"],
.wpcf7 input[name="kana"],
.wpcf7 input[name="genre"],
.wpcf7 input[name="address"],
.wpcf7 input[name="account"],
.wpcf7 input[name="telnumber"],
.wpcf7 input[name="teamname"],
.wpcf7 input[name="teamkana"],
.wpcf7 input[name="syozaichi"] {
        width: 70%;
        height: 35px !important;
}

.wpcf7 input[name="age"],
.wpcf7 input[name="history"] {
        width: 10%;
        height: 35px !important;
}

.wpcf7 input[name="post"] {
        width: 15%;
        height: 35px !important;
}


/* ミズノプレゼントキャンぺーんフォーム
================================================ */
.mizuno-formBox {
	padding-left: 3%;
	padding-right: 3%;
	margin-bottom: 48px;
}

.mizuno-formBox p {
	font-size: 13px;
	line-height: 1.8em;
}

.mizuno-formBox p span {
	color: #F00;
}

.mizuno-formBox dl {
	margin-bottom: 24px;
	clear: both;
}

.mizuno-formBox dl dt {
	background: #ffe8d8;
	display: block;
	padding: 6px;
	line-height: 1.8em;
	border-radius: 8px;
	width: 100%;
	font-size: 14px;
	margin-bottom: 12px;
}

.mizuno-formBox dl dd {
	margin-bottom: 24px;
}

.mizuno-formBox dl dt span {
	color: #F00;
}

/* バレーボールクリニックフォーム
================================================ */

.vbclinic-formArea {
	padding-bottom: 48px;
	margin-bottom: 48px;
	border-bottom: 1px solid #CCC;
}

.vbclinic-title {
	margin-bottom: 48px;
}

.vbclinic-formBox dl dt span {
	color: #F00;
}

.wpcf7 input[name="gymtelnumber"] {
        width: 45%;
        height: 35px !important;
}

.wpcf7 input[name="schoolname"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="gymname"],
.wpcf7 input[name="gymaddress"] {
        width: 80%;
        height: 35px !important;
}

.wpcf7 input[name="men"],
.wpcf7 input[name="women"],
.wpcf7 input[name="cort"] {
        width: 10%;
        height: 35px !important;
}

/* アンケートフォーム
================================================ */
.questionnaire-formArea {
	padding-bottom: 48px;
	margin-bottom: 48px;
	border-bottom: 1px solid #CCC;
}

.questionnaire-formBox {
	margin-bottom: 24px;
	padding-bottom: 80px;
	overflow: hidden;
}

.questionnaire-formBox dl {
	margin-bottom: 24px;
	overflow: hidden;
	clear: both;
}

.questionnaire-formBox dl dt {
	background: #ffe8d8;
	display: block;
	padding: 6px;
	line-height: 1.8em;
	border-radius: 8px;
	font-size: 14px;
	margin-right: 12px;
	margin-bottom: 12px;
}

.questionnaire-formBox dl dd {
	margin-bottom: 24px;
}

.wpcf7 input[name="menplayer"],
.wpcf7 input[name="womenplayer"],
.wpcf7 input[name="address"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-name"],
.wpcf7 input[name="kana"],
.wpcf7 input[name="tel"] {
        width: 80%;
        height: 35px !important;
}

.questionnaire-formBox textarea {
	resize: vertical;
	width: 100%;
	height: 120px;
}


/* ミズノママさんキャンペーン
================================================ */
.form-cat-title .mamasan {
	color: #FFF;
	background: #FF6C00;
	padding: 12px;
	text-align: center;
	font-size: 20px;
	margin-bottom: 12px;
}
.presenttitle p {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5em;
}

.presenttitle p.red {
	color: #F00;
}

.presenttitle p.name {
	font-size: 36px;
}

.presenttitle p.number {
	background: #F00;
	color: #FFF;
	border-radius: 8px;
	display: inline-block;
	padding: 2px 12px;
}

.presenttitle p.number span {
	font-size: 30px;
}

.presentItemArea {
	overflow: hidden;
	text-align: center;
	width: 90%;
	margin: 0 auto 48px;
}

.presentImgBox {
	width: 90%;
}

.presentImgBox:last-child {
	margin-right: 0;
}

.wpcf7 input[name="yubin-number"] {
        width: 25%;
        height: 35px !important;
}


/* 月バレカップ
================================================ */
.gv-maintitleArea {
	margin-bottom: 24px;
}
.gvsubArea {
	overflow: hidden;
	margin-bottom: 24px;
}

.gvinfoArea h3 {
	text-align: center;
	background: #ff0000;
	border-radius: 20px;
	font-size: 24px;
	color: #FFF;
	padding: 4px;
	margin-bottom: 12px;
}

.gvinfoArea {
	width: 100%;
}

.sponsor-logo {
	overflow: hidden;
	margin-bottom: 24px;
}

.sponsor-logo li {
	text-align: center;
	margin-bottom: 12px;
}

.gvsubimgBox {
	width: 100%;
}

.gvsubimgBox ul li {
	margin-bottom: 16px;
}

.infotext h4 {
	font-size: 18px;
	margin-bottom: 12px;
}

.taikaiinfo {
	overflow: hidden;
}

.taikaiinfo dt {
	text-align: center;
	background: #e73278;
	font-weight: bold;
	color: #FFF;
	width: 25%;
	float: left;
	border-radius: 8px;
}

.taikaiinfo dd {
	padding-left: 7em;
	margin-bottom: 24px;
}

.forminfo dt {
	font-weight: bold;
	color: #e73278;
	margin-top: 16px;
}

.gv-formbtn {
	width: 80%;
	margin: 0 auto;
	background: #e73278;
	padding: 16px;
	margin-bottom: 16px;
}

.gv-formbtn p {
	text-align: center;
	font-weight: bold;
	color: #FFF;
	font-size: 18px;
}

.gv-formbtn p a {
	display: block;
	color: #FFF;
	text-align: center;
}

.gv-fqbtn {
	width: 80%;
	margin: 0 auto;
	background: #006aee;
	padding: 16px;
}

.gv-fqbtn p {
	text-align: center;
	font-weight: bold;
	color: #FFF;
	font-size: 18px;
}

.gv-fqbtn p a {
	display: block;
	color: #FFF;
	text-align: center;
}

.gvsubimgBox {
	overflow: hidden;
	margin-top: 24px;
}

.gvsubimgBox ul li {
	width: 48%;
	float: left;
	margin-right: 4%;
}

.gvsubimgBox ul li:nth-child(even) {
	margin-right: 0;
}

/* 全小大会
================================================ */

.zensyodata {
	overflow: hidden;
	margin-bottom: 24px;
}

.zensyodata .data-cat h3 {
	width: 100%;
	background: #00895d;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	border-radius: 20px;
	padding: 4px;
	margin-bottom: 12px;
}
.zensyodata .data-cat ul {
	margin-bottom: 16px;
}
.zensyodata .data-cat ul li {
	font-size: 13px;
	line-height: 1.3em;
}
.zensyovb-contentsTitle {
	color: #00895d!important;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 2px;
	border-bottom: 1px solid #00895d;
	margin-bottom: 16px;
}

.zensyomenu {
	overflow: hidden;
}
.zensyovb-toplink a {
	background: #00895d;
	text-align: center;
	font-size: 20px;
	color: #FFF;
	width: 100%;
	padding: 12px;
	display: block;
	margin-bottom: 24px;
}

.zensyomenu ul {
    display: flex;
    flex-wrap: wrap;
}

.zensyomenu ul li {
	width: 48.5%;
	margin-bottom: 3%;
	margin-right: 3%;
	color: #FFF;
	background: #11288b;
	text-align: center;
	font-size: 14px;
}
.zensyomenu ul li:nth-child(even) {
	margin-right: 0;
}
.zensyomenu ul li.men {
	background: #007eff;
}
.zensyomenu ul li.women {
	background: #ff008a;
}
.zensyomenu ul li.mix {
	background: #653cc3;
}
.zensyomenu ul li.off {
	background: #6d6d6d;
}

.resultArea h2.zensyo-men {
	background: #FFF;
	color: #007eff;
	border: 2px solid #007eff;
}

.resultArea h2.zensyo-women {
	background: #FFF;
	color: #ff008a;
	border: 2px solid #ff008a;
}
.resultArea h2.zensyo-mix {
	background: #FFF;
	color: #653cc3;
	border: 2px solid #653cc3;
}
.zensyomenu ul li a {
	color: #FFF;
	display: block;
	padding: 8px;
}

/* 日本代表特設ページ
================================================ */

.japan-player-img {
	width: 100%;
	height: auto;
	margin-bottom: 24px;
}
.japan-player-prfile {
	width: 100%;
	border-collapse:collapse;
	margin-bottom: 24px;
}

.japan-player-prfile td {
  padding: 6px;
  border: 1px solid #c7c7c7;
  text-align: center;
  vertical-align: middle;
  height: auto;
}
#japanWarp {
	width: 100%;
}
#japanWarp .maintitle {
	width: 100%;
	margin-bottom: 24px;
}
.japan-menu h3 {
	width: 100%;
	text-align: center;
	background: #e71a0f;
	color: #FFF;
	margin-bottom: 12px;
	padding: 8px;
}
.japan-menu h3 a {
	color: #FFF;
	display: block;
	padding: 12px;
}
.japan-menu h3.off {
	background: #929292;
	padding: 12px;
}
.japan-menu .col1 {
	margin-bottom: 24px;
}
.japan-menu .col1 li.off {
	display: block;
	width: 100%;
	text-align: center;
	padding: 12px;
	background: #929292;
	color: #FFF;
}
.japan-menu .col1 li a {
	display: block;
	width: 100%;
	text-align: center;
	background: #000;
	color: #FFF;
	padding: 12px;
	margin-bottom: 12px;
}
.japan-menu .col1 li a:hover {
	background: #e71a0f;
}
.japan-menu-2 h3 {
	text-align: left;
	line-height: 1.5em;
}
.japan-menu-2 .col1 {
	margin-left: 24px;
	margin-bottom: 24px;
}
.japan-menu .col2 {
	margin-bottom: 24px;
}
.japan-menu .col2 li {
	width: 100%;
	text-align: center;
	background: #000;
	color: #FFF;
}
.japan-menu .col2 li.off {
	width: 100%;
	text-align: center;
	background: #929292;
	padding: 12px;
	color: #FFF;
	margin-bottom: 12px;
}
.japan-menu .col2 li > a {
	display: block;
	color: #FFF;
	padding: 2px;
	margin-bottom: 12px;
}
.japan-menu .col2 li > a:hover {
	background: #e71a0f;
}
.japan-menu .col2 li.off a:hover {
	background: #929292!important;
}
#japanWarp .sliderbox {
	margin-bottom: 24px;
}

.japan-men-box {
	width: 48.5%;
	float: left;
	margin-right: 3%;
	margin-bottom: 3%;
}
.japan-men-box:nth-child(even) {
	margin-right: 0;
}
.japan-men-list {
	margin-bottom: 60px;
}
.japan-men-list-link {
	clear: both;
}
.japan-men-list-link .col1 li > a {
	display: block;
	width: 100%;
	text-align: center;
	padding: 12px;
	background: #000;
	color: #FFF;
}
.japan-men-list-link .col1 li > a:hover {
	background: #e71a0f;
}

/* SVリーグ特設ページ
================================================ */
#svWarp {
	width: 100%;
}
.sv_contentsTitle {
	color: #FF0000;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 2px;
	border-bottom: 1px solid #FF0000;
	margin-bottom: 16px;
}
.sv_date {
	width: 100%;
	margin-bottom: 24px;
}
.sv_date , td, th {
	border: 1px solid #000000;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
}
.sv_date th {
	background: #917934;
	color: #FFFFFF;
	font-weight: bold;
}
.sv_date th td {
	padding: 8px;
}
.menu_col1_btn {
	margin-bottom: 3%;
}
.menu_col1_btn li a {
	background: #917934;
	color: #FFF;
	display: block;
	padding: 8px;
	text-align: center;
	font-size: 18px;
}
.menu_col1_btn li a:hover {
	background: #000000;
}
.sv_menu {
	overflow: hidden;
}

.sv_menu ul li {
	width: 100%;
	margin-bottom: 3%;
	color: #FFF;
	background: #636363;
	text-align: center;
	font-size: 18px;
}

.sv_menu ul li.off {
	padding: 8px;
}

.sv_menu ul li a {
	background: #917934;
	color: #FFF;
	display: block;
	padding: 8px;
}
.sv_menu ul li a:hover {
	background: #000000;
}
.sv_newstitle {
	background: #000000;
	color: #FFF;
	display: block;
	padding: 8px;
	text-align: center;
	font-size: 18px;
	margin-bottom: 12px;
}
.sv_resultBox ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.sv_resultBox ul li {
	width: 48.5%;
	font-size: 16px;
	background: #FFF;
	color: #917934;
	text-align: center;
	margin-right: 3%;
	margin-bottom: 3%;
	font-weight: bold;
}
.sv_resultBox ul li:nth-child(even) {
	margin-right: 0;
}
.sv_resultBox ul li a {
	color: #917934;
	border: 2px solid #917934;
	display: block;
}
.sv_resultBox ul li a:hover {
	background: #917934;
	color: #FFF;
}
.sv_resultBox ul li.active a {
	background: #917934;
	color: #FFF;
}
.sv_page_title {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background: #000000;
	margin-bottom: 12px;
	padding: 8px;
}
table.sv_result {
	border-collapse:collapse;
	margin-bottom: 24px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
  }
  
table.sv_result td {
	padding:10px 4px;
	border: 1px solid #666;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	line-height: 1.5em;
}
  
table.sv_result td.temaname {
	width: 40%!important;
}
  
table.sv_result td.totalscore {
	width: 20%!important;
}
  
table.sv_result th {
	background: #917934;
	color: #FFF;
}
.sv_douga_btn {
	width: 50%;
}

/* ランキング
================================================ */

.rankingArea {
	margin-bottom: 24px;
	overflow: hidden;
}

.rankingArea .ranking li {
	margin-bottom: 16px;
}

.rankingArea .widgettitle {
	background: #ce0000;
	color: #FFF;
	font-size: 16px;
	padding-left: 12px;
	margin-bottom: 12px;
	height: 36px;
	line-height: 36px;
}

.wpp-post-title {
	font-size: 14px;
	line-height: 1.2em;
	margin-bottom: 12px;
	display: block;
	overflow: hidden;
}
.wpp-views {
	color: #efcb01;
	font-size: 11px;
}

.wpp-list {
	counter-reset: hamatori-rank;
}

.wpp-list li {
    position: relative;
    list-style-type: none;
    padding-top: 5px;
    padding-left: 5px;
}
.wpp-list li:before {
    content: counter(hamatori-rank);
    counter-increment: hamatori-rank;
    background: rgba(0, 145, 255, 0.9);
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 4px 8px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.wpp-list li:nth-child(1):before {
    background: rgba(166, 149, 57, 0.9);
}
.wpp-list li:nth-child(2):before {
    background: rgba(164, 164, 164, 0.9);
}
.wpp-list li:nth-child(3):before {
    background: rgba(156, 113, 53, 0.9);
}


.spslide-container {
    margin: 0 auto 12px!important;
    overflow: hidden;
}


.description span {display: none!important;}

.ranking-tabs .tab-menu {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
  border-bottom: 2px solid #ddd;
}

.ranking-tabs .tab-menu li {
  flex: 1;
  text-align: center;
  padding: 8px;
  cursor: pointer;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-bottom: none;
}

.ranking-tabs .tab-menu li.active {
  background: #fff;
  font-weight: bold;
  border-top: 2px solid #0073aa; /* WordPressブルー */
}

/* コンテンツ */
.ranking-tabs .tab-panel {
  display: none;
}

.ranking-tabs .tab-panel.active {
  display: block;
}


/* footer
================================================ */

#pageTop {
  position: fixed;
  bottom: 120px;
  right: 10px;
  width: 84px;
}

.footnabi-sp {
	display: block;
}

.footnabi-sp ul li {
	text-align: center;
	padding: 12px;
	background: #F00;
	color: #FFF;
	font-size: 14px;
	border-bottom: 1px solid #FFF;
}

.footnabi-sp ul li:last-child {
	border-bottom: none;
}

.footnabi-sp ul li a {
	color: #FFF;
	display: block;
}

footer {
	text-align: center;
	color: #575757;
	font-size: 12px;
	padding: 8px;
	border-top: 2px solid #F00;
}

.companyInfo {
	text-align: center;
}

.companyInfo h2 img {
	width: 30%;
	margin-bottom: 12px;
	text-align: center;
}

.companyInfo .note {
	font-size: 10px;
}
.footnavi {
	display: none;
}

.item .wp_social_bookmarking_light {
	display: none;
}


.zenchuu-backnumber-list ul {
    display: flex;
    flex-wrap: wrap;
}
.zenchuu-backnumber-list ul li {
	width: 48%;
	display: block;
	margin-bottom: 16px;
	text-align: center;
	background: #214a88;
	color: #FFF;
	padding: 8px;
	font-size: 16px;
	margin-right: 4%;
	font-weight: bold;
}
.zenchuu-backnumber-list ul li span.cap {
	font-size: 12px;
	font-weight: normal;
}
.zenchuu-backnumber-list ul li:nth-child(even) {
	margin-right: 0;
}
.zenchuu-backnumber-list ul li a {
	color: #FFF;
	display: block;
}
.zenchuu-backnumber-menu h3 {
	width: 100%;
	display: block;
	margin-bottom: 16px;
	text-align: center;
	background: #00b909;
	color: #FFF;
	padding: 8px;
	font-size: 16px;
	margin-right: 4%;
}
.zenchuu-backnumber-menu h3 a {
	color: #FFF;
	display: block;
}

/*===============================================

	youtube
	
===============================================*/
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	}
	.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
	}