/* @override 
	http://61.206.114.199:8001/f_spot/f_files/2017/170122_new_structure/base.css */

@charset "UTF-8";
/* CSS Document */

html, body {
  font-family: Verdana, Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 14px;
  line-height: 1.6; 
  color: #fff;
  background-color: #111;
  }
  
  @media screen and (max-width: 599px) {
  	*, *:before, *:after {
  		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box;
  		-o-box-sizing: border-box;
  		-ms-box-sizing: border-box;
  		box-sizing: border-box;
  	}
  }
  
  
  
  .left{
  	float: left;
  }
  
  .right{
  	float: right;
  }
  
  @media screen and (max-width: 599px) {
  	.left,.right {
  		overflow: auto;
  		padding-bottom: 20px;
  		position: relative;
  		z-index: 100000;
  	}
  }
  
  
  
  #container{
  	position: relative;
  width: 100%;	
  padding: 0 0 0 0;
  	min-height: 2200px;
  }
  
 section{
 	display: block;
 	height: auto;
 	clear: both;
 } 

 #btn_pagetop{
 position: fixed;
 z-index: 2000;	
 right: 24px;
 bottom: 24px;
 width: 80px;
 height: 80px;
 text-align: center;
 }
  
   #btn_pagetop a{
   	display: block;
   width: 60px;
   height: 60px;
   background-image: url('images/bg_wh_20p.png');
   border-radius: 30px;
   }
   
   #btn_pagetop img{
   	width: 26px;
   	margin-top: 20px;
   }
  
  
  header{
  	text-align: center;
  	background-image: url('images/bg_bk_90p.png');
  	position: fixed;
  	z-index: 10000;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 64px;
  }
  
    header #header_inner{
    	padding: 10px 0 0 0 ;
    	width:1024px ;
    	margin: 0 auto;
    	position: relative;
    	
    }
    
    @media screen and (max-width: 599px) {
    	header #header_inner {
    		width: 100%;
    	}
    }
    
    
    
        header #header_inner h1 img{
/*        	width: 54%;*/
        }
  
  
  article#main{
  	padding: 64px 0 120px 0;
  }
  
  @media screen and (max-width: 599px) {
  	article#main {
  		width: 100%;
  		overflow: hidden;
  	}
  }
  
 

  
  section#main_kv h1 img{
  	width: 100%;
  }
  
  
    section.inbox{
    	margin: 0px 0 60px 0;
    	position: relative;
    	z-index: 0;
    	min-width: 1024px;
    }
	
	@media screen and (max-width: 599px) {
		section.inbox {
			width: 100%;
			min-width: initial;

		}
	}
	
	
	section.inbox p.img{
   	width: 90%;
  	text-align: center;
    	margin:  0 auto;
    line-height: 0.5;
    position: relative;
    z-index: 0;
  }
  
  
  
  
section.inbox p.img img {
	width: 100%;
  }
  
  section.inbox p.img.w img{
width: 50%;
display: inline-block;
  }
  
    div.box_text{
    	height: auto;
    }
    
    
        div.box_text:after{
        	content: '.';
        	display: block;
        	visibility: hidden;
        	clear: both;
        	height: 0;
        }
  
  
  div.box_text.msg{
  	color: #fff;
  	min-width: 1024px ;
  	padding: 0 8% 0 8%;
  	height: auto;
  	margin: 0 auto;
  	position: relative;
  	z-index: 1000;
  }
  
  @media screen and (max-width: 599px) {
  	div.box_text.msg {
  		width: 100%;
  		min-width: initial;
  	}
  }
  
  
  
    div.main_column{
    }
  
      div.main_column p{
  	line-height: 2;
  	margin-bottom: 1.3em;
   	font-size: 14px;
      }
      
      @media screen and (max-width: 599px) {
      	div.main_column p {
      		font-size: 12px;
      	}
      }
      


 div.box_prof{
 	padding: 0 0 24px 0 ;
 	border-bottom: 1px solid #777;
 	margin-bottom: 2em;
 }
 
   div.box_prof h2{
   	font-size: 14px;
   }
 
  div.box_prof h1{
  	font-size: 32px;
  	letter-spacing: 0.1em;
  }

  div.box_prof p{
  	font-size: 12px;
  	line-height: 1.4;
  }
  
  
    div.box_text.msg#msg_mayer{
  	position: absolute;
  	top: 200px;
	/*left: 400px;*/
    }
  
  
      div.box_text.msg#msg_mayer div.right{
      	width: 48%;
      }
      
      @media screen and (max-width: 599px) {
      	div.box_text.msg#msg_mayer div.right {
      		width: 55%;
      	}
      }
      
  
  
  
  div.box_text.msg#msg_president{
  position: absolute;
  top: 920px;
  
  }
  
   div.box_text.msg#msg_president div.right{
   	width: 48%;
   }
   
   @media screen and (max-width: 599px) {
   	div.box_text.msg#msg_president div.right {
   		width: 55%;
   	}
   }
   
  
    
      div.box_text.msg#msg_shoji{
    	position: absolute;
    	top: 250px;
      }
    
    
        div.box_text.msg#msg_shoji div.left{
        	width: 42%;
        }
        
        @media screen and (max-width: 599px) {
        	div.box_text.msg#msg_shoji div.left {
        		width: 55%;
        	}
        }
        
  
  div.box_text.msg#msg_kantoku{
  position: absolute;
  	top: 300px;
  }
  
   div.box_text.msg#msg_kantoku div.left{
   	width: 40%;
   }
   
   @media screen and (max-width: 599px) {
   	div.box_text.msg#msg_kantoku div.left {
   		width: 55%;
   	}
   }
   
  
  
  section#new_player{
  	
  }
  
   section.inbox.new_player div.box_text{
   	position: absolute;
   	top: 54px;
   	width: 35%;
   }
   
   
   section.inbox.new_player div.box_text#tabinas {
    width: 42%;
   }
   

   section.inbox.new_player div.box_text#ao {
    width: 43%;
   }
 
   section.inbox.new_player div.box_text#popp {
    width: 43%;
   }

   section.inbox.new_player div.box_text#abe {
    width: 39%;
   }

   section.inbox.new_player div.box_text#ienaga {
    width: 43%;
   }

   section.inbox.new_player div.box_text#rhayner {
    width: 43%;
   }

  
   section.inbox.new_player div.box_text.left{
   	left: 10%;
   }
     
     
      section.inbox.new_player div.box_text.right{
     	right: 10%;
      }
  
  
     section.inbox.new_player h2{
     	font-family: 'Roboto',sans-serif;
     	font-weight: 300;
     	font-size: 100px;
        	color: #22b1f8;
        	line-height: 1;
     }
     
     @media screen and (max-width: 599px) {
     	section.inbox.new_player h2 {
     		font-size: 50px;
     	}
     }
     
     
          section.inbox.new_player h1{
          	font-size: 36px;
          	line-height: 1.5;
          }
          
          @media screen and (max-width: 599px) {
          	section.inbox.new_player h1 {
          		font-size: 18px;
          	}
          }
          
     
        section.inbox.new_player h2 span{
        	color: #fff;
        }
        
         section.inbox.new_player small{
         	line-height: 2;
         }
        
      section.inbox.new_player div.player_inner{
      	padding-bottom: 20px;
      }
      
       section.inbox.new_player p.comment{
       	line-height: 2.2;
       }
      
      
      section.inbox.new_player p.comment small{
      	font-size: 11px;
      	display: block;
      	line-height: 1.7;
      	margin-top: 0.5em;
	  	color: #999;
      }
      
      @media screen and (max-width: 599px) {
      	section.inbox.new_player div.box_text.left,
      	section.inbox.new_player div.box_text.right {
      		position: static;
      		width: 96%!important;
      		margin: 0 auto 20px;
      		padding: 0;
      		height: auto;
      		overflow: visible;
      		float: none;
      	}
      }
  
  
  section.fullbox{
  		width: 100%;
  		height: auto;
	  margin-bottom: 60px;
  }
  
  section.fullbox div.inner{
  	position: relative;
  	z-index: 0;
  }
  
  @media screen and (max-width: 599px) {
  	section.fullbox div.inner {
  		overflow-y: auto;
  		height: 100%;
  	}
  }
  
  
div#box_table{
position: absolute;
  	width: 1024px;
  	left: 50%;
  	margin-left: -512px;
  	vertical-align: top;
  	z-index: 2000;
  	top: 0;
  }
  
  @media screen and (max-width: 599px) {
  	div#box_table {
  		position: relative;
  		left: 0;
  		margin-left: 0;
  		padding-bottom: 20px;
  	}
  	
  	#box_num div.inner p.bg_full img.lazy {
  		position: absolute;
  		z-index: -1;
  	}
  
  
  }
  
  
  
    div#box_table:after{
    	content: '.';
    	display: block;
    	visibility: hidden;
    	clear: both;
    	height: 0;
    }
  
   section#box_num div.inner p.bg_full{
   	position: relative;
   	z-index: 0;
   }
  
  
  div#box_table table{
  text-align: center;
  float: left;
  }
  
    div#box_table table.player{
  	width: 30%;
    }
    
    div#box_table table.staff{
    	width: 18%;
    }
  
  div#box_table table th{
  font-size: 12px;	
  }  
  
  div#box_table table{
  	background-color: #151515;
  	margin: 0 0 0 10px ;
  }
  
     div#box_table thead th{
     	background-color: #111;
     }
  
    div#box_table table,
      div#box_table table th,
        div#box_table table td{
  	border: 1px solid #222;
  	vertical-align: middle;
        }
  
  div#box_table table th,
    div#box_table table td{
    	padding: 0.5em 0 0.5em 0;
    }
    
    div#box_table table.player tr td:nth-of-type(3){
    	width: 50%;
    }
    
    div#box_table table.player th.col_position{
    	font-size: 10px;
    	line-height: 1.4;
    }
    
     div#box_table table.player thead th,
        div#box_table table.staff thead th{
     	vertical-align: middle;
     	height: 3em;
     }
    
    
      div#box_table table.staff tbody th{
      	font-size: 10px;
      	line-height: 1.5;
      }
    
    div#box_table table.staff tbody td{
    	width: 50%;
    }
  
  
  
  p.bg_full{
  	width: 100%;
  }
  
    p.bg_full img{
    	width: 100%;
    }
  
  

  
    section.fullbox p.img{
    	text-align: center;
    }
    
    @media screen and (max-width: 599px) {
    	section.fullbox p.img {
    		width: 100%;
    	}
    	
    	section.fullbox p.img img {
    		width: 100%;
    		height: auto;
    	}
    }
    
  
     #box_end{
     	margin: 0;
     }
     
     
     
   #box_end p.img{
   	text-align: center;
   }
  
 #box_end p.img img{
 	width: auto;
 }
  

  
  /*--*/
  footer{
  	clear: both;
  	text-align: center;
  	padding: 28px 0 48px 0;
  	border-top: 8px solid #252525;
  }
  
    footer p.copyright{
    	font-size: 10px;
    	font-family: Roboto,sans-serif;
    	font-weight: 100;
    	letter-spacing: 0.05em;
    	color: #888;
    }