@charset "UTF-8";
/*
Theme Name: レノファ山口FC
Theme URI: http://renofa.com/
Author: kiraramarketing
Description:  レノファ山口FC公式サイト
Version: 1.0
*/



body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	width:100% !important;

}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@media screen and (min-width:769px)  {


/* Bnr
-----------------------------------------*/
.Bnr{
position: relative;
width: 320px;
height: 147px;
display: none;
}
.Bnr .Bnr__img{
position: fixed;
bottom: 20px;
left: 20px;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
z-index: 88;
}
.Bnr__img__inner{
width: 320px;
height: 147px;
box-sizing:border-box;
background-color: #fafafa;
}
.Bnr .Bnr__img__inner a{
display: block;
}
.Bnr .Bnr__img p.close{
position: absolute;
right: -5px;
top:-5px;
}
.Bnr .Bnr__img p.close a{
display: block;
width: 20px;
height: 25px;
text-align: center;
}
.Bnr .Bnr__img p.close a span{
display: block;
width: 30px;
height: 30px;
overflow: hidden;
}
.Bnr .Bnr__img p.close a i{
font-size: 20px;
z-index: 888;
color: #222;
}



body,html {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
}

.anime {
 width: 100%;
 height: 100%;
 max-height: 1080px;
 background-color: #E9E3E3;
 position: relative;
}
 
.anime img {
 display: block;
 position: absolute;
 top: 28%;
 left: 40%;
}
 
.mainSite {
 width: 100%;
 height: 100%;
 max-height: 1080px;
 background-color: #FC6;
 position: relative;
}
 
.mainSite p {
 font-size: 160%;
 color: #FFF;
 position: absolute;
 top: 42%;
 left: 40%;
}
.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.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}	
	.pt100{
		padding-top: 100px;
	}
	.pb100{
		padding-bottom: 100px;
	}
	.pb160{
		padding-bottom: 160px;
	}
	.pb190{
		padding-bottom: 190px;
	}
    .pb200{
		padding-bottom: 200px;
	}
    .mb10{
		margin-bottom: 10px;
	}
	.mb20{
		margin-bottom: 20px;
	}
	.mb200{
		margin-bottom: 200px !important;
	}
	.mb45{
		margin-bottom: 45px;
	}
	.mb50{
		margin-bottom: 50px !important;
	}
	.mb70{
		margin-bottom: 70px;
	}
	.mb80{
		margin-bottom: 80px !important;
	}
	.mb100{
		margin-bottom: 100px !important;
	}
	.mb150{
		margin-bottom: 150px !important;
	}

	.mt20{
		margin-top: 20px;
	}
    .mt50{
		margin-top: 50px !important;
	}
	.mt90{
		margin-top: 90px;
	}
	.mt100{
		margin-top: 100px !important;
	}
	.mr5{
		margin-right: 5px;
	}
    .mt30{
    margin-top: 30px;
    }
    .mt150{
margin-top: 150px !important;
}
	.mt200{
		margin-top: 200px;
	}
	.mb75{
	margin-bottom:75px;
}
.mb100{
	margin-bottom:100px !important;
}

	
	
#wrapper{
width:100%;
	}

/*ページナビ*/	
	
.pagenavi{
		height: 100px;
		padding-top: 20px;
        width: 1000px;
        margin: 0 auto;
	}
.pagenavi a, .pagenavi span {
    color: #570000;
    background-color: #FFFFFF;
    padding: 10px;
    border-radius: 3px;
    margin: 0 2px;
    white-space: nowrap;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    text-align: center;
    text-decoration: none;
    border: thin solid #570000;
	display: inline-block;

}
.pagenavi span.current {
    font-weight: bold;
}
.pagenavi a:hover, .pagenavi span.current {
    border-color: #000;
}
.pagenavi span.current {
    color: #fff;
    background-color: #570000;
    border: thin solid #570000;
        border-top-color: #570000;
        border-right-color: #570000;
        border-bottom-color: #570000;
        border-left-color:#570000;
}	
	

.pcnone{
	display: none !important;
}

.container1000{
width: 1000px;
margin: 0 auto;
}
.relative{
position: relative;
}

/*サムネイル付きスライダー*/
.slider-area-wrap{
width: 100%;
background: #000;
padding-bottom: 20px;
}
.sliderArea {
    max-width: 80%;
    margin: 0 auto;
    padding: 0 25px;

}
.sliderArea.w300 {
    max-width: 300px;
}
.slick-slide {
    margin: 0 5px;
}
.slick-slide img {
    width: 100%;
    height: auto;
}
.slick-prev, .slick-next {
    z-index: 1;
}
.slick-prev:before, .slick-next:before {
    color: #000;
}
.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}
.slick-active {
    opacity: 1;
}
.slick-current {
    opacity: 1;
}
.thumb {
    margin: 20px 0 0;
}
.thumb .slick-slide {
    cursor: pointer;
}
.thumb .slick-slide:hover {
    opacity: .7;
}
/*サムネイル付きスライダー*/

/*************************************

ヘッダー

************************************/	
#header_wrap{
width: 100%;
height: 156px;
	}
div.header_up{
background: #252726;
height: 51px;
/*padding-top: 15px;*/
box-sizing: border-box;
}   
.header_up_container{
height: 51px;
}
div.header_bottom{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff8628+0,eb5e00+100 */
background: #ff8628; /* Old browsers */
background: -moz-linear-gradient(left,  #ff8628 0%, #eb5e00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff8628 0%,#eb5e00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff8628 0%,#eb5e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8628', endColorstr='#eb5e00',GradientType=1 ); /* IE6-9 */
height: 105px;
}      
a.headlogo{
display: block;
float: left;
width: 408px;
height: 23px;
margin-left: 141px;
padding-top: 15px;
	}
div.headsns{
width: 131px;
padding-top: 15px;
float: right;
display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}   
div.headsns a{ 
display: block;
width: 28px;
height: 28px;
float: left;
  }
.heademblem{
position: absolute;
width: 117px;
height: 152px;
top: 13px;
left: 3px;
z-index: 100;
}
.headslogan{
width: 150px;
margin-left: 90px;
float: left;
padding-top: 2px;
}
/*************************************

ヘッダーナビ

************************************/
div.headnavwrap{
width: 1000px;
margin: 0 auto;
height: 71px;
padding: 17px 0;
	}
div.headnav {
width: 862px;
height: 71px;
float: right;
z-index: 1000;
	}

#menu{
  list-style-type: none;
width: 862px;
height: 71px;
  margin: 0 auto;
  padding: 0;

}
#menu li{
  position: relative;
width : 123px ;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#menu li a{
  display: block;
  margin: 0;
  padding: 13px 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
    padding: 0;
    z-index: 1000;
    width: 100%;
    display: block;
}
#menu li:last-child ul,#menu li:nth-child(7) ul{
  left: -100%;
  width: 100%
}
#menu li ul li{
  overflow: hidden;
  width: 200% !important;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#menu li ul li a{
  padding: 13px 15px;
  background: #000;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  line-height: 40px;
}
#menu li:hover > a{
  background: #000;
  color: #e0dc62;
}
#menu li:hover ul li{
  overflow: visible;
  height: 40px;
  border-bottom: 1px solid #fff;
}
#menu li:hover ul li a{
height: 45px;
display: block;
}
#menu li:hover ul li:first-child{
  border-top: 0;
}
#menu li:hover ul li:last-child{
  border-bottom: 0;
}
/*#global-nav2017{
width: 862px;
height: 71px;

}  
#global-nav2017 ul li{
width : calc(100% / 7) ;
height: 30px;

border-right: 1px solid #fff;
box-sizing: border-box;
}
#global-nav2017 ul li:first-child,#global-nav2017 ul li:nth-child(8){
border-left: 1px solid #fff;
}


#global-nav2017 ul li:nth-child(8),#global-nav2017 ul li:nth-child(9),#global-nav2017 ul li:nth-child(10),#global-nav2017 ul li:nth-child(11),#global-nav2017 ul li:nth-child(12),#global-nav2017 ul li:nth-child(13),#global-nav2017 ul li:nth-child(14){
margin-top: 11px;
}
 #global-nav2017 ul li a{
 color: #fff;
 font-weight: 700;
 display: block;
font-size: 15px;
 height: 30px;
 line-height: 30px;
 text-align: center;

 float: left;
 width: 100%;
 }
#global-nav2017 ul li:nth-child(12) a{
font-size: 14px;
} 

#global-nav2017 .current-menu-item, 
#global-nav2017 .current-post-ancestor, 
#global-nav2017 .current-page-ancestor, 
#global-nav2017 .menu-item:hover {
	background-position: 0;
	
}

#global-nav2017 ul ul {
    position: absolute;
   z-index: 100;
	width: auto;
	
	
}

#global-nav2017 ul .menu-item ul a {
	width: 170px;
	color: #333;
    	background: none;
	text-indent: 0;
	height: 22px;
	padding: 10px 5px;
	border-top: dotted 1px #ddd;
}

#global-nav2017 ul .menu-item ul a:hover {
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#global-nav2017 ul .menu-item ul li {
	background: #fff;
	float: none;
	padding: 0 5px;
	min-width:130px;
	height:auto;
	margin-bottom:0px !important;
	margin-left:0 !important;
}


#global-nav2017 ul .menu-item ul li a {
	border-top: none;
	border-bottom:1px dashed #ccc;
	font-size:12px;
	width:auto;
	height:auto;
    vertical-align: baseline;
  
}
#global-nav2017 ul .menu-item ul li:last-child a {
	border-top: none;
	border-bottom:none;
	width:auto;
	height:auto;
	font-size:12px;
    vertical-align: baseline;
 
}
#global-nav2017 ul li:hover > ul, div.menu ul li:hover > ul {
    display: block;
}

#global-nav2017 li ul {
	display: none;
}*/
/*************************************
	
ドロップダウンメニュー

************************************/



/*************************************
	
スライダー

************************************/
.topsilder{
width: 100%;
overflow: hidden;
background-size: cover;
background-position: center center;
z-index: 0;
text-align: center;
position: relative;
	}
.topslidcontainer{
width: 100%;
margin: 0 auto;
background: #000;
}
div.topslideslick{
width: 90vw;
margin: 0 auto;
}
.topslider{
width: 70vw;
}

div.topslideslick .slick-track{
background: #000;
}
.slick-dots li button::before{
font-size: 1vw !important;
}

/*************************************
	
オフィシャルトップパートナー

************************************/
div.officialtoppartner{
width: 960px;
height: 200px;
margin: 30px auto 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
align-content: space-between;
}
.officialtoppartner a{
display: block;
width: 232px;
height: 60px;
border: 1px solid #808080;
margin-left: 8px;
box-sizing: border-box;
overflow: hidden;
}
.officialtoppartner a:nth-child(4n+1){
margin-left: 0;
}
.officialtoppartner a img{
width: 100%;
height: auto;
}
div.officialtopparter_wrap{
width: 100%;
background: #fff;
box-sizing: border-box;
padding-top: 50px;
padding-bottom: 65px;
}

/*************************************
	
トップページ共通

************************************/
.toph2title{
text-align: center;
padding: 17px 0;
}
h2.toph2{
text-align: center;
font-size: 30px;
padding-bottom: 30px;
	}
h2.toph2 span{
border-bottom: 1px solid #570000;
padding-bottom: 20px;
	}
p.topsubtxt{
text-align: center;
font-size: 12px;
} 
p.topsubtxt2{
text-align: center;
font-size: 12px;
color: #fff;
margin-bottom: 16px;
} 
/*div.topresult{
height: 123px;
width: 1200px;
}*/


.morebtn {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 5px 20px;
    color: #000;
    font-weight: bold;
    margin-top: 30px;
    vertical-align: middle;
    height: 20px;
    line-height: 15px;
}
.morebtn:before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    transform: skewX(-20deg);
    background-color: #000;
    content: "";
        -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.morebtn:hover:before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    transform: skewX(-20deg);
    background-color: #EB5E00;
    content: "";
}


/*************************************
	
トップページ　試合結果

************************************/
.topresult{
width: 1000px;
margin: 0 auto;
color: #fff;
height: 125px;
margin-bottom: 75px;
}
.topresult_left{
float: left;
width: 239px;
margin-right: 60px;
border-right: 1px solid #fff;
font-size: 13px;
margin-top: 30px;
}
.topresult_center{
width: 400px;
float: left;
}
.topresult_right{
float: right;
width: 300px;
padding-top: 30px;
}

.toprenofa{
float: left;
width: 90px;
text-align: center;
font-size: 13px;
}
.topotherteam{
float: left;
width: 90px;
text-align: center;
font-size: 13px;
}

.centerrun{
float: left;
width: 220px;
font-size: 13px;
margin-top: 35px;
}
.centerrunshosai{
float: left;
width: 50px;
margin-top: 10px;


text-align: center;



}
.centerrun_renofa{
float: left;
width: 85px;
text-align: center;
font-size: 40px;
font-weight: 700;

height: 60px;
}

.centerrun_otherteam{
float: left;
width: 85px;
text-align: center;
font-size: 40px;
font-weight: 700;
}
.topresultteamname{
font-size: 11px;
text-align: center;
}
.topteamem{
width: 90px;
height: 90px;
margin-bottom: 10px;
}
.topteamem img{
width: 100%;
height: auto;
}
.topresultha{
text-align: center;
font-size: 11px;
margin-bottom: 10px;
}
p.gamejotai{
text-align: center;
}
/*************************************
	
試合結果　ランキング

************************************/
div.topresult_rank{
width: 100%;
background: url(image/top/resultbacl.jpg) no-repeat;
background-size: cover;
background-position: center center;
padding-top: 65px;
box-sizing: border-box;
padding-bottom: 30px;
}
/*************************************
	
次の試合のスライダー

************************************/
div.topmachschedule_wrap{
background: #eb5e00;
}
div.topglidslider{
width: 100%;
margin: 30px auto;
background: #000;

	}	
.multiple { 
padding: 0;
}
.multiple img { 
width: 100%;
}
.multiple div { 
margin: 0 0;
}
.multiple .slick-next { 
right: 400px;　z-index: 100;
}
.multiple .slick-prev { 
left: 400px; z-index: 100;
}

#sliderglidwrap{
background: #000;
}
.sliderglid{
max-width: 1200px;
margin: 0 auto 0;
background: #000;
position: relative;
	}
div.nextgameslider{
width: 466px;
height: 454px;
background: #333333;
padding-top: 57px;
box-sizing: border-box;
padding-left: 18px;
padding-right: 18px;
}  
p.nextgameslider_date{
color: #fff;
text-align: center;
font-size: 37px;
font-weight: 700;
vertical-align: middle;
}
span.nextgameslider_yobi{
font-size: 21px;
margin-left: 10px;
vertical-align: baseline;
}
p.nextgameslider_kickoff,p.nextgameslider_gametitle{
text-align: center;
margin-top: 12px;
color: #fff;
font-size: 16px;
}
span.nextgameslider_kickoff{
margin-left: 10px;
}
div.gamecardbox{
height: 115px;
border-top: 1px solid #eb5e00;
border-bottom: 1px solid #eb5e00;
margin-top: 15px;
padding-top: 20px;
}
div.nextgameslider_leftteam{
width: 130px;
text-align: center;
margin: 0;
float: left;
}
div.nextgameslider_leftteam img{
width: 58px;
height: auto;
text-align: center;
display: inline;
}
div.nextgameslider_rightteam{
/*width: 130px;*/
text-align: center;
float: right;
margin: 0;
}
div.nextgameslider_rightteam img{
width: 58px;
height: auto;
text-align: center;
display: inline;
}
p.nextgameslider_teamname{
color: #fff;
font-size: 12px;
text-align: center;
margin-top: 10px;
}
div.nextgameslider_ha{
width: 71px;
padding: 0 11px;
box-sizing: border-box;
float: left;
margin: 0;
}
div.nextgameslider_hahome{
text-align: center;
color: #fff;
background: #eb5e00;
width: 48px;
padding: 4px 0;

margin: 0;
text-transform:uppercase;
font-size: 11px;
}
div.nextgameslider_haaway{
text-align: center;
color: #fff;
background: #424242;
width: 48px;
padding: 4px 0;
margin: 0;
text-transform:uppercase;
font-size: 11px;
}
.nextgameslider_havs{
font-size: 16px;
text-align: center;
color: #666666;
margin-top: 10px;
font-weight: 700;
}
div.nextgameslider_link{
width: 100%;
margin-top: 22px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
}
a.nextgameslider_ticket{
width: 95px;
height: 21px;
border-radius: 21px;
line-height: 21px;
display: block;
color: #fff;
text-align: center;
font-size: 13px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff8628+0,eb5e00+100 */
background: #ff8628; /* Old browsers */
background: -moz-linear-gradient(left,  #ff8628 0%, #eb5e00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff8628 0%,#eb5e00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff8628 0%,#eb5e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8628', endColorstr='#eb5e00',GradientType=1 ); /* IE6-9 */
}
a.nextgameslider_info{
width: 95px;
height: 21px;
border-radius: 21px;
line-height: 21px;
display: block;
color: #fff;
text-align: center;
font-size: 13px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff8628+0,eb5e00+100 */
background: #ff8628; /* Old browsers */
background: -moz-linear-gradient(left,  #ff8628 0%, #eb5e00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff8628 0%,#eb5e00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff8628 0%,#eb5e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8628', endColorstr='#eb5e00',GradientType=1 ); /* IE6-9 */
}
.slickleft{
display: block;
width: 367px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+26,000000+100&1+26,0+100 */
background: -moz-linear-gradient(right,  rgba(0,0,0,1) 26%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(right,  rgba(0,0,0,1) 26%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to left,  rgba(0,0,0,1) 26%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */


height: 454px;
position: absolute;
right: -1px;
z-index: 50;
}
.slickright{
display: block;
width: 367px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+26,000000+100&1+26,0+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,1) 26%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 26%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,1) 26%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */


height: 454px;
position: absolute;
left: 0;
z-index: 50;
}


.slick-next,.slick-prev{
width: 25px !important;
height: 25px !important;
filter: drop-shadow(1px 1px 1px #000);
top:52% !important;
}

.slick-prev::before {
   content: url(image/top/arrow02.svg);
    font-size: 25px;
 }
.slick-next::before {
    content: url(image/top/arrow01.svg);
    font-size: 25px;
}
/*.slick-prev{
    left: 80px;
  }
.slick-next{
    right: 80px;
}*/
  @media screen and (max-width:480px) {
    .slick-prev{
        left: 30px;
                 
    }
     .slick-next{
       right: 30px;
    }
}


 /*************************************
	
トップピックアップニュース

************************************/   
div.toppickupnews{
width: 1000px;
margin: 0 auto;
padding-top: 90px;
box-sizing: border-box;
}
ul.pickupnews{
width: 100%;
margin-top: 40px;
padding-bottom: 90px;
flex-wrap: wrap;
height: 657px;
align-content: space-between;
justify-content:space-between;
}
ul.pickupnews li{
width: 230px;
height: 310px;
}
ul.pickupnews li:nth-child(1),ul.pickupnews li:nth-child(3),ul.pickupnews li:nth-child(6),ul.pickupnews li:nth-child(8){
background: #eb5e00;
}
ul.pickupnews li:nth-child(2),ul.pickupnews li:nth-child(4),ul.pickupnews li:nth-child(5),ul.pickupnews li:nth-child(7){
background: #000;
}
ul.pickupnews li img{
height: 150px;
background: #fff;
}
ul.pickupnews li a{
display: block;
}
p.pickupbox_category{
display: inline-block;
border: 1px solid #fff;
border-radius: 21px;
text-align: center;
padding: 3px 5px;
color: #fff;
font-size: 10px;
}
div.pickupbox{
width: 230px;
height: 165px;
padding-top: 25px;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
p.pickupbox_date{
font-size: 13px;
color: #fff;
}
p.pickupbox_title{
font-size: 14px;
font-weight: 700;
color: #fff;
height: 82px;
}
/*************************************
	
トップニュース

************************************/
div.topnewswrap{
height: 850px;
width: 100%;
position: relative;
}

div.tabwrap{
background-color: #252726;
width: 100%;
height: 62px;
position: absolute;
top: 0;
}
.topnewsback{
width: 100%;
background: url(image/top/topnewsback.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
/*タブ切り替え全体のスタイル*/
.renofatabs {
position: absolute;
top: 0;
right: 0;
left: 0;
margin-top: 50px;
/*border: 1px solid #ccc;*/
/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
width: 1000px;
margin: 0 auto 10px;
box-sizing: border-box;}

/*タブのスタイル*/
.renofatab_item {
  width: calc(100%/7);
  height: 62px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_lineheight1{
line-height: 62px;
}
.tab_lineheight2{
line-height: 1.2;
padding-top: 13px;
}
.renofatab_item:hover {
opacity: 0.75;
transition: all 0.5s ease;
}
/*ラジオボタンを全て消す*/
input[name="renofatab_item"] {
display: none;
}
/*タブ切り替えの中身のスタイル*/
.renofatab_content {
display: none;
padding: 20px 20px 0;
clear: both;
/*overflow: scroll;*/
/*height: 400px;*/
}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content,
#media:checked ~ #media_content,
#event:checked ~ #event_content,
#ladiesacademy:checked ~ #ladiesacademy_content,
#hometown:checked ~ #hometown_content
{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.renofatabs input:checked + .renofatab_item {
border-bottom: 4px solid #eb6100;
height: 62px;
box-sizing: border-box;
color: #eb6100;
}
.toarchive{
margin:10px 0 10px 20px;
}
.toarchive li{
float: left;
padding: 4px 8px;
text-align: center;
background: #9fa0a0;
border-radius: 2px;
margin-right: 5px;
}
.toarchive li a{
color: #fff;
font-size: 12px;
text-decoration: none;

}

.newscontainer{
width: 1100px;
margin: 0 auto;
}
.font12{
font-size: 12px !important;
margin-right: 10px !important;
}
.newsichiran{
width: 100%;
}
span.date{
display: inline-block;
margin-right: 35px;
}
.newsichiran li{
float: left;
border-bottom: 1px solid #ccc;
width: 100%;
padding-bottom: 5px;
box-sizing: border-box;
margin-bottom: 5px;
height: 55px;
padding-top: 20px;
box-sizing: border-box;
}

.newscontainer .newsichiran{
width: 820px;
float: left;
}
.newscontainer .newsichiran li a{
font-size: 13px;
font-weight: 700;
}

.newscontainer .topcategoryclubinfo{
font-size: 12px;
color: #fff;
background: #ffd900;
padding: 3px;
text-align: center;
width: 140px;
margin-right: 10px;
display: inline-block;
}
.newscontainer .topcategorygoodsinfo{
	font-size: 12px;
	color: #fff;
	background: #ec7aac;
	padding: 3px;
	text-align: center;
width: 140px;
margin-right: 10px;
display: inline-block;
}
.newscontainer .topcategorymediainfo{
	font-size: 12px;
	color: #fff;
	background: #8fc31f;
	padding: 3px;
	text-align: center;
width: 140px;
margin-right: 10px;
display: inline-block;
}
.newscontainer .topcategoryeventinfo{
	font-size: 12px;
	color: #fff;
	background: #72c8d5;
	padding: 3px;
	text-align: center;
width: 140px;
margin-right: 10px;
display: inline-block;
}
.newscontainer .topcategoryladiesacademy{
	font-size: 12px;
	color: #fff;
	background: #eb5c01;
	padding: 3px;
	text-align: center;
width: 140px;
margin-right: 10px;
display: inline-block;
}



.newsichiran li a{
padding-top: 2px;
display: inline-block;
font-size: 14px;
color: #000;
font-weight: 700;
}

.topcategoryclubinfo{
font-size: 12px;
color: #fff;
background: #ffd900;
padding: 3px;
text-align: center;
width: 140px;
margin-right: 35px;
display: inline-block;
}
.topcategorygoodsinfo{
	font-size: 12px;
	color: #fff;
	background: #ec7aac;
	padding: 3px;
	text-align: center;
width: 140px;
margin-right: 35px;
display: inline-block;
}
.topcategorymediainfo{
	font-size: 12px;
	color: #fff;
	background: #8fc31f;
	padding: 3px;
	text-align: center;
width: 140px;
margin-right: 35px;
display: inline-block;
}
.topcategoryeventinfo{
	font-size: 12px;
	color: #fff;
	background: #72c8d5;
	padding: 3px;
	text-align: center;
width: 140px;
margin-right: 35px;
display: inline-block;
}
.topcategoryladiesacademy{
	font-size: 12px;
	color: #fff;
	background: #eb5c01;
	padding: 3px;
	text-align: center;
width: 140px;
margin-right: 35px;
display: inline-block;
}
a.topmorebtn{
display: block;
margin: 30px auto;
width: 160px;
text-align: center;
}
/********************************************
	
topホームタウン
	
********************************************/

.hometowntoplist2 {
    height: 28px;
    color: #595757;
    width: 100%;
   border-bottom: 1px solid #ccc;
    float: left;
    padding: 20px 0 5px;
    margin-bottom: 5px;
}
.hometowntoplist2 a{
padding-top: 2px;
display: block;
font-size: 14px;
color:#000;
font-weight: 700;
width: 640px;
overflow: hidden;
float: right;
height: 16px;
}

.hometowntopcate{ 
font-size: 12px;
color:#fff;
padding: 3px;
text-align: center;
width: 140px;
margin-right: 35px;
display: inline-block;
}
/*各市の色分け*/
/*山口県*/
.hometown3{
background: #9F2926;
}
/*山口市*/
.hometown4{
background: #E8380D;
}
/*宇部市*/
.hometown7{
background: #E60012;
}
/*下松市*/
.hometown12{
background: #127E3A;
}
/*萩市*/
.hometown11{
background: #0071BE;
}
/*柳井市*/
.hometown16{
background: #02B8CB;
}
/*平生町*/
.hometown21{
background: #000000;
}
/*周防大島町*/
.hometown17{
background: #F27E1D;
}
/*美祢市*/
.hometown10{
background: #0F7E31;
}
/*阿武町*/
.hometown22{
background: #007DC2;
}
/*防府市*/
.hometown8{
background: #1373B7;
}
/*和木町*/
.hometown18{
background: #060202;
}
/*上関町*/
.hometown19{
background: #073E79;
}
/*下関市*/
.hometown5{
background: #00A0E9;
}
/*光市*/
.hometown14{
background: #0850A4;
}
/*周南市*/
.hometown9{
background: #7CCEF3;
}
/*山陽小野田市*/
.hometown6{
background: #00947E;
}
/*岩国市*/
.hometown13{
background: #1F6C89;
}
/*田布施町*/
.hometown20{
background: #20743E;
}
/*長門市*/
.hometown15{
background: #005CA3;
}


/********************************************
	
top順位表
	
********************************************/
table.ranking{
width: 1000px;
margin: 45px auto 30px;
}
table.ranking tr:first-child{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff8628+0,eb5e00+100 */
background: #ff8628; /* Old browsers */
/*background: -moz-linear-gradient(left,  #ff8628 0%, #eb5e00 100%);
background: -webkit-linear-gradient(left,  #ff8628 0%,#eb5e00 100%); 
background: linear-gradient(to right,  #ff8628 0%,#eb5e00 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8628', endColorstr='#eb5e00',GradientType=1 ); */
}
table.ranking th{
color: #fff;
font-size: 12px;
height: 37px;
line-height: 37px;
text-align: center;
}
table.ranking td{
height: 63px;
color: #fff;
text-align: center;
border-bottom: 1px solid #fff;
vertical-align: middle;
}
table.ranking td:nth-child(2){
text-align: left;
}
a.rankingmorebtn{
display: block;
width: 160px;
height: 36px;
margin: 0 auto;
}
/********************************************
	
topbanner
	
********************************************/
div.topbannerwrap{
width: 100%;
background: #fff;

}
.topbanner_up{
width: 1000px;
margin: 130px auto 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.topbanner_up a{
display: block;
width: calc(100%/3);
}
.imgWrap {
overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
width: 100%;	/*画像の幅*/
height: 280px;	/*画像の高さ*/
}
.imgWrap img {
display: block;
transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
transform: scale(1.1);	/*画像の拡大率*/
transition-duration: 0.3s;	/*変化に掛かる時間*/
}
div.topbanner_bottom{
width: 1000px;
margin: 40px auto 40px;
}

div.topbanner_bottom a{
width: 244px;
float: left;
display: block;
height: 123px;
margin-left: 8px;
margin-bottom: 15px;
}
div.topbanner_bottom a:nth-child(4n+1){
margin-left: 0;
}
div.topbanner_bottom a img{
width: 100%;
height: auto;
}
a.topbanertxt{
display: block;
background:#fabe00 ;
color: #000;
text-align: center;
line-height: 121px;
border: 2px solid #000;
font-weight: 700;
box-sizing: border-box;
}
/********************************************
	
topsns
	
********************************************/
.topsnswrap{
width: 100%;
height: 872px;
background: url(image/top/snsback.svg);
background-size: cover;
padding-top: 85px;
box-sizing: border-box;
}
.topsnscontainer{
width: 317px;
height: 53px;
margin: 40px auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.topsnscontainer a{
width: 52px;
height: 52px;
display: block;
}
.topsnscontainer2{
width: 1000px;
margin: 40px auto 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.topsnscontainer2 div{
width: 49%;
background: #fff;
height: 400px;
}

/********************************************
	
topmovie
	
********************************************/
div.topmoviewrap{
width: 100%;
height: 484px;
background: #252726;
padding-top: 60px;
margin-bottom: 80px;
overflow: hidden;
}
.video{
position:relative;
width:100%;
padding-top:56.25%;
}
.video iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
.youtubecontainer{
width: 25%;
float: left;
}
.youtubetopglid{
width: 100%;
}
/********************************************
	
top onlineshop
	
********************************************/
.toponlineshop_wrap{
width: 100%;
background: #fff;
padding-top: 140ppx;
}
div.toponlineshop{
width: 1000px;
margin: 75px auto;
}
div.toponlineshop a{
display: block;
margin-left: 16px;
float: left;
width: 238px;
border: 1px solid #e5e5e5;
box-sizing: border-box;
}
div.toponlineshop a:nth-child(4n+1){
margin-left: 0;
}
div.toponlineshop a img{
width:  236px;
height: auto;
}
.topitembox{
background: #e5e5e5;
padding: 21px 27px;
box-sizing: border-box;
}
.topprice{
font-size: 23px;
font-weight: 700;
color: #eb5e00;
}
.topitem{
font-size: 12px;
height: 60px;
width: 100%;
box-sizing: border-box;
color: #000;
}
.topshopbtn_wrap{
width: 1000px;
margin: 0 auto 165px;
text-align: center;
}

a.topshopbtn {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 5px 70px;
    color: #fff;
    font-weight: bold;
    margin-top: 30px;
    vertical-align: middle;
    height: 45px;
    text-align: center;
    line-height: 45px;
}
a.topshopbtn:first-child{
margin-right: 100px;
}
a.topshopbtn:before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    transform: skewX(-20deg);
    background-color: #000;
    content: "";
        -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
a.topshopbtn:hover:before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    transform: skewX(-20deg);
    background-color: #EB5E00;
    content: "";
}
/********************************************
	
フッター
	
********************************************/
div.partnertablewrap{
width: 1000px;
margin: 20px auto;
padding-bottom: 70px;
}
div.partnertablewrap img{
border: 1px solid #000;
box-sizing: border-box;
}
.bottom_partner_wrap{
background: #252726;
width: 100%;
}
#footerwrap{
width: 100%;
background: #313332;
padding-top: 65px;
padding-bottom: 50px;
}
.footercontents{
width: 1000px;
margin: 0 auto;   
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.footercontents div{
width: 170px;
float: left;
}
.footercontents h2{
color: #fff;
padding-bottom: 8px;
border-bottom: 1px solid #fff;
margin-bottom: 6px;
font-size: 14px;
font-weight: 700;
}
.footerlinkbox{
width: 100%;
}
.footerlinkbox a{
color: #fff;
display:block;
font-size: 13px;
}
div.footerleft{
float: left;
	}
div.footerlink{
float: right;
width: 250px;	
	}
div.footerlink a{
display: block;
color: #fff;
float: left;
font-size: 15px;
width: 50%;
	}
.copyright{
font-size: 12px;
color: #fff;
text-align: center;
width: 100%;
background: #252726;
height: 40px;
line-height: 40px;
	}
/********************************************
	
固定ページ設定
	
********************************************/	
.mb120{
margin-bottom: 120px !important;
}

h2.pageh2{
font-size: 28px;
text-align: center;
color: #252726;
font-weight: 700;
margin-bottom: 40px;
}

h2.pageh2::after{
display: block; /*ブロック要素へ*/
background-color: #EB5E00; /*下線の色を指定*/
content: ""; /*擬似要素の追加*/
width: 50px; /*長さの指定*/
height: 1px; /*高さを1px指定して線にする*/
margin-top: 10px; /*余白の指定*/
text-align: center;
margin-left: auto;
margin-right: auto;
color: #EB5E00;
height: 4px; 
}
.pagecontainer{
width: 1000px;
margin: 0 auto;
}
table.tabletype01{
width: 100%;
border-top: 1px solid #000;
}
table.tabletype01 th{
width: 190px;
font-size: 16px;
color: #000;
text-align: left;
font-weight: 700;
padding:30px 0 30px 20px;
border-bottom: 1px solid #000;
vertical-align: middle;
}
table.tabletype01 td{
padding: 30px 0;
font-size: 16px;
color: #000;
border-bottom: 1px solid #000;
vertical-align: middle;
}
.tablepress tbody td {
vertical-align: middle !important;
}
p.subtxt{
text-align: center;
font-size: 14px;
margin: 0 auto 20px;
}
.pagecontainer h4{
text-align: center;
font-weight: 700;
font-size: 33px;
margin-bottom: 50px;
}
/********************************************
	
固定ページヘッダー画像設定
	
********************************************/
.effect-fade {
　opacity : 0;
　transform : translate(0, 45px);
　transition : all 300ms;
}

.effect-fade.effect-scroll {
　opacity : 1;
　transform : translate(0, 0);
}

.pagehead{
width: 100%;
height: 300px;
padding-top: 100px;
box-sizing: border-box;

}
.pageheadtxt{
width: 1000px;
margin: 0 auto;
}
.renofa_club{
background: url(image/pagehead/renofa_club.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.player2020{
background: url(image/pagehead/player2020.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.topteam{
background: url(image/pagehead/topteam.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.schedule{
background: url(image/pagehead/schedule.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.practicefield{
background: url(image/pagehead/practicefield.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.fanservice{
background: url(image/pagehead/fanservice.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.game{
background: url(image/pagehead/game.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.watchingguide{
background: url(image/pagehead/watchingguide.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.stadium{
background: url(image/pagehead/stadium.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.renofasquare{
background: url(image/pagehead/renofasquare.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.supportvendingmachine{
background: url(image/pagehead/supportvendingmachine.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.u-18schedule{
background: url(image/pagehead/u-18schedule.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.partner{
background: url(image/pagehead/partner.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.forthefirsttime{
background: url(image/pagehead/forthefirsttime.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.accessguide{
background: url(image/pagehead/accessguide.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.orangedreampark{
background: url(image/pagehead/orangedreampark.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.hojin{
background: url(image/pagehead/hojin.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.waiting{
background: url(image/pagehead/waiting.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.rule{
background: url(image/pagehead/rule.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.visiter{
background: url(image/pagehead/visiter.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.aboutacademy{
background: url(image/pagehead/aboutacademy.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.academyplayer{
background: url(image/pagehead/academyplayer.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.ladiesplayer{
background: url(image/pagehead/ladiesplayer.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.aboutladies{
background: url(image/pagehead/aboutladies.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.nursery{
background: url(image/pagehead/nursery.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}



.antennashop{
background: url(image/pagehead/antennashop.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.supportersclub{
background: url(image/pagehead/supportersclub.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.mediajoho{
background: url(image/pagehead/media.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.kizuna{
background: url(image/pagehead/kizuna.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.ticket{
background: url(image/pagehead/ticket.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.qrticket{
background: url(image/pagehead/qrticket.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.tickethankenservice{
background: url(image/pagehead/ticketservice.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.postoffice{
background: url(image/pagehead/postoffice.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.club{
background: url(image/pagehead/club.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.academypage{
background: url(image/pagehead/academy.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.ladiespage{
background: url(image/pagehead/ladies.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.goods{
background: url(image/pagehead/goods.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.fanzone{
background: url(image/pagehead/fanzone.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.bonds{
background: url(image/pagehead/bonds.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.orangepopcorn{
background: url(image/pagehead/orangepopcorn.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.jihanki{
background: url(image/pagehead/jihanki.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
/********************************************
	
固定ページヘッダー画像なし設定
	
********************************************/
.pagehead2{
width: 100%;
height: 90px;
background: #252726;
text-align: center;
font-size: 31px;
box-sizing: border-box;
line-height: 90px;
font-weight: 700;
color: #fff;
}
/********************************************
	
クラブ概要
	
********************************************/
.clubtxt01{
width: 458px;
margin: 0 auto 90px;
font-weight: 700;
line-height: 1.8;
}
.clubtxt02{
text-align: center;
margin: 0 auto 90px;
font-weight: 700;
line-height: 1.8;
}
.cluboutlineimg01{
text-align: center;
margin-bottom: 30px;
}
.teamsloganback {
height: 760px;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover; 
padding-top: 180px;
box-sizing: border-box;
color: #fff;
margin-bottom: 150px;
}
.bg-01 {
background-image: url(image/page/cluboutline/back01.jpg);
}
.teamslogan_left{
float: left;
width: 560px;
padding-left: 110px;
box-sizing: border-box;
padding-right: 30px;
font-size: 15px;
}
.teamslogan_left img{
display: block;
margin-bottom: 70px;
}
.teamslogan_right{
float: right;
width: 440px;
}
.renomaru{
text-align: center;
font-size: 28px;
color: #EB5E00;
margin-bottom: 30px;
}
table.slogan2019{
width: 100%;
margin-bottom: 150px;
}
table.slogan2019 th{
width:325px;
background: #ECECEB;
color: #DF5D0F;
text-align: center;
vertical-align: middle;
font-size: 20px;
border-bottom: 1px solid #fff;
}
table.slogan2019 td{
padding-left: 10px;
background: #ECECEB;
padding: 15px 0 15px 10px;
font-size: 17px;
border-bottom: 1px solid #fff;
}
h3.orangesoulh3{
text-align: center;
color: #DF5D0F;
font-size: 33px;
margin-bottom: 15px;
font-weight: 700;
}
.history_nen {
font-weight: 900;
text-align: left;
font-family: DINWeb, sans-serif !important;
font-size: 25px;
color: #EB5E00;
padding: 2px 46px 0 46px;
}

/********************************************
	
記録室
	
********************************************/
h3.historyh3{
font-size: 23px;
line-height: 1.8;
text-align: center;
font-weight: 700;
margin-bottom: 56px;
}
p.historytxtp{
width: 814px;
margin: 0 auto;
font-size: 16px;
line-height: 1.5;
margin-bottom: 40px;
}
.historyback{
background: url(image/page/history/historyback.jpg);
background-position: top;
background-repeat: no-repeat;
width: 100%;
padding-top: 110px;
}
ul.recordul{
width: 1000px;
margin: 120px auto 190px;
}
ul.recordul li{
width: 238px;
float: left;
margin-left: 16px;
margin-bottom: 16px;
}
ul.recordul li:nth-child(4n+1){
margin-left: 0;
}
ul.recordul li img{
width: 100%;
height: auto;
}
div.historyplayerleft{
width: 49%;
float: left;
}
div.historyplayerright{
width: 49%;
float: right;
}

table.historyplayer{
width: 100%;
margin-top: 120px;
margin-bottom: 50px;
}
table.historyplayer th{
background: #000;
color: #fff;
text-align: center;
vertical-align: middle;
vertical-align: middle;
}
table.historyplayer td{
height: 48px;
vertical-align: middle;
text-align: center;
}
table.historyplayer tr:nth-child(even){
background: #ECECEB;
}
.recordmanager{
margin-bottom: 80px;
}
/********************************************
	
トップチーム、クラブ、アカデミー
	
********************************************/
.playerbtnwrap{
width: 100%;
height: 300px;
padding-top: 88px;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 27px;
box-sizing: border-box;
background: url(image/page/topteam/playerback.jpg);
background-position: center center;
background-size: cover;
}
.playerbtnwrap p{
margin-top: .9vw;
}
.topteamback{
background: url(image/page/topteam/back.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 110px;
width: 100%;
}
ul.pageglidbtn{
width: 100%;
}
ul.pageglidbtn li{
width : calc(100% / 3) ;
float: left;
height: 17.7vw;
padding-top: 4.2vw;
padding-left: 3.5vw;
box-sizing: border-box;
}
ul.pageglidbtn li p{
color: #fff;
font-weight: 700;
margin-top: .9vw;
font-size: 1vw;
font-style: italic;
}
ul.pageglidbtn li a{
margin: 4.9vw auto 0 12.3vw!important;
text-align: center;
left: 0;
right: 0;
}
.topteamglid01{
background: url(image/page/topteam/glid01.jpg);
background-position: center center;
background-size: cover;
}
.topteamglid02{
background: url(image/page/topteam/glid02.jpg);
background-position: center center;
background-size: cover;
}
.topteamglid03{
background: url(image/page/topteam/glid03.jpg);
background-position: center center;
background-size: cover;
}


/*****クラブ*****/
.clubbtnwrap{
width: 100%;
height: 300px;
padding-top: 88px;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 27px;
box-sizing: border-box;
background: url(image/page/club/clubbtnback.jpg);
background-position: center center;
background-size: cover;
}
.recordbtnwrap{
width: 100%;
height: 300px;
padding-top: 88px;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 27px;
box-sizing: border-box;
background: url(image/page/club/record.jpg);
background-position: center center;
background-size: cover;
}
/*****アカデミー*****/
.aboutacademybtnwrap{
width: 100%;
height: 300px;
padding-top: 88px;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 27px;
box-sizing: border-box;
background: url(image/page/academy/aboutacademy.jpg);
background-position: center center;
background-size: cover;
}
.academyplayerbtnwrap{
width: 100%;
height: 300px;
padding-top: 88px;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 27px;
box-sizing: border-box;
background: url(image/page/academy/academyplayer.jpg);
background-position: center center;
background-size: cover;
}
.academyglid01{
background: url(image/page/academy/u18matchresult.jpg);
background-position: center center;
background-size: cover;
}
.academyglid02{
background: url(image/page/academy/u18matchresult.jpg);
background-position: center center;
background-size: cover;
}
.academyglid03{
background: url(image/page/academy/u18facebook.jpg);
background-position: center center;
background-size: cover;
}
.academyglid04{
background: url(image/page/academy/sportsclub.jpg);
background-position: center center;
background-size: cover;
}
.academyglid05{
background: url(image/page/academy/u15schedule.jpg);
background-position: center center;
background-size: cover;
}
.academyglid06{
background: url(image/page/academy/u12schedule.jpg);
background-position: center center;
background-size: cover;
}

/*****レディース*****/
.aboutladiesbtnwrap{
width: 100%;
height: 300px;
padding-top: 88px;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 27px;
box-sizing: border-box;
background: url(image/page/ladies/aboutladies.jpg);
background-position: center center;
background-size: cover;
}
.ladiesbtnwrap{
width: 100%;
height: 300px;
padding-top: 88px;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 27px;
box-sizing: border-box;
background: url(image/page/ladies/ladiesboshu.jpg);
background-position: center center;
background-size: cover;
}
.ladiesglid01{
background: url(image/page/ladies/grid01.jpg);
background-position: center center;
background-size: cover;
}
.ladiesglid02{
background: url(image/page/ladies/grid02.jpg);
background-position: center center;
background-size: cover;
}
.ladiesglid03{
background: url(image/page/ladies/grid03.jpg);
background-position: center center;
background-size: cover;
}
.ladiesglid04{
background: url(image/page/ladies/grid04.jpg);
background-position: center center;
background-size: cover;
}
/*****グッズ*****/
.onlineshopbtnwrap{
width: 100%;
height: 300px;
padding-top: 88px;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 27px;
box-sizing: border-box;
background: url(image/page/goods/grid01.jpg);
background-position: center center;
background-size: cover;
}
.antennashopbtnwrap{
width: 100%;
height: 300px;
padding-top: 88px;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 27px;
box-sizing: border-box;
background: url(image/page/goods/grid02.jpg);
background-position: center center;
background-size: cover;
}
/*****ファンゾーン*****/
.fanzone01{
width: 100%;
height: 300px;
padding-top: 88px;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 27px;
box-sizing: border-box;
background: url(image/page/fanzone/supportermember.jpg);
background-position: center center;
background-size: cover;
}
.fanzone02{
width: 100%;
height: 300px;
padding-top: 88px;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 27px;
box-sizing: border-box;
background: url(image/page/fanzone/media.jpg);
background-position: center center;
background-size: cover;
}
.fanzone03{
background: url(image/page/fanzone/grid01.jpg);
background-position: center center;
background-size: cover;
}
.fanzone04{
background: url(image/page/fanzone/grid02.jpg);
background-position: center center;
background-size: cover;
}
.fanzone05{
background: url(image/page/fanzone/grid03.jpg);
background-position: center center;
background-size: cover;
}
.fanzone06{
background: url(image/page/fanzone/grid04.jpg);
background-position: center center;
background-size: cover;
}
/********************************************
	
スケジュール
	
********************************************/
p.schedulep{
font-size: 18px;
margin-top: 20px;
}
p.schedulep a{
color: #EB5E00;
text-decoration: underline;
}
.cal_wrapper {
max-width: 800px; /* 最大幅 */
min-width: 300px; /* 最小幅 */
margin: 2.0833% auto;
}
.googlecal {
position: relative;
padding-bottom: 100%; /* 縦横比 */
height: 0;
overflow: hidden;
    }
.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
    }
     
@media only screen and (min-width: 600px) {
      /* 画面幅が600px以上の場合の縦横比の指定 */
.googlecal {
padding-bottom: 75%;
      }
    }
    
.mb200{
margin-bottom: 200px;
}  
.pb200{
padding-bottom: 200px;
}

/********************************************
	
練習場ガイド
	
********************************************/

p.practicetxt {
text-align: center;
margin: 0 auto 90px;
font-weight: 700;
line-height: 1.8;
}
.practiceback {
height: 340px;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover; 
padding-top: 130px;
box-sizing: border-box;
color: #fff;
margin-bottom: 150px;
}
.bg-02 {
background-image: url(image/page/practice/imageback.jpg);
}
h4.practiceh4{
text-align: center;
font-size: 27px;
font-weight: 700;
color: #fff;
font-style: italic;
}
a.practicebtn{
display: block;
width: 230px;
text-align: center;
margin: 50px auto 0;
}
div.practiceimage{
margin-top: 75px;
width: 100%;
}
div.practiceinfo{
width: 100%;
margin-top: 30px;
}
span.practiceinfo_left{
width: 107px;
float: left;
display: block;
background: #000;
color: #fff;
text-align: center;
height: 32px;
line-height: 32px;
margin-right: 20px;
}
span.practiceinfo_right{
float: left;
display: block;
line-height: 1.8;
padding-top: 2px;
width: 873px;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.practicemap{
margin-top: 70px;
}
.parallelogram {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 10px 80px;
    color: #000;
    font-weight: bold;
    margin-top: 30px;
}
.parallelogram:before {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
transform: skewX(-20deg);
background-color: #FDD000;
content: "";
}
.practicecontainer{
padding-bottom: 230px;
}
/********************************************
	
練習見学・ファンサービスについて
	
********************************************/
div.fanservice01{
background: #ECECEC;
width: 600px;
margin: 0 auto;
padding: 16px 46px;
line-height: 1.8;
font-size: 13px;
margin-bottom: 140px;
}
div.fanservice02{
line-height: 2;
padding: 80px 0 140px;
}
div.fanservice02 p{
margin-bottom: 13px;
}
.marker_yellow_futo {
background: linear-gradient(transparent 0%, #ffff66 0%);
}
.marker_yellow_hoso {
background: linear-gradient(transparent 60%, #ffff66 60%);
}
h4.fanserviceh4{
font-size: 23px;
font-weight: 700;
border-bottom: 1px solid #ADADAD;
padding-bottom: 20px;
margin-bottom: 20px;
margin-top: 140px;
}
ul.fanservicebox{
width: 100%;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
ul.fanservicebox li{
width: 470px;
margin-left: 60px;
}
ul.fanservicebox li:nth-child(odd){
margin-left: 0;
}
.fanserviceboxtxt{
background: #ECECEC;
}
.fanserviceimage01{
width: 100%;
margin-bottom: 20px;
}
div.fanservice03{
background: #ECECEC;
width: 100%;
margin: 0 auto;
padding: 16px 46px;
line-height: 1.8;
font-size: 13px;
margin-bottom: 140px;
box-sizing: border-box;
}
h5.serviceh5{
font-weight: 700;
font-size: 17px;
margin-bottom: 20px;
}
h5.serviceh5 span{
line-height: 20px;
}
h5.serviceh5 img{
margin-right: 20px;
}
/********************************************
	
観戦ガイド
	
********************************************/
.stadiumbtnwrap{
width: 100%;
height: 300px;
padding-top: 88px;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 27px;
box-sizing: border-box;
background: url(image/page/watchingguide/stadiumback.jpg);
background-position: center center;
background-size: cover;
}
.accessbtnwrap{
width: 100%;
height: 300px;
padding-top: 88px;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 27px;
box-sizing: border-box;
background: url(image/page/watchingguide/accessback.jpg);
background-position: center center;
background-size: cover;
}
.watchingguideglid04{
background: url(image/page/watchingguide/glid01.jpg);
background-position: center center;
background-size: cover;
}
.watchingguideglid05{
background: url(image/page/watchingguide/glid02.jpg);
background-position: center center;
background-size: cover;
}
.watchingguideglid06{
background: url(image/page/watchingguide/glid03.jpg);
background-position: center center;
background-size: cover;
}
.watchingguideglid07{
background: url(image/page/watchingguide/glid04.jpg);
background-position: center center;
background-size: cover;
}
ul.pageglidbtn2{
width: 100%;
}
ul.pageglidbtn2 li{
width : calc(100% / 2) ;
float: left;
height: 17.7vw;
padding-top: 4.2vw;
padding-left: 3.5vw;
box-sizing: border-box;
}
ul.pageglidbtn2 li p{
color: #fff;
font-weight: 700;
margin-top: .9vw;
font-size: 1vw;
font-style: italic;
}
ul.pageglidbtn2 li a{
margin: 4.9vw auto 0 12.3vw!important;
text-align: center;
left: 0;
right: 0;
}

/*************************************

スタジアムガイド

************************************/
p.stadiumtxt {
text-align: center;
margin: 0 auto 90px;
font-weight: 700;
line-height: 1.8;
}
div.stadiumimage{
width: 1000px;
margin: 90px auto 0;
}
div.stadiumtxt2 {
text-align: left;
margin: 45px auto 55px;
font-weight: 700;
line-height: 1.8;
}
/*************************************

お問い合わせ設定

************************************/
div.entryform{
margin-top: 30px;
	}
div.formpolicybox{
width: 100%;
height: 300px;
overflow: scroll;
padding: 10px;
border: 1px solid #ccc;
	}
.contact_wrap{
	padding-bottom: 40px;
}
.contact_txt{
	padding: 20px 0;
}
.contact_txt p{
	line-height: 180%;
	margin-bottom: 30px;
}
.contact_txt p strong{
	font-weight: 700;
}
.g-enquete-row {
    border-top: #cccccc solid 1px !important;
    border-bottom: #cccccc solid 1px !important;

}
.mw_wp_form_g-enquete table th{
	background: #f2f2f2 !important;
	color: #eb6100 !important;
	vertical-align: middle !important;
}
.mw_wp_form_g-enquete input[type="submit"], .mw_wp_form_g-enquete input[type="button"], .mw_wp_form_g-enquete button {
    border: 1px solid #eb6100!important;
    border-radius: 3px !important;
    font-size: 20px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #eb6100 !important;
    cursor: pointer;
    -webkit-appearance: button;
    line-height: 20px;
    padding: 10px 30px !important;
    text-shadow: none !important;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;
}
.mw_wp_form_g-enquete input[type="submit"]:hover {
    border: 1px solid #eb6100!important;
    border-radius: 3px !important;
    font-size: 20px !important;
    background: #eb6100 !important;
    box-shadow: none !important;
    color: #fff !important;
    cursor: pointer;
    -webkit-appearance: button;
    line-height: 20px;
    padding: 10px 30px !important;
    text-shadow: none !important;
}
.hisu{
	font-size: 12px;
	margin-left: 10px;
	color: red;
}
.require{
	display: none;
}
.mw_wp_form_g-enquete .action-buttons {
	text-align: center;
}
/********************************************
	
試合日程結果
	
********************************************/	
table.gamescheduletable_2{
width: 100%;
margin-top: 65px;
margin-bottom: 150px;
}
table.gamescheduletable_2 th{
background: #000;
color: #fff;
text-align: center;
vertical-align: middle;
padding-top: 13px;
padding-bottom: 13px;
}
table.gamescheduletable_2 td{
vertical-align: middle;
border-bottom: 1px solid #fff;
padding-top: 13px;
padding-bottom: 13px;
font-size: 13px;
}
table.gamescheduletable_2 td a{
color: #eb6100;
font-weight: 700;
text-decoration: underline;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;
}
table.gamescheduletable_2 td a:hover{
opacity: .8;

}
table.gamescheduletable_2 td:first-child,table.gamescheduletable_2 td:nth-child(4),table.gamescheduletable_2 td:nth-child(5),table.gamescheduletable_2 td:nth-child(6){
text-align: center;
}
table.gamescheduletable_2 td:nth-child(2),table.gamescheduletable_2 td:nth-child(7){
padding-left: 20px;
}
.backhomeaway_home{
background:rgba(233,158,59,0.3); 
}.backhomeaway_away{
background:#F0F0F0;
}

.backhomeaway_home2{
background:#EB5E00; 
color: #fff;
padding: 0 4px;
display: inline-block;
margin-right: 10px;
}
.backhomeaway_away2{
background:#666666;
color: #fff;
padding: 0 4px;
display: inline-block;
margin-right: 10px;
}
.taseasonback{
width: 100%;
background: url(image/nittei/taseasonback.jpg) no-repeat;
background-size: cover;
padding-top: 95px;
padding-bottom: 200px;
}
.otherseasonbtn{
width: 1000px;
margin: 50px auto 100px;
}
.otherseasonbtn a{
font-size: 13px;
padding-top: 20px;
font-weight: 500;
display: block;
width: 188px;
float: left;
background: #fff;
box-sizing: border-box;
margin-bottom: 15px;
/* box-shadow */
box-shadow:0px 0px 6px 3px #dbdbdb;
/* border-radius */
border-radius:6px;
/* border */
border:1px solid #cccccc;
height: 55px;
margin-left: 15px;
text-align: center;
line-height: 55px;
vertical-align: middle;
color: #000;
}
.otherseasonbtn a:hover{
color: #FE5200;
}
.otherseasonbtn a:nth-child(5n+1){
margin-left: 0;
}
.otherseasonbtn a span{
overflow: visible;
display: block;
background: url(image/nittei/sankaku.svg);
vertical-align: middle;
background-repeat: no-repeat;
background-position: top 50% right 30%;
background-size: 13px 13px;
}
.otherseasonbtn2{
width: 1000px;
margin: 50px auto 100px;
}
.otherseasonbtn2 a{
font-size: 13px;
padding-top: 20px;
font-weight: 500;
display: block;
width: 188px;
float: left;
background: #fff;
box-sizing: border-box;
margin-bottom: 15px;
/* box-shadow */
box-shadow:0px 0px 6px 3px #dbdbdb;
/* border-radius */
border-radius:6px;
/* border */
border:1px solid #cccccc;
height: 55px;
margin-left: 15px;
text-align: center;
line-height: 55px;
vertical-align: middle;
color: #000;
}
.otherseasonbtn2 a:hover{
color: #FE5200;
}
.otherseasonbtn2 a:nth-child(5n+1){
margin-left: 0;
}
.otherseasonbtn2 a span{
overflow: visible;
display: block;
background: url(image/nittei/sankaku.svg);
vertical-align: middle;
background-repeat: no-repeat;
background-position: top 50% right 10%;
background-size: 13px 13px;
}

/**********************************************

各チームアイコン

************************************************/

/*レノファ山口*/
p.renofa_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
	color: #000;
	font-weight: 700;
}
p.renofa_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/renofa.svg) no-repeat;
	background-size:90%;
}
p.yamaguchi_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
	font-weight: 700;
}
p.yamaguchi_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/renofa.svg) no-repeat;
	background-size:90%;
}


p.oita_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.oita_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/oita.svg) no-repeat;
	background-size:90%;
}


p.mito_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.mito_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/mito.svg) no-repeat;
	background-size:90%;
}
p.machida_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.machida_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/machida.svg) no-repeat;
	background-size:90%;
}
p.fukuoka_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.fukuoka_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/fukuoka.svg) no-repeat;
	background-size:90%;
}

p.omiya_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.omiya_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/omiya.svg) no-repeat;
	background-size:90%;
}

p.tokyov_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.tokyov_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/tokyov.svg) no-repeat;
	background-size:90%;
}
p.tokyovnew_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.tokyovnew_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(image/teamemblem_300_svg/tokyovnew.svg) no-repeat;
	background-size:90%;
}
p.tochigi_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.tochigi_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/tochigi.svg) no-repeat;
	background-size:90%;
}
p.kanazawa_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.kanazawa_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/kanazawa.svg) no-repeat;
	background-size:90%;
}
p.matsumoto_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.matsumoto_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/matsumoto.svg) no-repeat;
	background-size:90%;
}
p.yamagata_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.yamagata_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/yamagata.svg) no-repeat;
	background-size:90%;
}
p.niigata_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.niigata_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/niigata.svg) no-repeat;
	background-size:90%;
}
p.kofu_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.kofu_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/kofu.svg) no-repeat;
	background-size:90%;
}
p.kyoto_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.kyoto_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/kyoto.svg) no-repeat;
	background-size:90%;
}
p.sanuki_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.sanuki_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/sanuki.svg) no-repeat;
	background-size:90%;
}
p.jef_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
	
}
p.jef_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/jef.svg) no-repeat;
	background-size:90%;
}
p.chiba_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
	
}
p.chiba_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/jef.svg) no-repeat;
	background-size:90%;
}
p.okayama_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.okayama_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/okayama.svg) no-repeat;
	background-size:90%;
}
p.tokushima_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.tokushima_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/tokushima.svg) no-repeat;
	background-size:90%;
}
p.gifu_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.gifu_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/gifu.svg) no-repeat;
	background-size:90%;
}
p.yokohamafc_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.yokohamafc_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/yokohamafc.svg) no-repeat;
	background-size:90%;
}
p.kumamoto_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.kumamoto_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/kumamoto.svg) no-repeat;
	background-size:90%;
}
p.ehime_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.ehime_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/ehime.svg) no-repeat;
	background-size:90%;
}
p.kashiwa_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.kashiwa_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	margin-top: 2px;
	background:url(./image/teamemblem_300_svg/kashiwa.svg) no-repeat;
	background-size:90%;
}
p.hiroshima_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.hiroshima_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/hiroshima.svg) no-repeat;
	background-size:90%;
}
p.cerezo_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.cerezo_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	margin-top: 2px;
	background:url(./image/teamemblem_300_svg/cerezo.svg) no-repeat;
	background-size:90%;
}
p.nagasaki_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.nagasaki_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/nagasaki.svg) no-repeat;
	background-size:90%;
}
p.kagoshima_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.kagoshima_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/kagoshima.svg) no-repeat;
	background-size:90%;
}
p.ryukyu_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.ryukyu_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/ryukyu.svg) no-repeat;
	background-size:90%;
}
p.kitakyushu_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.kitakyushu_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/kitakyushu.svg) no-repeat;
	background-size:90%;
}
p.gunma_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.gunma_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/gunma.svg) no-repeat;
	background-size:90%;
}
p.iwata_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.iwata_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/iwata.svg) no-repeat;
	background-size:90%;
}



/********************************************
	
お知らせ　投稿設定
	
********************************************/
.singleclubinfo{
background: url(image/singlehead/clubinfo.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.singleeventinfo{
background: url(image/singlehead/eventinfo.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.singlemediainfo{
background: url(image/singlehead/mediainfo.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.singleladiesacademy{
background: url(image/singlehead/ladiesacademy.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.singlegoodsinfo{
background: url(image/singlehead/goodsinfo.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.singleallnews{
background: url(image/singlehead/allnews.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.singlearchive{
background: url(image/singlehead/archive.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 110px;
}
.singlewrap{
width: 1100px;
margin: 0 auto;
}
.single_left{
width: 820px;
float: left;
padding-bottom: 100px;
}
.single_right{
width: 250px;
float: right;
}
.single_right ul{
width: 100%;
margin-bottom: 15px;
}
.single_right ul li{
width: 100%;
margin-bottom: 10px;
border-bottom: 1px solid #525252;
padding: 4px 0 4px 10px;
}
.single_right ul li a{
color: #000;

}
.singlecard{
text-align: center;
color: #fff;
background: #eb6100;
}
h1.singletitle{
border-top:#000 2px solid;
border-bottom:#000 2px solid;
padding: 30px 20px;
font-size: 28px;
margin-bottom: 20px;
}
.singledatecate{
text-align: right;
margin-bottom: 40px;
}
.singlecontents{
line-height: 1.5;
width: 100%;
font-size: 16px;
}
.singlecontents p{
margin-bottom: 20px;
}
.singlecontents a{
color: #eb6100;
text-decoration: underline;
}

.singlecontents h2{
font-size: 20px;
font-weight: 700;
border-bottom: 1px solid #000;
}

.singlecontents h3{
margin-bottom: 20px;
}


.singlecontents h4{
margin-bottom: 20px;
}

.singlecontents h5{
margin-bottom: 20px;
}
/*ページナビ2*/	
.pagenavi{
height: 100px;
padding-top: 20px;
width: 1000px;
margin: 0 auto;
	}
.pagenavi a, .pagenavi span {
    color: #eb6100;
    background-color: #FFFFFF;
    padding: 10px;
    border-radius: 3px;
    margin: 0 2px;
    white-space: nowrap;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    text-align: center;
    text-decoration: none;
    border: thin solid #eb6100;
	display: inline-block;

}
.pagenavi span.current {
    font-weight: bold;
}
.pagenavi a:hover, .pagenavi span.current {
    border-color: #000;
}
.pagenavi span.current {
    color: #fff;
    background-color: #eb6100;
    border: thin solid #eb6100;
        border-top-color: #eb6100;
        border-right-color: #eb6100;
        border-bottom-color: #eb6100;
        border-left-color:#eb6100;
}	
/*************************************

レノファスクエア 応援自販機募集 法人サポーター募集

************************************/
p.pagetxtother{
width: 100%;
margin-bottom: 20px;
line-height: 1.8;
}
div.pageimgother{
width: 80%;
margin: 50px auto;
}
p.pagetxtother a{
text-decoration: underline;
vertical-align: middle;
color: #eb6100;
}
p span.red{
color: red;
}
/*************************************

パートナー

************************************/
.tablepressback {
    background-color: #e6e6e6;
    padding: 15px 0;
    margin-bottom: 50px;
}
#tablepress-116.tablepress td,#tablepress-117.tablepress td,#tablepress-118.tablepress td,#tablepress-119.tablepress td,#tablepress-121.tablepress td,#tablepress-122.tablepress td,#tablepress-123.tablepress td,#tablepress-124.tablepress td{
text-align: center !important;
}
.tablepress a{
text-decoration: underline;
color: #eb6100;
}
/**********************************************

U-18概要2018

************************************************/

#about_academy{
	width: 100%;
}
h1.academy{
	font-size: 22px;
	font-weight: 700;
	color: #eb6100;
	float: none !important;
    margin-bottom: 50px;
}
table.academyschedule{
	width: 100%;
	margin-bottom: 10px;
}
table.academyschedule th{
	color: #eb6100;
	font-size: 16px;
    vertical-align: middle;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
table.academyschedule td{
	font-size: 16px;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
.shushin_wrap{
	padding: 20px;
	background: #f2f2f2;
    width: 80%;
    margin: 0 auto 50px;
}
.shushinbox{
margin-bottom: 15px;
}
.shushinbox p{
margin-bottom: 15px;
}
h2.shushin{
	font-weight: 700;
	font-size: 28px;
	border-bottom: 1px solid #4c4c4c;
	margin-top: 0 !important;
    margin-bottom: 15px;
}
h5.keireki{
	background: #000;
	color: #fff !important;
	width: 80px;
	font-size: 11px !important;
	border-radius: 4px;
	text-align: center;
	padding: 4px 8px;
}
span.u18dai{
	font-size: 16px;
	font-weight: 700;
	margin-right: 20px;
}
div.forshidou{
	background: url(image/image2018/u18/shidouback.jpg);
	width: 710px;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	line-height: 200px;
	height: 200px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 30px;
	background-position: center center;
}
ul.ryo_food{
	width: 100%;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.ryo_food li{
	float: left;
	width: 320px;
	margin-left: 20px;
    margin-bottom: 20px;
}
ul.ryo_food li img{
	width: 100%;
	height: auto;
}
ul.ryo_food li:nth-child(3n+1){
	margin-left: 0;
}
h3.academtstaff{
	color: #000;
	font-size: 20px;
}
div.u18staffimg{
	float: left;
	width: 150px;
}
div.u18staff_txt{
	float: left;
	line-height: 1.8;
	margin-left: 40px;
	width: 460px;
}

.nameup_aca{
width: 100%;
}
.nameup_aca .nameup_left{
font-size: 30px;
color: #eb6100;
font-weight: 700;
}
.nameup_aca .romaji{
margin-left: 20px;
padding-top: 8px;
}
.acaarchivewrap{
margin-top: 50px;
margin-bottom: 100px;
}
.acaarchivewrap li{
margin-left: 26px;
width: 230px;
margin-bottom: 20px;
}
.acaarchivewrap li:nth-child(4n+1){
margin-left:0;
}
.acaname{
width: 100%;
font-size: 24px;
font-weight: 700;
}
.nameup_aca .katagaki{
color: #000;
}

/**********************************************

レディース

************************************************/
.ladiesbox{
margin:10px 0 15px 0;
}
.ladiesbox h3{
font-weight:bold;
}
#ladiesimg{
width:100%;
}
#ladiesimg li{
float:left;
width:320px;
margin-left: 10px;
margin-bottom:10px;
}
#ladiesimg li:nth-child(3n+1){
margin-left: 0;
}
.ladies_nen {
font-weight: 900;
text-align: left;
font-family: DINWeb, sans-serif !important;
font-size: 25px;
color: #EB5E00;
padding: 2px 0;
}
/**********************************************

健康元気体操

************************************************/
.taisou_head{
	width:950px;
	height:300px;
	position:relative;
}
.taisou_head img{
width:100%;
height:auto;
}
.taisou_title{
	background:#eb6100;
	position:absolute;
	top:180px;
	left:50px;
	padding:10px;
	color:#fff;
	box-shadow:0px 0px 0px 2px #fff;
}
h2.taisoutitle{
	
}
h2.taisouh2{
	color: #fff;
font-size: 28px;
font-weight: 700;
}

h3.taisouh3{
color: #fff;
font-size: 16px;
font-weight: 500;
}
#taisou{
padding: 30px 0;
}
p.taisoutxt{
width: 90%;
margin: 0 auto 40px;
}
.mb50{
margin-bottom: 50px;
}
div.taisoulogo{
width: 70%;
margin: 20px 15% 40px;
}
div.taisoulogo img{
width: 100%;
height: auto;
}

/******************************

託児室サービス

******************************/

table.takuji {
    margin-top: 20px;
    margin-bottom: 30px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
table.takuji th {
    padding: 10px ;
	width: 25%;
    margin-top: 20px;
    margin-bottom: 30px;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #FEFCD3;
    color: #EA5E00;
    font-weight: 700;
    vertical-align: middle;
    
}
table.takuji td {
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
table.takuji td a{
color: #eb6100;
text-decoration: underline;
}

.hisu{
	font-size: 10px;
	color:red;
}
.jizen{
	font-weight: 700;
	font-size: 16px;
	color: red;
}
.privacypolicy {
    width: 90%;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-bottom: 20px;
    height: 200px;
    overflow: scroll;
}

/********************************************
	
メディア情報
	
********************************************/
a.mediabtn{
width: 320px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
display: block;
margin:30px auto;
text-align: center;
color: #eb6100;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;
}
a.mediabtn:hover{
color: #fff;
background: #eb6100;
}
/********************************************
	
絆
	
********************************************/
a.kizunabtn{
width: 320px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
display: block;
margin:30px auto;
text-align: center;
color: #eb6100;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;
}
a.kizunabtn:hover{
color: #fff;
background: #eb6100;
}
/*************************

QRチケット

**************************/
p.qrhetxt{
margin: 10px 0;
}

p.qrhetxt a{
text-decoration: underline;
color: #eb6100;
}
p.qrtickettxt{
margin: 10px 0;
line-height: 1.5;
font-size: 14px;
}
div.qrmerit{
border: 1px solid #eb5e00;
height: 40px;
margin-bottom: 10px;
}
div.qrmerit span.qrmeritp{
line-height: 40px;
font-size: 18px;
color: #4d4d4d;
padding-left: 14px;
display: inline-block;
}
span.qrnumber{
color: #fff;
background: #eb5e00;
text-align: center;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
float: left;
font-size: 27px;
font-family: 'Oswald', sans-serif;
}
div.qrclubjleage{
width: 100%;
margin-bottom: 50px;
}
div.clubjleagelogo{
margin: 0 auto;
width: 100px;
}
div.qrclubjleagetxt{
width: 100%;
text-align: center;
box-sizing: border-box;
}
.mb50{
margin-bottom: 50px !important;
}
p.qrclubjleagetxtp{
color: #4d4d4d;
font-size: 14px;
vertical-align: middle;
}
span.orangemaru{
color: #eb5e00;
font-size: 20px;
vertical-align: middle;
}
ul.qrdownload{
width: 710px;
margin: 0 auto;
}
ul.qrdownload li{
width: 320px;
float: left;
margin-left: 50px;
}
ul.qrdownload li a{
display: block;
margin-top: 26px;
}
ul.qrdownload li:first-child{
margin-left: 0;
}
.qrdownloadtxt{
line-height: 1.5;
margin: 10px 0;
}
a.clubjleague{
display: block;
color: #fff;
background: #b3b3b3;
text-align: center;
padding: 20px 0;
width: 100%;
font-size: 20px;
font-weight: 700;
margin-bottom: 50px;
}

ul.qrhouhou{
width: 100%;
display: flex;
justify-content:space-between;
}
ul.qrhouhou li{
width: 203px;
}
div.qrhouhouwrap{
width: 100%;
margin-bottom: 50px;
}


div.kounyuuhouhouwrap{
width: 100%;
background: #FFFF99;
padding: 5%;
margin-bottom: 50px;
box-sizing: border-box;
}
h5.qrhouhouh5{
text-align: center;
font-weight: 700;
}
div.konyuhouhoubtn{
width: 100%;
margin: 20px 0 0;
}
div.konyuhouhoubtn br{
display: none;
}
div.konyuhouhoubtn a{
display: block;
color: #fff;
width: 49%;
float: left;
box-sizing: border-box;
border-radius: 6px;
background: #eb6100;
text-align: center;
padding: 20px 10px;
margin-left: 2%;
height:84px;
}
div.konyuhouhoubtn a:first-child{
margin-left: 0;
line-height: 44px;

}


ul.qrotherhouhou{
width: 100%;
margin-bottom: 30px;
}
ul.qrotherhouhou li{
width : calc(100% / 3) ;
float: left;
padding: 1vw 2vw;
box-sizing: border-box;
margin-bottom: 40px;
font-size: 18px;
}
ul.qrotherhouhou li img{
border: 1px solid #ccc;
box-sizing: border-box;
width: 100%;
height: auto;
margin-bottom: 15px;
}


ul.qrotherhouhou li:nth-child(3n+1){
margin-left: 0;
}
div.qrothehouhouwrap{
width: 100%;
margin-bottom: 50px;
}
div.qrstep{
margin: 20px 0 5px;
width: 100%;
}
p.qrhouhoutxt{
margin: 10px 0;
}
div.qrsoushin{
width: 60%;
margin: 10px auto;
}
a.tojticketbtn{
display: block;
margin: 20px auto;
width: 70%;
color: #EB5E00;
border: 1px solid #EB5E00;
padding: 8px;
text-align: center;
}
a.tojticketbtn:hover{
color: #fff;
border: 1px solid #EB5E00;
background: #EB5E00;
}
/**********************************************

チケット半券サービス

************************************************/
.tickettext{
font-size: 16px;
font-weight: 700;
margin-top: 20px;
}
.ticketimage{
float: left;
margin: 0;
width: 330px;
}
.ticketimage img{
width: 330px;
height: auto;
margin-bottom: 8px;
}
.ticketservice{
width: 710px;
margin-top: 10px;
}
.ticketservice li{
float: left;
width: 330px;
margin-left: 10px;
margin-bottom: 10px;
padding: 10px;
background: #FEFCD3;
}
.ticketservice li:nth-child(odd){
margin-left: 0;
}
.ticketservice li h2{
color: #EA5E00;
font-weight: 700;
font-size: 16px;
border-bottom: 1px solid #EA5E00;
}
.ticketbtn{
display: block;
margin: 5px 15px;
text-align: center;
width: 300px;
padding: 5px;
background: #EA5E00;
color: #fff !important;
text-decoration: none !important;
}
.h120{
height: 120px;
}
table.ts {
    margin-top: 20px;
    margin-bottom: 30px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
table.ts th{
width: 25%;
padding: 10px;
margin-top: 20px;
margin-bottom: 30px;
border-collapse: separate;
border-spacing: 0;
text-align: center;
line-height: 1.5;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #FEFCD3;
color: #EA5E00;
font-weight: 700;
vertical-align: middle;
font-size: 16px;
}
table.ts td{
vertical-align: middle;
padding: 10px;
margin-top: 20px;
margin-bottom: 30px;
border-collapse: separate;
border-spacing: 0;
text-align: left;
line-height: 1.5;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
table.ts td a{
display: block;
width: 110px;
text-align: center;
padding: 5px;
background: #EA5E00;
color: #fff !important;
text-decoration: none !important;
}
.w150{
width: 130px !important;
text-align: center !important;
}
.shorisearvice{
width: 710px;
}
.shorisearvice h4{
margin-top: 20px;
margin-bottom: 10px;
font-size: 18px;
color: #EA5E00;
border-bottom: 1px solid #EA5E00;
font-weight: 700;
}
.shorisearvice a{
display: block;
margin-right: 10px;
width: 110px;
text-align: center;
margin-top: 10px;
float: right;
padding: 5px;
background: #EA5E00;
color: #fff !important;
text-decoration: none !important;
}
/******************************

初めての観戦ガイド

******************************/
.kansenguidebtn{
width: 100%;
margin-bottom: 80px;
}
.kansenguidebtn a{
width : 320px ;
display: block;
margin-left: 20px;
border: 1px solid #eb6100;
color: #eb6100;
text-align: center;
height: 40px;
border-radius: 6px;
float: left;
box-sizing: border-box;
line-height: 40px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.kansenguidebtn a:nth-child(3n+1){
margin-left: 0;
}
.kansenguidebtn a:hover{
color: #fff;
background: #eb6100;
}
.guidesub{
text-align: center;
}
.guidesub{
text-align: center;
margin-bottom: 30px;
}
.guidesub span.guidesubspan{
background: #252726;
color: #fff;
padding: 4px 20px;
border-radius: 6px;
}

.firsttimeglid{
width: 100%;
margin-bottom: 30px;
}
.firsttimeglid li{
width: 49%;
float: left;
margin-left: 2%;
}
.firsttimeglid li:nth-child(odd){
margin-left: 0;
}

/******************************

スタジアムアクセスガイド

******************************/
.red{
color: red;
}

.accesstxt01{
font-weight: 700;
font-size: 24px;
color: #eb6100;
}
.accessbtn{
width: 100%;
}
.accessbtn a{
width: 235px;
margin-left: 20px;
display: block;
margin-left: 20px;
border: 1px solid #eb6100;
color: #eb6100;
text-align: center;
height: 40px;
border-radius: 6px;
float: left;
box-sizing: border-box;
line-height: 40px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.accessbtn a:nth-child(4n+1){
margin-left: 0;
}



/******************************

ボンズ

******************************/
.bondstxt{
text-align: center;
font-weight: 700;
font-size: 24px;
color: #eb6100;
margin-bottom: 30px;
}

/******************************

追加css

******************************/
/*トップページポップアップ*/
#close_cross {
width: 50px !important;
}



}
/*****************************************************************************************************************************************************************************************

スマートフォン用css

****************************************************************************************************************************************************************************************/
@media screen and  ( max-width:768px) {
/*// スマホに適用するスタイルを書く //*/
.spnone{
display: none !important;
}
	.pt100{
		padding-top: 100px;
	}
	.pb100{
		padding-bottom: 100px;
	}
	.pb160{
		padding-bottom: 160px;
	}
	.pb190{
		padding-bottom: 190px;
	}
    .pb200{
		padding-bottom: 200px;
	}
	.mb20{
		margin-bottom: 20px;
	}
	.mb200{
		margin-bottom: 200px !important;
	}
	.mb45{
		margin-bottom: 45px;
	}
	.mb50{
		margin-bottom: 50px !important;
	}
	.mb70{
		margin-bottom: 70px;
	}
	.mb80{
		margin-bottom: 80px !important;
	}
	.mb100{
		margin-bottom: 100px !important;
	}
	.mb150{
		margin-bottom: 150px !important;
	}

	.mt20{
		margin-top: 20px;
	}
    .mt50{
		margin-top: 50px !important;
	}
	.mt90{
		margin-top: 90px;
	}
	.mt100{
		margin-top: 100px !important;
	}
	.mr5{
		margin-right: 5px;
	}
    .mt150{
margin-top: 150px !important;
}
	.mt200{
		margin-top: 200px;
	}
	.mb75{
	margin-bottom:75px;
}
.mb100{
	margin-bottom:25vw !important;
}
.jheader{
display: none !important;
}

#spheader{
width: 100%;
background: #252726;
height: 57px;
}
.headerlogo_sp{
width: 70%;
height: 57px;
}
.headerlogo_sp a{
width: 250px;
display: block;
padding-left: 8px;
padding-top: 13px;
}
.headerlogo_sp a img{
width: 100%;
height: auto;
}
.headerlogo_sp img{
vertical-align: middle;
}


/*************************************
	
スライダー

************************************/
.topsilder{
	width: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	z-index: 0;
	text-align: center;
	position: relative;
	}
.topslidcontainer{
width: 100%;
height: 60vw;
margin: 0 auto;
}



/*************************************
	
スライダー

************************************/
.topsilder{
width: 100%;
overflow: hidden;
background-size: cover;
background-position: center center;
z-index: 0;
text-align: center;
position: relative;
	}
.topslidcontainer{
width: 100%;
margin: 0 auto;

}
div.topslideslick{
width: 100vw;
margin: 0 auto;
}
.topslider{
width: 70vw;
}

div.topslideslick .slick-track{
/*background: #000;*/
}
/*************************************
	
オフィシャルトップパートナー

************************************/
div.officialtoppartner{
width: 94%;
margin: 10vw auto 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
align-content: space-between;
}
.officialtoppartner a{
display: block;
width: 49%;

margin-left: 2%;
box-sizing: border-box;
}
.officialtoppartner a:nth-child(odd){
margin-left: 0;
}
.officialtoppartner a img{
width: 100%;
height: auto;
border: 1px solid #808080;
box-sizing: border-box;
margin-bottom: 4vw;
}
div.officialtopparter_wrap{
width: 100%;
background: #fff;
box-sizing: border-box;
padding-bottom: 10vw;
}

/*************************************
	
トップページ共通

************************************/
.toph2title{
width: 90%;
margin: 0 auto;
text-align: center;
padding: 8vw 0 ;
}
h2.toph2{
text-align: center;
font-size: 30px;
padding-bottom: 30px;
	}
h2.toph2 span{
border-bottom: 1px solid #570000;
padding-bottom: 20px;
	}
p.topsubtxt{
text-align: center;
font-size: 12px;
} 
p.topsubtxt2{
text-align: center;
font-size: 12px;
color: #fff;
margin-bottom: 16px;
} 
/*div.topresult{
height: 123px;
width: 1200px;
}*/


.morebtn {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 5px 20px;
    color: #000;
    font-weight: bold;
    margin-top: 30px;
    vertical-align: middle;
    height: 20px;
    line-height: 15px;
}
.morebtn:before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    transform: skewX(-20deg);
    background-color: #000;
    content: "";
        -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.morebtn:hover:before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    transform: skewX(-20deg);
    background-color: #EB5E00;
    content: "";
}


/*************************************
	
トップページ　試合結果

************************************/
.topresult{
width: 100%;
margin: 0 auto;
color: #fff;
margin-bottom: 20vw;
}
.topresult_left{
width: 100%;
box-sizing: border-box;
font-size: 3vw;
margin-top: 30px;
text-align: center;
}
.topresult_center{
width: 94vw;
margin: 0 3vw;

}
.topresult_right{
width: 100%;
padding-top: 5vw;
}

.toprenofa{
float: left;
width: 22vw;
text-align: center;
font-size: 3vw;
}
.topotherteam{
float: left;
width: 22vw;
text-align: center;
font-size: 3vw;
}

.centerrun{
float: left;
width: 50vw;
font-size: 3vw;
margin-top: 45px;
}
.centerrunshosai{
float: left;
width: 25vw;
margin-top: 10px;
}
.centerrunshosai p{
text-align: center;
}
.centerrunshosai p span{
margin: 0 3vw;
}

.centerrun_renofa{
float: left;
width: 12.5vw;

height: 12.5vw;
text-align: center;
font-size: 40px;
font-weight: 700;
}

.centerrun_otherteam{
float: left;
width: 12.5vw;
text-align: center;
font-size: 40px;
font-weight: 700;
}
.topresultteamname{
font-size: 11px;
text-align: center;
}
.topteamem{
width: 100%;
margin-bottom: 10px;
}
.topteamem img{
width: 100%;
height: auto;
}
.topresultha{
text-align: center;
font-size: 11px;
margin-bottom: 10px;
}
p.gamejotai{
text-align: center;
font-size: 3.5vw;
}
/*************************************
	
試合結果　ランキング

************************************/
div.topresult_rank{
width: 100%;
background: url(image/top/resultbacl.jpg) no-repeat;
background-size: cover;
background-position: center center;
padding-top: 10vw;
box-sizing: border-box;
padding-bottom: 30px;
}
/*************************************
	
次の試合のスライダー

************************************/
div.topmachschedule_wrap{
background: #eb5e00;
}
div.topglidslider{
width: 100%;
margin: 30px auto;
background: #000;

	}	
.multiple { 
padding: 0;
}
.multiple img { 
width: 100%;
}
.multiple div { 
margin: 0 0;
}
.multiple .slick-next { 
right: 10vw;　
z-index: 100;
}
.multiple .slick-prev { 
left: 10vw; 
z-index: 100;
}

#sliderglidwrap{
background: #000;
}
.sliderglid{
max-width: 1200px;
margin: 0 auto 0;
background: #000;
position: relative;
	}
div.nextgameslider{
width: 466px;
height: 454px;
background: #333333;
padding-top: 57px;
box-sizing: border-box;
padding-left: 18px;
padding-right: 18px;
}  
p.nextgameslider_date{
color: #fff;
text-align: center;
font-size: 7.5vw;
font-weight: 700;
vertical-align: middle;
}
span.nextgameslider_yobi{
font-size: 6vw;
margin-left: 10px;
vertical-align: baseline;
}
p.nextgameslider_kickoff,p.nextgameslider_gametitle{
text-align: center;
margin-top: 12px;
color: #fff;
font-size: 3vw;
}
span.nextgameslider_kickoff{
margin-left: 10px;
}
div.gamecardbox{
height: 115px;
border-top: 1px solid #eb5e00;
border-bottom: 1px solid #eb5e00;
margin-top: 15px;
padding-top: 20px;
}
div.nextgameslider_leftteam{
width:30%;
text-align: center;
margin: 0;
float: left;
}
div.nextgameslider_leftteam img{
width: 58px;
height: auto;
text-align: center;
display: inline;
}
div.nextgameslider_rightteam{
width: 30%;
text-align: center;
float: right;
margin: 0;
}
div.nextgameslider_rightteam img{
width: 58px;
height: auto;
text-align: center;
display: inline;
}
p.nextgameslider_teamname{
color: #fff;
font-size: 12px;
text-align: center;
margin-top: 10px;
}
div.nextgameslider_ha{
width: 30%;
float: left;
margin: 0 5%;
}
div.nextgameslider_hahome{
text-align: center;
color: #fff;
background: #eb5e00;
padding: 4px 0;
margin: 0;
text-transform:uppercase;
font-size: 11px;
}
div.nextgameslider_haaway{
text-align: center;
color: #fff;
background: #424242;
width: 80%;
padding: 4px 0;
margin: 0 auto;
text-transform:uppercase;
font-size: 11px;
}
.nextgameslider_havs{
font-size: 16px;
text-align: center;
color: #666666;
margin-top: 10px;
font-weight: 700;
}
div.nextgameslider_link{
width: 100%;
margin-top: 22px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
}
a.nextgameslider_ticket{
width: 48%;
height: 21px;
border-radius: 21px;
line-height: 21px;
display: block;
color: #fff;
text-align: center;
font-size: 4vw;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff8628+0,eb5e00+100 */
background: #ff8628; /* Old browsers */
background: -moz-linear-gradient(left,  #ff8628 0%, #eb5e00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff8628 0%,#eb5e00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff8628 0%,#eb5e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8628', endColorstr='#eb5e00',GradientType=1 ); /* IE6-9 */
}
a.nextgameslider_info{
width: 48%;
height: 21px;
border-radius: 21px;
line-height: 21px;
display: block;
color: #fff;
text-align: center;
font-size: 4vw;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff8628+0,eb5e00+100 */
background: #ff8628; /* Old browsers */
background: -moz-linear-gradient(left,  #ff8628 0%, #eb5e00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff8628 0%,#eb5e00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff8628 0%,#eb5e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8628', endColorstr='#eb5e00',GradientType=1 ); /* IE6-9 */
}
.slickleft{
display: none;
}
.slickright{
display: none;
}


.slick-next,.slick-prev{
width: 8vw !important;
height: 8vw;
filter: drop-shadow(1px 1px 1px #000);
}
.slick-prev::before {
   content: url(image/top/arrow02.svg);
 }
.slick-next::before {
    content: url(image/top/arrow01.svg);
    
}
/*.slick-prev{
    left: 80px;
  }
.slick-next{
    right: 80px;
}*/
/*  @media screen and (max-width:480px) {
    .slick-prev{
        left: 30px;
                 
    }
     .slick-next{
       right: 30px;
    }*/



 /*************************************
	
トップピックアップニュース

************************************/   
div.toppickupnews{
width: 100%;
margin: 0 auto;
padding-top: 90px;
box-sizing: border-box;
}
ul.pickupnews{
width: 94%;
margin: 40px auto 0;
padding-bottom: 90px;
flex-wrap: wrap;
align-content: space-between;
justify-content:space-between;
}
ul.pickupnews li{
width: 49%;
height: 90vw;
margin-bottom: 3vw;
}
ul.pickupnews li:nth-child(1),ul.pickupnews li:nth-child(3),ul.pickupnews li:nth-child(6),ul.pickupnews li:nth-child(8){
background: #eb5e00;
}
ul.pickupnews li:nth-child(2),ul.pickupnews li:nth-child(4),ul.pickupnews li:nth-child(5),ul.pickupnews li:nth-child(7){
background: #000;
}
ul.pickupnews li img{
background: #fff;
}
ul.pickupnews li a{
display: block;
}
p.pickupbox_category{
display: inline-block;
border: 1px solid #fff;
border-radius: 21px;
text-align: center;
padding: 3px 5px;
color: #fff;
margin-top: 5vw;
font-size: 3vw;
}
div.pickupbox{
width: 100%;
height: 50vw;
padding: 5vw;
box-sizing: border-box;
}
p.pickupbox_date{
font-size: 3vw;
color: #fff;
}
p.pickupbox_title{
font-size: 4vw;
font-weight: 700;
color: #fff;
}
/*************************************
	
トップニュース

************************************/
div.topnewswrap{
width: 100%;
position: relative;
height: 400vw;
}

div.tabwrap{
background-color: #252726;
width: 100%;
height: 20vw;
position: absolute;
top: 0;
}
.topnewsback{
width: 100%;
background: url(image/top/topnewsback.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
/*タブ切り替え全体のスタイル*/
.renofatabs {
position: absolute;
top: 0;
right: 0;
left: 0;
margin-top: 50px;
/*border: 1px solid #ccc;*/
/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
width: 100%;
margin: 0 auto 10px;
box-sizing: border-box;}

/*タブのスタイル*/
.renofatab_item {
  width: calc(100%/4);
  height: 10vw;
  font-size: 3vw;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_lineheight1{
line-height: 10vw;
}
.tab_lineheight2{
line-height: 1.2;
padding-top: 1vw;
}
.renofatab_item:hover {
opacity: 0.75;
transition: all 0.5s ease;
}
/*ラジオボタンを全て消す*/
input[name="renofatab_item"] {
display: none;
}
/*タブ切り替えの中身のスタイル*/
.renofatab_content {
display: none;
padding: 20px 20px 0;
clear: both;
/*overflow: scroll;*/
/*height: 400px;*/
}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content,
#media:checked ~ #media_content,
#event:checked ~ #event_content,
#ladiesacademy:checked ~ #ladiesacademy_content,
#hometown:checked ~ #hometown_content
{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.renofatabs input:checked + .renofatab_item {
border-bottom: 4px solid #eb6100;
height: 10vw;
box-sizing: border-box;
color: #eb6100;
}
.toarchive{
margin:10px 0 10px 20px;
}
.toarchive li{
float: left;
padding: 4px 8px;
text-align: center;
background: #9fa0a0;
border-radius: 2px;
margin-right: 5px;
}
.toarchive li a{
color: #fff;
font-size: 12px;
text-decoration: none;

}
.newsichiran{
width: 94%;
margin: 0 auto;
}
span.date{
display: inline-block;
font-size: 3vw;
}
.newsichiran li{
float: left;
border-bottom: 1px solid #ccc;
width: 100%;
padding-bottom: 5px;
box-sizing: border-box;
margin-bottom: 5px;
padding-top: 20px;
box-sizing: border-box;
}
.newsichiran li a{
padding-top: 2px;
display: inline-block;
font-size: 4vw;
margin-top: 5vw;
color: #000;
font-weight: 700;
}

.topcategoryclubinfo{
font-size: 12px;
color: #fff;
background: #ffd900;
padding: 3px;
text-align: center;
width: 140px;
float: right;
display: inline-block;
}
.topcategorygoodsinfo{
	font-size: 12px;
	color: #fff;
	background: #ec7aac;
	padding: 3px;
	text-align: center;
width: 140px;
float: right;
display: inline-block;
}
.topcategorymediainfo{
	font-size: 12px;
	color: #fff;
	background: #8fc31f;
	padding: 3px;
	text-align: center;
width: 140px;
float: right;
display: inline-block;
}
.topcategoryeventinfo{
	font-size: 12px;
	color: #fff;
	background: #72c8d5;
	padding: 3px;
	text-align: center;
width: 140px;
float: right;
display: inline-block;
}
.topcategoryladiesacademy{
	font-size: 12px;
	color: #fff;
	background: #eb5c01;
	padding: 3px;
	text-align: center;
width: 140px;
display: inline-block;
float: right;
}
a.topmorebtn{
display: block;
margin: 10vw auto;
width: 160px;
text-align: center;
}
/********************************************
	
topホームタウン
	
********************************************/

.hometowntoplist2 {
/*    height: 28px;*/
color: #595757;
width: 100%;
border-bottom: 1px solid #ccc;
float: left;
padding: 20px 0 5px;
margin-bottom: 5px;
}
.hometowntoplist2 a{
padding-top: 2px;
display: block;
font-size: 4vw;
color:#000;
font-weight: 700;
width: 100%;
/*overflow: hidden;*/
float: right;
/*height: 16px;*/
}

.hometowntopcate{ 
font-size: 12px;
color:#fff;
padding: 3px;
text-align: center;
width: 140px;
float: right;
display: inline-block;
}
/*各市の色分け*/
/*山口県*/
.hometown3{
background: #9F2926;
}
/*山口市*/
.hometown4{
background: #E8380D;
}
/*宇部市*/
.hometown7{
background: #E60012;
}
/*下松市*/
.hometown12{
background: #127E3A;
}
/*萩市*/
.hometown11{
background: #0071BE;
}
/*柳井市*/
.hometown16{
background: #02B8CB;
}
/*平生町*/
.hometown21{
background: #000000;
}
/*周防大島町*/
.hometown17{
background: #F27E1D;
}
/*美祢市*/
.hometown10{
background: #0F7E31;
}
/*阿武町*/
.hometown22{
background: #007DC2;
}
/*防府市*/
.hometown8{
background: #1373B7;
}
/*和木町*/
.hometown18{
background: #060202;
}
/*上関町*/
.hometown19{
background: #073E79;
}
/*下関市*/
.hometown5{
background: #00A0E9;
}
/*光市*/
.hometown14{
background: #0850A4;
}
/*周南市*/
.hometown9{
background: #7CCEF3;
}
/*山陽小野田市*/
.hometown6{
background: #00947E;
}
/*岩国市*/
.hometown13{
background: #1F6C89;
}
/*田布施町*/
.hometown20{
background: #20743E;
}
/*長門市*/
.hometown15{
background: #005CA3;
}


/********************************************
	
top順位表
	
********************************************/
table.ranking{
width: 100%;
margin: 45px auto 30px;
}
table.ranking tr:first-child{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff8628+0,eb5e00+100 */
background: #ff8628; 
/*background: -moz-linear-gradient(left,  #ff8628 0%, #eb5e00 100%); 
background: -webkit-linear-gradient(left,  #ff8628 0%,#eb5e00 100%); 
background: linear-gradient(to right,  #ff8628 0%,#eb5e00 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8628', endColorstr='#eb5e00',GradientType=1 ); */
}
table.ranking th{
color: #fff;
font-size: 12px;
height: 37px;
line-height: 37px;
text-align: center;
font-size: 3.5vw;
}
table.ranking td{
height: 63px;
color: #fff;
text-align: center;
border-bottom: 1px solid #fff;
vertical-align: middle;
font-size: 3.5vw;
}
table.ranking td:nth-child(2){
text-align: left;
}
a.rankingmorebtn{
display: block;
width: 160px;
height: 36px;
margin: 0 auto;
}
/********************************************
	
topbanner
	
********************************************/
div.topbannerwrap{
width: 100%;
background: #fff;

}
.topbanner_up{
width: 90%;
margin: 20vw auto 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
flex-wrap: wrap;
}
.topbanner_up a{
display: block;
width: 100%;
}
.imgWrap {
overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
width: 100%;	/*画像の幅*/
/*height: 280px;*/	/*画像の高さ*/
}
.imgWrap img {
display: block;
transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
transform: scale(1.1);	/*画像の拡大率*/
transition-duration: 0.3s;	/*変化に掛かる時間*/
}
div.topbanner_bottom{
width: 94%;
margin: 40px auto 40px;
}

div.topbanner_bottom a{
width: 49%;
float: left;
display: block;
margin-left: 2%;
margin-bottom: 5vw;
}
div.topbanner_bottom a:nth-child(odd){
margin-left: 0;
}
div.topbanner_bottom a img{
width: 100%;
height: auto;
}
a.topbanertxt{
display: block;
background:#fabe00 ;
color: #000;
text-align: center;
height: 22vw;
line-height: 22vw;
font-size: 3.5vw;
border: 2px solid #000;
font-weight: 700;
box-sizing: border-box;
}
/********************************************
	
topsns
	
********************************************/
.topsnswrap{
width: 100%;
height: 355vw;
background: url(image/top/snsback.svg);
background-size: cover;
padding-top: 85px;
box-sizing: border-box;
}
.topsnscontainer{
width: 80vw;
margin: 8vw auto 10vw;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.topsnscontainer a{
width: 14vw;
height: 14vw;
display: block;
}
.topsnscontainer2{
width: 90%;
margin: 20vw auto 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
flex-wrap: wrap;
}
.topsnscontainer2 div{
width: 100%;
background: #fff;
margin-bottom: 10vw

}

/********************************************
	
topmovie
	
********************************************/
div.topmoviewrap{
width: 100%;
background: #252726;
padding-bottom: 60px;
margin-bottom: 80px;
overflow: hidden;
}
.video{
position:relative;
width:100%;
padding-top:56.25%;
}
.video iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
.youtubecontainer{
width: 100%;
}
.youtubetopglid{
width: 100%;
}
.youtubecontainer:nth-child(2),.youtubecontainer:nth-child(3),.youtubecontainer:nth-child(4){
display: none;
}
/********************************************
	
top onlineshop
	
********************************************/
.toponlineshop_wrap{
width: 100%;
background: #fff;
padding-top: 140ppx;
}
div.toponlineshop{
width: 94%;
margin: 20vw auto;
}
div.toponlineshop a{
display: block;
margin-left: 2%;
float: left;
width: 49%;
border: 1px solid #e5e5e5;
box-sizing: border-box;
}
div.toponlineshop a:nth-child(odd){
margin-left: 0;
}
div.toponlineshop a img{
width:  100%;
height: auto;
}
.topitembox{
background: #e5e5e5;
padding: 21px 27px;
box-sizing: border-box;
}
.topprice{
font-size: 5vw;
font-weight: 700;
color: #eb5e00;
}
.topitem{
font-size: 4vw;
height: 60px;
width: 100%;
box-sizing: border-box;
color: #000;
}
.topshopbtn_wrap{
width: 100%;
margin: 0 auto 165px;
text-align: center;
}

a.topshopbtn {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 5px 70px;
    color: #fff;
    font-weight: bold;
    margin-top: 30px;
    vertical-align: middle;
    height: 45px;
    text-align: center;
    line-height: 45px;
}
/*a.topshopbtn:first-child{
margin-right: 100px;
}*/
a.topshopbtn:before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    transform: skewX(-20deg);
    background-color: #000;
    content: "";
        -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
a.topshopbtn:hover:before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    transform: skewX(-20deg);
    background-color: #EB5E00;
    content: "";
}
/********************************************
	
フッター
	
********************************************/
div.partnertablewrap{
width: 94%;
margin: 20px auto;
}
div.partnertablewrap img{
border: 1px solid #000;
box-sizing: border-box;
}
#tablepress-111 td, #tablepress-112 td, #tablepress-115 td, #tablepress-114 td {
width: 30%;
display: block;
float: left !important;
box-sizing: border-box;
margin-left: 2%;
}

#tablepress-115 td:nth-child(3n+1),#tablepress-114 td:nth-child(3n+1){
margin-left: 0 !important;
}
.tablepress img{
width: 100%;
height: auto;
}
.bottom_partner_wrap{
background: #252726;
width: 100%;
}
#footerwrap{
width: 100%;
background: #313332;
padding-top: 65px;
padding-bottom: 50px;
}
.footercontents{
width: 94%;
margin: 0 auto;   
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
flex-wrap: wrap;
}
.footercontents div{
width: 49%;
float: left;
}
.footercontents h2{
color: #fff;
padding-bottom: 8px;
border-bottom: 1px solid #fff;
margin-bottom: 10px;
font-size: 16px;
}
.footerlinkbox{
width: 100%;
}
.footerlinkbox a{
color: #fff;
display:block;
font-size: 13px;
}
div.footerleft{
float: left;
	}
div.footerlink{
float: right;
width: 250px;	
	}
div.footerlink a{
display: block;
color: #fff;
float: left;
font-size: 15px;
width: 50%;
	}
.copyright{
font-size: 12px;
color: #fff;
text-align: center;
width: 100%;
background: #252726;
height: 40px;
line-height: 40px;
	}
/********************************************
	
固定ページ設定
	
********************************************/	
.mb120{
margin-bottom: 120px !important;
}

h2.pageh2{
font-size: 6.5vw;
text-align: center;
color: #252726;
font-weight: 700;
margin-bottom: 40px;
padding: 0 5vw
}

h2.pageh2::after{
display: block; /*ブロック要素へ*/
background-color: #EB5E00; /*下線の色を指定*/
content: ""; /*擬似要素の追加*/
width: 50px; /*長さの指定*/
height: 1px; /*高さを1px指定して線にする*/
margin-top: 10px; /*余白の指定*/
text-align: center;
margin-left: auto;
margin-right: auto;
color: #EB5E00;
height: 4px; 
}
.pagecontainer{
width: 94%;
margin: 0 auto;
}
table.tabletype01{
width: 100%;
border-top: 1px solid #000;
}
table.tabletype01 th{
width:25%;
font-size: 4vw;
color: #000;
text-align: left;
font-weight: 700;
padding: 5vw;
border-bottom: 1px solid #000;
vertical-align: middle !important;
}
table.tabletype01 td{
padding: 5vw;
font-size: 3.5vw;
color: #000;
border-bottom: 1px solid #000;
vertical-align: middle !important;
}
.tablepress tbody td {
vertical-align: middle !important;
}
p.subtxt{
text-align: center;
font-size: 14px;
margin: 0 auto 20px;
}
/********************************************
	
固定ページヘッダー画像設定
	
********************************************/
.effect-fade {
　opacity : 0;
　transform : translate(0, 45px);
　transition : all 300ms;
}

.effect-fade.effect-scroll {
　opacity : 1;
　transform : translate(0, 0);
}

.pagehead{
width: 100%;
height: 50vw;
padding-top: 10vw;
box-sizing: border-box;

}
.pageheadtxt{
width: 35vw;
margin: 0 auto;
}
.renofa_club{
background: url(image/pagehead/renofa_club.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.player2020{
background: url(image/pagehead/player2020.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.topteam{
background: url(image/pagehead/topteam.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
}
.schedule{
background: url(image/pagehead/schedule.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.practicefield{
background: url(image/pagehead/practicefield.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.fanservice{
background: url(image/pagehead/fanservice.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.game{
background: url(image/pagehead/game.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.watchingguide{
background: url(image/pagehead/watchingguide.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
}
.stadium{
background: url(image/pagehead/stadium.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.renofasquare{
background: url(image/pagehead/renofasquare.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.supportvendingmachine{
background: url(image/pagehead/supportvendingmachine.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.u-18schedule{
background: url(image/pagehead/u-18schedule.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.partner{
background: url(image/pagehead/partner.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.forthefirsttime{
background: url(image/pagehead/forthefirsttime.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.accessguide{
background: url(image/pagehead/accessguide.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.orangedreampark{
background: url(image/pagehead/orangedreampark.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.hojin{
background: url(image/pagehead/hojin.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.waiting{
background: url(image/pagehead/waiting.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.rule{
background: url(image/pagehead/rule.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.visiter{
background: url(image/pagehead/visiter.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.aboutacademy{
background: url(image/pagehead/aboutacademy.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.academyplayer{
background: url(image/pagehead/academyplayer.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.ladiesplayer{
background: url(image/pagehead/ladiesplayer.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.aboutladies{
background: url(image/pagehead/aboutladies.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.aboutladies .pageheadtxt{
width: 50%;
height: auto;
}
.visiter .pageheadtxt{
width: 60%;
height: auto;
}
.tickethankenservice .pageheadtxt{
width: 55%;
height: auto;
}
.nursery{
background: url(image/pagehead/nursery.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
margin-bottom: 15vw;
}



.antennashop{
background: url(image/pagehead/antennashop.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.supportersclub{
background: url(image/pagehead/supportersclub.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.mediajoho{
background: url(image/pagehead/media.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.kizuna{
background: url(image/pagehead/kizuna.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.ticket{
background: url(image/pagehead/ticket.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.qrticket{
background: url(image/pagehead/qrticket.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.tickethankenservice{
background: url(image/pagehead/ticketservice.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.postoffice{
background: url(image/pagehead/postoffice.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.club{
background: url(image/pagehead/club.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.academypage{
background: url(image/pagehead/academy.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.ladiespage{
background: url(image/pagehead/ladies.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.goods{
background: url(image/pagehead/goods.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.fanzone{
background: url(image/pagehead/fanzone.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}

.bonds{
background: url(image/pagehead/bonds.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
/********************************************
	
固定ページヘッダー画像なし設定
	
********************************************/
.pagehead2{
width: 100%;
background: #252726;
text-align: center;
font-size: 6.5vw;
box-sizing: border-box;
padding: 8vw 0;
font-weight: 700;
color: #fff;
}
/********************************************
	
クラブ概要
	
********************************************/
.clubtxt01{
width: 94%;
margin: 0 auto 90px;
font-weight: 700;
line-height: 1.8;
font-size: 3.5vw;
}
.clubtxt02{
text-align: left;
font-size: 3.5vw;
width: 94%;
margin: 0 auto 90px;
font-weight: 700;
line-height: 1.8;
}
.cluboutlineimg01{
text-align: center;
margin-bottom: 30px;
}
.teamsloganback {
height: 220vw;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover; 
padding-top: 10vw;
box-sizing: border-box;
color: #fff;
margin-bottom: 20vw;
}
.bg-01 {
background-image: url(image/page/cluboutline/back01.jpg);
background-position: center left;
}
.teamslogan_left{
width: 100%;
box-sizing: border-box;
font-size: 4.8vw;
margin-bottom: 10vw;
}
.teamslogan_left img{
display: block;
margin-bottom: 10vw;
}
.teamslogan_right{
width: 100%;
}
.renomaru{
text-align: center;
font-size: 5vw;
color: #EB5E00;
margin-bottom: 30px;
font-weight: 700;
}
table.slogan2019{
width: 100%;
margin-bottom: 150px;
}
table.slogan2019 th{
width:25%;
background: #ECECEB;
font-size: 3.5vw;
color: #DF5D0F;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #fff;
}
table.slogan2019 td{
padding-left: 10px;
font-size: 3.5vw;
background: #ECECEB;
padding: 15px 0 15px 10px;
border-bottom: 1px solid #fff;
}
h3.orangesoulh3{
text-align: center;
color: #DF5D0F;
font-size: 6vw;
margin-bottom: 15px;
font-weight: 700;
}
.history_nen {
font-weight: 900;
text-align: left;
font-family: DINWeb, sans-serif !important;
font-size: 4vw;
color: #EB5E00;
padding: 5vw;
}

/********************************************
	
記録室
	
********************************************/
h3.historyh3{
font-size: 5vw;
line-height: 1.8;
text-align: center;
font-weight: 700;
margin-bottom: 56px;
}
p.historytxtp{
width: 94%;
margin: 0 auto;
font-size: 3.5vw;
line-height: 1.5;
margin-bottom: 40px;
}
.historyback{
background: url(image/page/history/historyback.jpg);
background-position: top;
background-repeat: no-repeat;
width: 100%;
padding-top: 20vw;
}
ul.recordul{
width: 94%;
margin: 120px auto 190px;
}
ul.recordul li{
width: 49%;
float: left;
margin-left: 2%;
margin-bottom: 16px;
}
ul.recordul li:nth-child(odd){
margin-left: 0;
}
ul.recordul li img{
width: 100%;
height: auto;
}
div.historyplayerleft{
width: 49%;
float: left;
}
div.historyplayerright{
width: 49%;
float: right;
}

table.historyplayer{
width: 100%;
margin-top: 20vw;
margin-bottom: 50px;
}
table.historyplayer th{
background: #000;
color: #fff;
text-align: center;
vertical-align: middle;
vertical-align: middle;
font-size: 3vw;
}
table.historyplayer td{
height: 48px;
vertical-align: middle;
text-align: center;
font-size: 3vw;
}
table.historyplayer td:nth-child(3){
width: 25vw;
}
table.historyplayer tr:nth-child(even){
background: #ECECEB;
}
.recordmanager{
margin-bottom: 80px;
font-size: 3.5vw;
}
.recordmanager a{
text-decoration: underlineun;
color: #eb6100;
}
/********************************************
	
トップチーム
	
********************************************/
.playerbtnwrap{
width: 100%;
height: 40vw;
padding-top: 5vw;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 5vw;
box-sizing: border-box;
background: url(image/page/topteam/playerback.jpg);
background-position: center center;
background-size: cover;
}
.playerbtnwrap p{
margin-top: .9vw;
}
.playerbtnwrap a ,.clubbtnwrap a,.recordbtnwrap a,.aboutacademybtnwrap a,.academyplayerbtnwrap a{
margin: 5.3vw auto 0 28vw !important;
text-align: center;
left: 0;
right: 0;
}
.topteamback{
background: url(image/page/topteam/back.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 20vw;
width: 100%;
}
ul.pageglidbtn{
width: 100%;
}
ul.pageglidbtn li{
width :100% ;
/*float: left;*/
height: 40vw;
padding-top: 4.2vw;
padding-left: 3.5vw;
box-sizing: border-box;
margin-bottom: 20vw;
}
ul.pageglidbtn li p{
color: #fff;
font-weight: 700;
margin-top: .9vw;
font-size: 4vw;
font-style: italic;
}
ul.pageglidbtn li a{
margin: 5.3vw auto 0 28vw !important;
text-align: center;
left: 0;
right: 0;
}
.topteamglid01{
background: url(image/page/topteam/glid01.jpg);
background-position: center center;
background-size: cover;
}
.topteamglid02{
background: url(image/page/topteam/glid02.jpg);
background-position: center center;
background-size: cover;
}
.topteamglid03{
background: url(image/page/topteam/glid03.jpg);
background-position: center center;
background-size: cover;
}

/*****クラブ*****/
.clubbtnwrap{
width: 100%;
height: 40vw;
padding-top: 5vw;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 5vw;
box-sizing: border-box;
background: url(image/page/club/clubbtnback.jpg);
background-position: center center;
background-size: cover;

}
.recordbtnwrap{
width: 100%;
height: 40vw;
padding-top: 5vw;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 5vw;
box-sizing: border-box;
background: url(image/page/club/record.jpg);
background-position: center center;
background-size: cover;
}
/*****アカデミー*****/
.aboutacademybtnwrap{
width: 100%;
height: 40vw;
padding-top: 5vw;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 5vw;
box-sizing: border-box;
background: url(image/page/academy/aboutacademy.jpg);
background-position: center center;
background-size: cover;
}




.academyplayerbtnwrap{
width: 100%;
height: 40vw;
padding-top: 5vw;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 5vw;
box-sizing: border-box;
background: url(image/page/academy/academyplayer.jpg);
background-position: center center;
background-size: cover;

}
.academyglid01{
background: url(image/page/academy/u18matchresult.jpg);
background-position: center center;
background-size: cover;
}
.academyglid02{
background: url(image/page/academy/u18matchresult.jpg);
background-position: center center;
background-size: cover;
}
.academyglid03{
background: url(image/page/academy/u18facebook.jpg);
background-position: center center;
background-size: cover;
}
.academyglid04{
background: url(image/page/academy/sportsclub.jpg);
background-position: center center;
background-size: cover;
}
.academyglid05{
background: url(image/page/academy/u15schedule.jpg);
background-position: center center;
background-size: cover;
}
.academyglid06{
background: url(image/page/academy/u12schedule.jpg);
background-position: center center;
background-size: cover;
}

/*****レディース*****/
.aboutladiesbtnwrap{
width: 100%;
height: 40vw;
padding-top: 5vw;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 5vw;
box-sizing: border-box;
background: url(image/page/ladies/aboutladies.jpg);
background-position: center center;
background-size: cover;

}
.ladiesbtnwrap{
width: 100%;
height: 40vw;
padding-top: 5vw;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 5vw;
box-sizing: border-box;
background: url(image/page/ladies/ladiesboshu.jpg);
background-position: center center;
background-size: cover;


}
.ladiesglid01{
background: url(image/page/ladies/grid01.jpg);
background-position: center center;
background-size: cover;
}
.ladiesglid02{
background: url(image/page/ladies/grid02.jpg);
background-position: center center;
background-size: cover;
}
.ladiesglid03{
background: url(image/page/ladies/grid03.jpg);
background-position: center center;
background-size: cover;
}
.ladiesglid04{
background: url(image/page/ladies/grid04.jpg);
background-position: center center;
background-size: cover;
}
/*****グッズ*****/
.onlineshopbtnwrap{
width: 100%;
height: 40vw;
padding-top: 5vw;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 5vw;
box-sizing: border-box;
background: url(image/page/goods/grid01.jpg);
background-position: center center;
background-size: cover;

}
.antennashopbtnwrap{
width: 100%;
height: 40vw;
padding-top: 5vw;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 5vw;
box-sizing: border-box;
background: url(image/page/goods/grid02.jpg);
background-position: center center;
background-size: cover;

}
/*****ファンゾーン*****/
.fanzone01{
width: 100%;
height: 40vw;
padding-top: 5vw;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 5vw;
box-sizing: border-box;
background: url(image/page/fanzone/supportermember.jpg);
background-position: center center;
background-size: cover;

}
.fanzone02{
width: 100%;
height: 40vw;
padding-top: 5vw;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 5vw;
box-sizing: border-box;
background: url(image/page/fanzone/media.jpg);
background-position: center center;
background-size: cover;


}
.fanzone03{
background: url(image/page/fanzone/grid01.jpg);
background-position: center center;
background-size: cover;
}
.fanzone04{
background: url(image/page/fanzone/grid02.jpg);
background-position: center center;
background-size: cover;
}
.fanzone05{
background: url(image/page/fanzone/grid03.jpg);
background-position: center center;
background-size: cover;
}
.fanzone06{
background: url(image/page/fanzone/grid04.jpg);
background-position: center center;
background-size: cover;
}
/********************************************
	
スケジュール
	
********************************************/
p.schedulep{
font-size: 4vw;
margin-top: 20px;
}

p.schedulep a{
color: #EB5E00;
text-decoration: underline;
}
.cal_wrapper {
max-width: 800px; /* 最大幅 */
min-width: 300px; /* 最小幅 */
margin: 2.0833% auto;
}
.googlecal {
position: relative;
padding-bottom: 100%; /* 縦横比 */
height: 0;
overflow: hidden;
    }
.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
    }
     
@media only screen and (min-width: 600px) {
      /* 画面幅が600px以上の場合の縦横比の指定 */
.googlecal {
padding-bottom: 75%;
      }
    }
    
.mb200{
margin-bottom: 25vw;
}  
.pb200{
padding-bottom: 30vw;
}

/********************************************
	
練習場ガイド
	
********************************************/

p.practicetxt {
text-align: left;
margin: 0 auto 90px;
font-weight: 700;
line-height: 1.8;
width: 94%;
margin:0 auto;
font-size: 4vw;
}
.practiceback {
height: 340px;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover; 
padding-top: 130px;
box-sizing: border-box;
color: #fff;
margin-bottom: 150px;
}
.bg-02 {
background-image: url(image/page/practice/imageback.jpg);
}
h4.practiceh4{
text-align: center;
font-size: 6vw;
font-weight: 700;
color: #fff;
font-style: italic;
}
a.practicebtn{
display: block;
width: 80%;
text-align: center;
margin: 50px auto 0;
}
div.practiceimage{
margin-top: 75px;
width: 100%;
}
div.practiceinfo{
width: 100%;
margin-top: 30px;
}
span.practiceinfo_left{
width: 107px;
float: left;
display: block;
background: #000;
color: #fff;
text-align: center;
height: 32px;
line-height: 32px;
margin-right: 20px;
}
span.practiceinfo_right{
float: left;
display: block;
line-height: 1.8;
padding-top: 2px;
width: 100%;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.practicemap{
margin-top: 70px;
}
.parallelogram {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 10px;
    color: #000;
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
    width: 80%;
    margin: 30px 10% 0;
}
.parallelogram:before {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
transform: skewX(-20deg);
background-color: #FDD000;
content: "";
}
.practicecontainer{
padding-bottom: 20vw;
}
/********************************************
	
練習見学・ファンサービスについて
	
********************************************/
div.fanservice01{
background: #ECECEC;
width: 94%;
margin: 0 auto;
padding: 3vw 5vw;
line-height: 1.8;
font-size: 13px;
margin-bottom: 140px;
box-sizing: border-box;
}
div.fanservice02{
line-height: 2;
padding: 80px 0 140px;
}
div.fanservice02 p{
margin-bottom: 13px;
}
.marker_yellow_futo {
background: linear-gradient(transparent 0%, #ffff66 0%);
}
.marker_yellow_hoso {
background: linear-gradient(transparent 60%, #ffff66 60%);
}
h4.fanserviceh4{
font-size: 6vw;
font-weight: 700;
border-bottom: 1px solid #ADADAD;
padding-bottom: 20px;
margin-bottom: 20px;
margin-top: 10vw;
}
ul.fanservicebox{
width: 100%;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
ul.fanservicebox li{
width: 100%;
margin-bottom: 5vw;
}

.fanserviceboxtxt{
background: #ECECEC;
}
.fanserviceimage01{
width: 100%;
margin-bottom: 20px;
}
div.fanservice03{
background: #ECECEC;
width: 100%;
margin: 0 auto;
padding: 5vw;
line-height: 1.8;
font-size: 13px;
margin-bottom: 10vw;
box-sizing: border-box;
}
h5.serviceh5{
font-weight: 700;
font-size: 17px;
margin-bottom: 20px;
}
h5.serviceh5 span{
line-height: 20px;
}
h5.serviceh5 img{
margin-right: 20px;
}
/********************************************
	
観戦ガイド
	
********************************************/
.stadiumbtnwrap{
width: 100%;
height: 40vw;
padding-top: 5vw;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 5vw;
box-sizing: border-box;
background: url(image/page/watchingguide/stadiumback.jpg);
background-position: center center;
background-size: cover;


}
.accessbtnwrap{
width: 100%;
height: 40vw;
padding-top: 5vw;
color: #fff;
font-style: italic;
font-weight: 700;
font-size: 5vw;
box-sizing: border-box;
background: url(image/page/watchingguide/accessback.jpg);
background-position: center center;
background-size: cover;

}
.watchingguideglid04{
background: url(image/page/watchingguide/glid01.jpg);
background-position: center center;
background-size: cover;
}
.watchingguideglid05{
background: url(image/page/watchingguide/glid02.jpg);
background-position: center center;
background-size: cover;
}
.watchingguideglid06{
background: url(image/page/watchingguide/glid03.jpg);
background-position: center center;
background-size: cover;
}
.watchingguideglid07{
background: url(image/page/watchingguide/glid04.jpg);
background-position: center center;
background-size: cover;
}



ul.pageglidbtn2{
width: 100%;
}
ul.pageglidbtn2 li{
width : 100% ;
height: 40vw;
padding-top: 4.2vw;
padding-left: 3.5vw;
box-sizing: border-box;
margin-bottom: 20vw;
}
ul.pageglidbtn2 li p{
color: #fff;
font-weight: 700;
margin-top: .9vw;
font-size: 1vw;
font-style: italic;
}

ul.pageglidbtn2 li a {
    margin: 5.3vw auto 0 28vw !important;
    text-align: center;
    left: 0;
    right: 0;
}
/*************************************

スタジアムガイド

************************************/
p.stadiumtxt {
text-align: center;
margin: 0 auto 90px;
font-weight: 700;
line-height: 1.8;
width: 94%;
font-size: 4vw;
}
div.stadiumimage{
width: 94%;
margin: 40px auto 0;
}
div.stadiumtxt2 {
text-align: left;
margin: 45px auto 55px;
font-weight: 700;
line-height: 1.8;
font-size: 4vw;
}
/*************************************

お問い合わせ設定

************************************/
div.entryform{
margin-top: 30px;
	}
div.formpolicybox{
width: 100%;
height: 300px;
overflow: scroll;
padding: 10px;
border: 1px solid #ccc;
	}
.contact_wrap{
	padding-bottom: 40px;
}
.contact_txt{
	padding: 20px 0;
}
.contact_txt p{
	line-height: 180%;
	margin-bottom: 30px;
}
.contact_txt p strong{
	font-weight: 700;
}
.g-enquete-row {
    border-top: #cccccc solid 1px !important;
    border-bottom: #cccccc solid 1px !important;

}
.mw_wp_form_g-enquete table th{
	background: #f2f2f2 !important;
	color: #570000 !important;
	vertical-align: middle !important;
}
.mw_wp_form_g-enquete input[type="submit"], .mw_wp_form_g-enquete input[type="button"], .mw_wp_form_g-enquete button {
    border: 1px solid #570000!important;
    border-radius: 0 !important;
    font-size: 20px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #570000 !important;
    cursor: pointer;
    -webkit-appearance: button;
    line-height: 20px;
    padding: 10px 30px !important;
    text-shadow: none !important;-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;
}
.mw_wp_form_g-enquete input[type="submit"]:hover {
    border: 1px solid #570000!important;
    border-radius: 0 !important;
    font-size: 20px !important;
    background: #570000 !important;
    box-shadow: none !important;
    color: #fff !important;
    cursor: pointer;
    -webkit-appearance: button;
    line-height: 20px;
    padding: 10px 30px !important;
    text-shadow: none !important;
}
.hisu{
	font-size: 12px;
	margin-left: 10px;
	color: red;
}
.require{
	display: none;
}
.mw_wp_form_g-enquete .action-buttons {
	text-align: center;
}
/********************************************
	
試合日程結果
	
********************************************/	
table.gamescheduletable_2{
width: 100%;
margin-top: 65px;
margin-bottom: 150px;

}
table.gamescheduletable_2 tr{
margin-bottom: 30px;
border: 4px solid #eb6100;
display: block;
border-radius: 3px;
}

table.gamescheduletable_2 th{
/*background: #000;
color: #fff;
text-align: center;
vertical-align: middle;
font-size: 3vw;
padding-top: 13px;
padding-bottom: 13px;*/
display:none;
}
table.gamescheduletable_2 td:first-child,table.gamescheduletable_2 td:nth-child(3){
font-size: 5vw;
font-weight: 700;
color: #252726;
}
table.gamescheduletable_2 td{
vertical-align: middle;
border-bottom: 1px solid #fff;
padding-top: 13px;
padding-bottom: 13px;
width: 100%;
font-size: 4vw;
display: block;
text-align: center;
box-sizing: border-box;
height: 16vw;
position: relative;
}
table.gamescheduletable_2 td p{
display: inline-block;
}

table.gamescheduletable_2 td:nth-child(5):before {
        content: '冠パートナー';
        color: #000;
        margin-right: 10vw;
        display: inline-block;
        padding: 2vw;
        background: #eb6100;
        font-size: 2.5vw;
        text-align: left;
        position: absolute;
        left: 3vw;
        color: #fff;
        width: 20vw;
        text-align: center;
    }
    
table.gamescheduletable_2 td:nth-child(6):before {
        content: 'サンクスデー';
           color: #000;
        margin-right: 10vw;
        display: inline-block;
        padding: 2vw;
        background: #eb6100;
        font-size: 2.5vw;
        text-align: left;
        position: absolute;
        left: 3vw;
        color: #fff;
        width: 20vw;
        text-align: center;
    }
table.gamescheduletable_2 td:nth-child(7):before {
        content: '放送予定';
       color: #000;
        margin-right: 10vw;
        display: inline-block;
        padding: 2vw;
        background: #eb6100;
        font-size: 2.5vw;
        text-align: left;
        position: absolute;
        left: 3vw;
        color: #fff;
        width: 20vw;
        text-align: center;
    }
table.gamescheduletable_2 td:nth-child(7){
font-size: 3.5vw;
line-height: 5vw;
}

.backhomeaway_away td:nth-child(6),.backhomeaway_away td:nth-child(5){
display: none;
}

table.gamescheduletable_2 td:first-child,table.gamescheduletable_2 td:nth-child(4),table.gamescheduletable_2 td:nth-child(5),table.gamescheduletable_2 td:nth-child(6){
text-align: center;
}
table.gamescheduletable_2 td:nth-child(2),table.gamescheduletable_2 td:nth-child(7){
padding-left: 20px;
}
.backhomeaway_home{
background:rgba(233,158,59,0.3); 
}.backhomeaway_away{
background:#F0F0F0;
}

.backhomeaway_home2{
background:#EB5E00; 
color: #fff;
padding: 0 4px;
display: inline-block;
margin-right: 10px;
}
.backhomeaway_away2{
background:#666666;
color: #fff;
padding: 0 4px;
display: inline-block;
margin-right: 10px;
}
.taseasonback{
width: 100%;
background: url(image/nittei/taseasonback.jpg) no-repeat;
background-size: cover;
padding-top: 10vw;
padding-bottom: 10vw;
}
.otherseasonbtn{
width: 94%;
margin: 20vw auto 20vw;
}
.otherseasonbtn a{
font-size: 13px;
padding-top: 20px;
font-weight: 500;
display: block;
width: 49%;
float: left;
background: #fff;
box-sizing: border-box;
margin-bottom: 15px;
/* box-shadow */
box-shadow:0px 0px 6px 3px #dbdbdb;
/* border-radius */
border-radius:6px;
/* border */
border:1px solid #cccccc;
height: 55px;
margin-left: 2%;
text-align: center;
line-height: 55px;
vertical-align: middle;
color: #000;
}
.otherseasonbtn a:hover{
color: #FE5200;
}
.otherseasonbtn a:nth-child(odd){
margin-left: 0;
}
.otherseasonbtn a span{
overflow: visible;
display: block;
background: url(image/nittei/sankaku.svg);
vertical-align: middle;
background-repeat: no-repeat;
background-position: top 50% right 30%;
background-size: 13px 13px;
}
.otherseasonbtn2{
width: 94%;
margin: 50px auto 100px;
}
.otherseasonbtn2 a{
font-size: 13px;
padding-top: 20px;
font-weight: 500;
display: block;
width: 49%;
float: left;
background: #fff;
box-sizing: border-box;
margin-bottom: 15px;
/* box-shadow */
box-shadow:0px 0px 6px 3px #dbdbdb;
/* border-radius */
border-radius:6px;
/* border */
border:1px solid #cccccc;
height: 55px;
margin-left: 2%;
text-align: center;
line-height: 55px;
vertical-align: middle;
color: #000;
}
.otherseasonbtn2 a:hover{
color: #FE5200;
}
.otherseasonbtn2 a:nth-child(odd){
margin-left: 0;
}
.otherseasonbtn2 a span{
font-size: 3vw;
overflow: visible;
display: block;
background: url(image/nittei/sankaku.svg);
vertical-align: middle;
background-repeat: no-repeat;
background-position: top 50% right 10%;
background-size: 13px 13px;
}

/**********************************************

各チームアイコン

************************************************/

/*レノファ山口*/
p.renofa_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
	color: #000;
	font-weight: 700;
}
p.renofa_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/renofa.svg) no-repeat;
	background-size:90%;
}
p.yamaguchi_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
	font-weight: 700;
}
p.yamaguchi_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/renofa.svg) no-repeat;
	background-size:90%;
}


p.oita_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.oita_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/oita.svg) no-repeat;
	background-size:90%;
}


p.mito_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.mito_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/mito.svg) no-repeat;
	background-size:90%;
}
p.machida_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.machida_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/machida.svg) no-repeat;
	background-size:90%;
}
p.fukuoka_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.fukuoka_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/fukuoka.svg) no-repeat;
	background-size:90%;
}

p.omiya_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.omiya_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/omiya.svg) no-repeat;
	background-size:90%;
}

p.tokyov_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.tokyov_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/tokyov.svg) no-repeat;
	background-size:90%;
}
p.tokyovnew_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.tokyovnew_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(image/teamemblem_300_svg/tokyovnew.svg) no-repeat;
	background-size:90%;
}
p.tochigi_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.tochigi_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/tochigi.svg) no-repeat;
	background-size:90%;
}
p.kanazawa_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.kanazawa_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/kanazawa.svg) no-repeat;
	background-size:90%;
}
p.matsumoto_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.matsumoto_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/matsumoto.svg) no-repeat;
	background-size:90%;
}
p.yamagata_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.yamagata_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/yamagata.svg) no-repeat;
	background-size:90%;
}
p.niigata_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.niigata_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/niigata.svg) no-repeat;
	background-size:90%;
}
p.kofu_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.kofu_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/kofu.svg) no-repeat;
	background-size:90%;
}
p.kyoto_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.kyoto_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/kyoto.svg) no-repeat;
	background-size:90%;
}
p.sanuki_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.sanuki_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/sanuki.svg) no-repeat;
	background-size:90%;
}
p.jef_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
	
}
p.jef_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/jef.svg) no-repeat;
	background-size:90%;
}
p.chiba_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
	
}
p.chiba_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/jef.svg) no-repeat;
	background-size:90%;
}
p.okayama_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.okayama_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/okayama.svg) no-repeat;
	background-size:90%;
}
p.tokushima_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.tokushima_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/tokushima.svg) no-repeat;
	background-size:90%;
}
p.gifu_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.gifu_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/gifu.svg) no-repeat;
	background-size:90%;
}
p.yokohamafc_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.yokohamafc_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/yokohamafc.svg) no-repeat;
	background-size:90%;
}
p.kumamoto_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.kumamoto_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/kumamoto.svg) no-repeat;
	background-size:90%;
}
p.ehime_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.ehime_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/ehime.svg) no-repeat;
	background-size:90%;
}
p.kashiwa_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.kashiwa_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	margin-top: 2px;
	background:url(./image/teamemblem_300_svg/kashiwa.svg) no-repeat;
	background-size:90%;
}
p.hiroshima_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.hiroshima_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/hiroshima.svg) no-repeat;
	background-size:90%;
}
p.cerezo_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.cerezo_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	margin-top: 2px;
	background:url(./image/teamemblem_300_svg/cerezo.svg) no-repeat;
	background-size:90%;
}
p.nagasaki_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.nagasaki_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/nagasaki.svg) no-repeat;
	background-size:90%;
}
p.kagoshima_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.kagoshima_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/kagoshima.svg) no-repeat;
	background-size:90%;
}
p.ryukyu_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.ryukyu_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/ryukyu.svg) no-repeat;
	background-size:90%;
}
p.kitakyushu_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.kitakyushu_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/kitakyushu.svg) no-repeat;
	background-size:90%;
}
p.gunma_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.gunma_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/gunma.svg) no-repeat;
	background-size:90%;
}
p.iwata_emblem{
	position:relative;
	line-height:2em;
	text-indent:2em;
}
p.iwata_emblem:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(./image/teamemblem_300_svg/iwata.svg) no-repeat;
	background-size:90%;
}



/********************************************
	
お知らせ　投稿設定
	
********************************************/
.singleclubinfo{
background: url(image/singlehead/clubinfo.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.singleeventinfo{
background: url(image/singlehead/eventinfo.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.singlemediainfo{
background: url(image/singlehead/mediainfo.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.singleladiesacademy{
background: url(image/singlehead/ladiesacademy.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.singlegoodsinfo{
background: url(image/singlehead/goodsinfo.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.singleallnews{
background: url(image/singlehead/allnews.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 15vw;
}
.singlearchive{
background: url(image/singlehead/archive.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 15vw;
}

.singleclubinfo .pageheadtxt ,
.singleeventinfo .pageheadtxt,
.singlemediainfo .pageheadtxt,
.singleladiesacademy .pageheadtxt,
.singlegoodsinfo .pageheadtxt,
.singleallnews .pageheadtxt,
.singlearchive .pageheadtxt{
width: 60%;
height: auto;
}
.singleallnews .pageheadtxt img,
.singleclubinfo .pageheadtxt img,
.singleeventinfo .pageheadtxt img,
.singlemediainfo .pageheadtxt img,
.singleladiesacademy .pageheadtxt img,
.singlegoodsinfo .pageheadtxt img, 
.singleallnews .pageheadtxt img,
.singlearchive .pageheadtxt img
{
width: 100%;
}

.singlewrap{
width: 94%;
margin: 0 auto;
}
.single_left{
width: 100%;

padding-bottom: 100px;
}
.singlecate{
font-size: 2.5vw;
margin-right: 10px;
}
.single_right{
width: 94%;
margin: 10vw auto;
}
h1.singletitle{
border-top:#000 2px solid;
border-bottom:#000 2px solid;
padding: 5vw;
font-size: 6vw;
margin-bottom: 20px;
}
.singledatecate{
text-align: right;
margin-bottom: 40px;
}
.singlecontents{
line-height: 1.5;
width: 100%;
font-size: 4vw;
}
.singlecontents p{
margin-bottom: 5vw;
font-size: 4vw;
}
.singlecontents a{
color: #eb6100;
text-decoration: underline;
}

.singlecontents h2{
font-size: 4vw;
font-weight: 700;
border-bottom: 1px solid #000;
}

.singlecontents h3{
margin-bottom: 20px;
}


.singlecontents h4{
margin-bottom: 20px;
}

.singlecontents h5{
margin-bottom: 20px;
}

.single_right ul{
width: 100%;
margin-bottom: 15px;
}
.single_right ul li{
width: 100%;
margin-bottom: 10px;
border-bottom: 1px solid #525252;
padding: 4px 0 4px 10px;
}
.single_right ul li a{
color: #000;
font-size: 3.5vw;

}
.singlecard{
text-align: center;
color: #fff;
background: #eb6100;
}



/*ページナビ2*/	
.pagenavi{
height: 10vw;
padding-top: 20px;
width: 100%;
margin: 0 auto;
	}
.pagenavi a, .pagenavi span {
    color: #eb6100;
    background-color: #FFFFFF;
    padding: 3vw;
    border-radius: 3px;
    margin: 0 2px;
    white-space: nowrap;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    text-align: center;
    text-decoration: none;
    border: thin solid #eb6100;
	display: inline-block;
font-size: 3vw;
}
.pagenavi span.current {
    font-weight: bold;
}
.pagenavi a:hover, .pagenavi span.current {
    border-color: #000;
}
.pagenavi span.current {
    color: #fff;
    font-size: 3vw;
    background-color: #eb6100;
    border: thin solid #eb6100;
        border-top-color: #eb6100;
        border-right-color: #eb6100;
        border-bottom-color: #eb6100;
        border-left-color:#eb6100;
}	
/*************************************

レノファスクエア 応援自販機募集 法人サポーター募集

************************************/
p.pagetxtother{
width: 100%;
margin-bottom: 20px;
line-height: 1.8;
font-size: 4vw;
}
div.pageimgother{
width: 100%;
margin: 50px auto;
}
p.pagetxtother a{
text-decoration: underline;
vertical-align: middle;
color: #eb6100;
}
p span.red{
color: red;
}
/*************************************

パートナー

************************************/
.tablepressback {
    background-color: #e6e6e6;
    padding: 15px 0;
    margin-bottom: 50px;
}
#tablepress-116.tablepress td,#tablepress-117.tablepress td,#tablepress-118.tablepress td,#tablepress-119.tablepress td,#tablepress-121.tablepress td,#tablepress-122.tablepress td,#tablepress-123.tablepress td,#tablepress-124.tablepress td{
text-align: center !important;
}
.tablepress a{
text-decoration: underline;
color: #eb6100;
}

#tablepress-118.tablepress td{
width : calc(100% / 3) ;
}

#tablepress-122.tablepress{
width: 100%;
box-sizing: border-box;
}
#tablepress-122.tablepress td{
width : calc(100% / 4) ;
padding: 0 !important;
font-size: 3vw;
}
#tablepress-122.tablepress td img{
width: 23vw !important;
height: auto;
}


#tablepress-123.tablepress{
width: 100%;
box-sizing: border-box;
}
#tablepress-123.tablepress td{
width : calc(100% / 4) ;
padding: 0 !important;
font-size: 3vw;
}
#tablepress-123.tablepress td img{
width: 23vw !important;
height: auto;
}


#tablepress-124.tablepress{
width: 100%;
box-sizing: border-box;
}
#tablepress-124.tablepress td{
width : calc(100% / 4) ;
padding: 0 !important;
font-size: 3vw;
}

/**********************************************

U-18概要2018

************************************************/

#about_academy{
	width: 100%;
}
h1.academy{
	font-size: 22px;
	font-weight: 700;
	color: #eb6100;
	float: none !important;
    margin-bottom: 50px;
}
table.academyschedule{
	width: 100%;
	margin-bottom: 10px;
}
table.academyschedule th{
	color: #eb6100;
	font-size: 16px;
    vertical-align: middle;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
table.academyschedule td{
	font-size: 16px;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
.shushin_wrap{
	padding: 20px;
	background: #f2f2f2;
    width: 80%;
    margin: 0 auto 50px;
}
.shushinbox{
margin-bottom: 15px;
}
.shushinbox p{
margin-bottom: 15px;
}
h2.shushin{
	font-weight: 700;
	font-size: 28px;
	border-bottom: 1px solid #4c4c4c;
	margin-top: 0 !important;
    margin-bottom: 15px;
}
h5.keireki{
	background: #000;
	color: #fff !important;
	width: 80px;
	font-size: 11px !important;
	border-radius: 4px;
	text-align: center;
	padding: 4px 8px;
    margin-bottom: 5vw;
}
span.u18dai{
	font-size: 16px;
	font-weight: 700;
	margin-right: 20px;
}
div.forshidou{
	background: url(image/image2018/u18/shidouback.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	line-height: 200px;
	height: 200px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 30px;
	background-position: center center;
}
ul.ryo_food{
	width: 100%;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.ryo_food li{
	float: left;
	width: 49%;
	margin-left: 2%;
    margin-bottom: 20px;
}
ul.ryo_food li img{
	width: 100%;
	height: auto;
}
ul.ryo_food li:nth-child(odd){
	margin-left: 0;
}
h3.academtstaff{
	color: #000;
	font-size: 20px;
}
div.u18staffimg{

	width: 70%;
    margin: 0 auto;
}
div.u18staff_txt{
margin-top: 10vw;
	line-height: 1.8;
    font-size: 4vw;
	width: 100%;
}
/**********************************************

u18選手一覧

************************************************/
.nameup_aca{
width: 100%;
}
.nameup_aca .nameup_left{
font-size: 8vw;
color: #eb6100;
font-weight: 700;
}
.nameup_aca .romaji{
font-size: 2.5vw;
}
.acaarchivewrap{
margin-top: 50px;
margin-bottom: 100px;
}
.acaarchivewrap li{
margin-left: 2%;
width: 49%;
margin-bottom: 20px;
}
.acaarchivewrap li:nth-child(odd){
margin-left:0;
}
.acaname{
width: 100%;
font-size: 24px;
font-weight: 700;
}
.nameup_aca .katagaki{
color: #000;
}

/**********************************************

レディース

************************************************/
.ladiesbox{
margin:10px 0 15px 0;
}
.ladiesbox h3{
font-weight:bold;
}
#ladiesimg{
width:100%;
}
#ladiesimg li{
width:100%;
margin-bottom:10px;
}

.ladies_nen {
font-weight: 900;
text-align: left;
font-family: DINWeb, sans-serif !important;
font-size: 25px;
color: #EB5E00;
padding: 2px 0;
}
/**********************************************

健康元気体操

************************************************/
.taisou_head{
	width:950px;
	height:300px;
	position:relative;
}
.taisou_head img{
width:100%;
height:auto;
}
.taisou_title{
	background:#eb6100;
	position:absolute;
	top:180px;
	left:50px;
	padding:10px;
	color:#fff;
	box-shadow:0px 0px 0px 2px #fff;
}
h2.taisoutitle{
	
}
h2.taisouh2{
	color: #fff;
font-size: 28px;
font-weight: 700;
}

h3.taisouh3{
color: #fff;
font-size: 16px;
font-weight: 500;
}
#taisou{
padding: 30px 0;
}
p.taisoutxt{
width: 90%;
margin: 0 auto 40px;
}

div.taisoulogo{
width: 70%;
margin: 20px 15% 40px;
}
div.taisoulogo img{
width: 100%;
height: auto;
}

/******************************

託児室サービス

******************************/

table.takuji {
    margin-top: 20px;
    margin-bottom: 30px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    
}
table.takuji th {
    padding: 10px ;
	width: 25%;
    margin-top: 20px;
    margin-bottom: 30px;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #FEFCD3;
    color: #EA5E00;
    font-weight: 700;
    vertical-align: middle;
    font-size: 4vw;
    
}
table.takuji td {
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 3.5vw;
}
.hisu{
	font-size: 10px;
	color:red;
}
.jizen{
	font-weight: 700;
	font-size: 16px;
	color: red;
}
.privacypolicy {
    width: 90%;
    padding: 5px;
    border: 1px solid 
    #ccc;
    border-radius: 2px;
    margin-bottom: 20px;
    height: 200px;
    overflow: scroll;
}

/********************************************
	
メディア情報
	
********************************************/
a.mediabtn{
width: 80%;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
display: block;
margin:30px auto;
text-align: center;
color: #eb6100;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;
}
a.mediabtn:hover{
color: #fff;
background: #eb6100;
}
/******************************

初めての観戦ガイド

******************************/
.kansenguidebtn{
width: 100%;
margin-bottom: 80px;
}

.kansenguidebtn a{
width : 80% ;
display: block;
margin: 0 auto 20px;
border: 1px solid #eb6100;
color: #eb6100;
text-align: center;
height: 40px;
border-radius: 6px;
box-sizing: border-box;
line-height: 40px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}

.kansenguidebtn a:hover{
color: #fff;
background: #eb6100;
}
.guidesub{
text-align: center;
margin-bottom: 10vw;
}
.guidesub span.guidesubspan{
background: #252726;
color: #fff;
padding: 4px 20px;
font-size: 3vw;
border-radius: 6px;
}
.firsttimeglid{
width: 100%;
margin-bottom: 30px;
}
.firsttimeglid li{
width: 100%;
margin-bottom: 10px;
}

/******************************

スタジアムアクセスガイド

******************************/
.red{
color: red;
}
.accesstxt01{
font-weight: 700;
font-size: 6vw;
color: #eb6100;
}
.accessbtn{
width: 100%;
margin-bottom: 10px;
}
.accessbtn a{
width: 49%;
margin-left: 2%;
font-size: 3vw;
display: block;
border: 1px solid #eb6100;
color: #eb6100;
text-align: center;
padding: 5vw 0;
border-radius: 6px;
margin-bottom: 10px;
float: left;
box-sizing: border-box;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.accessbtn a:nth-child(odd){
margin-left: 0;
}
/******************************

ボンズ

******************************/
.bondstxt{
text-align: center;
font-weight: 700;
font-size: 24px;
color: #eb6100;
margin-bottom: 30px;
}
/********************************************
	
絆
	
********************************************/
a.kizunabtn{
width: 80%;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
display: block;
margin:30px auto;
text-align: center;
color: #eb6100;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;
}
a.kizunabtn:hover{
color: #fff;
background: #eb6100;
}
/*************************

QRチケット

**************************/
p.qrhetxt{
margin: 10px 0;
}

p.qrhetxt a{
text-decoration: underline;
color: #eb6100;
}
p.qrtickettxt{
margin: 0 0 20px;
line-height: 1.5;
font-size: 14px;
}
div.qrmerit{
border: 1px solid #eb5e00;
margin-bottom: 10px;
}
div.qrmerit span.qrmeritp{
line-height: 40px;
font-size: 6vw;
padding: 5vw;
box-sizing: border-box;
color: #4d4d4d;
width: 100%;
display: inline-block;
}
span.qrnumber{
color: #fff;
background: #eb5e00;
text-align: center;
display: block;
width: 100%;
font-size: 7vw;
font-family: 'Oswald', sans-serif;
}
div.qrclubjleage{
width: 100%;
margin-bottom: 50px;
}
div.clubjleagelogo{
margin: 0 auto 10vw;
width: 40vw;
}
div.qrclubjleagetxt{
width: 100%;
text-align: center;
box-sizing: border-box;
}
.mb50{
margin-bottom: 50px !important;
}
p.qrclubjleagetxtp{
color: #4d4d4d;
font-size: 3.5;
vertical-align: middle;
text-align: left;
margin-bottom: 5vw;
}
span.orangemaru{
color: #eb5e00;
font-size: 20px;
vertical-align: middle;
}
ul.qrdownload{
width: 100%;
margin: 0 auto;
}
ul.qrdownload li{
width: 80%;
margin: 10px auto;
}
ul.qrdownload li a{
display: block;
margin-top: 26px;
}

.qrdownloadtxt{
line-height: 1.5;
margin: 10px 0;
}
a.clubjleague{
display: block;
color: #fff;
background: #b3b3b3;
text-align: center;
padding: 20px 0;
width: 100%;
font-size: 20px;
font-weight: 700;
margin-bottom: 50px;
}

ul.qrhouhou{
width: 100%;
display: flex;
justify-content:space-between;
}
ul.qrhouhou li{
width: 203px;
}
div.qrhouhouwrap{
width: 100%;
margin-bottom: 50px;
}


div.kounyuuhouhouwrap{
width: 100%;
background: #FFFF99;
padding: 5%;
margin-bottom: 50px;
box-sizing: border-box;
}
h5.qrhouhouh5{
text-align: center;
font-weight: 700;
}
div.konyuhouhoubtn{
width: 100%;
margin: 20px 0 0;
}
div.konyuhouhoubtn br{
display: none;
}
div.konyuhouhoubtn a{
display: block;
color: #fff;
width: 100%;
box-sizing: border-box;
border-radius: 6px;
background: #eb6100;
text-align: center;
font-size: 5vw;
margin-bottom: 10px;
line-height: 1.2;
padding: 5vw;
}



ul.qrotherhouhou{
width: 100%;
margin-bottom: 30px;
}
ul.qrotherhouhou li{
width : calc(100% / 3) ;
float: left;
padding: 2vw;
box-sizing: border-box;
font-size: 3vw;
}
ul.qrotherhouhou li img{
border: 1px solid #ccc;
box-sizing: border-box;
width: 100%;
height: auto;
}


ul.qrotherhouhou li:nth-child(3n+1){
margin-left: 0;
}
div.qrothehouhouwrap{
width: 100%;
margin-bottom: 50px;
}
div.qrstep{
margin: 20px 0 5px;
width: 100%;
}
p.qrhouhoutxt{
margin: 10px 0;
}
div.qrsoushin{
width: 60%;
margin: 10px auto;
}
a.tojticketbtn{
display: block;
margin: 20px auto;
width: 70%;
color: #EB5E00;
border: 1px solid #EB5E00;
padding: 8px;
text-align: center;
}
a.tojticketbtn:hover{
color: #fff;
border: 1px solid #EB5E00;
background: #EB5E00;
}
/**********************************************

チケット半券サービス

************************************************/
.tickettext{
font-size: 16px;
font-weight: 700;
margin-top: 20px;
}
.ticketimage{
float: left;
margin: 0;
width: 330px;
}
.ticketimage img{
width: 330px;
height: auto;
margin-bottom: 8px;
}
.ticketservice{
width: 100%;
margin-top: 10px;
}
.ticketservice li{
float: left;
width: 330px;
margin-left: 10px;
margin-bottom: 10px;
padding: 10px;
background: #FEFCD3;
}
.ticketservice li:nth-child(odd){
margin-left: 0;
}
.ticketservice li h2{
color: #EA5E00;
font-weight: 700;
font-size: 16px;
border-bottom: 1px solid #EA5E00;
}
.ticketbtn{
display: block;
margin: 5px 15px;
text-align: center;
width: 300px;
padding: 5px;
background: #EA5E00;
color: #fff !important;
text-decoration: none !important;
}
.h120{
height: 120px;
}
table.ts {
    margin-top: 20px;
    margin-bottom: 30px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
table.ts th{
width: 25%;
padding: 10px;
margin-top: 20px;
margin-bottom: 30px;
border-collapse: separate;
border-spacing: 0;
text-align: center;
line-height: 1.5;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #FEFCD3;
color: #EA5E00;
font-weight: 700;
vertical-align: middle;
font-size: 4vw;
}
table.ts td{
vertical-align: middle;
padding: 10px;
margin-top: 20px;
margin-bottom: 30px;
border-collapse: separate;
border-spacing: 0;
text-align: left;
line-height: 1.5;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 4vw;
}
table.ts td a{
display: block;
font-size: 4vw;
text-align: center;
padding: 5px;
background: #EA5E00;
color: #fff !important;
text-decoration: none !important;
}
.w150{
width: 130px !important;
text-align: center !important;
}
.shorisearvice{
width: 710px;
}
.shorisearvice h4{
  margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #EA5E00;
    border-bottom: 1px solid #EA5E00;
				font-weight: 700;
}
.shorisearvice a{
display: block;
margin-right: 10px;
width: 110px;
text-align: center;
margin-top: 10px;
float: right;
padding: 5px;
background: #EA5E00;
color: #fff !important;
text-decoration: none !important;
}
}

/*****************************************************************************************************************************

スマホサイトcss終了

******************************************************************************************************************************/




h5.spnavh5{
margin-top: 5vw;
text-align: center;
font-weight: 700;
color: #eb6100;
}


/*!
 * jquery-drawer v3.2.2
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */

.drawer-open{
overflow:hidden!important;
}
.drawer-nav{
position:fixed;z-index:2;
top:0;overflow:
hidden;
width:16.25rem;
height:100%;
color:#fff;
background: #252726;
}
.drawer-brand{
font-size:1.5rem;
font-weight:700;
line-height:3.75rem;
display:block;
padding-right:.75rem;
padding-left:.75rem;
text-decoration:none;color:#fff
}
.drawer-menu{
display: block;
margin: 0 0 15px;
padding: 0 10px 40px 10px;
/*border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #4d4d4d;*/
list-style:none；font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 15px;
/*background: #333;*/
color: #fff;
}
    .arrow{
    position: relative;
    display: inline-block;
    padding: 0 5px 0 16px;
    color: #fff;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
    }
    .arrow::before,
    .arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    }
			
    .sample4-2::before{
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    }
    .sample4-2::after{
    left: 6px;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-left: 3px solid #000;
    }
.drawer-menu li{
/*
border-bottom: 1px solid #000;
margin-bottom: 10px;*/
display: block;
margin: 0;
text-align: left;
border-bottom: 1px solid rgba(0,0,0,1);
    box-shadow: 0 1px 0 rgba(255,255,255,0.1);
/*padding: 8px ;*/
/*line-height: 40px;*/
/*border-top: 1px solid #4d4d4d;*/
/*border-bottom: #666 1px solid;*/
/*padding: 0 0 5px 15px;*/

}
.drawer-menu li a{
font-weight: 500;
color: #fff;
text-decoration: none;
	height: 25px ;
/*padding-left: 25px;*/
}
.drawer-menu-item{
font-size:1rem;
display:block;
padding:.75rem;
text-decoration:none;
color:#222}
.drawer-menu-item:hover{
text-decoration:underline;
color:#555;
background-color:transparent}
.drawer-overlay{
position:fixed;
z-index:1;top:0;
left:0;display:none;
width:100%;
height:100%;
background-color:rgba(0,0,0,.2)}
.drawer-open .drawer-overlay{
display:block}
.drawer--top .drawer-nav{
top:-100%;
left:0;
width:100%;
height:auto;
max-height:100%;
-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);
transition:top .6s cubic-bezier(.19,1,.22,1)}
.drawer--top.drawer-open .drawer-nav{top:0}
.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{
left:-16.25rem;
-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);
transition:left .6s cubic-bezier(.19,1,.22,1)}
.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{
left:0}
.drawer--left.drawer-open .drawer-hamburger{
left:16.25rem}.drawer--right .drawer-nav{
right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);
transition:right .6s cubic-bezier(.19,1,.22,1)}
.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0;
z-index: 500;}.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}

.drawer-hamburger{
position:fixed;
background: #eb6100;
z-index:4;
top:-5px;
display:block;
box-sizing:content-box;
width:2rem;padding:0;
padding:18px .75rem 30px;
-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;
/*background-color:transparent*/}

.drawer-hamburger:hover{
cursor:pointer;
background: #c1272d;/*background-color:transparent*/
}
.drawer-hamburger-icon{
position:relative;
display:block;
margin-top:10px}
.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{
width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);
transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#fff}
.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon
{background-color:transparent
}
.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}
.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}

@media (min-width:64em){
.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}
.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}
.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}
.drawer--sidebar .drawer-container{max-width:48rem}

}@media (min-width:75em){
.drawer--sidebar .drawer-nav{width:16.25rem}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}
.drawer--sidebar .drawer-container{max-width:60rem}}

.drawer--navbarTopGutter{padding-top:3.75rem}
.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}
.drawer-navbar{z-index:3;top:0;width:100%}
.drawer-navbar--fixed{position:fixed}
.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}
.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}
.drawer-navbar .drawer-brand:hover{background-color:transparent}.drawer-navbar .drawer-nav{padding-top:3.75rem}.drawer-navbar .drawer-menu{padding-bottom:7.5rem}
@media (min-width:64em){
.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}
.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}
.drawer-navbar .drawer-menu--right{float:right}.drawer-navbar .drawer-menu li{float:left}
.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}
.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}
.drawer-navbar .drawer-menu{padding:0}.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}}

.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}
.drawer-dropdown-menu>li{width:100%;list-style:none}
.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}
.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-dropdown.open>.drawer-dropdown-menu{display:block}
.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.drawer-container{margin-right:auto;margin-left:auto}
@media (min-width:64em){
.drawer-container{max-width:60rem}
@media (min-width:75em){.drawer-container{max-width:70rem}}