@charset="UTF-8"

/*共通*/

.homehome{}

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

.container{flex: 1; min-height:calc(100vh - 85px);}

/*======スマホバージョン！=======*/

/*共通*/
header{width:100%; height:70px; /*margin:0;*/ position:fixed; top: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:3em; }
#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:200px; margin:70px 0 0; font-family: 'Noto Sans', sans-serif; font-size:200%; line-height:2;}
nav a:link,nav a:visited,ul{color:lime;}
ul li{list-style-type:none;}
#homeline{border:0;border-top:dashed 1px lime ;width:200px;}

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

/*section{width:70%; float:right; margin:50px 0;}*/
section{margin:70px 10px 50px; 5px; }

/*フッター*/
footer{clear:both; height:85px; background:#000033;}
#logo{width:90px; height:30px;}
#copy{margin:0; color:white;font-style:italic;}

/*トップ*/
.home{min-height: calc(100vh - 60px); margin:0; background-image:url(mimages/phone.jpg); width:100%; background-attachment:fixed; 
background-size:cover; background-repeat:no-repeat; }
/*.skhome{width:100%; min-height:calc(100vh - 60px); position:relarive; background:url(logo/navy.png),rgba(0,0,51,0.8); 
background-repeat:no-repeat; background-position:50% 50%;}*/

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

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

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

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

.cheer1{margin:20px auto; width:150px; }
.cheer2{margin:20px auto; width:200px;}

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

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


/*選手詳細*/
.profile {
	margin: 0 auto;
	width: 70%;
padding-top:10px;}

.profile img {
	width:200px; height:250px;
padding-bottom:20px;}

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

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

.right {
float: clear;}

/*試合結果*/
ul.year {
	display:table;
	table-layout:fixed;
	width:150px;
	height:20px;
	margin:100px -30px 0; 
	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:320px; /*height:150px;*/ margin:0 10px 30px;}
.score2019{width:320px; margin:0 10px 0;}
.match{font-size:70%; margin:20px 10px 0;}
.game{margin:0 0 50px;}

/*スケジュール*/
.schedule1{width:350px; /*height:400px;*/ margin:20px 0 0;}
.schedule2{width:350px; /*height:210px;*/ margin:20px 0 0;}
.schedule3{width:350px; height:200px; margin:20px 0 0;}
.schedule5{width:350px; /*height:140px;*/ margin:10px 0 0;}

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

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

/*チケット*/
#ticket{width:300px; margin:10px 20px;}

/*ファン*/
#fan1{width:350px; /*height:400px;*/ margin:20px 0 0;}

/*スポンサー*/
#mslogo{width:300px; margin:0 auto;}
#slogo{width:250px; position: relative;/*相対配置*/ margin:0 auto; 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%;}

/*チア*/
table{padding-bottom:30px;}

.cheerposition{font-size:130%; padding-bottom:30px;}
.cheername{font-size:200%; font-family: 'Anton', sans-serif; padding-top:10px;}

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

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

.pager ul li span,
.pager ul li a {
	display: block;
	font-size: 15px;
	padding: 0.3em 0.5em;
border-radius: 3px;}

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

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




/*======ハンバーガーメニュー=======*/
/* チェックボックスオンの時 */
.check:checked ~ .contents {
	-webkit-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	transform: translateX(-300px);
}
/* ドロワー */
.drawer-menu {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,51,0.8);
	-webkit-transform: perspective(500px) rotateY(-90deg);
	transform: perspective(500px) rotateY(-90deg);
	opacity: 0;
}
/* チェックボックスオンの時 */
.check:checked ~ .drawer-menu {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	z-index:2;
}
/* チェックボックスを非表示 */
.check {
	display: none;
}
/* メニューボタン(label) */
.menu-btn {
	position: fixed;
	display: block;
	top: 40px;
	right: 0px;
	display: block;
	width: 40px;
	height: 60px;
	/*background: #000033;*/
	cursor: pointer;
	z-index: 3;
}
.bar{
	position:absolute;
	top:10px;
	left:0;
	display: block;
	width: 40px;
	height: 5px;
	background: lime;
	-webkit-transition:all .5s;
	transition:all .5s;
	-webkit-transform-origin:left top;
	-ms-transform-origin:left top;
	transform-origin:left top;
}
.bar.top{
top:35px;}

.bar.middle{
	top:45px;
	/*opacity:1;*/
}
.bar.bottom{
	top:55px;
	-webkit-transform-origin:left bottom;
	-ms-transform-origin:left bottom;
	transform-origin:left bottom;
}

/* コンテンツの閉じる。普段は非表示(label)*/
.close-menu {
	position: fixed;
	top: 0;
	right: 100%;
	width: 100%;
	height: 100vh;
	visibility: hidden;
	opacity: 0;
}
/* チェックボックスオンの時 */
.check:checked ~ .close-menu {
	visibility: visible;
	opacity: 1;
	z-index: 3;
}