@charset="UTF-8"

/*共通*/

.homehpme{}

body{width:100%; height:100%; margin:0; color:white; font-family: 'Sawarabi Gothic', sans-serif; background:/*rgba(0,0,51,0.8);*/#000033; min-height: 100%;
	display: flex; flex-direction: column;}

.container{/*flex: 1;*/ min-height:calc(100vh - 60px); position:relative;}

header{width:100%; height:70px; position:fixed; margin:0; background:#000033; z-index:5; }
.fa-instagram,.fa-facebook-f,.fa-twitter,.fa-envelope,.fa-blog{color:lime; margin:10px 10px 5px 0; font-size:2em; }
#finies{width:150px; height:40px; margin:5px 0 5px; }
#sns{float:right;}
.new{margin:0px; background:lime; color:#000033; font-size:70%;}
.new a:link,.new a:visited{color:navy;}
a:link,a:visited{color:white;}

nav{width:25%; float:left; position:fixed; margin:70px 0 0; font-family: 'Noto Sans', sans-serif; font-size:120%; }
nav a:link,nav a:visited,ul{color:lime;}
ul li{list-style-type:none;}
#homeline{border:0;border-top:dashed 1px lime ;width:150px;}

/*各種タイトル*/
.title{font-family: 'Anton', sans-serif; color:navy; background:lime; display:inline-block; padding-right:15px; padding-left:15px;}
.about,.report,.fans{font-size:150%; margin:30px 0 0;}
.subtitle{font-size:350%; margin:10px;}
.carry{font-family: 'Anton', sans-serif; font-size:500%; margin:10px;}
.topicss,.players{font-size:150%; margin:70px 0 0;}
.photo{font-size:120%; margin:30px 0 0;}

/*背景画像*/
.skabout{height:3500px; min-height:calc(100vh - 60px); position:relative; background:rgba(0,0,51,0.8); }
.gabout{width:100%; height:100%; position: relative; margin: 0 auto; background:url(mimages/about.jpg) no-repeat; 
background-size:cover; background-attachment:fixed;    top:0; bottom:100px; }


.gtopicss{width:100%; height:100%; position: relative; margin: 0 auto; background:url(mimages/topics.jpg) no-repeat; 
background-size:cover; background-attachment:fixed;    top:0; bottom:100px; }

.sktopicss{height:2800px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.sktopicsss{height:1800px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.sktopicssss{height:2200px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.sktopics{height:1300px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.sktopicscheer{height:1800px; min-height:calc(100vh - 40px); position:relarive; background:rgba(0,0,51,0.8); }
.sktopicsscheer{height:2700px; min-height:calc(100vh - 40px); position:relarive; background:rgba(0,0,51,0.8); }
.gtopics{width:100%; height:100%; position: relative; margin: 0 auto; background:url(mimages/topics.jpg) no-repeat; 
background-size:cover; background-attachment:fixed;    top:0; bottom:100px; }

.sksche{height:2000px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.gsche{width:100%; height:100%; position: relative; margin: 0 auto; background:url(mimages/schedule.jpg) no-repeat; 
background-size:cover; background-attachment:fixed;    top:0; bottom:100px; }

.skreport{height:4000px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.skreportt{height:3300px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.greport{width:100%; height:100%; position: relative; margin: 0 auto; background:url(mimages/report.jpg) no-repeat; 
background-size:cover; background-attachment:fixed;    top:0; bottom:100px; }

.skplayer{height:800px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.skplayers{height:4600px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.gplayers{width:100%; height:100%; position: relative; margin: 0 auto; background:url(mimages/players.jpg) no-repeat; 
background-size:cover; background-attachment:fixed;    top:0; bottom:100px; }

.skcoach{height:3000px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.gcoach{width:100%; height:100%; position: relative; margin: 0 auto; background:url(mimages/coach.jpg) no-repeat; 
background-size:cover; background-attachment:fixed;    top:0; bottom:100px; }

.skphoto{height:1500px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.skphoto2019{height:11700px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.skphoto2018{height:1500px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.gphoto{width:100%; height:100%; position: relative; margin: 0 auto; background:url(mimages/photo.jpg) no-repeat; 
background-size:cover; background-attachment:fixed;    top:0; bottom:100px; }

.skfans{height:1800px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.gfans{width:100%; height:100%; position: relative; margin: 0 auto; background:url(mimages/fans.jpg) no-repeat; 
background-size:cover; background-attachment:fixed;    top:0; bottom:100px; }

.skgoods{height:3200px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.skgoodss{height:900px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.ggoods{width:100%; height:100%; position: relative; margin: 0 auto; background:url(mimages/goods.jpg) no-repeat; 
background-size:cover; background-attachment:fixed;    top:0; bottom:100px; }

.skticket{height:800px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.gticket{width:100%; height:100%; position: relative; margin: 0 auto; background:url(mimages/ticket.jpg) no-repeat; 
background-size:cover; background-attachment:fixed;    top:0; bottom:100px; }

.gsponsor{width:100%; height:100%; position: relative; margin: 0 auto; background:url(mimages/sponsor.jpg) no-repeat; 
background-size:cover; background-attachment:fixed;    top:0; bottom:100px; }
.sksponsor{height:1500px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }

.skcheer{height:3000px; min-height:calc(100vh - 60px); position:relarive; background:rgba(0,0,51,0.8); }
.gcheer{width:100%; height:100%; position: relative; margin: 0 auto; background:url(mimages/cheer.jpg) no-repeat; 
background-size:cover; background-attachment:fixed;    top:0; bottom:100px; }

section{width:75%; float:right; margin:50px 0;}

/*フッター*/
footer{clear:both; width:100%; height:60px; background:#000033; /*position:bottom;*/ z-index:4;}
#logo{width:90px; height:30px;}
#copy{margin:0; color:white; font-style:italic;}

/*トップ*/
.home{min-height: calc(100vh - 40px); /*height:100vh;*/ margin:0; background-image:url(mimages/top3.jpg); background-attachment:fixed; 
background-size:cover;/*containcover*/ background-repeat:no-repeat;}

/*アバウト*/
#logowhite{margin:30px; width:500px;}
/*#yone{margin:0 20px 20px 100px;}*/
#slogan{width:500px;}
.br-pc { display:block; }
.br-sp { display:none; }

/*アバウトとトピックス*/
article{margin:50px 0; width:820px;}

/*トピックス*/
td{height:40px;}
.date{ text-align:center; width:100px; vertical-align:bottom;}
.topics1{ text-align:center; width:90px; vertical-align:bottom;}
.topics2{ text-align:left; width:550px; vertical-align:bottom; }
table{padding-bottom:20px;}

/*トピックス詳細*/
.topics{margin:70px 0 0;}
.datee{font-family 'Noto Sans', sans-serif; text-align: right; margin:0 80px;}
.team1{margin:20px auto; width:700px; }
.team2{margin:30px auto; width:700px; }
.team3{margin:20px auto; width:350px; }
.team4{margin:20px auto; width:550px; }
.cheer1{margin:20px auto; height:300px; }
.cheer2{margin:20px auto; width:350px; }

/*選手一覧*/
.member{color:white; margin:0 5px 10px; background:#000033; display:inline-block;}
.name{text-align:center;}
.picture{ position: relative;/*相対配置*/ margin:10px 10px 0; text-align: center; }
.pimages{width:150px;}

.p{position: absolute;/*絶対配置*/ color: white; font-size:200%; font-family: 'Anton', sans-serif;}
.number{top: 0px; left: 10px;}
.position{bottom: 10px; right: 10px;}
.cposition{bottom: 10px; right: 10px; color:#000033;}

/*選手詳細*/

.profile {
	margin: 10px 0;
	float: left;
	width: 100%;
	background: #000033 ;
padding-top:10px;}

.profile img {
	width:300px; height:375px;
	margin:0 10px 10px;
	max-width: 40%;
	float: left;}

.profile p {
	margin: 0;
	padding-left: 20px;}

.pronumber{font-size:300%; font-family: 'Impact', sans-serif; background:lime; color:#000033 ; display:inline-block;
margin:10px; padding-top:10px; padding-bottom:10px; padding-right:20px; padding-left:20px; position:relative; float:right;}
.proposition{font-size:300%; font-family: 'Impact', sans-serif; }
.proname{font-size:300%; padding-top:10px;}
.proname2{font-size:130%; padding-bottom:30px;}
.other{font-size:150%;}


.right {
	width: 60%;
	float: left;}


/*試合結果*/
ul.year {
	display:table;
	table-layout:fixed;
	width:300px;
	height:50px;
	margin:0 -40px;
	padding-bottom: 40px; 
font-size:120%;}

ul.year li {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	border:1px solid lime;}

ul.year li a {
	display:block;
	text-decoration:none;
	color:lime;}

.score{width:700px; height:150px; margin:0 0 30px;}
.score2019{width:700px; height:150px; /*margin:0 0 30px;*/}
.match{font-size:120%; margin:20px 0 0;}
.report{margin:0 0 50px;}
.game{margin:0 0 90px;}

/*スケジュール*/
.schedule1{width:700px; height:210px; margin:10px 0 0;}
.schedule2{width:700px; height:100px; margin:10px 0 0;}
.schedule3{width:700px; height:420px; margin:10px 0 0;}
.schedule5{width:700px; height:140px; margin:10px 0 0;}

/*フォトギャラリー*/
.photo{width:230px; margin:10px; display:inline-block;}

/*グッズ*/
.gimages{width:300px;}
.price{text-align:center;}
.sale{text-align:center; color:lime;}

/*チケット*/
#ticket{width:500px; margin:30px 0;}

/*ファン*/
#fan1{margin:10px 20px 0; width:700px; }

/*スポンサー*/
#mslogo{width:300px; height:100px; margin:0 auto;}
#slogo{width:200px; position: relative;/*相対配置*/ margin:10px 10px 0; text-align: center;}
.sponsor1{display: inline-block;}
.sponsor{display: inline-block;}
.msname{font-size:150%; text-align:center;}
.sname{text-align:center;}
.psname{font-size:150%;}

/*チア*/
.ctable{padding-bottom:50px;}

.cheerposition{font-size:150%; padding-bottom:50px;}
.cheername{font-size:300%; font-family: 'Impact', sans-serif; padding-top:30px;}

/*ページナンバー*/
.pager ul {
	list-style: none;
	/*position: relative;*/
	position:absolute; bottom:0%;
	left: 50%;
	float: left;}

.pager ul li {
	margin: 0 1px;
	position: relative;
	left: -50%;
	float: left;}

.pager ul li span,
.pager ul li a {
	display: block;
	font-size: 20px;
	padding: 0.6em 1em;
	border-radius: 3px;}

.pager ul li a {
	/*background: #EEE;*/
	color: white;
	text-decoration: none;}

/*.pager ul li a:hover {
	background: #333;
	color: #FFF;}*/